siteRow-fp.js

siteRow-fp.js

// @flow
import React from 'react';
import styles from './SiteRow.css';
import classnames from 'classnames';
import _ from 'lodash/fp';
import R from 'ramda';

/**
 * Vanilla JS
 */
const _mapPropsToIds = (props: Object): string => {
    let ids;
    if (props.offerIDs) {
      ids = props
        .offerIDs
        .map( id => id.toString())
        .join(", ");
    }
    let idText = `Offer ID(s): ${ids}`;

    return idText;
}

/**
 * Lodash-FP
 */
const _mapPropsToIds = (props) => {
  let ids;

  if (props.offerIDs) {
    let getStrings = _.compose(
      _.map(_.toString),
      _.property('offerIDs'),
    );
    ids = getStrings(props).join(", ");
  }
  let idText = `Offer ID(s): ${ids}`;

  return idText;
}

/**
 * Ramda
 */
const _applyJoinWithSpacer = (spacer, array) => {
  return array.join(spacer);
};

const _mapPropsToIds = R.ifElse(
  R.compose(R.is(Array), R.prop('offerIDs')),
  R.curry(
    R.compose(
      R.concat('Offer ID(s): '),
      R.curry(_applyJoinWithSpacer)(", "),
      R.curry(R.map(R.toString)),
      R.curry(R.prop('offerIDs')),
    )
  ),
  function() {return "...loading.";}
);

const SiteRow = (props) => {
  let idText = _mapPropsToIds(props);

  return (
    <div>
      {idText}
    </div>
  );
}

export default SiteRow;

const _mapPropsToIds = R.compose(
  R.concat("Offer ID(s): "),
  R.ifElse(
    R.compose(R.is(Array), R.prop('offerIDs')),
    R.compose(
      R.join(', '),
      R.prop('offerIDs')
    ),
    () => ''
  )
);

const joinByComma = R.compose(R.join(', '), R.prop('offerIDs'));
const offerIDsIsArray = R.compose(R.is(Array), R.prop('offerIDs'))
const prependOfferIDText = R.concat("Offer ID(s): ");
const passEmptyString = () => '';
const applyJoinIfArray = R.ifElse(offerIDsIsArray, joinByComma, emptyString);

const _mapPropsToIds = R.compose(prependOfferIDText, applyJoinIfArray);