chore(React19): Allow support for React 19

Author: rebeccaalpert

.eslintrc.json

@@ -94,6 +94,7 @@
     "react-hooks/exhaustive-deps": "warn",
     "react/no-unescaped-entities": ["error", { "forbid": [">", "}"] }],
     "spaced-comment": "error",
-    "use-isnan": "error"
+    "use-isnan": "error",
+    "react/react-in-jsx-scope": "off"
   }
 }

.gitignore

@@ -32,4 +32,6 @@ lerna-debug.log
 # For vim
 *.swp
 
-public
+public
+
+packages/module/patternfly-docs/generated

package.json

@@ -23,8 +23,6 @@
     "update": "node scripts/importUpdatesFromOldRepo.js"
   },
   "devDependencies": {
-    "react": "^18",
-    "react-dom": "^18",
     "concurrently": "^5.3.0",
     "eslint": "^8.0.1",
     "eslint-plugin-markdown": "^1.0.2",
@@ -35,8 +33,8 @@
     "eslint-plugin-promise": "^6.0.0",
     "eslint-config-prettier": "8.5.0",
     "typescript": "^4.7.4",
-    "@types/react": "^17.0.0",
-    "@types/react-dom": "^17.0.0",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
     "@typescript-eslint/eslint-plugin": "^5.42.0",
     "@typescript-eslint/parser": "^5.42.0",
     "prettier": "2.7.1",

packages/module/package.json

@@ -44,8 +44,8 @@
     "@patternfly/react-styles": "^6.1.0"
   },
   "peerDependencies": {
-    "react": "^17 || ^18",
-    "react-dom": "^17 || ^18"
+    "react": "^17 || ^18 || ^19",
+    "react-dom": "^17 || ^18 || ^19"
   },
   "devDependencies": {
     "@patternfly/patternfly": "^6.1.0",

packages/module/patternfly-docs/content/examples/CatalogTile.md

@@ -18,9 +18,10 @@ import './catalogTile.css';
 Note: Catalog tile lives in its own package at [`@patternfly/react-catalog-view-extension`](https://www.npmjs.com/package/@patternfly/react-catalog-view-extension)!
 
 ## Examples
+
 ### Basic featured tile
+
 ```js
-import React from 'react';
 import { CatalogTile, CatalogTileBadge } from '@patternfly/react-catalog-view-extension';
 import CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';
 import pfLogo6 from './pfLogo6.svg';
@@ -43,12 +44,12 @@ import '../../../../dist/css/react-catalog-view-extension.css';
     'Three lines is the default for cards without a footer. Cards with a footer are truncated after one line. Truncation function use is deprecated; please pass in a maxDescriptionLength of -1 to override it. ' +
     'This has changed from PatternFly 3.'
   }
-/>
+/>;
 ```
 
 ### Basic with footer
+
 ```js
-import React from 'react';
 import { CatalogTile, CatalogTileBadge } from '@patternfly/react-catalog-view-extension';
 import CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';
 import OutlinedCheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/outlined-check-circle-icon';
@@ -72,15 +73,15 @@ import pfLogo6 from './pfLogo6.svg';
   }
   footer={
     <span>
-      <OutlinedCheckCircleIcon style={{color: 'var(--pf-v6-global--success-color--100)'}} /> Enabled
+      <OutlinedCheckCircleIcon style={{ color: 'var(--pf-v6-global--success-color--100)' }} /> Enabled
     </span>
   }
-/>
+/>;
 ```
 
 ### Link variant
+
 ```js
-import React from 'react';
 import { CatalogTile, CatalogTileBadge } from '@patternfly/react-catalog-view-extension';
 import CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';
 import pfLogo6 from './pfLogo6.svg';
@@ -102,12 +103,12 @@ import pfLogo6 from './pfLogo6.svg';
     'Three lines is the default for cards without a footer. Cards with a footer are truncated after one line. Truncation function use is deprecated; please pass in a maxDescriptionLength of -1 to override it. ' +
     'This has changed from PatternFly 3.'
   }
-/>
+/>;
 ```
 
 ### With multiple icon badges
+
 ```js
-import React from 'react';
 import { CatalogTile, CatalogTileBadge } from '@patternfly/react-catalog-view-extension';
 import CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';
 import OutlinedCheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/outlined-check-circle-icon';
@@ -122,7 +123,7 @@ import pfLogo6 from './pfLogo6.svg';
       <CogIcon />
     </CatalogTileBadge>,
     <CatalogTileBadge title="USDA Approved">
-      <OutlinedCheckCircleIcon style={{color: 'var(--pf-v6-global--success-color--100)'}} />
+      <OutlinedCheckCircleIcon style={{ color: 'var(--pf-v6-global--success-color--100)' }} />
     </CatalogTileBadge>
   ]}
   title="Patternfly-React"
@@ -132,35 +133,33 @@ import pfLogo6 from './pfLogo6.svg';
     'Three lines is the default for cards without a footer. Cards with a footer are truncated after one line. Truncation function use is deprecated; please pass in a maxDescriptionLength of -1 to override it. ' +
     'This has changed from PatternFly 3.'
   }
-/>
+/>;
 ```
 
 ### With text badge
+
 ```js
-import React from 'react';
 import { CatalogTile } from '@patternfly/react-catalog-view-extension';
 import pfLogo6 from './pfLogo6.svg';
 
 <CatalogTile
   id="text-badge"
   iconImg={pfLogo6}
   iconAlt="PatternFly logo"
-  badges={[
-    'Community'
-  ]}
+  badges={['Community']}
   title="Patternfly-React"
   vendor="provided by Red Hat"
   description={
     'This is a very, very long description that should be truncated after three lines. ' +
     'Three lines is the default for cards without a footer. Cards with a footer are truncated after one line. Truncation function use is deprecated; please pass in a maxDescriptionLength of -1 to override it. ' +
     'This has changed from PatternFly 3.'
   }
-/>
+/>;
 ```
 
 ### With children instead of description
+
 ```js
-import React from 'react';
 import { CatalogTile, CatalogTileBadge } from '@patternfly/react-catalog-view-extension';
 import CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';
 import pfLogo6 from './pfLogo6.svg';
@@ -178,10 +177,9 @@ import pfLogo6 from './pfLogo6.svg';
   title="Patternfly-React"
   vendor="provided by Red Hat"
 >
-  This is a very, very long stetch of child text that should be not be truncated
-  and illustrates how Flyers can add longer content to PatternFly 4 catalog tiles
-  using the children prop. Cards usually truncate descriptions at three lines.
-  Cards with a footer are truncated after one line. This has changed from PatternFly 3.
-  Children can be of any length.
-</CatalogTile>
+  This is a very, very long stetch of child text that should be not be truncated and illustrates how Flyers can add
+  longer content to PatternFly 4 catalog tiles using the children prop. Cards usually truncate descriptions at three
+  lines. Cards with a footer are truncated after one line. This has changed from PatternFly 3. Children can be of any
+  length.
+</CatalogTile>;
 ```