@patternfly/react-core 5.0.0-alpha.34 → 5.0.0-alpha.35

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [5.0.0-alpha.35](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@5.0.0-alpha.34...@patternfly/react-core@5.0.0-alpha.35) (2023-03-15)
+
+### Bug Fixes
+
+- **Card:** fixed card view demo ([#8806](https://github.com/patternfly/patternfly-react/issues/8806)) ([0c37fc5](https://github.com/patternfly/patternfly-react/commit/0c37fc564897c4ca7c02e947216d8c63c72a6417))
+
 # [5.0.0-alpha.34](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@5.0.0-alpha.33...@patternfly/react-core@5.0.0-alpha.34) (2023-03-15)
 
 ### Features

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-core",
-  "version": "5.0.0-alpha.34",
+  "version": "5.0.0-alpha.35",
   "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",
@@ -70,5 +70,5 @@
     "react": "^16.8 || ^17 || ^18",
     "react-dom": "^16.8 || ^17 || ^18"
   },
-  "gitHead": "9a3ab7a6248885619173e33a938ce22749be6c2b"
+  "gitHead": "1138b9fba01a2b0ef0d45b2daf11d0fcf6970ee5"
 }

package/src/demos/Card/Card.md

@@ -560,36 +560,6 @@ class CardViewBasic extends React.Component {
       swaggerIcon
     };
 
-    const headerActions = (
-      <>
-        <Dropdown
-          isPlain
-          position="right"
-          onSelect={(e) => this.onCardKebabDropdownSelect(key, e)}
-          toggle={
-            <KebabToggle
-              onToggle={(_event, isCardKebabDropdownOpen) =>
-                this.onCardKebabDropdownToggle(key, isCardKebabDropdownOpen)
-              }
-            />
-          }
-          isOpen={this.state[key]}
-          dropdownItems={[
-            <DropdownItem key="trash" onClick={this.deleteItem(product)} position="right">
-              <TrashIcon />
-              Delete
-            </DropdownItem>
-          ]}
-        />
-        <Checkbox
-          checked={isChecked}
-          value={product.id}
-          isChecked={selectedItems.includes(product.id)}
-          aria-label="card checkbox example"
-          id={`check-${product.id}`}
-        />
-      </>
-    );
     return (
       <React.Fragment>
         <DashboardWrapper mainContainerId="main-content-card-view-default-nav" breadcrumb={null}>
@@ -631,7 +601,40 @@ class CardViewBasic extends React.Component {
                   onSelectableInputChange={() => this.onClick(product.id)}
                   isSelected={selectedItems.includes(product.id)}
                 >
-                  <CardHeader actions={{ actions: headerActions }}>
+                  <CardHeader
+                    actions={{
+                      actions: (
+                        <>
+                          <Dropdown
+                            isPlain
+                            position="right"
+                            onSelect={(e) => this.onCardKebabDropdownSelect(key, e)}
+                            toggle={
+                              <KebabToggle
+                                onToggle={(_event, isCardKebabDropdownOpen) =>
+                                  this.onCardKebabDropdownToggle(key, isCardKebabDropdownOpen)
+                                }
+                              />
+                            }
+                            isOpen={this.state[key]}
+                            dropdownItems={[
+                              <DropdownItem key="trash" onClick={this.deleteItem(product)} position="right">
+                                <TrashIcon />
+                                Delete
+                              </DropdownItem>
+                            ]}
+                          />
+                          <Checkbox
+                            checked={isChecked}
+                            value={product.id}
+                            isChecked={selectedItems.includes(product.id)}
+                            aria-label="card checkbox example"
+                            id={`check-${product.id}`}
+                          />
+                        </>
+                      )
+                    }}
+                  >
                     <img src={icons[product.icon]} alt={`${product.name} icon`} style={{ maxWidth: '60px' }} />
                   </CardHeader>
                   <CardTitle>{product.name}</CardTitle>