@patternfly/react-core 5.0.0-alpha.120 → 5.0.0-alpha.122

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-core",
-  "version": "5.0.0-alpha.120",
+  "version": "5.0.0-alpha.122",
   "description": "This library provides a set of common React components for use with the PatternFly reference implementation.",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -71,5 +71,5 @@
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
-  "gitHead": "1da6f5e5ad3c3665e0022693a5ce9de2588aa136"
+  "gitHead": "55b14bfc3e26c7818aefdfe5dafdd6c5aa094347"
 }

package/src/components/Alert/AlertGroup.tsx

@@ -63,6 +63,8 @@ export class AlertGroup extends React.Component<AlertGroupProps, AlertGroupState
       onOverflowClick,
       overflowMessage,
       'aria-label': ariaLabel,
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      appendTo, // dont pass down to ul
       ...props
     } = this.props;
     const alertGroup = (

package/src/components/Pagination/PaginationOptionsMenu.tsx

@@ -177,9 +177,19 @@ export const PaginationOptionsMenu: React.FunctionComponent<PaginationOptionsMen
       variant="plainText"
       aria-haspopup="listbox"
     >
-      {typeof toggleTemplate === 'string' ? (
-        fillTemplate(toggleTemplate, { firstIndex, lastIndex, ofWord, itemCount, itemsTitle })
-      ) : (
+      {toggleTemplate &&
+        typeof toggleTemplate === 'string' &&
+        fillTemplate(toggleTemplate, { firstIndex, lastIndex, ofWord, itemCount, itemsTitle })}
+      {toggleTemplate &&
+        typeof toggleTemplate !== 'string' &&
+        (toggleTemplate as (props: PaginationToggleTemplateProps) => React.ReactElement)({
+          firstIndex,
+          lastIndex,
+          ofWord,
+          itemCount,
+          itemsTitle
+        })}
+      {!toggleTemplate && (
         <ToggleTemplate
           firstIndex={firstIndex}
           lastIndex={lastIndex}

package/src/components/Pagination/__tests__/Generated/PaginationOptionsMenu.test.tsx

@@ -29,7 +29,7 @@ it('PaginationOptionsMenu should match snapshot (auto-generated)', () => {
         <React.Fragment>
           <b>
             {firstIndex} - {lastIndex}
-          </b>{' '}
+          </b>Custom toggle template
           of<b>{itemCount}</b> {itemsTitle}
         </React.Fragment>
       )}

package/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationOptionsMenu.test.tsx.snap

@@ -16,7 +16,7 @@ exports[`PaginationOptionsMenu should match snapshot (auto-generated) 1`] = `
         <b>
           0 - 0
         </b>
-         of 
+        Custom toggle template of
         <b>
           0
         </b>

package/src/demos/PasswordStrength.md

@@ -41,7 +41,7 @@ class PasswordStrengthDemo extends React.Component {
       passStrength: { variant: 'error', icon: <ExclamationCircleIcon />, text: 'Weak' }
     };
 
-    this.handlePasswordInput = (password) => {
+    this.handlePasswordInput = (_event, password) => {
       this.setState({ password });
       this.validate(password);
     };

package/src/demos/PrimaryDetail.md

@@ -118,7 +118,7 @@ class PrimaryDetailFullPage extends React.Component {
       { value: 'High', disabled: false }
     ];
 
-    this.onInputChange = (newValue) => {
+    this.onInputChange = (_event, newValue) => {
       this.setState({ inputValue: newValue });
     };
 
@@ -585,7 +585,7 @@ class PrimaryDetailContentPadding extends React.Component {
       { value: 'High', disabled: false }
     ];
 
-    this.onInputChange = (newValue) => {
+    this.onInputChange = (_event, newValue) => {
       this.setState({ inputValue: newValue });
     };
 
@@ -2061,7 +2061,7 @@ class PrimaryDetailInlineModifier extends React.Component {
       { value: 'High', disabled: false }
     ];
 
-    this.onInputChange = (newValue) => {
+    this.onInputChange = (_event, newValue) => {
       this.setState({ inputValue: newValue });
     };
 

package/src/demos/SearchInput/SearchInput.md

@@ -467,7 +467,7 @@ AdvancedComposableSearchInput = () => {
                   type="text"
                   id="has-words"
                   value={hasWords}
-                  onChange={(value) => {
+                  onChange={(_event, value) => {
                     setHasWords(value);
                     setValue(value);
                   }}