diff --git a/packages/react-core/src/demos/Filters/examples/FilterAttributeSearch.tsx b/packages/react-core/src/demos/Filters/examples/FilterAttributeSearch.tsx index 154ee952caf..f6a1b474d7c 100644 --- a/packages/react-core/src/demos/Filters/examples/FilterAttributeSearch.tsx +++ b/packages/react-core/src/demos/Filters/examples/FilterAttributeSearch.tsx @@ -670,7 +670,7 @@ export const FilterAttributeSearch: React.FunctionComponent = () => { rowIndex, onSelect: (_event, isSelecting) => onSelectRepo(repo, rowIndex, isSelecting), isSelected: isRepoSelected(repo), - disable: !isRepoSelectable(repo) + isDisabled: !isRepoSelectable(repo) }} /> diff --git a/packages/react-core/src/demos/Filters/examples/FilterCheckboxSelect.tsx b/packages/react-core/src/demos/Filters/examples/FilterCheckboxSelect.tsx index fa949bea4f0..ffeeec23e29 100644 --- a/packages/react-core/src/demos/Filters/examples/FilterCheckboxSelect.tsx +++ b/packages/react-core/src/demos/Filters/examples/FilterCheckboxSelect.tsx @@ -395,7 +395,7 @@ export const FilterCheckboxSelect: React.FunctionComponent = () => { rowIndex, onSelect: (_event, isSelecting) => onSelectRepo(repo, rowIndex, isSelecting), isSelected: isRepoSelected(repo), - disable: !isRepoSelectable(repo) + isDisabled: !isRepoSelectable(repo) }} /> diff --git a/packages/react-core/src/demos/Filters/examples/FilterFaceted.tsx b/packages/react-core/src/demos/Filters/examples/FilterFaceted.tsx index aa57d5f27c0..4f9af297e79 100644 --- a/packages/react-core/src/demos/Filters/examples/FilterFaceted.tsx +++ b/packages/react-core/src/demos/Filters/examples/FilterFaceted.tsx @@ -486,7 +486,7 @@ export const FilterFaceted: React.FunctionComponent = () => { rowIndex, onSelect: (_event, isSelecting) => onSelectRepo(repo, rowIndex, isSelecting), isSelected: isRepoSelected(repo), - disable: !isRepoSelectable(repo) + isDisabled: !isRepoSelectable(repo) }} /> diff --git a/packages/react-core/src/demos/Filters/examples/FilterMixedSelectGroup.tsx b/packages/react-core/src/demos/Filters/examples/FilterMixedSelectGroup.tsx index 7bb3e860032..29f50cb24f2 100644 --- a/packages/react-core/src/demos/Filters/examples/FilterMixedSelectGroup.tsx +++ b/packages/react-core/src/demos/Filters/examples/FilterMixedSelectGroup.tsx @@ -536,7 +536,7 @@ export const FilterMixedSelectGroup: React.FunctionComponent = () => { rowIndex, onSelect: (_event, isSelecting) => onSelectRepo(repo, rowIndex, isSelecting), isSelected: isRepoSelected(repo), - disable: !isRepoSelectable(repo) + isDisabled: !isRepoSelectable(repo) }} /> diff --git a/packages/react-core/src/demos/Filters/examples/FilterSameSelectGroup.tsx b/packages/react-core/src/demos/Filters/examples/FilterSameSelectGroup.tsx index 48728874b8a..2db157c8a1f 100644 --- a/packages/react-core/src/demos/Filters/examples/FilterSameSelectGroup.tsx +++ b/packages/react-core/src/demos/Filters/examples/FilterSameSelectGroup.tsx @@ -509,7 +509,7 @@ export const FilterSameSelectGroup: React.FunctionComponent = () => { rowIndex, onSelect: (_event, isSelecting) => onSelectRepo(repo, rowIndex, isSelecting), isSelected: isRepoSelected(repo), - disable: !isRepoSelectable(repo) + isDisabled: !isRepoSelectable(repo) }} /> diff --git a/packages/react-core/src/demos/Filters/examples/FilterSearchInput.tsx b/packages/react-core/src/demos/Filters/examples/FilterSearchInput.tsx index 8ecd9c5a5f3..58aca12fbcb 100644 --- a/packages/react-core/src/demos/Filters/examples/FilterSearchInput.tsx +++ b/packages/react-core/src/demos/Filters/examples/FilterSearchInput.tsx @@ -317,7 +317,7 @@ export const FilterSearchInput: React.FunctionComponent = () => { rowIndex, onSelect: (_event, isSelecting) => onSelectRepo(repo, rowIndex, isSelecting), isSelected: isRepoSelected(repo), - disable: !isRepoSelectable(repo) + isDisabled: !isRepoSelectable(repo) }} /> diff --git a/packages/react-core/src/demos/Filters/examples/FilterSingleSelect.tsx b/packages/react-core/src/demos/Filters/examples/FilterSingleSelect.tsx index f4960625bee..ab5b9f0235b 100644 --- a/packages/react-core/src/demos/Filters/examples/FilterSingleSelect.tsx +++ b/packages/react-core/src/demos/Filters/examples/FilterSingleSelect.tsx @@ -380,7 +380,7 @@ export const FilterSingleSelect: React.FunctionComponent = () => { rowIndex, onSelect: (_event, isSelecting) => onSelectRepo(repo, rowIndex, isSelecting), isSelected: isRepoSelected(repo), - disable: !isRepoSelectable(repo) + isDisabled: !isRepoSelectable(repo) }} /> diff --git a/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableComposableDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableComposableDemo.tsx index 5e8635a6819..d1b3fa0bc96 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableComposableDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableComposableDemo.tsx @@ -312,7 +312,7 @@ export const TableComposableDemo = () => { rowIndex, onSelect, isSelected: selected[rowIndex], - disable: rowIndex === 1 + isDisabled: rowIndex === 1 }} /> {row.map((cell, cellIndex) => { @@ -362,7 +362,7 @@ export const TableComposableDemo = () => { rowIndex, onSelect, isSelected: selected === rowIndex, - disable: rowIndex === 1, + isDisabled: rowIndex === 1, variant: 'radio' }} /> diff --git a/packages/react-table/src/components/Table/Td.tsx b/packages/react-table/src/components/Table/Td.tsx index f932a6b9284..8757ff9b679 100644 --- a/packages/react-table/src/components/Table/Td.tsx +++ b/packages/react-table/src/components/Table/Td.tsx @@ -120,7 +120,7 @@ const TdBase: React.FunctionComponent = ({ rowIndex: select.rowIndex, rowData: { selected: select.isSelected, - disableSelection: select?.disable, + disableSelection: select?.isDisabled, props: select?.props }, column: { diff --git a/packages/react-table/src/components/Table/base/types.tsx b/packages/react-table/src/components/Table/base/types.tsx index 5419e18d2fd..8f40f5577e5 100644 --- a/packages/react-table/src/components/Table/base/types.tsx +++ b/packages/react-table/src/components/Table/base/types.tsx @@ -45,8 +45,8 @@ export interface TdSelectType { onSelect?: OnSelect; /** Whether the cell is selected */ isSelected: boolean; - /** Whether to disable the selection */ - disable?: boolean; + /** Whether the selection is disabled */ + isDisabled?: boolean; /** The row index */ rowIndex: number; /** Additional props forwarded to select rowData */ diff --git a/packages/react-table/src/components/Table/examples/TableSelectable.tsx b/packages/react-table/src/components/Table/examples/TableSelectable.tsx index 5fb50bcb574..a61213f2615 100644 --- a/packages/react-table/src/components/Table/examples/TableSelectable.tsx +++ b/packages/react-table/src/components/Table/examples/TableSelectable.tsx @@ -109,7 +109,7 @@ export const TableSelectable: React.FunctionComponent = () => { rowIndex, onSelect: (_event, isSelecting) => onSelectRepo(repo, rowIndex, isSelecting), isSelected: isRepoSelected(repo), - disable: !isRepoSelectable(repo) + isDisabled: !isRepoSelectable(repo) }} /> {repo.name} diff --git a/packages/react-table/src/components/Table/examples/TableSelectableRadio.tsx b/packages/react-table/src/components/Table/examples/TableSelectableRadio.tsx index 8870d93424f..710c19655cd 100644 --- a/packages/react-table/src/components/Table/examples/TableSelectableRadio.tsx +++ b/packages/react-table/src/components/Table/examples/TableSelectableRadio.tsx @@ -51,7 +51,7 @@ export const TableSelectableRadio: React.FunctionComponent = () => { rowIndex, onSelect: () => setSelectedRepoName(repo.name), isSelected: selectedRepoName === repo.name, - disable: !isRepoSelectable(repo), + isDisabled: !isRepoSelectable(repo), variant: 'radio' }} />