carbon-react 154.3.2 → 154.3.3-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "154.3.2",
+  "version": "154.3.3-beta.1",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",
@@ -13,18 +13,15 @@
     "test-update": "jest --config=./jest.config.ts --updateSnapshot",
     "format": "prettier --write './{src,playwright}/**/*.{js,jsx,ts,tsx}'",
     "lint": "eslint ./src ./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",
+    "precompile": "npm run type-check && npm run build",
     "prepublishOnly": "npm run precompile",
-    "watch": "npm run clean-lib && npm run copy-files -- --watch & npm run babel -- --watch",
     "build-storybook": "dotenvx run -- storybook build -c .storybook",
     "build-storybook:prod": "dotenvx run -f .env.production -- storybook build -c .storybook",
     "start:static": "npx http-server -p 9001 ./storybook-static",
     "clean-lib": "rimraf ./lib && rimraf ./esm",
     "commit": "git-cz",
     "generate-metadata": "node ./scripts/generate_metadata/index.mjs",
-    "type-check:carbon": "tsc --noEmit",
+    "type-check:carbon": "tsc --noEmit -p ./tsconfig-build.json",
     "type-check:playwright": "tsc -p ./tsconfig-playwright.json",
     "type-check": "npm run type-check:carbon && npm run type-check:playwright",
     "type-check:watch": "concurrently --names 'src,playwright' -c 'cyan,yellow' 'npm run type-check:carbon -- --watch' 'npm run type-check:playwright -- --watch'",
@@ -36,7 +33,10 @@
     "clear-playwright-cache": "rimraf ./playwright/.cache",
     "clear-playwright-coverage-json": "rimraf ./playwright/coverage/*.json",
     "test:ct:coverage": "npm run clear-playwright-cache && npm run clear-playwright-coverage-json && rimraf ./playwright/coverage && playwright test -c playwright-ct.config.ts",
-    "pw:coverage:report": "nyc report --reporter=html --report-dir=./playwright/coverage --temp-dir=./playwright/coverage"
+    "pw:coverage:report": "nyc report --reporter=html --report-dir=./playwright/coverage --temp-dir=./playwright/coverage",
+    "build": "npm run clean-lib && rollup -c \"./rollup.config.mjs\" && npm run build:generate-package-json-files && npm run build:move-svg && npm run build:types",
+    "build:generate-package-json-files": "node ./scripts/generate_package_json_files/index.js",
+    "build:move-svg": "node ./scripts/copy_svg/index.js"
   },
   "repository": {
     "type": "git",
@@ -56,7 +56,6 @@
   },
   "devDependencies": {
     "@axe-core/playwright": "~4.10.1",
-    "@babel/cli": "^7.23.4",
     "@babel/core": "^7.23.3",
     "@babel/eslint-parser": "^7.23.3",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
@@ -71,6 +70,11 @@
     "@dotenvx/dotenvx": "^1.25.1",
     "@playwright/experimental-ct-react": "^1.52.0",
     "@playwright/test": "^1.52.0",
+    "@rollup/plugin-commonjs": "^28.0.2",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-terser": "^0.3.0",
+    "@rollup/plugin-url": "^8.0.2",
     "@sage/design-tokens": "~4.29.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/exec": "^6.0.3",
@@ -89,6 +93,8 @@
     "@storybook/react-webpack5": "~8.6.7",
     "@storybook/theming": "~8.6.7",
     "@storybook/types": "~8.6.7",
+    "@swc/helpers": "^0.5.15",
+    "@swc/plugin-styled-components": "^7.1.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
@@ -159,6 +165,12 @@
     "react-markdown": "^8.0.7",
     "remark-gfm": "^4.0.0",
     "rimraf": "^3.0.2",
+    "rollup": "^3.29.5",
+    "rollup-plugin-copy": "^3.5.0",
+    "rollup-plugin-ignore": "^1.0.10",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-swc3": "^0.12.1",
+    "rollup-plugin-visualizer": "^5.14.0",
     "semantic-release": "^24.2.3",
     "semver": "^7.5.4",
     "sprintf-js": "^1.1.3",

package/esm/components/action-popover/__internal__/action-popover-utils.js

@@ -1,28 +0,0 @@
-import React from "react";
-import { ActionPopoverItem } from "../action-popover-item/action-popover-item.component";
-
-// Reusable type alias for item types
-
-export const getItems = children => React.Children.toArray(children).filter(child => /*#__PURE__*/React.isValidElement(child) && child.type === ActionPopoverItem);
-export const isItemDisabled = item => /*#__PURE__*/React.isValidElement(item) && !!item.props?.disabled;
-export const findFirstFocusableItem = items => items.findIndex((_, index) => !isItemDisabled(items[index]));
-
-// FIX-ME: FE-6248
-// Once we no longer support Node 16, this function can be removed and `findLastIndex()` can be used in its place.
-// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/findLastIndex
-export const findLastFocusableItem = items => {
-  for (let i = items.length - 1; i >= 0; i--) {
-    if (!isItemDisabled(items[i])) {
-      return i;
-    }
-  }
-  return -1;
-};
-export const checkChildrenForString = children => {
-  return React.Children.toArray(children).some(child => {
-    if (typeof child === "string") {
-      return true;
-    }
-    return /*#__PURE__*/React.isValidElement(child) ? checkChildrenForString(child.props.children) : false;
-  });
-};

package/esm/components/icon/icon-type.js

@@ -1 +0,0 @@
-export {};

package/esm/components/menu/menu.types.js

@@ -1 +0,0 @@
-export {};

package/esm/components/text-editor/__internal__/plugins/Toolbar/buttons/common.js

@@ -1 +0,0 @@
-export {};

package/esm/components/text-editor/__internal__/style.css

@@ -1,7 +0,0 @@
-
-.textBold {
-  font-weight: bold;
-}
-.textItalic {
-  font-style: italic;
-}

package/esm/locales/locale.js

@@ -1 +0,0 @@
-export {};

package/esm/style/themes/test-utils.d.ts

@@ -1 +0,0 @@
-export declare const assertIsSubset: (obj: Record<string, unknown>, comparison: Record<string, unknown>) => void;

package/esm/style/themes/test-utils.js

@@ -1,20 +0,0 @@
-const isObject = obj => {
-  return typeof obj === "object" && obj !== null;
-};
-
-// eslint-disable-next-line import/prefer-default-export
-export const assertIsSubset = (obj, comparison) => {
-  if (!isObject(obj)) {
-    // no further nesting
-    return;
-  }
-  const objKeys = Object.keys(obj);
-  const comparisonKeys = Object.keys(comparison);
-  objKeys.forEach(key => {
-    // assert that keys are present
-    expect(comparisonKeys).toContain(key);
-
-    // repeat for nested objects
-    assertIsSubset(obj[key], comparison[key]);
-  });
-};

package/lib/components/action-popover/__internal__/action-popover-utils.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isItemDisabled = exports.getItems = exports.findLastFocusableItem = exports.findFirstFocusableItem = exports.checkChildrenForString = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _actionPopoverItem = require("../action-popover-item/action-popover-item.component");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// Reusable type alias for item types
-
-const getItems = children => _react.default.Children.toArray(children).filter(child => /*#__PURE__*/_react.default.isValidElement(child) && child.type === _actionPopoverItem.ActionPopoverItem);
-exports.getItems = getItems;
-const isItemDisabled = item => /*#__PURE__*/_react.default.isValidElement(item) && !!item.props?.disabled;
-exports.isItemDisabled = isItemDisabled;
-const findFirstFocusableItem = items => items.findIndex((_, index) => !isItemDisabled(items[index]));
-
-// FIX-ME: FE-6248
-// Once we no longer support Node 16, this function can be removed and `findLastIndex()` can be used in its place.
-// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/findLastIndex
-exports.findFirstFocusableItem = findFirstFocusableItem;
-const findLastFocusableItem = items => {
-  for (let i = items.length - 1; i >= 0; i--) {
-    if (!isItemDisabled(items[i])) {
-      return i;
-    }
-  }
-  return -1;
-};
-exports.findLastFocusableItem = findLastFocusableItem;
-const checkChildrenForString = children => {
-  return _react.default.Children.toArray(children).some(child => {
-    if (typeof child === "string") {
-      return true;
-    }
-    return /*#__PURE__*/_react.default.isValidElement(child) ? checkChildrenForString(child.props.children) : false;
-  });
-};
-exports.checkChildrenForString = checkChildrenForString;

package/lib/components/icon/icon-type.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/lib/components/menu/menu.types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/lib/components/text-editor/__internal__/plugins/Toolbar/buttons/common.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/lib/components/text-editor/__internal__/style.css

@@ -1,7 +0,0 @@
-
-.textBold {
-  font-weight: bold;
-}
-.textItalic {
-  font-style: italic;
-}

package/lib/locales/locale.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/lib/style/themes/test-utils.d.ts

@@ -1 +0,0 @@
-export declare const assertIsSubset: (obj: Record<string, unknown>, comparison: Record<string, unknown>) => void;

package/lib/style/themes/test-utils.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.assertIsSubset = void 0;
-const isObject = obj => {
-  return typeof obj === "object" && obj !== null;
-};
-
-// eslint-disable-next-line import/prefer-default-export
-const assertIsSubset = (obj, comparison) => {
-  if (!isObject(obj)) {
-    // no further nesting
-    return;
-  }
-  const objKeys = Object.keys(obj);
-  const comparisonKeys = Object.keys(comparison);
-  objKeys.forEach(key => {
-    // assert that keys are present
-    expect(comparisonKeys).toContain(key);
-
-    // repeat for nested objects
-    assertIsSubset(obj[key], comparison[key]);
-  });
-};
-exports.assertIsSubset = assertIsSubset;