Added perspective-workspace customElement

finos · Jan 28, 2020 · dd1c5ef · dd1c5ef
1 parent 2467218
commit dd1c5ef
Show file tree

Hide file tree

Showing 66 changed files with 1,735 additions and 1,485 deletions.
diff --git a/examples/phosphor/src/index.js b/examples/phosphor/src/index.js
diff --git a/examples/simple/workspace.html b/examples/simple/workspace.html
@@ -0,0 +1,35 @@
+<!--
+   
+   Copyright (c) 2017, the Perspective Authors.
+   
+   This file is part of the Perspective library, distributed under the terms of
+   the Apache License 2.0.  The full license can be found in the LICENSE file.
+
+-->
+<!DOCTYPE html>
+<html>
+
+<head>
+
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
+
+    <!-- <script src="perspective-viewer.js"></script> -->
+    <script src="perspective-workspace.js"></script>
+    <script src="perspective-viewer-hypergrid.js"></script>
+    <script src="perspective-viewer-d3fc.js"></script>
+
+    <script src="perspective.js"></script>
+    <script src="workspace.js"></script>
+
+    <link rel='stylesheet' href="index.css">
+    <link rel='stylesheet' href="material.css" is="custom-style">
+
+</head>
+
+<body>
+
+    <perspective-workspace></perspective-workspace>
+
+</body>
+
+</html>
diff --git a/examples/simple/workspace.js b/examples/simple/workspace.js
@@ -0,0 +1,31 @@
+/******************************************************************************
+ *
+ * Copyright (c) 2017, the Perspective Authors.
+ *
+ * This file is part of the Perspective library, distributed under the terms of
+ * the Apache License 2.0.  The full license can be found in the LICENSE file.
+ *
+ */
+const datasource = async () => {
+    const req = fetch("./superstore.arrow");
+    const resp = await req;
+    const buffer = await resp.arrayBuffer();
+    const worker = window.perspective.shared_worker();
+    return worker.table(buffer);
+};
+
+window.addEventListener("WebComponentsReady", async function() {
+    const workspace = document.getElementsByTagName("perspective-workspace")[0];
+    workspace.addTable("superstore", await datasource());
+
+    const config = {
+        detail: {
+            main: {
+                currentIndex: 0,
+                type: "tab-area",
+                widgets: [{table: "superstore"}]
+            }
+        }
+    };
+    workspace.restore(config);
+});
diff --git a/examples/phosphor/package.json → examples/workspace/package.json b/examples/phosphor/package.json → examples/workspace/package.json
@@ -1,5 +1,5 @@
 {
-    "name": "phosphor",
+    "name": "workspace",
     "private": true,
     "version": "0.4.1",
     "description": "An example app built using `@finos/perspective-phosphor`.",

diff --git a/examples/workspace/src/index.js b/examples/workspace/src/index.js
@@ -0,0 +1,52 @@
+/******************************************************************************
+ *
+ * Copyright (c) 2018, the Perspective Authors.
+ *
+ * This file is part of the Perspective library, distributed under the terms of
+ * the Apache License 2.0.  The full license can be found in the LICENSE file.
+ *
+ */
+
+import perspective from "@finos/perspective";
+import "@finos/perspective-workspace";
+
+import "@finos/perspective-viewer-hypergrid";
+import "@finos/perspective-viewer-d3fc";
+
+import "./index.less";
+
+const datasource = async () => {
+    const req = fetch("./superstore.arrow");
+    const resp = await req;
+    const buffer = await resp.arrayBuffer();
+    const worker = perspective.shared_worker();
+    return worker.table(buffer);
+};
+
+window.addEventListener("load", async () => {
+    const workspace = document.createElement("perspective-workspace");
+    document.body.append(workspace);
+    workspace.addTable("superstore", await datasource());
+
+    const config = {
+        master: {
+            widgets: [
+                {table: "superstore", name: "Three", "row-pivots": ["State"], columns: ["Sales", "Profit"]},
+                {table: "superstore", name: "Four", "row-pivots": ["Category", "Sub-Category"], columns: ["Sales", "Profit"]}
+            ]
+        },
+        detail: {
+            main: {
+                currentIndex: 0,
+                type: "tab-area",
+                widgets: [
+                    {table: "superstore", name: "One"},
+                    {table: "superstore", name: "Two"}
+                ]
+            }
+        }
+    };
+
+    workspace.restore(config);
+    window.workspace = workspace;
+});
diff --git a/examples/phosphor/src/index.less → examples/workspace/src/index.less b/examples/phosphor/src/index.less → examples/workspace/src/index.less
@@ -6,6 +6,8 @@
  * the Apache License 2.0.  The full license can be found in the LICENSE file.
  *
  */
+
+@import "~@finos/perspective-workspace/dist/theme/material.less";
 
 body {
   display: flex;
@@ -20,21 +22,3 @@ body {
   overflow: hidden;
 }
 
-#menuBar {
-  flex: 0 0 auto;
-}
-
-#main {
-  flex: 1 1 auto;
-}
-
-
-#palette {
-  min-width: 300px;
-  border-right: 1px solid #DDDDDD;
-}
-
-
-#dock {
-  padding: 4px;
-}
diff --git a/examples/phosphor/webpack.config.js → examples/workspace/webpack.config.js b/examples/phosphor/webpack.config.js → examples/workspace/webpack.config.js
diff --git a/packages/perspective-phosphor/package.json b/packages/perspective-phosphor/package.json
@@ -17,17 +17,12 @@
         "bench": "npm-run-all bench:build bench:run",
         "bench:build": "echo \"No Benchmarks\"",
         "bench:run": "echo \"No Benchmarks\"",
-        "build": "npm-run-all build:esm build:cjs build:styles build:umd",
+        "build": "npm-run-all build:esm build:cjs build:umd",
         "build:esm": "tsc --p ./config --outDir dist/esm",
         "build:cjs": "webpack --color --config config/webpack.config.js",
-        "build:styles": "webpack --color --config config/webpack.theme.config.js",
         "build:umd": "webpack --color --config config/webpack.umd.config.js",
         "clean": "rimraf dist",
-        "clean:screenshots": "rimraf \"screenshots/**/*.@(failed|diff).png\"",
-        "test": "yarn test:run",
-        "test:run": "npm-run-all test:unit test:integration",
-        "test:unit": "jest  --color --silent --config=./config/jest.unit.config.js 2>&1",
-        "test:integration": "jest --color --silent --noStackTrace --config=./config/jest.integration.config.js 2>&1"
+        "test": "echo \"No Tests\""
     },
     "dependencies": {
         "@finos/perspective": "^0.4.1",

diff --git a/packages/perspective-phosphor/src/theme/default/index.less b/packages/perspective-phosphor/src/theme/default/index.less
diff --git a/packages/perspective-phosphor/src/theme/default/tabbar.less b/packages/perspective-phosphor/src/theme/default/tabbar.less
diff --git a/packages/perspective-phosphor/src/theme/material/index.less b/packages/perspective-phosphor/src/theme/material/index.less
diff --git a/packages/perspective-phosphor/src/theme/material/material-phosphor.less b/packages/perspective-phosphor/src/theme/material/material-phosphor.less
diff --git a/packages/perspective-phosphor/src/theme/material/widget.less b/packages/perspective-phosphor/src/theme/material/widget.less