@helpscout/hsds-react/utilities/specs/avatar.specs.js

React component library for Help Scout's Design System

"use strict";

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

exports.__esModule = true;
exports.generateAvatarList = generateAvatarList;
exports.default = void 0;

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

var _helix = require("@helpscout/helix");

var avatarSpec = (0, _helix.createSpec)({
  id: _helix.faker.datatype.uuid(),
  firstName: _helix.faker.name.firstName(),
  lastName: _helix.faker.name.lastName(),
  name: (0, _helix.derived)(function (_ref) {
    var firstName = _ref.firstName,
        lastName = _ref.lastName;
    return firstName + " " + lastName;
  }),
  image: _helix.faker.image.avatar()
}).afterGenerate(function (props) {
  if (Array.isArray(props)) {
    return props.map(function (prop) {
      return {
        id: prop.id,
        name: prop.name,
        firstName: prop.firstName,
        image: "https://avatars.dicebear.com/api/pixel-art/" + prop.id + ".svg?mood[]=happy&background=%23E5E9EC"
      };
    });
  }

  return {
    id: props.id,
    name: props.name,
    image: "https://avatars.dicebear.com/api/pixel-art/" + props.id + ".svg?mood[]=happy&background=%23E5E9EC"
  };
});

function generateAvatarList(number, withTooltip) {
  var avatars = avatarSpec.generate(number);

  if (withTooltip) {
    return avatars.map(function (av) {
      return (0, _extends2.default)({
        tooltipProps: {
          title: "Hello " + av.firstName + "!"
        }
      }, av);
    });
  }

  return avatars;
}

var _default = avatarSpec;
exports.default = _default;