wix-style-react/dist/src/ContactItemBuilder/ContactItemBuilder.js

wix-style-react

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.contactItemBuilder = exports.ContactItem = undefined;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _ContactItemBuilder = require('./ContactItemBuilder.scss');

var _ContactItemBuilder2 = _interopRequireDefault(_ContactItemBuilder);

var _Avatar = require('../Avatar/Avatar');

var _Avatar2 = _interopRequireDefault(_Avatar);

var _Text = require('../Text');

var _Text2 = _interopRequireDefault(_Text);

var _ContactItemBuilderDataHooks = require('./ContactItemBuilderDataHooks');

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

var _propTypes2 = _interopRequireDefault(_propTypes);

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

var ContactItem = exports.ContactItem = function ContactItem(props) {
  return _react2.default.createElement(
    'div',
    { className: _ContactItemBuilder2.default.contactItemOption },
    _react2.default.createElement(
      'div',
      { className: _ContactItemBuilder2.default.avatar },
      _react2.default.createElement(_Avatar2.default, {
        name: props.title,
        size: 'size30',
        imgProps: { src: props.imageUrl },
        'data-hook': _ContactItemBuilderDataHooks.dataHooks.pickerOptionAvatar
      })
    ),
    _react2.default.createElement(
      'div',
      { className: _ContactItemBuilder2.default.contactItemTitles },
      _react2.default.createElement(
        _Text2.default,
        {
          ellipsis: true,
          size: 'medium',
          weight: 'normal',
          secondary: !props.selected,
          light: props.selected,
          dataHook: _ContactItemBuilderDataHooks.dataHooks.pickerOptionTitle
        },
        props.title
      ),
      props.subtitle ? _react2.default.createElement(
        _Text2.default,
        {
          ellipsis: true,
          size: 'small',
          weight: 'thin',
          secondary: !props.selected,
          light: props.selected,
          dataHook: _ContactItemBuilderDataHooks.dataHooks.pickerOptionSubtitle
        },
        props.subtitle
      ) : null
    )
  );
};

ContactItem.propTypes = {
  title: _propTypes2.default.string.isRequired,
  subtitle: _propTypes2.default.string,
  imageUrl: _propTypes2.default.string
};

var contactItemBuilder = exports.contactItemBuilder = function contactItemBuilder(_ref) {
  var id = _ref.id,
      title = _ref.title,
      subtitle = _ref.subtitle,
      imageUrl = _ref.imageUrl;
  return {
    id: id,
    value: function value(_ref2) {
      var selected = _ref2.selected;
      return _react2.default.createElement(ContactItem, {
        title: title,
        subtitle: subtitle,
        imageUrl: imageUrl,
        selected: selected
      });
    }
  };
};