summaryrefslogtreecommitdiffstats
path: root/devtools/client/accessibility/components/Toolbar.js
diff options
context:
space:
mode:
Diffstat (limited to 'devtools/client/accessibility/components/Toolbar.js')
-rw-r--r--devtools/client/accessibility/components/Toolbar.js74
1 files changed, 74 insertions, 0 deletions
diff --git a/devtools/client/accessibility/components/Toolbar.js b/devtools/client/accessibility/components/Toolbar.js
new file mode 100644
index 0000000000..b5f27485ed
--- /dev/null
+++ b/devtools/client/accessibility/components/Toolbar.js
@@ -0,0 +1,74 @@
+/* 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";
+
+// React
+const {
+ createFactory,
+} = require("resource://devtools/client/shared/vendor/react.js");
+const {
+ div,
+} = require("resource://devtools/client/shared/vendor/react-dom-factories.js");
+const AccessibilityTreeFilter = createFactory(
+ require("resource://devtools/client/accessibility/components/AccessibilityTreeFilter.js")
+);
+const AccessibilityPrefs = createFactory(
+ require("resource://devtools/client/accessibility/components/AccessibilityPrefs.js")
+);
+loader.lazyGetter(this, "SimulationMenuButton", function () {
+ return createFactory(
+ require("resource://devtools/client/accessibility/components/SimulationMenuButton.js")
+ );
+});
+const DisplayTabbingOrder = createFactory(
+ require("resource://devtools/client/accessibility/components/DisplayTabbingOrder.js")
+);
+
+const {
+ connect,
+} = require("resource://devtools/client/shared/vendor/react-redux.js");
+
+function Toolbar({ audit, simulate, supportsTabbingOrder, toolboxDoc }) {
+ const optionalSimulationSection = simulate
+ ? [
+ div({
+ role: "separator",
+ className: "devtools-separator",
+ }),
+ SimulationMenuButton({ simulate, toolboxDoc }),
+ ]
+ : [];
+ const optionalDisplayTabbingOrderSection = supportsTabbingOrder
+ ? [
+ div({
+ role: "separator",
+ className: "devtools-separator",
+ }),
+ DisplayTabbingOrder(),
+ ]
+ : [];
+
+ return div(
+ {
+ className: "devtools-toolbar",
+ role: "toolbar",
+ },
+ AccessibilityTreeFilter({ audit, toolboxDoc }),
+ // Simulation section is shown if webrender is enabled
+ ...optionalSimulationSection,
+ ...optionalDisplayTabbingOrderSection,
+ AccessibilityPrefs({ toolboxDoc })
+ );
+}
+
+const mapStateToProps = ({
+ ui: {
+ supports: { tabbingOrder },
+ },
+}) => ({
+ supportsTabbingOrder: tabbingOrder,
+});
+
+// Exports from this module
+exports.Toolbar = connect(mapStateToProps)(Toolbar);