Awesome
Repo freeze 🥶
As of Feb 2020 this repo is currently being deprecated and is feature frozen. See #201 for more details.
data-ui
A collection of custom + wrapped components for data-rich (desktop) UIs. Super beta :baby:
<p> <a title="build status" href="https://travis-ci.org/williaster/data-ui.svg?branch=master"> <img src="https://travis-ci.org/williaster/data-ui.svg?branch=master" /> </a> <a href="http://codecov.io/github/mirumee/saleor?branch=master"> <img src="http://codecov.io/github/williaster/data-ui/coverage.svg?branch=master" alt="Codecov" /> </a> </p>demo at williaster.github.io/data-ui :chart_with_upwards_trend:
Packages
| Package | Version |
|---|---|
| @data-ui/xy-chart |  |
| @data-ui/histogram |  |
| @data-ui/sparkline |  |
| @data-ui/network |  |
| @data-ui/radial-chart |  |
| @data-ui/event-flow |  |
| @data-ui/data-table |  |
| @data-ui/theme |  |
| @data-ui/demo | -- |
More coming.
Live Playground
For examples of the components in action, go to williaster.github.io/data-ui.
OR
To run that demo on your own computer:
git clone ...data-ui && cd data-ui
# instal root dependencies including lerna
npm install
# bootstrap (symlink inter-dependencies) all packages
lerna bootstrap
# alternatively install just the demo package
# cd packages/demo
# npm install
# go to the demo package and start storybook
cd packages/demo
npm run dev
# visit http://localhost:9001/
Development
lerna is used to manage versions and dependencies between packages in this repo.
data-ui/
lerna.json
package.json
packages/
package1/
src/
test/
build/
package.json
...
...
For easiest development, clone this repo, install the root npm modules including lerna, then have lerna install package dependencies and manage the symlinking between packages for you
git clone ...data-ui && cd data-ui
npm install
lerna bootstrap
Enzyme and jest are used for testing. Each package defines its own tests, which you can run from within a packages/package-name directory using
cd packages/my-package
npm run test
for a single test or subset of tests run
npm run test -t regex
To run all tests in all packages run lerna run test from the root @data-ui directory.