Switch to new JSX transform (#5353)

* Switch to new JSX transform

https://legacy.reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html
prereq of React 19

* fixup imports

    perl -i -npe 's/import React, /import /' src/**/*.*

because `npx react-codemod update-react-imports` mangles anything with `import React, { type Foo }`

* fixup imports more

    npx react-codemod update-react-imports
    npm run prettier

* a few seconds ago - has a real number with luxon

Author: himdel

.babelrc

@@ -1,7 +1,7 @@
 {
   "presets": [
     "@babel/preset-env",
-    "@babel/preset-react",
+    ["@babel/preset-react", { "runtime": "automatic" }],
     "@babel/preset-typescript"
   ],
   "plugins": [

eslint.config.mjs

@@ -64,6 +64,7 @@ export default config(
         { fixStyle: 'inline-type-imports' },
       ],
       'lingui/no-expression-in-message': 'off',
+      'react/react-in-jsx-scope': 'off',
       'no-restricted-imports': [
         'error',
         {

src/actions/action.tsx

@@ -1,7 +1,7 @@
 import { type MessageDescriptor, i18n } from '@lingui/core';
 import { Button } from '@patternfly/react-core';
 import { DropdownItem } from '@patternfly/react-core/deprecated';
-import React, { type ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { Tooltip } from 'src/components';
 import { type PermissionContextType } from 'src/permissions';
 

src/actions/ansible-remote-delete.tsx

@@ -1,5 +1,4 @@
 import { msg, t } from '@lingui/core/macro';
-import React from 'react';
 import { AnsibleRemoteAPI } from 'src/api';
 import { DeleteAnsibleRemoteModal } from 'src/components';
 import { canDeleteAnsibleRemote } from 'src/permissions';

src/actions/ansible-repository-collection-version-add.tsx

@@ -1,7 +1,7 @@
 import { msg, plural, t } from '@lingui/core/macro';
 import { Button, Checkbox, Modal } from '@patternfly/react-core';
 import { Td, Tr } from '@patternfly/react-table';
-import React, { useState } from 'react';
+import { useState } from 'react';
 import {
   AnsibleRepositoryAPI,
   type AnsibleRepositoryType,

src/actions/ansible-repository-collection-version-remove.tsx

@@ -1,7 +1,7 @@
 import { msg, t } from '@lingui/core/macro';
 import { Trans } from '@lingui/react/macro';
 import { Text } from '@patternfly/react-core';
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { AnsibleRepositoryAPI } from 'src/api';
 import { DeleteModal } from 'src/components';
 import { canEditAnsibleRepository } from 'src/permissions';

src/actions/ansible-repository-copy.tsx

@@ -1,5 +1,4 @@
 import { msg, t } from '@lingui/core/macro';
-import React from 'react';
 import { getRepoURL, repositoryBasePath } from 'src/utilities';
 import { Action } from './action';
 

src/actions/ansible-repository-delete.tsx

@@ -1,5 +1,4 @@
 import { msg, t } from '@lingui/core/macro';
-import React from 'react';
 import { AnsibleDistributionAPI, AnsibleRepositoryAPI } from 'src/api';
 import { DeleteAnsibleRepositoryModal } from 'src/components';
 import { canDeleteAnsibleRepository } from 'src/permissions';

src/actions/ansible-repository-sync.tsx

@@ -1,7 +1,7 @@
 import { msg, t } from '@lingui/core/macro';
 import { Trans } from '@lingui/react/macro';
 import { Button, FormGroup, Modal, Switch } from '@patternfly/react-core';
-import React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { Link } from 'react-router-dom';
 import { AnsibleRepositoryAPI } from 'src/api';
 import { HelpButton, Spinner } from 'src/components';

src/actions/ansible-repository-version-revert.tsx

@@ -1,7 +1,7 @@
 import { msg, t } from '@lingui/core/macro';
 import { Trans } from '@lingui/react/macro';
 import { Button, Modal } from '@patternfly/react-core';
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { AnsibleRepositoryAPI } from 'src/api';
 import { Spinner } from 'src/components';
 import { canRevertAnsibleRepositoryVersion } from 'src/permissions';