@integec/grid-tools/lib/stories/flex/CellEditDemo.js

Integ Grid Tools

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _range = require('ramda/src/range');

var _range2 = _interopRequireDefault(_range);

var _take = require('ramda/src/take');

var _take2 = _interopRequireDefault(_take);

var _fromPairs = require('ramda/src/fromPairs');

var _fromPairs2 = _interopRequireDefault(_fromPairs);

var _compose = require('ramda/src/compose');

var _compose2 = _interopRequireDefault(_compose);

var _map = require('ramda/src/map');

var _map2 = _interopRequireDefault(_map);

var _addIndex = require('ramda/src/addIndex');

var _addIndex2 = _interopRequireDefault(_addIndex);

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _chance = require('chance');

var _chance2 = _interopRequireDefault(_chance);

var _index = require('../../index');

var _index2 = _interopRequireDefault(_index);

var _data = require('../data');

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

var chance = new _chance2.default();

var mapWithIndex = (0, _addIndex2.default)(_map2.default);
var toKeyValue = (0, _compose2.default)(_fromPairs2.default, mapWithIndex(function (text, value) {
  return [value, text];
}));

var keyValues = toKeyValue(chance.unique(function () {
  return chance.word({ syllables: 4 });
}, 1000));

var headers = (0, _take2.default)(5, _data.headers).map(function (a) {
  if (a.ident === 'fixedGen') {
    return _extends({}, a, (0, _index.toSelectionColProps)(keyValues));
  }
  return a;
});

var keys = Object.keys(keyValues);

var data = (0, _range2.default)(0, 5).map(function (_) {
  return (0, _data.randomRow)(headers);
}).map(function (val) {
  return _extends({}, val, { fixedGen: chance.pickone(keys) });
});

var CellEditDemo = function CellEditDemo() {
  return _react2.default.createElement(_index2.default, {
    data: data,
    headers: headers,
    render: (0, _index.flexGridRenderer)({
      headerRowHeight: 60,
      width: 1100,
      height: 500,
      autoFixColByKey: true
    }),
    isEditable: true,
    editMode: 'cell'
  });
};

exports.default = CellEditDemo;
//# sourceMappingURL=CellEditDemo.js.map