@storybook/addon-a11y 5.3.13 → 5.3.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "5.3.13",
+  "version": "5.3.14",
   "description": "a11y addon for storybook",
   "keywords": [
     "a11y",
@@ -20,24 +20,25 @@
     "directory": "addons/a11y"
   },
   "license": "MIT",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "files": [
     "dist/**/*",
     "README.md",
     "*.js",
-    "*.d.ts"
+    "*.d.ts",
+    "ts3.5/**/*"
   ],
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.3.13",
-    "@storybook/api": "5.3.13",
-    "@storybook/client-logger": "5.3.13",
-    "@storybook/components": "5.3.13",
-    "@storybook/core-events": "5.3.13",
-    "@storybook/theming": "5.3.13",
+    "@storybook/addons": "5.3.14",
+    "@storybook/api": "5.3.14",
+    "@storybook/client-logger": "5.3.14",
+    "@storybook/components": "5.3.14",
+    "@storybook/core-events": "5.3.14",
+    "@storybook/theming": "5.3.14",
     "axe-core": "^3.3.2",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
@@ -56,5 +57,12 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d840df052a887038e134207da26fd04cc2279d28"
+  "gitHead": "91d9c0c4e0afd7e494b23ec8076b21e45b7a8906",
+  "typesVersions": {
+    "<=3.5": {
+      "*": [
+        "ts3.5/*"
+      ]
+    }
+  }
 }

package/ts3.5/dist/components/A11YPanel.d.ts

@@ -0,0 +1,34 @@
+import { Component } from 'react';
+import { AxeResults, Result } from 'axe-core';
+import { API } from '@storybook/api';
+export declare enum RuleType {
+    VIOLATION = 0,
+    PASS = 1,
+    INCOMPLETION = 2
+}
+interface A11YPanelNormalState {
+    status: 'ready' | 'ran' | 'running';
+    passes: Result[];
+    violations: Result[];
+    incomplete: Result[];
+}
+interface A11YPanelErrorState {
+    status: 'error';
+    error: unknown;
+}
+declare type A11YPanelState = A11YPanelNormalState | A11YPanelErrorState;
+interface A11YPanelProps {
+    active: boolean;
+    api: API;
+}
+export declare class A11YPanel extends Component<A11YPanelProps, A11YPanelState> {
+    state: A11YPanelState;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: A11YPanelProps): void;
+    componentWillUnmount(): void;
+    onUpdate: ({ passes, violations, incomplete }: AxeResults) => void;
+    onError: (error: unknown) => void;
+    request: () => void;
+    render(): JSX.Element;
+}
+export {};

package/ts3.5/dist/components/ColorBlindness.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent, ReactNode } from 'react';
+export interface Link {
+    id: string;
+    title: ReactNode;
+    right?: ReactNode;
+    active: boolean;
+    onClick: () => void;
+}
+export declare const ColorBlindness: FunctionComponent;

package/ts3.5/dist/components/Report/Elements.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent } from 'react';
+import { NodeResult } from 'axe-core';
+import { RuleType } from '../A11YPanel';
+interface ElementsProps {
+    elements: NodeResult[];
+    type: RuleType;
+}
+export declare const Elements: FunctionComponent<ElementsProps>;
+export {};

package/ts3.5/dist/components/Report/HighlightToggle.d.ts

@@ -0,0 +1,28 @@
+import { Component } from 'react';
+import { NodeResult } from 'axe-core';
+import { RuleType } from '../A11YPanel';
+export declare class HighlightedElementData {
+    originalOutline: string;
+    isHighlighted: boolean;
+}
+interface ToggleProps {
+    elementsToHighlight: NodeResult[];
+    type: RuleType;
+    addElement?: (data: any) => void;
+    highlightedElementsMap?: Map<HTMLElement, HighlightedElementData>;
+    isToggledOn?: boolean;
+    toggleId?: string;
+    indeterminate?: boolean;
+}
+declare class HighlightToggle extends Component<ToggleProps> {
+    static defaultProps: Partial<ToggleProps>;
+    private checkBoxRef;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Readonly<ToggleProps>): void;
+    onToggle: () => void;
+    highlightRuleLocation(targetElement: HTMLElement, addHighlight: boolean): void;
+    saveElementDataToMap(targetElement: HTMLElement, isHighlighted: boolean, originalOutline: string): void;
+    render(): JSX.Element;
+}
+declare const _default: import("react-redux").ConnectedComponent<typeof HighlightToggle, any>;
+export default _default;

package/ts3.5/dist/components/Report/Info.d.ts

@@ -0,0 +1,7 @@
+import { FunctionComponent } from 'react';
+import { Result } from 'axe-core';
+interface InfoProps {
+    item: Result;
+}
+export declare const Info: FunctionComponent<InfoProps>;
+export {};

package/ts3.5/dist/components/Report/Item.d.ts

@@ -0,0 +1,8 @@
+import { Result } from 'axe-core';
+import { RuleType } from '../A11YPanel';
+interface ItemProps {
+    item: Result;
+    type: RuleType;
+}
+export declare const Item: (props: ItemProps) => JSX.Element;
+export {};

package/ts3.5/dist/components/Report/Rules.d.ts

@@ -0,0 +1,13 @@
+import { FunctionComponent } from 'react';
+import { CheckResult } from 'axe-core';
+export declare enum ImpactValue {
+    MINOR = "minor",
+    MODERATE = "moderate",
+    SERIOUS = "serious",
+    CRITICAL = "critical"
+}
+interface RulesProps {
+    rules: CheckResult[];
+}
+export declare const Rules: FunctionComponent<RulesProps>;
+export {};

package/ts3.5/dist/components/Report/Tags.d.ts

@@ -0,0 +1,7 @@
+import { FunctionComponent } from 'react';
+import { TagValue } from 'axe-core';
+interface TagsProps {
+    tags: TagValue[];
+}
+export declare const Tags: FunctionComponent<TagsProps>;
+export {};

package/ts3.5/dist/components/Report/index.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent } from 'react';
+import { Result } from 'axe-core';
+import { RuleType } from '../A11YPanel';
+export interface ReportProps {
+    items: Result[];
+    empty: string;
+    type: RuleType;
+}
+export declare const Report: FunctionComponent<ReportProps>;

package/ts3.5/dist/components/Tabs.d.ts

@@ -0,0 +1,20 @@
+import React, { Component } from 'react';
+import { Result } from 'axe-core';
+import { RuleType } from './A11YPanel';
+interface TabsProps {
+    tabs: {
+        label: JSX.Element;
+        panel: JSX.Element;
+        items: Result[];
+        type: RuleType;
+    }[];
+}
+interface TabsState {
+    active: number;
+}
+export declare class Tabs extends Component<TabsProps, TabsState> {
+    state: TabsState;
+    onToggle: (event: React.SyntheticEvent<Element, Event>) => void;
+    render(): JSX.Element;
+}
+export {};

package/ts3.5/dist/constants.d.ts

@@ -0,0 +1,11 @@
+export declare const ADDON_ID = "storybook/a11y";
+export declare const PANEL_ID: string;
+export declare const PARAM_KEY = "a11y";
+export declare const IFRAME = "iframe";
+export declare const ADD_ELEMENT = "ADD_ELEMENT";
+export declare const CLEAR_ELEMENTS = "CLEAR_ELEMENTS";
+export declare const EVENTS: {
+    RESULT: string;
+    REQUEST: string;
+    ERROR: string;
+};

package/ts3.5/dist/index.d.ts

@@ -0,0 +1,4 @@
+export declare const withA11y: (...args: any) => any;
+export declare const withA11Y: (...args: any[]) => any;
+export declare const checkA11y: (...args: any[]) => any;
+export declare const configureA11y: (config: any) => void;

package/ts3.5/dist/redux-config.d.ts

@@ -0,0 +1,18 @@
+import { HighlightedElementData } from './components/Report/HighlightToggle';
+export declare function addElement(payload: {
+    element: HTMLElement;
+    data: HighlightedElementData;
+}): {
+    type: string;
+    payload: {
+        element: HTMLElement;
+        data: HighlightedElementData;
+    };
+};
+export declare function clearElements(): {
+    type: string;
+};
+declare const store: import("redux").Store<{
+    highlightedElementsMap: Map<any, any>;
+}, any>;
+export default store;

package/ts3.5/dist/register.d.ts

@@ -0,0 +1 @@
+export {};