started looking at golden layout...

3 files changed, 28 insertions, 1 deletions

diff --git a/package-lock.json b/package-lock.json
index 28f612e0a..b04a31ccd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3123,6 +3123,14 @@
         "minimatch": "3.0.4"
       }
     },
+    "golden-layout": {
+      "version": "1.5.9",
+      "resolved": "https://registry.npmjs.org/golden-layout/-/golden-layout-1.5.9.tgz",
+      "integrity": "sha1-o5vB9qZ+b4hreXwBbdkk6UJrp38=",
+      "requires": {
+        "jquery": "3.3.1"
+      }
+    },
     "graceful-fs": {
       "version": "4.1.15",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.15.tgz",
@@ -3696,6 +3704,11 @@
       "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
       "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo="
     },
+    "jquery": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.3.1.tgz",
+      "integrity": "sha512-Ubldcmxp5np52/ENotGxlLe6aGMvmF4R8S6tZjsP6Knsaxd/xp3Zrh50cG93lR6nPXyUFwzN3ZSOQI0wRJNdGg=="
+    },
     "js-base64": {
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.5.0.tgz",
@@ -8272,6 +8285,16 @@
         "scheduler": "0.12.0"
       }
     },
+    "react-golden-layout": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/react-golden-layout/-/react-golden-layout-1.0.6.tgz",
+      "integrity": "sha512-KZQ17Bnd+LfyCqe2scVMznrGKTciX3VwoT3y4xn3Qok9hknCvVXZfXe2RSX5zNG7FlLJzWt0VWqy8qZBHpQVuQ==",
+      "requires": {
+        "golden-layout": "1.5.9",
+        "react": "16.7.0",
+        "react-dom": "16.7.0"
+      }
+    },
     "react-is": {
       "version": "16.7.0",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.7.0.tgz",
diff --git a/package.json b/package.json
index e898873e2..f0ab9ab35 100644
--- a/package.json
+++ b/package.json
@@ -38,6 +38,7 @@
     "@types/prosemirror-view": "^1.3.0",
     "@types/uuid": "^3.4.4",
     "flexlayout-react": "^0.3.3",
+    "golden-layout": "^1.5.9",
     "mobx": "^5.5.2",
     "mobx-react": "^5.3.5",
     "mobx-react-devtools": "^6.0.3",
@@ -54,6 +55,7 @@
     "prosemirror-view": "^1.6.8",
     "react": "^16.5.2",
     "react-dom": "^16.7.0",
+    "react-golden-layout": "^1.0.6",
     "react-jsx-parser": "^1.13.0",
     "uuid": "^3.3.2"
   }
diff --git a/src/views/collections/CollectionDockingView.tsx b/src/views/collections/CollectionDockingView.tsx
index a59a40b33..cdcdf3bf1 100644
--- a/src/views/collections/CollectionDockingView.tsx
+++ b/src/views/collections/CollectionDockingView.tsx
@@ -11,7 +11,9 @@ import { SSL_OP_SINGLE_DH_USE } from "constants";
 import { SelectionManager } from "../../util/SelectionManager";
 import { ContextMenu } from "../ContextMenu";
 import "./CollectionDockingView.scss"
-
+import 'golden-layout/src/css/goldenlayout-base.css';
+import 'golden-layout/src/css/goldenlayout-dark-theme.css';
+// import GoldenLayout, { Row, Stack, createGoldenLayoutComponent } from '../../../node_modules/react-golden-layout/src/internal/';
 
 @observer
 export class CollectionDockingView extends React.Component<CollectionViewProps> {