@storybook/addon-a11y 6.4.0-beta.2 → 6.4.0-beta.23

package/README.md

@@ -94,7 +94,7 @@ Tip: clearly explain in a comment why a rule was overridden, it’ll help you an
 ```js
 MyStory.parameters = {
   a11y: {
-    options: {
+    config: {
       rules: [
         {
           // Allow `autocomplete="nope"` on form elements,

package/dist/cjs/a11yRunner.js

@@ -1,5 +1,23 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.symbol.description.js");
+
+require("core-js/modules/es.symbol.iterator.js");
+
 require("core-js/modules/es.promise.js");
 
 require("core-js/modules/es.object.to-string.js");
@@ -8,14 +26,16 @@ require("regenerator-runtime/runtime.js");
 
 var _global = _interopRequireDefault(require("global"));
 
-var _axeCore = _interopRequireDefault(require("axe-core"));
-
 var _addons = require("@storybook/addons");
 
 var _constants = require("./constants");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
@@ -36,7 +56,7 @@ var activeStoryId;
 
 var getElement = function getElement() {
   var storyRoot = document.getElementById('story-root');
-  return storyRoot ? storyRoot.children : document.getElementById('root');
+  return storyRoot ? storyRoot.childNodes : document.getElementById('root');
 };
 /**
  * Handle A11yContext events.
@@ -44,47 +64,84 @@ var getElement = function getElement() {
  */
 
 
-var handleRequest = function handleRequest(storyId) {
-  var _getParams = getParams(storyId),
-      manual = _getParams.manual;
-
-  if (!manual) {
-    run(storyId);
-  }
-};
-
-var run = /*#__PURE__*/function () {
+var handleRequest = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(storyId) {
-    var input, _input$element, element, config, _input$options, options, result;
+    var _yield$getParams, manual;
 
     return regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return getParams(storyId);
+
+          case 2:
+            _yield$getParams = _context.sent;
+            manual = _yield$getParams.manual;
+
+            if (manual) {
+              _context.next = 7;
+              break;
+            }
+
+            _context.next = 7;
+            return run(storyId);
+
+          case 7:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function handleRequest(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+var run = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(storyId) {
+    var input, axe, _input$element, element, config, _input$options, options, result;
+
+    return regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
           case 0:
             activeStoryId = storyId;
-            _context.prev = 1;
-            input = getParams(storyId);
+            _context2.prev = 1;
+            _context2.next = 4;
+            return getParams(storyId);
+
+          case 4:
+            input = _context2.sent;
 
             if (active) {
-              _context.next = 13;
+              _context2.next = 18;
               break;
             }
 
             active = true;
             channel.emit(_constants.EVENTS.RUNNING);
-            _input$element = input.element, element = _input$element === void 0 ? getElement() : _input$element, config = input.config, _input$options = input.options, options = _input$options === void 0 ? {} : _input$options;
+            _context2.next = 10;
+            return Promise.resolve().then(function () {
+              return _interopRequireWildcard(require('axe-core'));
+            });
 
-            _axeCore.default.reset();
+          case 10:
+            axe = _context2.sent;
+            _input$element = input.element, element = _input$element === void 0 ? getElement() : _input$element, config = input.config, _input$options = input.options, options = _input$options === void 0 ? {} : _input$options;
+            axe.reset();
 
             if (config) {
-              _axeCore.default.configure(config);
+              axe.configure(config);
             }
 
-            _context.next = 11;
-            return _axeCore.default.run(element, options);
+            _context2.next = 16;
+            return axe.run(element, options);
 
-          case 11:
-            result = _context.sent;
+          case 16:
+            result = _context2.sent;
 
             // It's possible that we requested a new run on a different story.
             // Unfortunately, axe doesn't support a cancel method to abort current run.
@@ -97,46 +154,80 @@ var run = /*#__PURE__*/function () {
               run(activeStoryId);
             }
 
-          case 13:
-            _context.next = 18;
+          case 18:
+            _context2.next = 23;
             break;
 
-          case 15:
-            _context.prev = 15;
-            _context.t0 = _context["catch"](1);
-            channel.emit(_constants.EVENTS.ERROR, _context.t0);
+          case 20:
+            _context2.prev = 20;
+            _context2.t0 = _context2["catch"](1);
+            channel.emit(_constants.EVENTS.ERROR, _context2.t0);
 
-          case 18:
-            _context.prev = 18;
+          case 23:
+            _context2.prev = 23;
             active = false;
-            return _context.finish(18);
+            return _context2.finish(23);
 
-          case 21:
+          case 26:
           case "end":
-            return _context.stop();
+            return _context2.stop();
         }
       }
-    }, _callee, null, [[1, 15, 18, 21]]);
+    }, _callee2, null, [[1, 20, 23, 26]]);
   }));
 
-  return function run(_x) {
-    return _ref.apply(this, arguments);
+  return function run(_x2) {
+    return _ref2.apply(this, arguments);
   };
 }();
 /** Returns story parameters or default ones. */
 
 
-var getParams = function getParams(storyId) {
-  var _ref2 = globalWindow.__STORYBOOK_STORY_STORE__.fromId(storyId) || {},
-      parameters = _ref2.parameters;
+var getParams = /*#__PURE__*/function () {
+  var _ref3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(storyId) {
+    var _ref4, parameters;
 
-  return parameters.a11y || {
-    config: {},
-    options: {
-      restoreScroll: true
-    }
+    return regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            _context3.next = 2;
+            return globalWindow.__STORYBOOK_STORY_STORE__.loadStory({
+              storyId: storyId
+            });
+
+          case 2:
+            _context3.t0 = _context3.sent;
+
+            if (_context3.t0) {
+              _context3.next = 5;
+              break;
+            }
+
+            _context3.t0 = {};
+
+          case 5:
+            _ref4 = _context3.t0;
+            parameters = _ref4.parameters;
+            return _context3.abrupt("return", parameters.a11y || {
+              config: {},
+              options: {
+                restoreScroll: true
+              }
+            });
+
+          case 8:
+          case "end":
+            return _context3.stop();
+        }
+      }
+    }, _callee3);
+  }));
+
+  return function getParams(_x3) {
+    return _ref3.apply(this, arguments);
   };
-};
+}();
 
 channel.on(_constants.EVENTS.REQUEST, handleRequest);
 channel.on(_constants.EVENTS.MANUAL, run);

package/dist/esm/a11yRunner.js

@@ -7,7 +7,6 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 
 import global from 'global';
-import axe from 'axe-core';
 import { addons } from '@storybook/addons';
 import { EVENTS } from './constants';
 var document = global.document,
@@ -25,7 +24,7 @@ var activeStoryId;
 
 var getElement = function getElement() {
   var storyRoot = document.getElementById('story-root');
-  return storyRoot ? storyRoot.children : document.getElementById('root');
+  return storyRoot ? storyRoot.childNodes : document.getElementById('root');
 };
 /**
  * Handle A11yContext events.
@@ -33,34 +32,70 @@ var getElement = function getElement() {
  */
 
 
-var handleRequest = function handleRequest(storyId) {
-  var _getParams = getParams(storyId),
-      manual = _getParams.manual;
-
-  if (!manual) {
-    run(storyId);
-  }
-};
-
-var run = /*#__PURE__*/function () {
+var handleRequest = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(storyId) {
-    var input, _input$element, element, config, _input$options, options, result;
+    var _yield$getParams, manual;
 
     return regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return getParams(storyId);
+
+          case 2:
+            _yield$getParams = _context.sent;
+            manual = _yield$getParams.manual;
+
+            if (manual) {
+              _context.next = 7;
+              break;
+            }
+
+            _context.next = 7;
+            return run(storyId);
+
+          case 7:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function handleRequest(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+var run = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(storyId) {
+    var input, axe, _input$element, element, config, _input$options, options, result;
+
+    return regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
           case 0:
             activeStoryId = storyId;
-            _context.prev = 1;
-            input = getParams(storyId);
+            _context2.prev = 1;
+            _context2.next = 4;
+            return getParams(storyId);
+
+          case 4:
+            input = _context2.sent;
 
             if (active) {
-              _context.next = 13;
+              _context2.next = 18;
               break;
             }
 
             active = true;
             channel.emit(EVENTS.RUNNING);
+            _context2.next = 10;
+            return import('axe-core');
+
+          case 10:
+            axe = _context2.sent;
             _input$element = input.element, element = _input$element === void 0 ? getElement() : _input$element, config = input.config, _input$options = input.options, options = _input$options === void 0 ? {} : _input$options;
             axe.reset();
 
@@ -68,11 +103,11 @@ var run = /*#__PURE__*/function () {
               axe.configure(config);
             }
 
-            _context.next = 11;
+            _context2.next = 16;
             return axe.run(element, options);
 
-          case 11:
-            result = _context.sent;
+          case 16:
+            result = _context2.sent;
 
             // It's possible that we requested a new run on a different story.
             // Unfortunately, axe doesn't support a cancel method to abort current run.
@@ -85,46 +120,80 @@ var run = /*#__PURE__*/function () {
               run(activeStoryId);
             }
 
-          case 13:
-            _context.next = 18;
+          case 18:
+            _context2.next = 23;
             break;
 
-          case 15:
-            _context.prev = 15;
-            _context.t0 = _context["catch"](1);
-            channel.emit(EVENTS.ERROR, _context.t0);
+          case 20:
+            _context2.prev = 20;
+            _context2.t0 = _context2["catch"](1);
+            channel.emit(EVENTS.ERROR, _context2.t0);
 
-          case 18:
-            _context.prev = 18;
+          case 23:
+            _context2.prev = 23;
             active = false;
-            return _context.finish(18);
+            return _context2.finish(23);
 
-          case 21:
+          case 26:
           case "end":
-            return _context.stop();
+            return _context2.stop();
         }
       }
-    }, _callee, null, [[1, 15, 18, 21]]);
+    }, _callee2, null, [[1, 20, 23, 26]]);
   }));
 
-  return function run(_x) {
-    return _ref.apply(this, arguments);
+  return function run(_x2) {
+    return _ref2.apply(this, arguments);
   };
 }();
 /** Returns story parameters or default ones. */
 
 
-var getParams = function getParams(storyId) {
-  var _ref2 = globalWindow.__STORYBOOK_STORY_STORE__.fromId(storyId) || {},
-      parameters = _ref2.parameters;
+var getParams = /*#__PURE__*/function () {
+  var _ref3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(storyId) {
+    var _ref4, parameters;
+
+    return regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            _context3.next = 2;
+            return globalWindow.__STORYBOOK_STORY_STORE__.loadStory({
+              storyId: storyId
+            });
+
+          case 2:
+            _context3.t0 = _context3.sent;
 
-  return parameters.a11y || {
-    config: {},
-    options: {
-      restoreScroll: true
-    }
+            if (_context3.t0) {
+              _context3.next = 5;
+              break;
+            }
+
+            _context3.t0 = {};
+
+          case 5:
+            _ref4 = _context3.t0;
+            parameters = _ref4.parameters;
+            return _context3.abrupt("return", parameters.a11y || {
+              config: {},
+              options: {
+                restoreScroll: true
+              }
+            });
+
+          case 8:
+          case "end":
+            return _context3.stop();
+        }
+      }
+    }, _callee3);
+  }));
+
+  return function getParams(_x3) {
+    return _ref3.apply(this, arguments);
   };
-};
+}();
 
 channel.on(EVENTS.REQUEST, handleRequest);
 channel.on(EVENTS.MANUAL, run);

package/dist/modern/a11yRunner.js

@@ -1,5 +1,4 @@
 import global from 'global';
-import axe from 'axe-core';
 import { addons } from '@storybook/addons';
 import { EVENTS } from './constants';
 const {
@@ -19,7 +18,7 @@ let activeStoryId;
 
 const getElement = () => {
   const storyRoot = document.getElementById('story-root');
-  return storyRoot ? storyRoot.children : document.getElementById('root');
+  return storyRoot ? storyRoot.childNodes : document.getElementById('root');
 };
 /**
  * Handle A11yContext events.
@@ -27,13 +26,13 @@ const getElement = () => {
  */
 
 
-const handleRequest = storyId => {
+const handleRequest = async storyId => {
   const {
     manual
-  } = getParams(storyId);
+  } = await getParams(storyId);
 
   if (!manual) {
-    run(storyId);
+    await run(storyId);
   }
 };
 
@@ -41,11 +40,12 @@ const run = async storyId => {
   activeStoryId = storyId;
 
   try {
-    const input = getParams(storyId);
+    const input = await getParams(storyId);
 
     if (!active) {
       active = true;
       channel.emit(EVENTS.RUNNING);
+      const axe = await import('axe-core');
       const {
         element = getElement(),
         config,
@@ -78,10 +78,12 @@ const run = async storyId => {
 /** Returns story parameters or default ones. */
 
 
-const getParams = storyId => {
+const getParams = async storyId => {
   const {
     parameters
-  } = globalWindow.__STORYBOOK_STORY_STORE__.fromId(storyId) || {};
+  } = (await globalWindow.__STORYBOOK_STORY_STORE__.loadStory({
+    storyId
+  })) || {};
   return parameters.a11y || {
     config: {},
     options: {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Result } from 'axe-core';
 import { RuleType } from '../A11YPanel';
 interface ItemProps {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Result } from 'axe-core';
 import { RuleType } from '../A11YPanel';
 interface ItemProps {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "6.4.0-beta.2",
+  "version": "6.4.0-beta.23",
   "description": "Test component compliance with web accessibility standards",
   "keywords": [
     "a11y",
@@ -45,14 +45,14 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.0-beta.2",
-    "@storybook/api": "6.4.0-beta.2",
-    "@storybook/channels": "6.4.0-beta.2",
-    "@storybook/client-logger": "6.4.0-beta.2",
-    "@storybook/components": "6.4.0-beta.2",
-    "@storybook/core-events": "6.4.0-beta.2",
-    "@storybook/csf": "0.0.2--canary.6aca495.0",
-    "@storybook/theming": "6.4.0-beta.2",
+    "@storybook/addons": "6.4.0-beta.23",
+    "@storybook/api": "6.4.0-beta.23",
+    "@storybook/channels": "6.4.0-beta.23",
+    "@storybook/client-logger": "6.4.0-beta.23",
+    "@storybook/components": "6.4.0-beta.23",
+    "@storybook/core-events": "6.4.0-beta.23",
+    "@storybook/csf": "0.0.2--canary.87bc651.0",
+    "@storybook/theming": "6.4.0-beta.23",
     "axe-core": "^4.2.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
@@ -81,7 +81,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "3358e1e90c4e46dfd28e7ab822d5d20579463186",
+  "gitHead": "34dd760d275faabff6855b84bb64bb69adc1ec1a",
   "sbmodern": "dist/modern/index.js",
   "storybook": {
     "displayName": "Accessibility",