react-widgetconfigurator/lib/Utils.js

A React app for to generate out of box widgets

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Tips = exports.Logo = undefined;

var _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; };

exports.makeData = makeData;

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _namor = require("namor");

var _namor2 = _interopRequireDefault(_namor);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var range = function range(len) {
  var arr = [];
  for (var i = 0; i < len; i++) {
    arr.push(i);
  }
  return arr;
};

var newPerson = function newPerson() {
  var statusChance = Math.random();
  return {
    firstName: _namor2.default.generate({ words: 1, numbers: 0 }),
    lastName: _namor2.default.generate({ words: 1, numbers: 0 }),
    age: Math.floor(Math.random() * 30),
    visits: Math.floor(Math.random() * 100),
    progress: Math.floor(Math.random() * 100),
    status: statusChance > 0.66 ? "relationship" : statusChance > 0.33 ? "complicated" : "single"
  };
};

function makeData() {
  var len = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 5553;

  return range(len).map(function (d) {
    return _extends({}, newPerson(), {
      children: range(10).map(newPerson)
    });
  });
}

var Logo = exports.Logo = function Logo() {
  return _react2.default.createElement(
    "div",
    { style: { margin: '1rem auto', display: 'flex', flexWrap: 'wrap', alignItems: 'center', justifyContent: 'center' } },
    "For more examples, visit ",
    '',
    _react2.default.createElement("br", null),
    _react2.default.createElement(
      "a",
      { href: "https://github.com/react-tools/react-table", target: "_blank" },
      _react2.default.createElement("img", {
        src: "https://github.com/react-tools/media/raw/master/logo-react-table.png",
        style: { width: "150px", margin: ".5em auto .3em" }
      })
    )
  );
};

var Tips = exports.Tips = function Tips() {
  return _react2.default.createElement(
    "div",
    { style: { textAlign: "center" } },
    _react2.default.createElement(
      "em",
      null,
      "Tip: Hold shift when sorting to multi-sort!"
    )
  );
};