diff --git a/src/@next/IndexTable/IndexTable.stories.tsx b/src/@next/IndexTable/IndexTable.stories.tsx index fcdc2ca68..598bd8e7d 100644 --- a/src/@next/IndexTable/IndexTable.stories.tsx +++ b/src/@next/IndexTable/IndexTable.stories.tsx @@ -250,8 +250,13 @@ const Template: Story = args => { const selectableCandidates = candidatesSlice.filter( candidate => !candidate.disabled ); + const selectableCandidatesCount = selectableCandidates.length; + + const tableCandidatesData = selectableCandidatesCount + ? selectableCandidates + : candidatesSlice; const { selectedResources, allResourcesSelected, handleSelectionChange } = - useIndexResourceState(selectableCandidates); + useIndexResourceState(tableCandidatesData); const rowMarkup = candidatesSlice.map( ( @@ -308,11 +313,12 @@ const Template: Story = args => { return ( & { height?: string; + selectableItemsCount?: number; }; const IndexTable = ({ @@ -23,6 +24,7 @@ const IndexTable = ({ selectedItemsCount, loading, emptyState, + selectableItemsCount, ...props }: IndexTableProps) => { const renderCheckboxHeader = ({ @@ -36,6 +38,7 @@ const IndexTable = ({ onChange={onChange} checked={checked} isPadded={false} + disabled={props.disabled || selectableItemsCount === 0} {...props} />