carbon-react 119.10.0 → 119.10.2

package/lib/style/utils/color.js

@@ -49,13 +49,12 @@ const toColor = (theme, color) => {
   return color;
 };
 exports.toColor = toColor;
-var _default = _ref => {
-  let {
-    color,
-    bg,
-    backgroundColor,
-    ...rest
-  } = _ref;
+var _default = ({
+  color,
+  bg,
+  backgroundColor,
+  ...rest
+}) => {
   const obj = {};
   obj.color = color ? toColor(rest.theme, color) : undefined;
   obj.bg = bg || backgroundColor ? toColor(rest.theme, bg || backgroundColor) : undefined;

package/lib/style/utils/filter-out-styled-system-spacing-props.js

@@ -6,9 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _filterStyledSystemMarginProps = require("./filter-styled-system-margin-props");
 var _filterStyledSystemPaddingProps = require("./filter-styled-system-padding-props");
-const filterOutStyledSystemSpacingProps = props => Object.fromEntries(Object.entries(props).filter(_ref => {
-  let [key] = _ref;
-  return ![..._filterStyledSystemMarginProps.marginPropertyNames, ..._filterStyledSystemPaddingProps.paddingPropertyNames].includes(key);
-}));
+const filterOutStyledSystemSpacingProps = props => Object.fromEntries(Object.entries(props).filter(([key]) => ![..._filterStyledSystemMarginProps.marginPropertyNames, ..._filterStyledSystemPaddingProps.paddingPropertyNames].includes(key)));
 var _default = filterOutStyledSystemSpacingProps;
 exports.default = _default;

package/lib/style/utils/form-style-utils.js

@@ -63,8 +63,7 @@ const calculateWidthValue = props => {
   return `width: calc(100% + ${paddingValue});`;
 };
 exports.calculateWidthValue = calculateWidthValue;
-const calculateFormSpacingValues = function (props, isFormContent) {
-  let containerComponent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "dialog";
+const calculateFormSpacingValues = (props, isFormContent, containerComponent = "dialog") => {
   const {
     paddingTop,
     paddingBottom,

package/lib/style/utils/merge-deep.js

@@ -11,10 +11,7 @@ exports.mergeDeep = mergeDeep;
 function isObject(item) {
   return item && typeof item === "object" && !Array.isArray(item);
 }
-function merge(_target) {
-  for (var _len = arguments.length, _sources = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    _sources[_key - 1] = arguments[_key];
-  }
+function merge(_target, ..._sources) {
   if (!_sources.length) return _target;
   const source = _sources.shift();
   if (isObject(_target) && isObject(source)) {
@@ -34,11 +31,8 @@ function merge(_target) {
 /**
  * Deep merge two objects.
  */
-function mergeDeep(target) {
+function mergeDeep(target, ...sources) {
   // ensure function is not mutative
   const newTarget = JSON.parse(JSON.stringify(target));
-  for (var _len2 = arguments.length, sources = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-    sources[_key2 - 1] = arguments[_key2];
-  }
   return merge(newTarget, ...sources);
 }

package/lib/style/utils/mix.js

@@ -7,10 +7,7 @@ exports.default = void 0;
 const decToHex = decimal => decimal.toString(16);
 const hexToDec = hex => parseInt(hex, 16);
 const isShortHex = hex => hex.length === 3;
-const processHexes = function () {
-  for (var _len = arguments.length, hexes = new Array(_len), _key = 0; _key < _len; _key++) {
-    hexes[_key] = arguments[_key];
-  }
+const processHexes = (...hexes) => {
   return hexes.map(hex => hex.replace(/#/, "")).map(hex => {
     return isShortHex(hex) ? hex.repeat(2) : hex;
   });
@@ -19,8 +16,7 @@ const processHexes = function () {
 /**
  * A Javascript implementation of the Sass `mix` mixin.
  */
-var _default = function _default(inputColorA, inputColorB) {
-  let weight = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 50;
+var _default = (inputColorA, inputColorB, weight = 50) => {
   const [colorA, colorB] = processHexes(inputColorA, inputColorB);
   const colorAPairs = colorA.match(/.{1,2}/g);
   const colorBPairs = colorB.match(/.{1,2}/g);

package/lib/style/utils/width.js

@@ -11,12 +11,9 @@ var _styledSystem = require("styled-system");
  * size, display, verticalAlign, overflow, overflowX and overflowY props most of which are usually not needed.
  * That's why the purpose of this function is to pass only the`width` prop to the `layout` function.
  */
-var _default = _ref => {
-  let {
-    width
-  } = _ref;
-  return (0, _styledSystem.layout)({
-    width
-  });
-};
+var _default = ({
+  width
+}) => (0, _styledSystem.layout)({
+  width
+});
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "119.10.0",
+  "version": "119.10.2",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",
@@ -14,8 +14,8 @@
     "test": "jest --config=./jest.config.json",
     "test-update": "jest --config=./jest.config.json --updateSnapshot",
     "cypress:react": "npx cypress open --component --browser chrome",
-    "format": "prettier --write './{src,cypress}/**/*.{js,jsx,ts,tsx}'",
-    "lint": "eslint ./src ./cypress",
+    "format": "prettier --write './{src,cypress,playwright}/**/*.{js,jsx,ts,tsx}'",
+    "lint": "eslint ./src ./cypress ./playwright",
     "build": "node ./scripts/build.js",
     "copy-files": "node ./scripts/copy-files.js",
     "precompile": "npm run type-check && npm run clean-lib && npm run build && npm run build:types && npm run copy-files",
@@ -29,10 +29,16 @@
     "clean-lib": "rimraf ./lib && rimraf ./esm",
     "commit": "git-cz",
     "generate-metadata": "node ./scripts/generate_metadata/index.mjs",
-    "type-check": "tsc --noEmit && tsc -p ./cypress/tsconfig.json",
-    "type-check:watch": "concurrently --names 'src,cypress' -c 'cyan,yellow' 'tsc --noEmit --watch' 'tsc -p ./cypress/tsconfig.json --watch'",
+    "type-check:carbon": "tsc --noEmit",
+    "type-check:cypress": "tsc -p ./cypress/tsconfig.json",
+    "type-check:playwright": "tsc -p ./tsconfig-playwright.json",
+    "type-check": "npm run type-check:carbon && npm run type-check:cypress && npm run type-check:playwright",
+    "type-check:watch": "concurrently --names 'src,cypress,playwright' -c 'cyan,yellow,magenta' 'npm run type-check:carbon -- --watch' 'npm run type-check:cypress -- --watch' 'npm run type-check:playwright -- --watch'",
     "build:types": "tsc -p tsconfig-build.json --emitDeclarationOnly --outDir ./lib && tsc -p tsconfig-build.json --emitDeclarationOnly --outDir ./esm",
-    "prepare": "husky install"
+    "prepare": "husky install",
+    "test:ct": "playwright test -c playwright-ct.config.ts",
+    "test:ct:ui": "playwright test --ui -c playwright-ct.config.ts",
+    "test:ct:report": "npx playwright show-report"
   },
   "repository": {
     "type": "git",
@@ -54,6 +60,7 @@
   "devDependencies": {
     "@babel/cli": "^7.21.5",
     "@babel/core": "^7.21.8",
+    "@babel/eslint-parser": "^7.22.9",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-transform-classes": "^7.21.0",
     "@babel/preset-env": "^7.21.5",
@@ -64,6 +71,7 @@
     "@commitlint/cli": "^17.6.3",
     "@commitlint/config-conventional": "^17.6.3",
     "@dlgshi/cypress-plugin-designtokens": "^0.0.1-development",
+    "@playwright/experimental-ct-react17": "^1.36.1",
     "@sage/design-tokens": "^4.17.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/exec": "^6.0.3",
@@ -103,7 +111,6 @@
     "@typescript-eslint/parser": "^5.59.5",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
     "axe-core": "^4.7.0",
-    "babel-eslint": "^10.0.3",
     "babel-jest": "^26.6.3",
     "babel-plugin-dev-expression": "^0.2.3",
     "browserslist": "^4.21.5",
@@ -127,13 +134,13 @@
     "eslint": "^7.32.0",
     "eslint-config-airbnb": "^18.2.1",
     "eslint-config-prettier": "^6.15.0",
-    "eslint-plugin-jest": "^24.1.3",
-    "eslint-plugin-react": "^7.20.3",
     "eslint-plugin-cypress": "^2.13.3",
     "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-jest": "^24.7.0",
     "eslint-plugin-jest-dom": "^3.9.4",
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-no-unsanitized": "^3.2.0",
+    "eslint-plugin-react": "^7.20.3",
     "eslint-plugin-react-hooks": "^4.6.0",
     "events": "~1.1.1",
     "fast-glob": "^3.2.12",
@@ -152,6 +159,7 @@
     "raf": "^3.4.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "react-router-dom": "^6.14.2",
     "react-test-renderer": "^17.0.2",
     "rimraf": "^3.0.2",
     "semantic-release": "^19.0.5",
@@ -165,6 +173,7 @@
     "webpack-dev-server": "^4.15.0"
   },
   "dependencies": {
+    "@axe-core/playwright": "^4.7.3",
     "@floating-ui/dom": "^1.2.7",
     "@floating-ui/react-dom": "^1.3.0",
     "@octokit/rest": "^18.12.0",