[data-explorer][m]: refactored to work with data explorer concept.

README.md

@@ -12,6 +12,8 @@ More [below](https://github.com/datopian/datapackage-views-js/blob/master/README
 
 **To see the app populated with views run `yarn dev` and visit `localhost:8989`**
 
+- `yarn build:package` will use babel to compile the package to /dist for distribution
+
 ## cosmos
 We are using [cosmos](https://github.com/react-cosmos/) to mock datasets and test components.
 

__fixtures__/chart.fixtures.js

@@ -0,0 +1,73 @@
+import { DataView } from '../src/index'
+
+const datapackage = {
+  "views": [
+    {
+      "id": 1,
+      "resources": [
+        {
+          "name": "test",
+          "schema": {
+            "fields": [
+              {
+                "name": "a",
+                "type": "integer"
+              },
+              {
+                "name": "b",
+                "type": "integer"
+              },
+              {
+                "name": "c",
+                "type": "integer"
+              },
+              {
+                "name": "d",
+                "type": "integer"
+              }
+            ]
+          },
+          "data": [
+            [
+              "a",
+              "b",
+              "c",
+              "d"
+            ],
+            [
+              1,
+              2,
+              3,
+              4
+            ],
+            [
+              2,
+              3,
+              4,
+              5
+            ],
+            [
+              3,
+              4,
+              5,
+              6
+            ]
+          ]
+        }
+      ],
+      "specType": "simple",
+      "spec": {
+        "type": "line",
+        "group": "a",
+        "series": ["b", "c", "d"]
+      }
+    }
+  ]
+}
+
+const loading = false
+
+export default {
+  component: DataView,
+  props: {datapackage, loading}
+};

__fixtures__/document.fixtures.js

@@ -1,18 +1,24 @@
-import App from '../src/App.js'
+import { DataView } from '../src/index'
 
-const view = {
-  "id": 1,
-  "resources": [
+const datapackage = {
+  "views": [
     {
-      "name": "test",
-      "format": "pdf",
-      "path": "http://www.africau.edu/images/default/sample.pdf"
+      "id": 1,
+      "resources": [
+        {
+          "name": "test",
+          "format": "pdf",
+          "path": "http://www.africau.edu/images/default/sample.pdf"
+        }
+      ],
+      "specType": "document"
     }
-  ],
-  "specType": "document"
+  ]
 }
 
+const loading = false
+
 export default {
-  component: App,
-  props: {view}
+  component: DataView,
+  props: {datapackage, loading}
 };

__fixtures__/failed.fixtures.js

@@ -1,18 +1,22 @@
-import App from '../src/App.js'
+import { DataView } from '../src/index'
 
-const view = {
-  "id": 1,
-  "resources": [
+const datapackage = {
+  "views": [
     {
-      "name": "test",
-      "path": "http://example.com/data",
-      "unavailable": true
+      "id": 1,
+      "resources": [
+        {
+          "name": "test",
+          "path": "http://example.com/data",
+          "unavailable": true
+        }
+      ],
+      "specType": "table"
     }
-  ],
-  "specType": "table"
+  ]
 }
 
 export default {
-  component: App,
-  props: {view}
+  component: DataView,
+  props: {datapackage}
 };

__fixtures__/loading.fixtures.js

@@ -1,14 +1,20 @@
-import App from '../src/App.js'
+import { DataView } from '../src/index'
 
-const view = {
-  "id": 1,
-  "resources": [
-    "test"
-  ],
-  "specType": "table"
+const datapackage = {
+  "views": [
+    {
+      "id": 1,
+      "resources": [
+        "test"
+      ],
+      "specType": "table"
+    }
+  ]
 }
 
+const loading = true
+
 export default {
-  component: App,
-  props: {view}
+  component: DataView,
+  props: {datapackage, loading}
 };

__fixtures__/map.fixtures.js

@@ -1,29 +1,35 @@
-import App from '../src/App.js'
+import { DataView } from '../src/index'
 
-const view = {
-  "id": 1,
-  "resources": [
+const datapackage = {
+  "views": [
     {
-      "name": "test",
-      "data": {
-        "type": "Feature",
-        "geometry": {
-          "type": "Point",
-          "coordinates": [
-            125.6,
-            10.1
-          ]
-        },
-        "properties": {
-          "name": "Dinagat Islands"
+      "id": 1,
+      "resources": [
+        {
+          "name": "test",
+          "data": {
+            "type": "Feature",
+            "geometry": {
+              "type": "Point",
+              "coordinates": [
+                125.6,
+                10.1
+              ]
+            },
+            "properties": {
+              "name": "Dinagat Islands"
+            }
+          }
         }
-      }
+      ],
+      "specType": "map"
     }
-  ],
-  "specType": "map"
+  ]
 }
 
+const loading = false
+
 export default {
-  component: App,
-  props: {view}
+  component: DataView,
+  props: {datapackage, loading}
 };

__fixtures__/table.fixtures.js

@@ -1,22 +1,48 @@
-import App from '../src/App.js'
+import { DataView } from '../src/index'
 
-const view = {
-  "id": 1,
-  "resources": [
+const datapackage = {
+  "views": [
     {
-      "name": "test",
-      "data": [
-        ["a", "b", "c", "d"],
-        [1, 2, 3, 4],
-        [2, 3, 4, 5],
-        [3, 4, 5, 6]
-      ]
+      "id": 1,
+      "resources": [
+        {
+          "name": "test",
+          "_values": [
+            [
+              "a",
+              "b",
+              "c",
+              "d"
+            ],
+            [
+              1,
+              2,
+              3,
+              4
+            ],
+            [
+              2,
+              3,
+              4,
+              5
+            ],
+            [
+              3,
+              4,
+              5,
+              6
+            ]
+          ]
+        }
+      ],
+      "specType": "table"
     }
-  ],
-  "specType": "table"
+  ]
 }
 
+const loading = false
+
 export default {
-  component: App,
-  props: {view}
+  component: DataView,
+  props: {datapackage, loading}
 };

__fixtures__/tabularmap/auto-detect.fixtures.js

@@ -0,0 +1,48 @@
+import { DataView } from '../../src/index'
+
+const datapackage = {
+  "views": [
+    {
+      "id": 1,
+      "resources": [
+        {
+          "name": "test",
+          "schema": {
+            "fields": [
+              {
+                "name": "lon",
+                "type": "number"
+              },
+              {
+                "name": "lat",
+                "type": "number"
+              },
+              {
+                "name": "label",
+                "type": "string"
+              }
+            ]
+          },
+          "_values": [
+            {
+              "lon": 125.6,
+              "lat": 10.1,
+              "label": "My marker on the map 1"
+            },
+            {
+              "lon": 125.6,
+              "lat": 10.2,
+              "label": "My marker on the map 2"
+            }
+          ]
+        }
+      ],
+      "specType": "tabularmap"
+    }
+  ]
+}
+
+export default {
+  component: DataView,
+  props: {datapackage, loading: false}
+};

__fixtures__/tabularmap/geometry-field-array.fixtures.js

@@ -0,0 +1,42 @@
+import { DataView } from '../../src/index'
+
+const datapackage = {
+  "views": [
+    {
+      "id": 1,
+      "resources": [
+        {
+          "name": "test",
+          "schema": {
+            "fields": [
+              {
+                "name": "geojson",
+                "type": "array"
+              },
+              {
+                "name": "label",
+                "type": "string"
+              }
+            ]
+          },
+          "_values": [
+            {
+              "geojson": [125.6, 10.1],
+              "label": "My marker on the map 1"
+            },
+            {
+              "geojson": [125.6, 10.2],
+              "label": "My marker on the map 2"
+            }
+          ]
+        }
+      ],
+      "specType": "tabularmap"
+    }
+  ]
+}
+
+export default {
+  component: DataView,
+  props: {datapackage, loading: false}
+};