@patternfly/react-core 4.222.12 → 4.222.15

package/src/demos/LabelGroupDemos.md

@@ -0,0 +1,18 @@
+---
+id: Label group
+section: components
+---
+
+import InfoCircleIcon from '@patternfly/react-icons/dist/esm/icons/info-circle-icon';
+
+## Demos
+
+### Editable labels with add dropdown
+
+```ts file="../components/LabelGroup/examples/LabelGroupEditableAddDropdown.tsx"
+```
+
+### Editable labels with add modal
+
+```ts file="../components/LabelGroup/examples/LabelGroupEditableAddModal.tsx"
+```

package/src/demos/PrimaryDetail.md

@@ -1246,6 +1246,8 @@ class PrimaryDetailCardView extends React.Component {
                 isOpen={isLowerToolbarKebabDropdownOpen}
                 isPlain
                 dropdownItems={toolbarKebabDropdownItems}
+                isFlipEnabled
+                menuAppendTo="parent"
               />
             </OverflowMenuControl>
           </OverflowMenu>
@@ -1337,14 +1339,14 @@ class PrimaryDetailCardView extends React.Component {
             <Text component="p">This is a demo that showcases Patternfly Cards.</Text>
           </TextContent>
         </PageSection>
+        <PageSection isFilled padding={{ default: 'noPadding' }}>
+          <Toolbar id="card-view-data-toolbar-group-types" usePageInsets clearAllFilters={this.onDelete}>
+            <ToolbarContent>{toolbarItems}</ToolbarContent>
+          </Toolbar>
+          <Divider component="div" />
+        </PageSection>
         <PageSection isFilled padding={{ default: 'noPadding' }}>
           <Drawer isExpanded={isDrawerExpanded} className={'pf-m-inline-on-2xl'}>
-            <DrawerSection>
-              <Toolbar id="card-view-data-toolbar-group-types" usePageInsets clearAllFilters={this.onDelete}>
-                <ToolbarContent>{toolbarItems}</ToolbarContent>
-              </Toolbar>
-              <Divider component="div" />
-            </DrawerSection>
             <DrawerContent panelContent={panelContent} className={'pf-m-no-background'}>
               <DrawerContentBody hasPadding>{drawerContent}</DrawerContentBody>
             </DrawerContent>
@@ -1663,6 +1665,8 @@ class PrimaryDetailDataListInCard extends React.Component {
                 }
                 isOpen={isDropdownOpen}
                 dropdownItems={dropdownItems}
+                isFlipEnabled
+                menuAppendTo="parent"
               />
             </ToolbarItem>
           </ToolbarContent>