@crave/farmblocks-input-select/lib/components/withImage.js

Select box form component

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

/* eslint-disable react/static-property-placement */
import React from "react";
import PropTypes from "prop-types";
import Image, { badgeSizes } from "@crave/farmblocks-image";
import styled from "styled-components";
import LabelContainer from "../styledComponents/LabelContainer";
const ItemImage = styled(Image).withConfig({
  displayName: "withImage__ItemImage",
  componentId: "sc-11ompuu-0"
})(["margin-right:-7px;margin-left:10px;"]);
export const refName = "inputRef";
export default (Input => {
  var _class, _temp;

  return _temp = _class = class InputWithImage extends React.Component {
    render() {
      const {
        image,
        inputRef,
        ...props
      } = this.props;
      return /*#__PURE__*/React.createElement(LabelContainer, {
        className: "labelContainer"
      }, image && /*#__PURE__*/React.createElement(ItemImage, {
        className: "selectedItemImage",
        src: image,
        size: badgeSizes.SMALL,
        badge: true
      }), /*#__PURE__*/React.createElement(Input, _extends({
        ref: inputRef
      }, props)));
    }

  }, _defineProperty(_class, "propTypes", {
    image: PropTypes.string,
    inputRef: PropTypes.func
  }), _temp;
});