選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
 
 
 
 

107 行
3.2 KiB

  1. 'use strict';
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
  6. var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
  7. var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
  8. var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
  9. var _createClass2 = require('babel-runtime/helpers/createClass');
  10. var _createClass3 = _interopRequireDefault(_createClass2);
  11. var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
  12. var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
  13. var _inherits2 = require('babel-runtime/helpers/inherits');
  14. var _inherits3 = _interopRequireDefault(_inherits2);
  15. var _simpleAssign = require('simple-assign');
  16. var _simpleAssign2 = _interopRequireDefault(_simpleAssign);
  17. var _react = require('react');
  18. var _react2 = _interopRequireDefault(_react);
  19. var _propTypes = require('prop-types');
  20. var _propTypes2 = _interopRequireDefault(_propTypes);
  21. var _keyboardArrowUp = require('../svg-icons/hardware/keyboard-arrow-up');
  22. var _keyboardArrowUp2 = _interopRequireDefault(_keyboardArrowUp);
  23. var _keyboardArrowDown = require('../svg-icons/hardware/keyboard-arrow-down');
  24. var _keyboardArrowDown2 = _interopRequireDefault(_keyboardArrowDown);
  25. var _IconButton = require('../IconButton');
  26. var _IconButton2 = _interopRequireDefault(_IconButton);
  27. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  28. function getStyles() {
  29. return {
  30. root: {
  31. top: 0,
  32. bottom: 0,
  33. right: 4,
  34. margin: 'auto',
  35. position: 'absolute'
  36. }
  37. };
  38. }
  39. var CardExpandable = function (_Component) {
  40. (0, _inherits3.default)(CardExpandable, _Component);
  41. function CardExpandable() {
  42. (0, _classCallCheck3.default)(this, CardExpandable);
  43. return (0, _possibleConstructorReturn3.default)(this, (CardExpandable.__proto__ || (0, _getPrototypeOf2.default)(CardExpandable)).apply(this, arguments));
  44. }
  45. (0, _createClass3.default)(CardExpandable, [{
  46. key: 'render',
  47. value: function render() {
  48. var styles = getStyles(this.props, this.context);
  49. return _react2.default.createElement(
  50. _IconButton2.default,
  51. {
  52. style: (0, _simpleAssign2.default)(styles.root, this.props.style),
  53. onClick: this.props.onExpanding,
  54. iconStyle: this.props.iconStyle
  55. },
  56. this.props.expanded ? this.props.openIcon : this.props.closeIcon
  57. );
  58. }
  59. }]);
  60. return CardExpandable;
  61. }(_react.Component);
  62. CardExpandable.contextTypes = {
  63. muiTheme: _propTypes2.default.object.isRequired
  64. };
  65. CardExpandable.defaultProps = {
  66. closeIcon: _react2.default.createElement(_keyboardArrowDown2.default, null),
  67. openIcon: _react2.default.createElement(_keyboardArrowUp2.default, null)
  68. };
  69. CardExpandable.propTypes = process.env.NODE_ENV !== "production" ? {
  70. closeIcon: _propTypes2.default.node,
  71. expanded: _propTypes2.default.bool,
  72. iconStyle: _propTypes2.default.object,
  73. onExpanding: _propTypes2.default.func.isRequired,
  74. openIcon: _propTypes2.default.node,
  75. style: _propTypes2.default.object
  76. } : {};
  77. exports.default = CardExpandable;