1 /* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
10 } = require("devtools/client/shared/vendor/react");
11 const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
12 const { div } = require("devtools/client/shared/vendor/react-dom-factories");
14 const { L10N } = require("../utils/l10n");
15 const Accessible = createFactory(require("./Accessible"));
16 const Accordion = createFactory(
17 require("devtools/client/shared/components/Accordion")
19 const Checks = createFactory(require("./Checks"));
21 // Component that is responsible for rendering accessible panel's sidebar.
22 class RightSidebar extends Component {
23 static get propTypes() {
25 accessibilityWalker: PropTypes.object.isRequired,
30 * Render the sidebar component.
31 * @returns Sidebar React component.
34 const propertiesHeaderID = "accessibility-properties-header";
35 const checksHeaderID = "accessibility-checks-header";
36 const { accessibilityWalker } = this.props;
39 className: "right-sidebar",
46 component: Checks({ labelledby: checksHeaderID }),
47 header: L10N.getStr("accessibility.checks"),
48 labelledby: checksHeaderID,
52 className: "accessible",
53 component: Accessible({
55 labelledby: propertiesHeaderID,
57 header: L10N.getStr("accessibility.properties"),
58 labelledby: propertiesHeaderID,
67 module.exports = RightSidebar;