zrmc/list/meta.js

ZRMC is an ES7 React wrapper for Material Components Web.

"use strict";

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

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 _icon = require("../components/icon");

var _icon2 = _interopRequireDefault(_icon);

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

var _2 = _interopRequireDefault(_);

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

/**
 * mdc-list-item__meta
 * See:
 * https://material.io/components/web/catalog/lists/
 *
 */

/**
 * 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 MDC_LISTITEMMETA = "mdc-list-item__meta";

var ListItemMeta = function ListItemMeta(_ref) {
  var children = _ref.children,
      icon = _ref.icon,
      href = _ref.href,
      color = _ref.color,
      label = _ref.label,
      onClick = _ref.onClick,
      props = (0, _objectWithoutProperties3.default)(_ref, ["children", "icon", "href", "color", "label", "onClick"]);

  var classes = MDC_LISTITEMMETA;
  var element = void 0;
  if (icon) {
    element = _react2.default.createElement(_icon2.default, {
      href: href,
      className: classes,
      label: label,
      name: icon,
      color: color,
      onClick: onClick
    });
  } else {
    element = _react2.default.createElement(
      "span",
      {
        role: "button",
        tabIndex: "0",
        onKeyUp: function onKeyUp() {},
        className: classes,
        onClick: onClick
      },
      children
    );
  }
  return _2.default.render(element, props);
};

ListItemMeta.defaultProps = {
  mdcElement: MDC_LISTITEMMETA,
  children: null,
  icon: null,
  href: null,
  color: null,
  label: null,
  onClick: null
};

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

  icon: _propTypes2.default.string,
  href: _propTypes2.default.string,
  color: _propTypes2.default.string,
  label: _propTypes2.default.string,
  onClick: _propTypes2.default.func
};

exports.default = ListItemMeta;