diff options
author | Matt A. Tobin <mattatobin@localhost.localdomain> | 2018-02-02 04:16:08 -0500 |
---|---|---|
committer | Matt A. Tobin <mattatobin@localhost.localdomain> | 2018-02-02 04:16:08 -0500 |
commit | 5f8de423f190bbb79a62f804151bc24824fa32d8 (patch) | |
tree | 10027f336435511475e392454359edea8e25895d /devtools/client/memory/components/list.js | |
parent | 49ee0794b5d912db1f95dce6eb52d781dc210db5 (diff) | |
download | UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.gz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.lz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.xz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.zip |
Add m-esr52 at 52.6.0
Diffstat (limited to 'devtools/client/memory/components/list.js')
-rw-r--r-- | devtools/client/memory/components/list.js | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/devtools/client/memory/components/list.js b/devtools/client/memory/components/list.js new file mode 100644 index 000000000..3aa27da69 --- /dev/null +++ b/devtools/client/memory/components/list.js @@ -0,0 +1,35 @@ +/* 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/. */ + +const { DOM: dom, createClass, PropTypes } = require("devtools/client/shared/vendor/react"); + +/** + * Generic list component that takes another react component to represent + * the children nodes as `itemComponent`, and a list of items to render + * as that component with a click handler. + */ +const List = module.exports = createClass({ + displayName: "List", + + propTypes: { + itemComponent: PropTypes.any.isRequired, + onClick: PropTypes.func, + items: PropTypes.array.isRequired, + }, + + render() { + let { items, onClick, itemComponent: Item } = this.props; + + return ( + dom.ul({ className: "list" }, ...items.map((item, index) => { + return Item(Object.assign({}, this.props, { + key: index, + item, + index, + onClick: () => onClick(item), + })); + })) + ); + } +}); |