1 files changed, 91 insertions, 0 deletions
diff --git a/devtools/client/accessibility/components/AuditFilter.js b/devtools/client/accessibility/components/AuditFilter.js
new file mode 100644
index 0000000000..361a1c30a7
--- /dev/null
+++ b/devtools/client/accessibility/components/AuditFilter.js
@@ -0,0 +1,91 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+"use strict";
+
+const React = require("resource://devtools/client/shared/vendor/react.js");
+const PropTypes = require("resource://devtools/client/shared/vendor/react-prop-types.js");
+const {
+  connect,
+} = require("resource://devtools/client/shared/vendor/react-redux.js");
+
+const {
+  isFiltered,
+} = require("resource://devtools/client/accessibility/utils/audit.js");
+const {
+  FILTERS,
+} = require("resource://devtools/client/accessibility/constants.js");
+const {
+  accessibility: {
+    AUDIT_TYPE,
+    SCORES: { BEST_PRACTICES, FAIL, WARNING },
+  },
+} = require("resource://devtools/shared/constants.js");
+
+function validateCheck({ error, score }) {
+  return !error && [BEST_PRACTICES, FAIL, WARNING].includes(score);
+}
+
+const AUDIT_TYPE_TO_FILTER = {
+  [AUDIT_TYPE.CONTRAST]: {
+    filterKey: FILTERS.CONTRAST,
+    validator: validateCheck,
+  },
+  [AUDIT_TYPE.KEYBOARD]: {
+    filterKey: FILTERS.KEYBOARD,
+    validator: validateCheck,
+  },
+  [AUDIT_TYPE.TEXT_LABEL]: {
+    filterKey: FILTERS.TEXT_LABEL,
+    validator: validateCheck,
+  },
+};
+
+class AuditFilter extends React.Component {
+  static get propTypes() {
+    return {
+      checks: PropTypes.object,
+      children: PropTypes.any,
+      filters: PropTypes.object.isRequired,
+    };
+  }
+
+  isVisible(filters) {
+    return !isFiltered(filters);
+  }
+
+  shouldHide() {
+    const { filters, checks } = this.props;
+    if (this.isVisible(filters)) {
+      return false;
+    }
+
+    if (!checks || Object.values(checks).every(check => check == null)) {
+      return true;
+    }
+
+    for (const type in checks) {
+      if (
+        AUDIT_TYPE_TO_FILTER[type] &&
+        checks[type] &&
+        filters[AUDIT_TYPE_TO_FILTER[type].filterKey] &&
+        AUDIT_TYPE_TO_FILTER[type].validator(checks[type])
+      ) {
+        return false;
+      }
+    }
+
+    return true;
+  }
+
+  render() {
+    return this.shouldHide() ? null : this.props.children;
+  }
+}
+
+const mapStateToProps = ({ audit: { filters } }) => {
+  return { filters };
+};
+
+module.exports = connect(mapStateToProps)(AuditFilter);