@patternfly/react-table 6.1.0-prerelease.9 → 6.1.1-prerelease.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-table",
-  "version": "6.1.0-prerelease.9",
+  "version": "6.1.1-prerelease.0",
   "description": "This library provides a set of React table components for use with the PatternFly 4",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -40,10 +40,10 @@
     "subpaths": "node ../../scripts/exportSubpaths.mjs --config subpaths.config.json"
   },
   "dependencies": {
-    "@patternfly/react-core": "^6.1.0-prerelease.9",
-    "@patternfly/react-icons": "^6.1.0-prerelease.4",
-    "@patternfly/react-styles": "^6.1.0-prerelease.3",
-    "@patternfly/react-tokens": "^6.1.0-prerelease.3",
+    "@patternfly/react-core": "^6.1.1-prerelease.0",
+    "@patternfly/react-icons": "^6.1.0",
+    "@patternfly/react-styles": "^6.1.0",
+    "@patternfly/react-tokens": "^6.1.0",
     "lodash": "^4.17.21",
     "tslib": "^2.8.1"
   },
@@ -51,5 +51,5 @@
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
-  "gitHead": "adb27fc981481c31bf249fb185ebc1850929cd87"
+  "gitHead": "e161ac6d6f712b7c5692e981e79da71fdd85f011"
 }

package/src/components/Table/DraggableCell.tsx

@@ -24,7 +24,7 @@ export const DraggableCell: React.FunctionComponent<DraggableCellProps> = ({
     aria-label={ariaLabel || `Draggable row draggable button`}
     onClick={onClick}
     {...props}
-    icon={<GripVerticalIcon aria-hidden />}
+    icon={<GripVerticalIcon />}
   />
 );
 

package/src/components/Table/FavoritesCell.tsx

@@ -33,7 +33,7 @@ export const FavoritesCell: React.FunctionComponent<FavoritesCellProps> = ({
       onClick={onFavorite}
       {...ariaProps}
       {...props}
-      icon={<StarIcon aria-hidden />}
+      icon={<StarIcon />}
     />
   );
 };

package/src/components/Table/examples/TableTree.tsx

@@ -139,7 +139,7 @@ export const TableTree: React.FunctionComponent = () => {
     const isChecked = isNodeChecked(node);
     let icon = <LeafIcon />;
     if (node.children) {
-      icon = isExpanded ? <FolderOpenIcon aria-hidden /> : <FolderIcon aria-hidden />;
+      icon = isExpanded ? <FolderOpenIcon /> : <FolderIcon />;
     }
 
     const treeRow: TdProps['treeRow'] = {

package/src/components/Table/utils/decorators/sortable.tsx

@@ -6,7 +6,7 @@ import { SortColumn, SortByDirection } from '../../SortColumn';
 import StarIcon from '@patternfly/react-icons/dist/esm/icons/star-icon';
 
 export const sortableFavorites = (sort: any) => () =>
-  sortable(<StarIcon aria-hidden />, {
+  sortable(<StarIcon />, {
     columnIndex: sort.columnIndex,
     className: styles.tableFavorite,
     ariaLabel: sort.ariaLabel ?? 'Sort favorites',

package/src/components/Table/utils/decorators/treeRow.tsx

@@ -55,7 +55,7 @@ export const treeRow =
                   aria-label={toggleAriaLabel || `${isExpanded ? 'Collapse' : 'Expand'} row ${rowIndex}`}
                   icon={
                     <div className={css(stylesTreeView.tableToggleIcon)}>
-                      <AngleDownIcon aria-hidden="true" />
+                      <AngleDownIcon />
                     </div>
                   }
                 />
@@ -85,7 +85,7 @@ export const treeRow =
                   }
                   icon={
                     <span className={`${styles.table}__details-toggle-icon`}>
-                      <EllipsisHIcon aria-hidden />
+                      <EllipsisHIcon />
                     </span>
                   }
                 />

package/src/demos/DashboardHeader.tsx

@@ -137,7 +137,7 @@ export const DashboardHeader: React.FC<DashboardHeaderProps> = ({ notificationBa
                       onClick={onKebabDropdownToggle}
                       variant="plain"
                       aria-label="Settings and help"
-                      icon={<EllipsisVIcon aria-hidden="true" />}
+                      icon={<EllipsisVIcon />}
                     />
                   )}
                 >
@@ -157,7 +157,7 @@ export const DashboardHeader: React.FC<DashboardHeaderProps> = ({ notificationBa
                       onClick={onFullKebabToggle}
                       variant="plain"
                       aria-label="Toolbar menu"
-                      icon={<EllipsisVIcon aria-hidden="true" />}
+                      icon={<EllipsisVIcon />}
                     />
                   )}
                 >

package/src/demos/DashboardWrapper.tsx

@@ -168,8 +168,17 @@ export const DashboardWrapper: React.FC<DashboardWrapperProps> = ({
     </PageSidebar>
   );
 
+  const handleClick = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {
+    event.preventDefault();
+
+    const mainContentElement = document.getElementById(mainContainerId ?? 'main-content-page-layout-default-nav');
+    if (mainContentElement) {
+      mainContentElement.focus();
+    }
+  };
+
   const PageSkipToContent = (
-    <SkipToContent href={`#${mainContainerId ?? 'main-content-page-layout-default-nav'}`}>
+    <SkipToContent onClick={handleClick} href={`#${mainContainerId ?? 'main-content-page-layout-default-nav'}`}>
       Skip to content
     </SkipToContent>
   );

package/src/demos/examples/TableColumnManagement.tsx

@@ -405,11 +405,7 @@ export const TableColumnManagement: React.FunctionComponent = () => {
                 <MenuToggle icon={<FilterIcon />}>Name</MenuToggle>
               </OverflowMenuItem>
               <OverflowMenuItem>
-                <MenuToggle
-                  variant="plain"
-                  aria-label="Sort columns"
-                  icon={<SortAmountDownIcon aria-hidden="true" />}
-                />
+                <MenuToggle variant="plain" aria-label="Sort columns" icon={<SortAmountDownIcon />} />
               </OverflowMenuItem>
               <OverflowMenuGroup groupType="button" isPersistent>
                 <OverflowMenuItem>

package/src/demos/examples/TableColumnManagementWithDraggable.tsx

@@ -594,7 +594,7 @@ export const TableColumnManagementWithDraggable: React.FunctionComponent = () =>
               <MenuToggle icon={<FilterIcon />}>Name</MenuToggle>
             </OverflowMenuItem>
             <OverflowMenuItem>
-              <MenuToggle variant="plain" aria-label="Sort columns" icon={<SortAmountDownIcon aria-hidden="true" />} />
+              <MenuToggle variant="plain" aria-label="Sort columns" icon={<SortAmountDownIcon />} />
             </OverflowMenuItem>
             <OverflowMenuGroup groupType="button" isPersistent>
               <OverflowMenuItem>

package/src/deprecated/components/Table/examples/LegacyTableTree.tsx

@@ -126,7 +126,7 @@ export const LegacyTableTree: React.FunctionComponent = () => {
     const isChecked = isNodeChecked(node);
     let icon = <LeafIcon />;
     if (node.children) {
-      icon = isExpanded ? <FolderOpenIcon aria-hidden /> : <FolderIcon aria-hidden />;
+      icon = isExpanded ? <FolderOpenIcon /> : <FolderIcon />;
     }
     flattenedNodes.push(node);