/* * Copyright 2007-2017 Charles du Jeu - Abstrium SAS * This file is part of Pydio. * * Pydio is free software: you can redistribute it and/or modify * it under the terms of the GNU Affero General Public License as published by * the Free Software Foundation, either version 3 of the License, or * (at your option) any later version. * * Pydio is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU Affero General Public License for more details. * * You should have received a copy of the GNU Affero General Public License * along with Pydio. If not, see . * * The latest code can be found at . */ 'use strict'; exports.__esModule = true; var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } } function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } var _reactMotion = require('react-motion'); var ANIMATION = { stifness: 500, damping: 20 }; var ORIGIN = -720; var TARGET = 0; var makeRotate = function makeRotate(Target) { return (function (_React$Component) { _inherits(_class, _React$Component); function _class(props) { _classCallCheck(this, _class); _React$Component.call(this, props); this.state = { rotate: false }; } _class.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) { this.setState({ rotate: nextProps.open }); }; _class.prototype.render = function render() { var _this = this; var style = { rotate: this.state.rotate ? ORIGIN : TARGET }; return React.createElement( _reactMotion.Motion, { style: style }, function (_ref) { var rotate = _ref.rotate; var rotated = rotate === ORIGIN; return React.createElement(Target, _extends({}, _this.props, { rotated: rotated, style: _extends({}, _this.props.style, { transform: _this.props.style.transform + ' rotate(' + rotate + 'deg)' }) })); } ); }; return _class; })(React.Component); }; exports['default'] = makeRotate; module.exports = exports['default'];