GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-04 22:21:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

reset context on story changed

Browse Source
This commit is contained in:
Clément Dungler 2020-04-17 11:45:22 +02:00
parent d386ca7b51
commit 79e6df1d5f
1 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
addons/a11y/src/components/A11yContext.tsx
View File

@ -2,6 +2,7 @@ import * as React from 'react';
import { themes, convert } from '@storybook/theming';
import { Result } from 'axe-core';
import { useChannel } from '@storybook/api';
import { STORY_CHANGED } from '@storybook/core-events';
import { EVENTS } from '../constants';
interface Results {
@ -44,13 +45,14 @@ interface A11yContextProviderProps {
active: boolean;
}
const defaultResult = {
passes: [],
incomplete: [],
violations: [],
};
export const A11yContextProvider: React.FC<A11yContextProviderProps> = ({ active, ...props }) => {
const emit = useChannel({});
const [results, setResults] = React.useState<Results>({
passes: [],
incomplete: [],
violations: [],
});
const [results, setResults] = React.useState<Results>(defaultResult);
const [tab, setTab] = React.useState(0);
const [highlighted, setHighlighted] = React.useState<string[]>([]);
const handleToggleHighlight = React.useCallback((target: string[], hightlight: boolean) => {
@ -66,6 +68,16 @@ export const A11yContextProvider: React.FC<A11yContextProviderProps> = ({ active
setTab(index);
}, []);
const handleReset = React.useCallback(() => {
setTab(0);
setResults(defaultResult);
handleClearHighlights();
}, []);
const emit = useChannel({
[STORY_CHANGED]: handleReset,
});
React.useEffect(() => {
emit(EVENTS.HIGHLIGHT, { elements: highlighted, color: colorsByType[tab] });
}, [highlighted, tab]);