From 43a97878ce14b72f0981164f87f2e35e14151312 Mon Sep 17 00:00:00 2001 From: Daniel Baumann Date: Sun, 7 Apr 2024 11:22:09 +0200 Subject: Adding upstream version 110.0.1. Signed-off-by: Daniel Baumann --- .../inspector/compatibility/components/NodePane.js | 54 ++++++++++++++++++++++ 1 file changed, 54 insertions(+) create mode 100644 devtools/client/inspector/compatibility/components/NodePane.js (limited to 'devtools/client/inspector/compatibility/components/NodePane.js') diff --git a/devtools/client/inspector/compatibility/components/NodePane.js b/devtools/client/inspector/compatibility/components/NodePane.js new file mode 100644 index 0000000000..9616ddaf9f --- /dev/null +++ b/devtools/client/inspector/compatibility/components/NodePane.js @@ -0,0 +1,54 @@ +/* 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 { + createFactory, + PureComponent, +} = require("resource://devtools/client/shared/vendor/react.js"); +const dom = require("resource://devtools/client/shared/vendor/react-dom-factories.js"); +const PropTypes = require("resource://devtools/client/shared/vendor/react-prop-types.js"); + +const FluentReact = require("resource://devtools/client/shared/vendor/fluent-react.js"); +const Localized = createFactory(FluentReact.Localized); + +const Types = require("resource://devtools/client/inspector/compatibility/types.js"); + +const NodeList = createFactory( + require("resource://devtools/client/inspector/compatibility/components/NodeList.js") +); + +class NodePane extends PureComponent { + static get propTypes() { + return { + dispatch: PropTypes.func.isRequired, + nodes: PropTypes.arrayOf(Types.node).isRequired, + setSelectedNode: PropTypes.func.isRequired, + }; + } + + render() { + const { nodes } = this.props; + + return nodes.length > 1 + ? dom.details( + { className: "compatibility-node-pane" }, + Localized( + { + id: "compatibility-issue-occurrences", + $number: nodes.length, + }, + dom.summary( + { className: "compatibility-node-pane__summary" }, + "compatibility-issue-occurrences" + ) + ), + NodeList(this.props) + ) + : dom.div({ className: "compatibility-node-pane" }, NodeList(this.props)); + } +} + +module.exports = NodePane; -- cgit v1.2.3