add(modules) widget module (#8016)

* add(modules) widget module

* add(docs) widget overview

docs/api-reference/widgets/overview.md

@@ -0,0 +1,35 @@
+# @deck.gl/widgets
+
+Widgets are UI components around the WebGL canvas to offer controls and information for a better user experience.
+
+This module contains the following extensions:
+
+- [FullscreenWidget](./fullscreen-widget.md)
+
+## Installation
+
+### Install from NPM
+
+```bash
+npm install deck.gl
+# or
+npm install @deck.gl/core @deck.gl/widgets
+```
+
+```js
+import {FullscreenWidget} from '@deck.gl/widgets';
+new FullscreenWidget({});
+```
+
+### Include the Standalone Bundle
+
+```html
+<script src="https://unpkg.com/deck.gl@^8.10.0/dist.min.js"></script>
+<!-- or -->
+<script src="https://unpkg.com/@deck.gl/core@^8.10.0/dist.min.js"></script>
+<script src="https://unpkg.com/@deck.gl/widgets@^8.10.0/dist.min.js"></script>
+```
+
+```js
+new deck.FullscreenWidget({});
+```

modules/main/bundle.ts

@@ -8,6 +8,7 @@ export * from '@deck.gl/geo-layers';
 export * from '@deck.gl/google-maps';
 export * from '@deck.gl/mesh-layers';
 export * from '@deck.gl/mapbox';
+export * from '@deck.gl/widgets';
 
 /* eslint-disable import/no-extraneous-dependencies */
 /** h3-js is not bundled due to webpack's externals config

modules/main/package.json

@@ -39,7 +39,8 @@
     "@deck.gl/layers": "8.10.0-alpha.1",
     "@deck.gl/mapbox": "8.10.0-alpha.1",
     "@deck.gl/mesh-layers": "8.10.0-alpha.1",
-    "@deck.gl/react": "8.10.0-alpha.1"
+    "@deck.gl/react": "8.10.0-alpha.1",
+    "@deck.gl/widgets": "8.10.0-alpha.1"
   },
   "gitHead": "13ace64fc2cee08c133afc882fc307253489a4e4"
 }

modules/main/tsconfig.json

@@ -18,6 +18,7 @@
     {"path": "../layers"},
     {"path": "../mapbox"},
     {"path": "../mesh-layers"},
-    {"path": "../react"}
+    {"path": "../react"},
+    {"path": "../widgets"}
   ]
 }

modules/widgets/README.md

@@ -0,0 +1,5 @@
+# @deck.gl/widgets
+
+UI widgets for deck.gl. Provides DOM-based controls and common UI components that seamlessly integrate with deck.gl.
+
+See [deck.gl](http://deck.gl) for documentation.

modules/widgets/bundle.ts

@@ -0,0 +1,3 @@
+export * from '../core/bundle/peer-dependency';
+
+export * from './src';

modules/widgets/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@deck.gl/widgets",
+  "description": "UI widgets for deck.gl",
+  "license": "MIT",
+  "version": "8.10.0-alpha.1",
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "webgl",
+    "visualization",
+    "components",
+    "widgets"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/visgl/deck.gl.git"
+  },
+  "main": "dist/es5/index.js",
+  "module": "dist/esm/index.js",
+  "files": [
+    "dist",
+    "src",
+    "typed",
+    "dist.min.js"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build-bundle": "ocular-bundle ./bundle.ts",
+    "prepublishOnly": "npm run build-bundle && npm run build-bundle -- --env=dev"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.0.0"
+  },
+  "peerDependencies": {
+    "@deck.gl/core": "^8.0.0"
+  },
+  "gitHead": "13ace64fc2cee08c133afc882fc307253489a4e4"
+}

modules/widgets/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "extends": "../../tsconfig.module.json",
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"],
+  "compilerOptions": {
+    "composite": true,
+    "rootDir": "src",
+    "outDir": "typed"
+  },
+  "references": [
+    {"path": "../core"}
+  ]
+}

tsconfig.build.json

@@ -20,7 +20,8 @@
     {"path": "modules/mapbox"},
     {"path": "modules/mesh-layers"},
     {"path": "modules/react"},
-    // {"path": "modules/test-utils"}
+    // {"path": "modules/test-utils"},
+    {"path": "modules/widgets"}
   ],
   "include": [
     "modules/core/src"