@streetscape.gl/monochrome/dist/es6/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';
const 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'
}];
const sources = 'US EU China Brazil India Turkey Japan'.split(' ');
const len = [8, 4, 4, 4, 12];
const id = [0, 0, 0, 0, 0];

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

const MAX_NODE_COUNT = 2000;
let nodeCount = 0;

const makeRandomData = depth => {
  id[depth]++;
  const 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((sum, d) => sum + d, 0).toString(), Math.random() < 0.3, Math.random() < 0.7],
    children: Array.from({
      length: childCount
    }, () => makeRandomData(depth + 1))
  };
};

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