@patternfly/react-table 6.3.0-prerelease.1 → 6.3.0-prerelease.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-table",
-  "version": "6.3.0-prerelease.1",
+  "version": "6.3.0-prerelease.3",
   "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,7 +40,7 @@
     "subpaths": "node ../../scripts/exportSubpaths.mjs --config subpaths.config.json"
   },
   "dependencies": {
-    "@patternfly/react-core": "^6.3.0-prerelease.1",
+    "@patternfly/react-core": "^6.3.0-prerelease.3",
     "@patternfly/react-icons": "^6.3.0-prerelease.1",
     "@patternfly/react-styles": "^6.3.0-prerelease.1",
     "@patternfly/react-tokens": "^6.3.0-prerelease.1",
@@ -51,5 +51,5 @@
     "react": "^17 || ^18 || ^19",
     "react-dom": "^17 || ^18 || ^19"
   },
-  "gitHead": "dfd5811438352c387d46b86489353e3de5d4f271"
+  "gitHead": "54485ae7a71e8b2703760e117d05f9ffaf5d83c0"
 }

package/src/demos/DashboardWrapper.tsx

@@ -107,9 +107,9 @@ export const DashboardBreadcrumb = (
 );
 
 const PageTemplateTitle = (
-  <PageSection>
+  <PageSection aria-labelledby="main-title">
     <Content>
-      <h1>Main title</h1>
+      <h1 id="main-title">Main title</h1>
       <p>This is a full page demo.</p>
     </Content>
   </PageSection>

package/src/demos/examples/TableBulkSelect.tsx

@@ -146,7 +146,7 @@ export const TableBulkSelect: React.FunctionComponent = () => {
 
   return (
     <DashboardWrapper hasPageTemplateTitle>
-      <PageSection isWidthLimited>
+      <PageSection isWidthLimited aria-label="Bulk select table data">
         {toolbar}
         <Table aria-label="Selectable table">
           <Thead>

package/src/demos/examples/TableColumnManagement.tsx

@@ -437,7 +437,7 @@ export const TableColumnManagement: React.FunctionComponent = () => {
   return (
     <Fragment>
       <DashboardWrapper hasPageTemplateTitle>
-        <PageSection isFilled>
+        <PageSection isFilled aria-label="Column management table data">
           {toolbarItems}
           <Table variant="compact" aria-label="Column Management Table">
             <Thead>

package/src/demos/examples/TableColumnManagementWithDraggable.tsx

@@ -336,7 +336,7 @@ export const TableColumnManagement: React.FunctionComponent = () => {
   return (
     <Fragment>
       <DashboardWrapper hasPageTemplateTitle>
-        <PageSection isFilled>
+        <PageSection isFilled aria-label="Draggable Column Management table data">
           {toolbarItems}
           <Table variant="compact" aria-label="Column Management Table">
             <Thead>

package/src/demos/examples/TableCompact.tsx

@@ -129,7 +129,7 @@ export const TableCompact: React.FunctionComponent = () => {
   return (
     <Fragment>
       <DashboardWrapper hasPageTemplateTitle>
-        <PageSection isFilled>
+        <PageSection isFilled aria-label="Compact table data">
           <Card>
             {tableToolbar}
             <Table variant="compact" aria-label="Compact Table">

package/src/demos/examples/TableCompoundExpansion.tsx

@@ -199,7 +199,7 @@ export const TableCompoundExpansion: React.FunctionComponent = () => {
 
   return (
     <DashboardWrapper hasPageTemplateTitle>
-      <PageSection padding={{ default: 'noPadding', xl: 'padding' }}>
+      <PageSection padding={{ default: 'noPadding', xl: 'padding' }} aria-label="Compound expandable table data ">
         <Card>
           {tableToolbar}
           <Table aria-label="Compound expandable table">

package/src/demos/examples/TableEmptyStateDefault.tsx

@@ -15,7 +15,7 @@ import { DashboardWrapper } from '@patternfly/react-table/dist/esm/demos/Dashboa
 
 export const TableEmptyStateDefault: React.FunctionComponent = () => (
   <DashboardWrapper hasPageTemplateTitle>
-    <PageSection padding={{ default: 'noPadding', xl: 'padding' }}>
+    <PageSection padding={{ default: 'noPadding', xl: 'padding' }} aria-label="Empty state table data">
       <Card component="div">
         <Table aria-label="Empty state table">
           <Thead>

package/src/demos/examples/TableEmptyStateError.tsx

@@ -5,7 +5,7 @@ import { DashboardWrapper } from '@patternfly/react-table/dist/esm/demos/Dashboa
 
 export const TableEmptyStateError: React.FunctionComponent = () => (
   <DashboardWrapper hasPageTemplateTitle>
-    <PageSection padding={{ default: 'noPadding', xl: 'padding' }}>
+    <PageSection padding={{ default: 'noPadding', xl: 'padding' }} aria-label="Empty state table with error">
       <Card component="div">
         <Table aria-label="Loading table demo">
           <Thead>

package/src/demos/examples/TableEmptyStateLoading.tsx

@@ -4,7 +4,7 @@ import { DashboardWrapper } from '@patternfly/react-table/dist/esm/demos/Dashboa
 
 export const TableEmptyStateLoading: React.FunctionComponent = () => (
   <DashboardWrapper hasPageTemplateTitle>
-    <PageSection padding={{ default: 'noPadding', xl: 'padding' }}>
+    <PageSection padding={{ default: 'noPadding', xl: 'padding' }} aria-label="Empty state table loading">
       <Card component="div">
         <Table aria-label="Loading table demo">
           <Thead>

package/src/demos/examples/TableExpandCollapseAll.tsx

@@ -153,6 +153,7 @@ export const TableExpandCollapseAll: React.FunctionComponent = () => {
             default: 'noPadding',
             xl: 'padding'
           }}
+          aria-label="Collapsible table data"
         >
           <Card component="div">
             <Table aria-label="Collapsible table">

package/src/demos/examples/TableSortableResponsive.tsx

@@ -229,9 +229,9 @@ export const TableSortableResponsive: React.FunctionComponent = () => {
   return (
     <Fragment>
       <DashboardWrapper>
-        <PageSection isWidthLimited variant={PageSectionVariants.light}>
+        <PageSection isWidthLimited variant={PageSectionVariants.light} aria-labelledby="table-title">
           <Content>
-            <h1>Table demos</h1>
+            <h1 id="table-title">Table demos</h1>
             <p>
               Below is an example of a responsive sortable table. When the screen size shrinks the table into a compact
               form, the toolbar will display a dropdown menu containing sorting options.
@@ -243,6 +243,7 @@ export const TableSortableResponsive: React.FunctionComponent = () => {
             default: 'noPadding',
             xl: 'padding'
           }}
+          aria-label="Sortable table data"
         >
           <Card component="div">
             {tableToolbar}

package/src/demos/examples/TableStaticBottomPagination.tsx

@@ -142,7 +142,7 @@ export const TableStaticBottomPagination: React.FunctionComponent = () => {
   return (
     <Fragment>
       <DashboardWrapper hasPageTemplateTitle>
-        <PageSection isFilled>
+        <PageSection isFilled aria-label="Paginated table data">
           <Card>
             {tableToolbar}
             <Table variant="compact" aria-label="Paginated Table">

package/src/demos/examples/TableStickyFirstColumn.tsx

@@ -135,7 +135,11 @@ export const TableStickyFirstColumn = () => {
   });
   return (
     <DashboardWrapper hasPageTemplateTitle>
-      <PageSection isWidthLimited padding={{ default: 'noPadding', xl: 'padding' }}>
+      <PageSection
+        isWidthLimited
+        padding={{ default: 'noPadding', xl: 'padding' }}
+        aria-label="Sticky column table data"
+      >
         <Card component="div">
           <InnerScrollContainer>
             <Table aria-label="Sticky column table" gridBreakPoint="">

package/src/demos/examples/TableStickyHeader.tsx

@@ -19,7 +19,7 @@ export const TableStickyHeader: React.FunctionComponent = () => {
 
   return (
     <DashboardWrapper hasPageTemplateTitle>
-      <PageSection padding={{ default: 'noPadding', xl: 'padding' }}>
+      <PageSection padding={{ default: 'noPadding', xl: 'padding' }} aria-label="Sticky header table data">
         <Card component="div">
           <Table aria-label="Sticky Header Table Demo" isStickyHeader>
             <Thead>