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

wix-style-react

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

var _react = _interopRequireDefault(require("react"));

var _ContactItemBuilderSt = require("./ContactItemBuilder.st.css");

var _Avatar = _interopRequireDefault(require("../Avatar/Avatar"));

var _Text = _interopRequireDefault(require("../Text"));

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

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

var _deprecationLog = _interopRequireDefault(require("../utils/deprecationLog"));

var ContactItem = function ContactItem(props) {
  (0, _deprecationLog["default"])('This component is deprecated. Please use ListItemSelect instead');
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: _ContactItemBuilderSt.classes.contactItemOption
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: _ContactItemBuilderSt.classes.avatar
  }, /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
    name: props.title,
    size: "size30",
    imgProps: {
      src: props.imageUrl
    },
    "data-hook": _ContactItemBuilderDataHooks.dataHooks.pickerOptionAvatar
  })), /*#__PURE__*/_react["default"].createElement("div", {
    className: _ContactItemBuilderSt.classes.contactItemTitles
  }, /*#__PURE__*/_react["default"].createElement(_Text["default"], {
    ellipsis: true,
    size: "medium",
    weight: "normal",
    secondary: !props.selected,
    light: props.selected,
    dataHook: _ContactItemBuilderDataHooks.dataHooks.pickerOptionTitle
  }, props.title), props.subtitle ? /*#__PURE__*/_react["default"].createElement(_Text["default"], {
    ellipsis: true,
    size: "small",
    weight: "thin",
    secondary: !props.selected,
    light: props.selected,
    dataHook: _ContactItemBuilderDataHooks.dataHooks.pickerOptionSubtitle
  }, props.subtitle) : null));
};

exports.ContactItem = ContactItem;
ContactItem.propTypes = {
  title: _propTypes["default"].string.isRequired,
  subtitle: _propTypes["default"].string,
  imageUrl: _propTypes["default"].string
};

var contactItemBuilder = function contactItemBuilder(_ref) {
  var id = _ref.id,
      title = _ref.title,
      subtitle = _ref.subtitle,
      imageUrl = _ref.imageUrl,
      disabled = _ref.disabled;
  return {
    id: id,
    disabled: disabled,
    value: function value(_ref2) {
      var selected = _ref2.selected;
      return /*#__PURE__*/_react["default"].createElement(ContactItem, {
        title: title,
        subtitle: subtitle,
        imageUrl: imageUrl,
        selected: selected
      });
    }
  };
};

exports.contactItemBuilder = contactItemBuilder;