@deck.gl/widgets 9.1.12 → 9.2.0-alpha.2

package/dist/compass-widget.d.ts

@@ -1,50 +1,27 @@
-import type { Deck, Viewport, Widget, WidgetPlacement } from '@deck.gl/core';
-export type CompassWidgetProps = {
-    id?: string;
-    /**
-     * Widget positioning within the view. Default 'top-left'.
-     */
+import { Widget } from '@deck.gl/core';
+import type { Viewport, WidgetPlacement, WidgetProps } from '@deck.gl/core';
+export type CompassWidgetProps = WidgetProps & {
     placement?: WidgetPlacement;
-    /**
-     * View to attach to and interact with. Required when using multiple views.
-     */
+    /** View to attach to and interact with. Required when using multiple views. */
     viewId?: string | null;
-    /**
-     * Tooltip message.
-     */
+    /** Tooltip message. */
     label?: string;
-    /**
-     * Bearing and pitch reset transition duration in ms.
-     */
+    /** Bearing and pitch reset transition duration in ms. */
     transitionDuration?: number;
-    /**
-     * CSS inline style overrides.
-     */
-    style?: Partial<CSSStyleDeclaration>;
-    /**
-     * Additional CSS class.
-     */
-    className?: string;
 };
-export declare class CompassWidget implements Widget<CompassWidgetProps> {
-    id: string;
-    props: CompassWidgetProps;
+export declare class CompassWidget extends Widget<CompassWidgetProps> {
+    static defaultProps: Required<CompassWidgetProps>;
+    className: string;
     placement: WidgetPlacement;
     viewId?: string | null;
     viewports: {
         [id: string]: Viewport;
     };
-    deck?: Deck<any>;
-    element?: HTMLDivElement;
-    constructor(props: CompassWidgetProps);
+    constructor(props?: CompassWidgetProps);
     setProps(props: Partial<CompassWidgetProps>): void;
+    onRenderHTML(rootElement: HTMLElement): void;
     onViewportChange(viewport: Viewport): void;
-    onAdd({ deck }: {
-        deck: Deck<any>;
-    }): HTMLDivElement;
     getRotation(viewport?: Viewport): number[];
-    private update;
-    onRemove(): void;
     handleCompassReset(viewport: Viewport): void;
 }
 //# sourceMappingURL=compass-widget.d.ts.map

package/dist/compass-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compass-widget.d.ts","sourceRoot":"","sources":["../src/compass-widget.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,eAAe,EAAC,MAAM,eAAe,CAAC;AAG3E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACrC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,qBAAa,aAAc,YAAW,MAAM,CAAC,kBAAkB,CAAC;IAC9D,EAAE,SAAa;IACf,KAAK,EAAE,kBAAkB,CAAC;IAC1B,SAAS,EAAE,eAAe,CAAc;IACxC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC9B,SAAS,EAAE;QAAC,CAAC,EAAE,EAAE,MAAM,GAAG,QAAQ,CAAA;KAAC,CAAM;IACzC,IAAI,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;IACjB,OAAO,CAAC,EAAE,cAAc,CAAC;gBAEb,KAAK,EAAE,kBAAkB;IAarC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,kBAAkB,CAAC;IAqB3C,gBAAgB,CAAC,QAAQ,EAAE,QAAQ;IAQnC,KAAK,CAAC,EAAC,IAAI,EAAC,EAAE;QAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAA;KAAC,GAAG,cAAc;IAYhD,WAAW,CAAC,QAAQ,CAAC,EAAE,QAAQ;IAS/B,OAAO,CAAC,MAAM;IAsCd,QAAQ;IAKR,kBAAkB,CAAC,QAAQ,EAAE,QAAQ;CActC"}
+{"version":3,"file":"compass-widget.d.ts","sourceRoot":"","sources":["../src/compass-widget.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,MAAM,EAAyD,MAAM,eAAe,CAAC;AAC7F,OAAO,KAAK,EAAC,QAAQ,EAAE,eAAe,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAG1E,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG;IAC7C,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,qBAAa,aAAc,SAAQ,MAAM,CAAC,kBAAkB,CAAC;IAC3D,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,kBAAkB,CAAC,CAO/C;IAEF,SAAS,SAAyB;IAClC,SAAS,EAAE,eAAe,CAAc;IACxC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC9B,SAAS,EAAE;QAAC,CAAC,EAAE,EAAE,MAAM,GAAG,QAAQ,CAAA;KAAC,CAAM;gBAE7B,KAAK,GAAE,kBAAuB;IAK1C,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,kBAAkB,CAAC;IAM3C,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IAoC5C,gBAAgB,CAAC,QAAQ,EAAE,QAAQ;IAQnC,WAAW,CAAC,QAAQ,CAAC,EAAE,QAAQ;IAS/B,kBAAkB,CAAC,QAAQ,EAAE,QAAQ;CActC"}

package/dist/compass-widget.js

@@ -2,64 +2,40 @@ import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
 // deck.gl
 // SPDX-License-Identifier: MIT
 // Copyright (c) vis.gl contributors
-/* global document */
-import { FlyToInterpolator, WebMercatorViewport, _GlobeViewport, _deepEqual as deepEqual, _applyStyles as applyStyles, _removeStyles as removeStyles } from '@deck.gl/core';
+import { Widget, FlyToInterpolator, WebMercatorViewport, _GlobeViewport } from '@deck.gl/core';
 import { render } from 'preact';
-export class CompassWidget {
-    constructor(props) {
-        this.id = 'compass';
+export class CompassWidget extends Widget {
+    constructor(props = {}) {
+        super(props, CompassWidget.defaultProps);
+        this.className = 'deck-widget-compass';
         this.placement = 'top-left';
         this.viewId = null;
         this.viewports = {};
-        this.id = props.id ?? this.id;
-        this.viewId = props.viewId ?? this.viewId;
-        this.placement = props.placement ?? this.placement;
-        this.props = {
-            ...props,
-            transitionDuration: props.transitionDuration ?? 200,
-            label: props.label ?? 'Reset Compass',
-            style: props.style ?? {}
-        };
+        this.setProps(this.props);
     }
     setProps(props) {
         this.placement = props.placement ?? this.placement;
         this.viewId = props.viewId ?? this.viewId;
-        const oldProps = this.props;
-        const el = this.element;
-        if (el) {
-            if (oldProps.className !== props.className) {
-                if (oldProps.className)
-                    el.classList.remove(oldProps.className);
-                if (props.className)
-                    el.classList.add(props.className);
-            }
-            if (!deepEqual(oldProps.style, props.style, 1)) {
-                removeStyles(el, oldProps.style);
-                applyStyles(el, props.style);
-            }
-        }
-        Object.assign(this.props, props);
-        this.update();
+        super.setProps(props);
+    }
+    onRenderHTML(rootElement) {
+        const viewId = this.viewId || Object.values(this.viewports)[0]?.id || 'default-view';
+        const widgetViewport = this.viewports[viewId];
+        const [rz, rx] = this.getRotation(widgetViewport);
+        const ui = (_jsx("div", { className: "deck-widget-button", style: { perspective: 100 }, children: _jsx("button", { type: "button", onClick: () => {
+                    for (const viewport of Object.values(this.viewports)) {
+                        this.handleCompassReset(viewport);
+                    }
+                }, title: this.props.label, style: { transform: `rotateX(${rx}deg)` }, children: _jsx("svg", { fill: "none", width: "100%", height: "100%", viewBox: "0 0 26 26", children: _jsxs("g", { transform: `rotate(${rz},13,13)`, children: [_jsx("path", { d: "M10 13.0001L12.9999 5L15.9997 13.0001H10Z", fill: "var(--icon-compass-north-color, rgb(240, 92, 68))" }), _jsx("path", { d: "M16.0002 12.9999L13.0004 21L10.0005 12.9999H16.0002Z", fill: "var(--icon-compass-south-color, rgb(204, 204, 204))" })] }) }) }) }));
+        render(ui, rootElement);
     }
     onViewportChange(viewport) {
         // no need to update if viewport is the same
         if (!viewport.equals(this.viewports[viewport.id])) {
             this.viewports[viewport.id] = viewport;
-            this.update();
+            this.updateHTML();
         }
     }
-    onAdd({ deck }) {
-        const { style, className } = this.props;
-        const element = document.createElement('div');
-        element.classList.add('deck-widget', 'deck-widget-compass');
-        if (className)
-            element.classList.add(className);
-        applyStyles(element, style);
-        this.deck = deck;
-        this.element = element;
-        this.update();
-        return element;
-    }
     getRotation(viewport) {
         if (viewport instanceof WebMercatorViewport) {
             return [-viewport.bearing, viewport.pitch];
@@ -69,25 +45,6 @@ export class CompassWidget {
         }
         return [0, 0];
     }
-    update() {
-        const viewId = this.viewId || Object.values(this.viewports)[0]?.id || 'default-view';
-        const viewport = this.viewports[viewId];
-        const [rz, rx] = this.getRotation(viewport);
-        const element = this.element;
-        if (!element) {
-            return;
-        }
-        const ui = (_jsx("div", { className: "deck-widget-button", style: { perspective: 100 }, children: _jsx("button", { type: "button", onClick: () => {
-                    for (const viewport of Object.values(this.viewports)) {
-                        this.handleCompassReset(viewport);
-                    }
-                }, title: this.props.label, style: { transform: `rotateX(${rx}deg)` }, children: _jsx("svg", { fill: "none", width: "100%", height: "100%", viewBox: "0 0 26 26", children: _jsxs("g", { transform: `rotate(${rz},13,13)`, children: [_jsx("path", { d: "M10 13.0001L12.9999 5L15.9997 13.0001H10Z", fill: "var(--icon-compass-north-color, #F05C44)" }), _jsx("path", { d: "M16.0002 12.9999L13.0004 21L10.0005 12.9999H16.0002Z", fill: "var(--icon-compass-south-color, #C2C2CC)" })] }) }) }) }));
-        render(ui, element);
-    }
-    onRemove() {
-        this.deck = undefined;
-        this.element = undefined;
-    }
     handleCompassReset(viewport) {
         const viewId = this.viewId || viewport.id || 'default-view';
         if (viewport instanceof WebMercatorViewport) {
@@ -103,4 +60,12 @@ export class CompassWidget {
         }
     }
 }
+CompassWidget.defaultProps = {
+    ...Widget.defaultProps,
+    id: 'compass',
+    placement: 'top-left',
+    viewId: null,
+    label: 'Reset Compass',
+    transitionDuration: 200
+};
 //# sourceMappingURL=compass-widget.js.map

package/dist/compass-widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"compass-widget.js","sourceRoot":"","sources":["../src/compass-widget.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"compass-widget.js","sourceRoot":"","sources":["../src/compass-widget.tsx"],"names":[],"mappings":"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"}

package/dist/context-menu-widget.d.ts

@@ -0,0 +1,37 @@
+import { Widget, WidgetProps } from '@deck.gl/core';
+import type { Deck, PickingInfo } from '@deck.gl/core';
+export type ContextWidgetMenuItem = {
+    label: string;
+    key: string;
+};
+export type ContextMenuWidgetProps = WidgetProps & {
+    /** View to attach to and interact with. Required when using multiple views. */
+    viewId?: string | null;
+    /** Controls visibility of the context menu */
+    visible?: boolean;
+    /** Screen position at which to place the menu */
+    position: {
+        x: number;
+        y: number;
+    };
+    /** Items to render */
+    menuItems: ContextWidgetMenuItem[];
+    /** Provide menu items for the menu given the picked object */
+    getMenuItems: (info: PickingInfo, widget: ContextMenuWidget) => ContextWidgetMenuItem[] | null;
+    /** Callback with the selected item */
+    onMenuItemSelected?: (key: string, pickInfo: PickingInfo | null) => void;
+};
+export declare class ContextMenuWidget extends Widget<ContextMenuWidgetProps> {
+    static defaultProps: Required<ContextMenuWidgetProps>;
+    className: string;
+    placement: "fill";
+    pickInfo: PickingInfo | null;
+    constructor(props: ContextMenuWidgetProps);
+    onAdd({ deck }: {
+        deck: Deck<any>;
+    }): HTMLDivElement;
+    onRenderHTML(rootElement: HTMLElement): void;
+    handleContextMenu(srcEvent: MouseEvent): boolean;
+    hide(): void;
+}
+//# sourceMappingURL=context-menu-widget.d.ts.map

package/dist/context-menu-widget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu-widget.d.ts","sourceRoot":"","sources":["../src/context-menu-widget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,EAAC,IAAI,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AASrD,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,WAAW,GAAG;IACjD,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iDAAiD;IACjD,QAAQ,EAAE;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAC,CAAC;IACjC,sBAAsB;IACtB,SAAS,EAAE,qBAAqB,EAAE,CAAC;IACnC,8DAA8D;IAC9D,YAAY,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,iBAAiB,KAAK,qBAAqB,EAAE,GAAG,IAAI,CAAC;IAC/F,sCAAsC;IACtC,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;CAC1E,CAAC;AAEF,qBAAa,iBAAkB,SAAQ,MAAM,CAAC,sBAAsB,CAAC;IACnE,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CASnD;IAEF,SAAS,SAA8B;IACvC,SAAS,SAAmB;IAE5B,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAQ;gBAExB,KAAK,EAAE,sBAAsB;IAMzC,KAAK,CAAC,EAAC,IAAI,EAAC,EAAE;QAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAA;KAAC,GAAG,cAAc;IAiBhD,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IAe5C,iBAAiB,CAAC,QAAQ,EAAE,UAAU,GAAG,OAAO;IAyBhD,IAAI,IAAI,IAAI;CAGb"}

package/dist/context-menu-widget.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx } from "preact/jsx-runtime";
+/* global document */
+import { Widget } from '@deck.gl/core';
+import { render } from 'preact';
+import { SimpleMenu } from "./lib/components/simple-menu.js";
+/** The standard, modern way is to use event.button === 2, where button is the standardized property (0 = left, 1 = middle, 2 = right). */
+const MOUSE_BUTTON_RIGHT = 2;
+/** A name for the legacy MouseEvent.which value that corresponds to the right-mouse button. In older browsers, the check is: if (event.which === 3) */
+const MOUSE_WHICH_RIGHT = 3;
+export class ContextMenuWidget extends Widget {
+    constructor(props) {
+        super(props, ContextMenuWidget.defaultProps);
+        this.className = 'deck-widget-context-menu';
+        this.placement = 'fill';
+        this.pickInfo = null;
+        this.pickInfo = null;
+        this.setProps(props);
+    }
+    onAdd({ deck }) {
+        const element = document.createElement('div');
+        element.classList.add('deck-widget', 'deck-widget-context-menu');
+        const style = {
+            margin: '0px',
+            top: '0px',
+            left: '0px',
+            position: 'absolute',
+            pointerEvents: 'auto'
+        };
+        Object.entries(style).forEach(([key, value]) => element.style.setProperty(key, value));
+        deck.getCanvas()?.addEventListener('click', () => this.hide());
+        deck.getCanvas()?.addEventListener('contextmenu', event => this.handleContextMenu(event));
+        return element;
+    }
+    onRenderHTML(rootElement) {
+        const { visible, position, menuItems } = this.props;
+        const ui = visible && menuItems.length ? (_jsx(SimpleMenu, { menuItems: menuItems, onItemSelected: key => this.props.onMenuItemSelected(key, this.pickInfo), position: position, style: { pointerEvents: 'auto' } })) : null;
+        render(ui, rootElement);
+    }
+    handleContextMenu(srcEvent) {
+        if (srcEvent &&
+            (srcEvent.button === MOUSE_BUTTON_RIGHT || srcEvent.which === MOUSE_WHICH_RIGHT)) {
+            this.pickInfo =
+                this.deck?.pickObject({
+                    x: srcEvent.clientX,
+                    y: srcEvent.clientY
+                }) || null;
+            const menuItems = (this.pickInfo && this.props.getMenuItems?.(this.pickInfo, this)) || [];
+            const visible = menuItems.length > 0;
+            this.setProps({
+                visible,
+                position: { x: srcEvent.clientX, y: srcEvent.clientY },
+                menuItems
+            });
+            this.updateHTML();
+            srcEvent.preventDefault();
+            return visible;
+        }
+        return false;
+    }
+    hide() {
+        this.setProps({ visible: false });
+    }
+}
+ContextMenuWidget.defaultProps = {
+    ...Widget.defaultProps,
+    viewId: null,
+    visible: false,
+    position: { x: 0, y: 0 },
+    getMenuItems: undefined,
+    menuItems: [],
+    // eslint-disable-next-line no-console
+    onMenuItemSelected: (key, pickInfo) => console.log('Context menu item selected:', key, pickInfo)
+};
+//# sourceMappingURL=context-menu-widget.js.map

package/dist/context-menu-widget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu-widget.js","sourceRoot":"","sources":["../src/context-menu-widget.tsx"],"names":[],"mappings":"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"}