Skip to content

Commit

Permalink
Remove withSearch story from ActionList
Browse files Browse the repository at this point in the history
  • Loading branch information
sophschneider committed Sep 20, 2023
1 parent b06e187 commit f0cc7f7
Showing 1 changed file with 0 additions and 67 deletions.
67 changes: 0 additions & 67 deletions polaris-react/src/components/ActionList/ActionList.stories.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -383,73 +383,6 @@ export function WithAPrefixAndASuffix() {
);
}

export function WithSearch() {
const [active, setActive] = useState(true);

const toggleActive = useCallback(() => setActive((active) => !active), []);

const activator = (
<Button onClick={toggleActive} disclosure>
More actions
</Button>
);

return (
<div style={{height: '250px'}}>
<Popover
active={active}
activator={activator}
autofocusTarget="first-node"
onClose={toggleActive}
>
<ActionList
actionRole="menuitem"
sections={[
{
items: [
{content: 'Import file', icon: ImportMinor},
{content: 'Export file', icon: ExportMinor},
],
},
{
items: [
{content: 'Edit', icon: EditMinor},
{content: 'Delete', icon: DeleteMinor},
],
},
{
items: [
{
content: 'Blog posts',
helpText: 'Manage your blog articles',
},
{
content: 'Blogs',
helpText: 'Manage blogs published to your Online Store',
},
{
active: true,
content: 'Active blogs',
helpText: 'This is helpful text',
icon: ImportMinor,
suffix: <Icon source={TickSmallMinor} />,
},
{
disabled: true,
content: 'Disabled blogs',
helpText: 'This is also helpful text',
icon: ImportMinor,
suffix: <Icon source={TickSmallMinor} />,
},
],
},
]}
/>
</Popover>
</div>
);
}

export function WithFiltering() {
return (
<div style={{height: '250px', maxWidth: '350px'}}>
Expand Down

0 comments on commit f0cc7f7

Please sign in to comment.