@patternfly/react-table 6.0.0-alpha.79 → 6.0.0-alpha.80

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-table",
-  "version": "6.0.0-alpha.79",
+  "version": "6.0.0-alpha.80",
   "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.js --config subpaths.config.json"
   },
   "dependencies": {
-    "@patternfly/react-core": "^6.0.0-alpha.78",
+    "@patternfly/react-core": "^6.0.0-alpha.79",
     "@patternfly/react-icons": "^6.0.0-alpha.29",
     "@patternfly/react-styles": "^6.0.0-alpha.28",
     "@patternfly/react-tokens": "^6.0.0-alpha.28",
@@ -51,5 +51,5 @@
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
-  "gitHead": "4eb47e70a3ba0ce15d70b03b8cf9602f7a7215f3"
+  "gitHead": "cb1098099e5ccc766571bcd64adc642ee9687f3b"
 }

package/src/demos/examples/TableFilterable.tsx

@@ -19,7 +19,7 @@ import {
   Select,
   SelectOption,
   SearchInput,
-  ToolbarChipGroup
+  ToolbarLabelGroup
 } from '@patternfly/react-core';
 import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
 import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon';
@@ -35,7 +35,7 @@ export const TableFilterable: React.FunctionComponent = () => {
 
   const rowData = rows.slice(0, 10);
 
-  const onDelete = (type: string | ToolbarChipGroup, id: string) => {
+  const onDelete = (type: string | ToolbarLabelGroup, id: string) => {
     if (type === 'Location') {
       setFilters({
         ...filters,
@@ -186,8 +186,8 @@ export const TableFilterable: React.FunctionComponent = () => {
     return (
       <React.Fragment>
         <ToolbarFilter
-          chips={filters.location}
-          deleteChip={(category, chip) => onDelete(category, chip as string)}
+          labels={filters.location}
+          deleteLabel={(category, label) => onDelete(category, label as string)}
           categoryName="Location"
           showToolbarItem={currentCategory === 'Location'}
         >
@@ -217,8 +217,8 @@ export const TableFilterable: React.FunctionComponent = () => {
           </Select>
         </ToolbarFilter>
         <ToolbarFilter
-          chips={filters.name}
-          deleteChip={(category, chip) => onDelete(category, chip as string)}
+          labels={filters.name}
+          deleteLabel={(category, label) => onDelete(category, label as string)}
           categoryName="Name"
           showToolbarItem={currentCategory === 'Name'}
         >
@@ -234,8 +234,8 @@ export const TableFilterable: React.FunctionComponent = () => {
           />
         </ToolbarFilter>
         <ToolbarFilter
-          chips={filters.status}
-          deleteChip={(category, chip) => onDelete(category, chip as string)}
+          labels={filters.status}
+          deleteLabel={(category, label) => onDelete(category, label as string)}
           categoryName="Status"
           showToolbarItem={currentCategory === 'Status'}
         >
@@ -271,7 +271,7 @@ export const TableFilterable: React.FunctionComponent = () => {
 
   const renderToolbar = () => (
     <Toolbar
-      id="toolbar-with-chip-groups"
+      id="toolbar-with-label-groups"
       clearAllFilters={() => setFilters({ location: [], name: [], status: [] })}
       collapseListedFiltersBreakpoint="xl"
     >