lucid-ui/lib/components/Bar/examples/regular-colors.js

A UI component library from AppNexus.

import _map from "lodash/map";

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); }

import React from 'react';
import createClass from 'create-react-class';
import { Bar, chartConstants } from '../../../index';
var svgProps = {
  width: 20,
  height: 100
};
var barProps = {
  x: 5,
  y: 0,
  width: 10,
  height: 100
};
var colors = [chartConstants.COLOR_0_LIGHTEST, chartConstants.COLOR_0_LIGHT, chartConstants.COLOR_0, chartConstants.COLOR_0_DARK, chartConstants.COLOR_0_DARKEST, chartConstants.COLOR_1_LIGHTEST, chartConstants.COLOR_1_LIGHT, chartConstants.COLOR_1, chartConstants.COLOR_1_DARK, chartConstants.COLOR_1_DARKEST, chartConstants.COLOR_2_LIGHTEST, chartConstants.COLOR_2_LIGHT, chartConstants.COLOR_2, chartConstants.COLOR_2_DARK, chartConstants.COLOR_2_DARKEST, chartConstants.COLOR_3_LIGHTEST, chartConstants.COLOR_3_LIGHT, chartConstants.COLOR_3, chartConstants.COLOR_3_DARK, chartConstants.COLOR_3_DARKEST, chartConstants.COLOR_4_LIGHTEST, chartConstants.COLOR_4_LIGHT, chartConstants.COLOR_4, chartConstants.COLOR_4_DARK, chartConstants.COLOR_4_DARKEST, chartConstants.COLOR_5_LIGHTEST, chartConstants.COLOR_5_LIGHT, chartConstants.COLOR_5, chartConstants.COLOR_5_DARK, chartConstants.COLOR_5_DARKEST, chartConstants.COLOR_6_LIGHTEST, chartConstants.COLOR_6_LIGHT, chartConstants.COLOR_6, chartConstants.COLOR_6_DARK, chartConstants.COLOR_6_DARKEST, chartConstants.COLOR_GOOD_LIGHT, chartConstants.COLOR_GOOD, chartConstants.COLOR_GOOD_DARK, chartConstants.COLOR_BAD_LIGHT, chartConstants.COLOR_BAD, chartConstants.COLOR_BAD_DARK, chartConstants.COLOR_NEUTRAL];
export default createClass({
  render: function render() {
    return /*#__PURE__*/React.createElement("div", null, _map(colors, function (color) {
      return /*#__PURE__*/React.createElement("svg", _extends({
        key: color
      }, svgProps), /*#__PURE__*/React.createElement(Bar, _extends({}, barProps, {
        color: color
      })));
    }));
  }
});