Source code
Revision control
Copy as Markdown
Other Tools
/* 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
"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 KeyframeMarkerList = createFactory(
require("resource://devtools/client/inspector/animation/components/keyframes-graph/KeyframeMarkerList.js")
);
const KeyframesGraphPath = createFactory(
require("resource://devtools/client/inspector/animation/components/keyframes-graph/KeyframesGraphPath.js")
);
class KeyframesGraph extends PureComponent {
static get propTypes() {
return {
getComputedStyle: PropTypes.func.isRequired,
keyframes: PropTypes.array.isRequired,
name: PropTypes.string.isRequired,
simulateAnimation: PropTypes.func.isRequired,
type: PropTypes.string.isRequired,
};
}
render() {
const { getComputedStyle, keyframes, name, simulateAnimation, type } =
this.props;
return dom.div(
{
className: `keyframes-graph ${name}`,
},
KeyframesGraphPath({
getComputedStyle,
keyframes,
name,
simulateAnimation,
type,
}),
KeyframeMarkerList({ keyframes })
);
}
}
module.exports = KeyframesGraph;