react-19-pre(all): upgrade dependencies

Manually release some packages until PF react 19 support is out of pre-release

Author: Hyperkid123

config/jest.setup.js

@@ -1,5 +1,5 @@
 // eslint-disable-next-line no-unused-vars
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom/jest-globals';
 
 Element.prototype.scrollTo = () => {};
 

lerna.json

@@ -1,5 +1,4 @@
 {
   "npmClient": "yarn",
-  "version": "independent",
-  "useWorkspaces": true
+  "version": "independent"
 }

package.json

@@ -10,15 +10,15 @@
   "private": true,
   "scripts": {
     "bootstrap": "lerna bootstrap",
-    "build": "yarn clean-build && lerna run build --concurrency 1 --ignore @data-driven-forms/react-renderer-demo --ignore @data-driven-forms/parsers",
+    "build": "npm run clean-build && lerna run build --concurrency 1 --ignore @data-driven-forms/react-renderer-demo --ignore @data-driven-forms/parsers",
     "vendor": "lerna run vendor",
     "test": "jest --coverage",
     "test:ci": "jest --coverage --runInBand",
     "test:update": "jest -u",
     "release": "semantic-release",
     "codecov": "codecov",
     "start-demo": "lerna run start --scope=@data-driven-forms/react-render-demo",
-    "lint": "yarn eslint ./packages/*/src --ext .js",
+    "lint": "eslint ./packages/*/src --ext .js",
     "lint:ts": "tslint -c ./tslint.json 'packages/**/*.d.ts'",
     "generate-template": "node ./scripts/generate-mapper.js",
     "clean-build": "node ./scripts/clean-build.js",
@@ -32,7 +32,9 @@
     "verbose": true,
     "testPathIgnorePatterns": [
       "/node_modules/",
-      "packages/suir-component-mapper/"
+      "packages/suir-component-mapper/",
+      "packages/blueprint-component-mapper/",
+      "packages/carbon-component-mapper/"
     ],
     "setupFilesAfterEnv": [
       "<rootDir>/config/jest.setup.js"
@@ -58,58 +60,56 @@
     "globalSetup": "<rootDir>/config/globalSetup.js"
   },
   "devDependencies": {
-    "@babel/cli": "^7.17.3",
-    "@babel/core": "^7.16.7",
-    "@babel/eslint-parser": "^7.16.5",
-    "@babel/plugin-proposal-class-properties": "^7.16.7",
+    "@babel/cli": "^7.27.2",
+    "@babel/core": "^7.27.4",
+    "@babel/eslint-parser": "^7.27.1",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-runtime": "^7.16.8",
-    "@babel/preset-env": "^7.16.8",
-    "@babel/preset-react": "^7.16.7",
-    "@babel/preset-typescript": "^7.16.7",
+    "@babel/plugin-transform-runtime": "^7.27.4",
+    "@babel/preset-env": "^7.27.2",
+    "@babel/preset-react": "^7.27.1",
+    "@babel/preset-typescript": "^7.27.1",
     "@khala/commit-analyzer-wildcard": "^2.5.2",
     "@khala/npm-release-monorepo": "^2.5.2",
     "@khala/wildcard-release-notes": "^2.5.2",
     "@semantic-release/exec": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/github": "^8.0.2",
     "@semantic-release/npm": "^8.0.3",
-    "@testing-library/dom": "^8.17.1",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.4.0",
-    "@testing-library/user-event": "^14.4.3",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
     "@types/react": "^19.1.2",
     "@types/react-dom": "^19.1.3",
-    "@typescript-eslint/eslint-plugin": "^4.31.1",
+    "@typescript-eslint/eslint-plugin": "^8.32.0",
     "babel-eslint": "^10.1.0",
-    "babel-jest": "^27.4.6",
-    "babel-loader": "^8.2.3",
+    "babel-jest": "^29.0.0",
+    "babel-loader": "^10.0.0",
     "babel-plugin-transform-imports": "^2.0.0",
     "css-loader": "^6.5.1",
     "dtslint": "^4.2.1",
-    "eslint": "^7.32.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-config-react-app": "^7.0.0",
-    "eslint-loader": "^4.0.2",
-    "eslint-plugin-flowtype": "^8.0.3",
-    "eslint-plugin-import": "^2.25.4",
-    "eslint-plugin-jest": "^25.7.0",
-    "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "^7.28.0",
-    "eslint-plugin-react-hooks": "^4.3.0",
+    "eslint": "^9.26.0",
+    "eslint-config-prettier": "^10.1.5",
+    "eslint-plugin-jest": "^28.11.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-prettier": "^5.4.0",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^5.2.0",
     "fs-extra": "^10.0.0",
     "glob": "^7.2.0",
     "html-webpack-plugin": "^5.5.0",
     "identity-obj-proxy": "^3.0.0",
     "inquirer": "^8.2.0",
     "jest": "^27.4.7",
-    "lerna": "^4.0.0",
+    "lerna": "^8.2.2",
     "ncp": "^2.0.0",
     "sass": "^1.77.8",
-    "prettier": "^2.5.1",
+    "prettier": "^3.5.3",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
+    "@hyperkid/react-final-form": "^7.0.0",
+    "@hyperkid/react-final-form-arrays": "^4.0.2",
     "regenerator-runtime": "^0.13.9",
     "replace-in-file": "^6.3.2",
     "sass-loader": "^12.4.0",

packages/ant-component-mapper/.npmignore

@@ -0,0 +1,8 @@
+config
+demo
+src
+babel.config.js
+generate-index.js
+.gitignore
+tsconfig.js
+tsconfig.json

packages/ant-component-mapper/.npmignore

@@ -0,0 +1,238 @@
+require.extensions['.css'] = () => undefined;
+const path = require('path');
+const glob = require('glob');
+
+const mapper = {
+  ContentVariants: 'Content',
+  ButtonVariant: 'Button',
+  TextListVariants: 'TextList',
+  TextListItemVariants: 'TextListItem',
+  FlexItem: 'Flex',
+  FormFieldGroup: 'Form',
+  FormFieldGroupHeader: 'Form',
+  FormHelperText: 'Form',
+  FormGroup: 'Form',
+  GridItem: 'Grid',
+  Content: 'Content',
+  HelperTextItem: 'HelperText',
+  ActionGroup: 'Form',
+  Tab: 'Tabs',
+  TabTitleText: 'Tabs',
+  WizardNavItem: 'Wizard',
+  WizardNav: 'Wizard',
+  WizardBody: 'Wizard',
+  WizardHeader: 'Wizard',
+  ActionListGroup: 'ActionList',
+  ActionListItem: 'ActionList',
+};
+
+const blueprintMapper = {
+  Checkbox: 'components/forms/controls',
+  FormGroup: 'components/forms/formGroup',
+  Intent: 'common/intent',
+  Button: 'components/button/buttons',
+  H1: 'components/html/html',
+  H2: 'components/html/html',
+  H3: 'components/html/html',
+  H4: 'components/html/html',
+  RadioGroup: 'components/forms/radioGroup',
+  MenuItem: 'components/menu/menuItem',
+  Switch: 'components/forms/controls',
+  Tab: 'components/tabs/tab',
+  InputGroup: 'components/forms/inputGroup',
+  TextArea: 'components/forms/textArea',
+  Menu: 'components/menu/menu',
+  ButtonGroup: 'components/button/buttonGroup',
+  ControlGroup: 'components/forms/controlGroup'
+};
+
+const pascaltoCamelCase = (name) => name.charAt(0).toLowerCase() + name.slice(1);
+const pascalToKebabCase = (name) =>
+  name.charAt(0).toLowerCase() +
+  name
+    .slice(1)
+    .replace(/([A-Z])/, '-$1')
+    .toLowerCase();
+
+const pascalToKebabCaseCarbonIcons = (name) =>
+  name.charAt(0).toLowerCase() +
+  name
+    .slice(1)
+    .replace(/([A-Z])/g, '--$1')
+    .toLowerCase();
+
+const createSuirCJSTransform = (env = 'commonjs') => [
+  'transform-imports',
+  {
+    'semantic-ui-react': {
+      transform: (importName) => {
+        let res;
+        const files = glob.sync(path.resolve(__dirname, `../{..,suir-component-mapper}/node_modules/semantic-ui-react/dist/${env}/**/${importName}.js`));
+
+        if (files.length > 0) {
+          res = files[0];
+        } else {
+          throw new Error(`File with importName ${importName} does not exist`);
+        }
+
+        res = res.replace(/^.*node_modules\//, '');
+        res = res.replace(/^\//, '');
+        return res;
+      },
+      preventFullImport: false,
+      skipDefaultConversion: false
+    }
+  },
+  `semantic-ui-react-${env}`
+];
+
+const createMuiTransform = (env) => [
+  'transform-imports',
+  {
+    '@mui/x-date-pickers': {
+      transform: (importName) => (env ? `@mui/x-date-pickers/${env}/${importName}` : `@mui/x-date-pickers/${importName}`),
+      preventFullImport: false,
+      skipDefaultConversion: true
+    },
+    '@mui/material': {
+      transform: (importName) => (env ? `@mui/material/${env}/${importName}` : `@mui/material/${importName}`),
+      preventFullImport: false,
+      skipDefaultConversion: false
+    }
+  },
+  `MUI-${env || 'commonjs'}`
+];
+
+const createPfReactTransform = (env) => [
+  'transform-imports',
+  {
+    '@patternfly/react-core': {
+      transform: (importName) => {
+        let res;
+        const files = glob.sync(
+          path.resolve(__dirname, `../{..,pf4-component-mapper}//node_modules/@patternfly/react-core/dist/dynamic/**/${mapper[importName] || importName}`)
+        );
+        if (files.length > 0) {
+          res = files[0];
+        } else {
+          throw new Error(`File with importName ${importName} does not exist`);
+        }
+
+        res = res.replace(/^.*node_modules\//, '');
+        res = res.replace(/^\//, '');
+        return res;
+      },
+      preventFullImport: false,
+      skipDefaultConversion: true
+    },
+    '@patternfly/react-icons': {
+      transform: (importName) =>
+        `@patternfly/react-icons/dist/dynamic/icons/${importName
+          .split(/(?=[A-Z])/)
+          .join('-')
+          .toLowerCase()}`,
+      preventFullImport: true
+    },
+  },
+  `pf-react-${env}`
+];
+
+const createBluePrintTransform = (env) => [
+  'transform-imports',
+  {
+    '@blueprintjs/core': {
+      transform: (importName) =>
+        `@blueprintjs/core/lib/${env}/${blueprintMapper[importName] ||
+          `components/${pascalToKebabCase(importName)}/${pascaltoCamelCase(importName)}`}.js`,
+      preventFullImport: false,
+      skipDefaultConversion: true
+    }
+  },
+  `BLUEPRINT-${env}`
+];
+
+const createAntTransform = (env) => [
+  'transform-imports',
+  {
+    antd: {
+      transform: (importName) => {
+        let res;
+        const files = glob.sync(
+          path.resolve(
+            __dirname,
+            `../{..,ant-component-mapper}/node_modules/antd/${env === 'cjs' ? 'lib' : 'es'}/${importName
+              .split(/(?=[A-Z])/)
+              .join('-')
+              .toLowerCase()}/index.js`
+          )
+        );
+        if (files.length > 0) {
+          res = files[0];
+        } else {
+          throw new Error(`File with importName ${importName} does not exist`);
+        }
+
+        res = res.replace(/^.*node_modules\//, '');
+        res = res.replace(/^\//, '');
+        return res;
+      }
+    }
+  },
+  `ant-${env}`
+];
+
+const createReactJSSTransform = (env) => [
+  'transform-imports',
+  {
+    'react-jss': {
+      skipDefaultConversion: true,
+      transform: (importName) => {
+        let res;
+        const files = glob.sync(
+          path.resolve(
+            __dirname,
+            `../../node_modules/react-jss/dist/react-jss.${env}.js`
+          )
+        );
+        if (files.length > 0) {
+          res = files[0];
+        } else {
+          throw new Error(`File with importName ${importName} does not exist`);
+        }
+
+        res = res.replace(path.resolve(__dirname, '../../node_modules/'), '');
+        res = res.replace(/^\//, '');
+        return res;
+      }
+    }
+  },
+  `react-jss-${env}`
+];
+
+module.exports = {
+  extends: '../../babel.config.js',
+  env: {
+    cjs: {
+      presets: [['@babel/preset-env', { modules: 'commonjs' }]],
+      plugins: [
+        createSuirCJSTransform('commonjs'),
+        createMuiTransform(),
+        createPfReactTransform('js'),
+        createBluePrintTransform('cjs'),
+        createAntTransform('cjs'),
+        createReactJSSTransform('cjs')
+      ]
+    },
+    esm: {
+      presets: [['@babel/preset-env', { modules: false }]],
+      plugins: [
+        createSuirCJSTransform('es'),
+        createMuiTransform(),
+        createPfReactTransform('esm'),
+        createBluePrintTransform('esm'),
+        createAntTransform('esm'),
+        createReactJSSTransform('esm')
+      ]
+    }
+  }
+};