@streetscape.gl/monochrome/dist/esm/table/stories.js

A toolkit of React components for streetscape.gl

import React from 'react';
import { storiesOf } from '@storybook/react';
import { withReadme } from 'storybook-readme';
import README from './README.md';
import { Table, TreeTable } from './index';
var COLUMNS = [{
  name: 'Object ID',
  id: 0,
  type: 'string'
}, {
  name: 'Timestamp',
  id: 1,
  type: 'int'
}, {
  name: 'Source',
  id: 2,
  type: 'string'
}, {
  name: 'Index',
  id: 3,
  type: 'string'
}, {
  name: 'Promoted',
  id: 4,
  type: 'boolean'
}, {
  name: 'Anomaly',
  id: 5,
  type: 'boolean'
}];
var sources = 'US EU China Brazil India Turkey Japan'.split(' ');
var len = [8, 4, 4, 4, 12];
var id = [0, 0, 0, 0, 0];

var makeUuid = function makeUuid() {
  return id.map(function (d, i) {
    return String(d).padStart(len[i], '0');
  }).join('-');
};

var MAX_NODE_COUNT = 2000;
var nodeCount = 0;

var makeRandomData = function makeRandomData(depth) {
  id[depth]++;
  var childCount = depth < id.length - 1 && nodeCount < MAX_NODE_COUNT ? Math.round(1 / (depth + 1) / Math.random()) : 0;
  nodeCount += childCount;
  return {
    data: [makeUuid(), Date.now(), depth > 0 ? null : sources[Math.floor(Math.random() * sources.length)], depth > 0 ? null : id.reduce(function (sum, d) {
      return sum + d;
    }, 0).toString(), Math.random() < 0.3, Math.random() < 0.7],
    children: Array.from({
      length: childCount
    }, function () {
      return makeRandomData(depth + 1);
    })
  };
};

var ROWS = Array.from({
  length: 200
}, function () {
  return makeRandomData(0);
});
storiesOf('Table', module).addDecorator(withReadme(README)).add('Table', function () {
  return React.createElement(Table, {
    columns: COLUMNS,
    rows: ROWS
  });
}).add('TreeTable', function () {
  return React.createElement(TreeTable, {
    columns: COLUMNS,
    rows: ROWS
  });
});
//# sourceMappingURL=stories.js.map