zrmc/cards/actions.js

ZRMC is an ES7 React wrapper for Material Components Web.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _extends2 = require("babel-runtime/helpers/extends");

var _extends3 = _interopRequireDefault(_extends2);

var _objectWithoutProperties2 = require("babel-runtime/helpers/objectWithoutProperties");

var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _propTypes = require("prop-types");

var _propTypes2 = _interopRequireDefault(_propTypes);

var _ = require("../");

var _2 = _interopRequireDefault(_);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

/**
 * mdc-card__actions
 * See
 * https://material.io/components/web/catalog/cards/
 *
 */

var MDC_CARD_ACTIONS = "mdc-card__actions"; /**
                                             * Copyright (c) 2015-present, CWB SAS
                                             *
                                             * This source code is licensed under the MIT license found in the
                                             * LICENSE file in the root directory of this source tree.
                                             */


var CardActions = function CardActions(_ref) {
  var children = _ref.children,
      vertical = _ref.vertical,
      props = (0, _objectWithoutProperties3.default)(_ref, ["children", "vertical"]);

  var classes = MDC_CARD_ACTIONS;
  if (vertical) {
    classes += " mdc-card__actions--vertical";
  }
  // Iterate through children and set 'mdc-card__action'
  var ch = _react.Children.map(children, function (child) {
    return _react2.default.cloneElement(child, (0, _extends3.default)({}, child.props, { cardAction: true }));
  });
  return _2.default.render(_react2.default.createElement(
    "section",
    { className: classes },
    ch
  ), props);
};

CardActions.defaultProps = {
  mdcElement: MDC_CARD_ACTIONS,
  children: null,

  vertical: false,
  isactions: "true"
};

CardActions.propTypes = {
  mdcElement: _propTypes2.default.string,
  children: _propTypes2.default.node,

  vertical: _propTypes2.default.bool,
  // Don't modify it
  isactions: _propTypes2.default.string
};

exports.default = CardActions;