initial boilerplate

.eslintignore

@@ -0,0 +1,3 @@
+node_modules
+npm-debug.log
+build

.eslintrc

@@ -0,0 +1,14 @@
+{
+  "root": true,
+  "extends": "airbnb",
+  "plugins": [
+    "react",
+    "jsx-a11y",
+    "import"
+  ],
+  "rules": {},
+  "env": {
+    "browser": true,
+    "node": true,
+  },
+}

.gitignore

@@ -0,0 +1,6 @@
+build
+bundle.js
+.DS_Store
+node_modules
+*.log
+/.eslintcache

LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2017 Christopher Card Williams
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -1,2 +1,21 @@
 # data-ui
-A collection of components for data-rich UIs
+A collection of components for data-rich (desktop) UIs. Super beta.
+
+## Packages
+
+### data-table
+
+## Development
+[lerna](https://github.com/lerna/lerna/) is used to manage versions and dependencies between
+packages in this repo.
+
+```
+data-ui/
+  lerna.json
+  package.json
+  packages/
+    data-ui-package1/
+      src/
+      test/
+      package.json
+```

demo/.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["airbnb"]
+}

demo/.eslintrc

@@ -0,0 +1,8 @@
+{
+  "rules": {
+    "import/no-extraneous-dependencies": [2, {
+      "devDependencies": true
+    }],
+    "no-console": 0,
+  }
+}

demo/examples/index.jsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import { storiesOf, action } from '@kadira/storybook';
+
+import { Table } from '@data-ui/data-table';
+
+storiesOf('data-table', module)
+  .add('with text', () => (
+    <button onClick={action('clicked')}>Hello Button</button>
+  ))
+  .add('with some emoji', () => (
+    <button onClick={action('clicked')}>😀 😎 👍 💯</button>
+  ));

demo/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@data-ui/demo",
+  "version": "0.0.0",
+  "description": "data-ui demo",
+  "scripts": {
+    "storybook": "start-storybook -p 9001 -c ./storybook-config"
+  },
+  "repository": "https://github.com/williaster/data-ui.git",
+  "keywords": [
+    "demo",
+    "examples",
+    "storybook"
+  ],
+  "author": "Chris Williams <[email protected]>",
+  "license": "MIT",
+  "homepage": "https://github.com/williaster/data-ui#readme",
+  "devDependencies": {
+    "@kadira/storybook": "^2.35.3"
+  },
+  "dependencies": {
+    "babel-preset-airbnb": "^2.2.3"
+  },
+  "peerDependencies": {
+    "react": "~15.4.2",
+    "react-dom": "~15.4.2"
+  }
+}

demo/storybook-config/config.js

@@ -0,0 +1,8 @@
+/* eslint global-require: 0 */
+import { configure } from '@kadira/storybook';
+
+function loadStories() {
+  require('../examples/index');
+}
+
+configure(loadStories, module);

lerna.json

@@ -0,0 +1,7 @@
+{
+  "lerna": "2.0.0-rc.2",
+  "packages": [
+    "packages/*"
+  ],
+  "version": "independent"
+}

package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@data-ui/data-ui",
+  "version": "0.0.0",
+  "description": "A collection of components for data-rich user interfaces",
+  "main": "index.js",
+  "scripts": {
+    "lint": "eslint --ignore-path=.eslintignore --ext .js,.jsx ./dataportal/static/",
+    "test": "npm run mocha ./dataportal/static/test/"
+  },
+  "repository": "https://github.com/williaster/data-ui.git",
+  "keywords": [
+    "data",
+    "visualization",
+    "react",
+    "d3",
+    "chart",
+    "data-ui"
+  ],
+  "author": "Chris Williams <[email protected]>",
+  "license": "MIT",
+  "devDependencies": {
+    "chai": "^3.5.0",
+    "chai-enzyme": "^0.5.2",
+    "enzyme": "^2.7.0",
+    "eslint": "^3.19.0",
+    "eslint-config-airbnb": "^14.1.0",
+    "eslint-plugin-import": "^2.2.0",
+    "eslint-plugin-jsx-a11y": "^4.0.0",
+    "eslint-plugin-react": "^6.10.3",
+    "lerna": "^2.0.0-rc.2",
+    "mocha": "^3.2.0"
+  },
+  "peerDependencies": {
+    "react": "~15.4.2",
+    "react-dom": "~15.4.2"
+  }
+}

packages/data-table/.babelrc

@@ -0,0 +1,9 @@
+{
+  "presets": ["airbnb"],
+  "plugins": [],
+  "env": {
+    "development": {
+      "plugins": []
+    }
+  }
+}

packages/data-table/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@data-ui/data-table",
+  "version": "0.0.0",
+  "description": "Table components that can handle a lot of data",
+  "main": "index.js",
+  "scripts": {
+    "build": "webpack -p --define process.env.NODE_ENV='\"production\"' --progress --colors",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": "https://github.com/williaster/data-ui",
+  "keywords": [
+    "data",
+    "table",
+    "react"
+  ],
+  "author": "Chris Williams <[email protected]>",
+  "license": "MIT",
+  "homepage": "https://github.com/williaster/data-ui#readme",
+  "dependencies": {
+    "immutable": "^3.8.1",
+    "react-virtualized": "^9.7.3"
+  },
+  "devDependencies": {
+    "babel-core": "^6.24.1",
+    "babel-loader": "^6.4.1",
+    "babel-preset-airbnb": "^2.2.3",
+    "webpack": "^2.4.1"
+  },
+  "peerDependencies": {
+    "react": "~15.4.2",
+    "react-dom": "~15.4.2"
+  }
+}

packages/data-table/src/index.jsx

@@ -0,0 +1,5 @@
+import Table from './tables/Table';
+
+export default {
+  Table,
+};

packages/data-table/src/tables/Table.jsx

@@ -0,0 +1,28 @@
+import React from 'react';
+
+export default function Table() {
+  return (
+    <table>
+      <thead>
+        <tr>
+          <td>Hello</td>
+          <td>World</td>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>Hello</td>
+          <td>World</td>
+        </tr>
+        <tr>
+          <td>Hello</td>
+          <td>World</td>
+        </tr>
+        <tr>
+          <td>Hello</td>
+          <td>World</td>
+        </tr>
+      </tbody>
+    </table>
+  );
+}

packages/data-table/webpack.config.js

@@ -0,0 +1,28 @@
+const path = require('path');
+
+const dist = path.resolve(__dirname, './build');
+const src = path.resolve(__dirname, './src');
+
+const config = {
+  entry: {
+    index: `${src}/index`,
+  },
+  output: {
+    path: `${dist}`,
+    filename: 'index.js',
+  },
+  resolve: {
+    extensions: ['.js', '.jsx'],
+  },
+  module: {
+    loaders: [
+      {
+        test: /\.jsx?$/,
+        include: src,
+        loader: 'babel-loader',
+      },
+    ],
+  },
+};
+
+module.exports = config;