Copy old Dock

Signed-off-by: Janne Savolainen <janne.savolainen@live.fi>

packages/business-features/dock/jest.config.js

@@ -1 +1 @@
-module.exports = require("@k8slens/jest").monorepoPackageConfig(__dirname).configForNode;
+module.exports = require("@k8slens/jest").monorepoPackageConfig(__dirname).configForReact;

packages/business-features/dock/package.json

@@ -5,7 +5,7 @@
   "description": "Highly extendable dock in the Lens.",
   "type": "commonjs",
   "files": [
-    "agnostic/dist"
+    "dist"
   ],
   "publishConfig": {
     "access": "public",
@@ -15,7 +15,7 @@
     "type": "git",
     "url": "git+https://github.com/lensapp/lens.git"
   },
-  "main": "agnostic/dist/index.js",
+  "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "author": {
     "name": "OpenLens Authors",
@@ -24,8 +24,8 @@
   "license": "MIT",
   "homepage": "https://github.com/lensapp/lens",
   "scripts": {
-    "build": "webpack",
-    "dev": "webpack --mode=development --watch",
+    "buildasd": "webpack",
+    "devasdasd": "webpack --mode=development --watch",
     "test:unit": "jest --coverage --runInBand",
     "lint": "lens-lint",
     "lint:fix": "lens-lint --fix"
@@ -33,10 +33,13 @@
   "peerDependencies": {
     "@k8slens/feature-core": "^6.5.0-alpha.0",
     "@ogre-tools/injectable": "^15.1.2",
-    "@ogre-tools/injectable-extension-for-auto-registration": "^15.1.2"
+    "@ogre-tools/injectable-extension-for-auto-registration": "^15.1.2",
+    "@ogre-tools/fp": "^15.1.2",
+    "lodash": "^4.17.21"
   },
   "devDependencies": {
     "@async-fn/jest": "^1.6.4",
-    "@k8slens/eslint-config": "6.5.0-alpha.1"
+    "@k8slens/eslint-config": "6.5.0-alpha.1",
+    "@k8slens/react-testing-library-discovery": "^1.0.0-alpha.0"
   }
 }

packages/business-features/dock/src/dock/dock.scss

@@ -0,0 +1,77 @@
+.Dock {
+  position: relative;
+  background: var(--dockHeadBackground);
+  display: flex;
+  flex-direction: column;
+
+  &:not(:focus-within) .DockTab.active {
+    &::after {
+      color: var(--halfGray);
+    }
+
+    &:hover::after {
+      color: var(--line-color-active);
+    }
+  }
+
+  &.isOpen {
+    &.fullSize {
+      position: fixed;
+      top: 0;
+      right: 0;
+      left: 0;
+      bottom: 0;
+      z-index: 100;
+    }
+  }
+
+  &:not(.isOpen) {
+    height: auto !important;
+
+    .Tab {
+      --color-active: var(--colorVague);
+      --color-text-active: inherit;
+      --color-border-active: transparent;
+
+      &:not(:focus):after {
+        display: none;
+      }
+    }
+  }
+
+  .tabs-container {
+    padding: 0 $padding * 2;
+    border-top: 1px solid var(--borderColor);
+    flex-shrink: 0;
+
+    .Tabs:empty + .toolbar {
+      padding-left: 0;
+    }
+
+    .toolbar {
+      min-height: $unit * 4;
+      padding-left: $padding;
+      user-select: none;
+
+      &.pl-0 {
+        padding-left: 0;
+      }
+    }
+  }
+
+  .tab-content {
+    position: relative;
+    flex: 1;
+    overflow: hidden;
+    transition: flex-basis 25ms ease-in;
+    background: var(--dockInfoBackground);
+
+    > *:not(.Spinner) {
+      position: absolute;
+      left: 0;
+      top: 0;
+      right: 0;
+      bottom: 0;
+    }
+  }
+}

packages/business-features/dock/tsconfig.json

@@ -1,4 +1,4 @@
 {
   "extends": "@k8slens/typescript/config/base.json",
-  "include": ["**/*.ts", "**/*.tsx"]
+  "include": ["**/*.ts", "**/*.tsx"],
 }

packages/business-features/dock/webpack.config.js

@@ -1 +1 @@
-module.exports = require("@k8slens/webpack").configForNode;
+module.exports = require("@k8slens/webpack").configForReact;