@patternfly/react-core 4.222.8 → 4.222.11

package/CHANGELOG.md

@@ -3,6 +3,36 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 4.222.11 (2022-06-17)
+
+
+### Bug Fixes
+
+* **Table:** update expandable examples to set column widths ([#7513](https://github.com/patternfly/patternfly-react/issues/7513)) ([c2e1e61](https://github.com/patternfly/patternfly-react/commit/c2e1e618a6924bdbb2b1e8e7ad94553615196fb2))
+
+
+
+
+
+## 4.222.10 (2022-06-16)
+
+
+### Bug Fixes
+
+* **Topology:** Fix for group position when it has no children ([#7573](https://github.com/patternfly/patternfly-react/issues/7573)) ([04e435e](https://github.com/patternfly/patternfly-react/commit/04e435ebc87ad7d1c687db95ee8ef8beffae514d))
+
+
+
+
+
+## 4.222.9 (2022-06-16)
+
+**Note:** Version bump only for package @patternfly/react-core
+
+
+
+
+
 ## 4.222.8 (2022-06-16)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-core",
-  "version": "4.222.8",
+  "version": "4.222.11",
   "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",
@@ -34,9 +34,9 @@
     "generate": "node scripts/copyStyles.js"
   },
   "dependencies": {
-    "@patternfly/react-icons": "^4.73.8",
-    "@patternfly/react-styles": "^4.72.8",
-    "@patternfly/react-tokens": "^4.74.8",
+    "@patternfly/react-icons": "^4.73.11",
+    "@patternfly/react-styles": "^4.72.11",
+    "@patternfly/react-tokens": "^4.74.11",
     "focus-trap": "6.9.2",
     "react-dropzone": "9.0.0",
     "tippy.js": "5.1.2",
@@ -60,5 +60,5 @@
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"
   },
-  "gitHead": "578849aa95888275b3834c63ffac16fb41ae0a2f"
+  "gitHead": "f1a199ba0c0555f0e78faf42e7d25fa5e6510871"
 }

package/src/demos/Card/Card.md

@@ -106,6 +106,13 @@ class CardViewBasic extends React.Component {
       totalItemCount: 10
     };
 
+    this.checkAllSelected = (selected, total) => {
+      if (selected && selected < total) {
+        return null;
+      }
+      return selected === total;
+    };
+
     this.onToolbarDropdownToggle = isLowerToolbarDropdownOpen => {
       this.setState(prevState => ({
         isLowerToolbarDropdownOpen
@@ -209,11 +216,11 @@ class CardViewBasic extends React.Component {
           return prevState.selectedItems.includes(productId * 1)
             ? {
                 selectedItems: [...prevState.selectedItems.filter(id => productId * 1 != id)],
-                areAllSelected: false
+                areAllSelected: this.checkAllSelected(prevState.selectedItems.length - 1, prevState.totalItemCount)
               }
             : {
                 selectedItems: [...prevState.selectedItems, productId * 1],
-                areAllSelected: prevState.totalItemCount === prevState.selectedItems.length + 1
+                areAllSelected: this.checkAllSelected(prevState.selectedItems.length + 1, prevState.totalItemCount)
               };
         });
       }
@@ -224,11 +231,11 @@ class CardViewBasic extends React.Component {
         return prevState.selectedItems.includes(productId * 1)
           ? {
               selectedItems: [...prevState.selectedItems.filter(id => productId * 1 != id)],
-              areAllSelected: false
+              areAllSelected: this.checkAllSelected(prevState.selectedItems.length - 1, prevState.totalItemCount)
             }
           : {
               selectedItems: [...prevState.selectedItems, productId * 1],
-              areAllSelected: prevState.totalItemCount === prevState.selectedItems.length + 1
+              areAllSelected: this.checkAllSelected(prevState.selectedItems.length + 1, prevState.totalItemCount)
             };
       });
     };
@@ -562,7 +569,7 @@ class CardViewBasic extends React.Component {
           </PageSection>
           <PageSection isFilled>
             <Gallery hasGutter aria-label="Selectable card container">
-              <Card isSelectableRaised isCompact>
+              <Card isCompact>
                 <Bullseye>
                   <EmptyState variant={EmptyStateVariant.xs}>
                     <EmptyStateIcon icon={PlusCircleIcon} />
@@ -577,7 +584,6 @@ class CardViewBasic extends React.Component {
               </Card>
               {filtered.map((product, key) => (
                 <Card
-                  isSelectableRaised
                   hasSelectableInput
                   isCompact
                   key={product.name}