@deck.gl/widgets 9.2.11 → 9.3.0-alpha.2

package/dist/compass-widget.js

@@ -18,7 +18,7 @@ export class CompassWidget extends Widget {
         super.setProps(props);
     }
     onRenderHTML(rootElement) {
-        const viewId = this.viewId || Object.values(this.viewports)[0]?.id || 'default-view';
+        const viewId = this.viewId || Object.values(this.viewports)[0]?.id;
         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: () => {
@@ -45,17 +45,17 @@ export class CompassWidget extends Widget {
         return [0, 0];
     }
     handleCompassReset(viewport) {
-        const viewId = this.viewId || viewport.id || 'default-view';
+        const viewId = this.viewId || viewport.id;
         if (viewport instanceof WebMercatorViewport) {
+            const viewState = this.getViewState(viewId);
             const nextViewState = {
-                ...viewport,
+                ...viewState,
                 bearing: 0,
                 ...(this.getRotation(viewport)[0] === 0 ? { pitch: 0 } : {}),
                 transitionDuration: this.props.transitionDuration,
                 transitionInterpolator: new FlyToInterpolator()
             };
-            // @ts-ignore Using private method temporary until there's a public one
-            this.deck._onViewStateChange({ viewId, viewState: nextViewState, interactionState: {} });
+            this.setViewState(viewId, nextViewState);
         }
     }
 }

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

@@ -1,37 +1,44 @@
 import { Widget } from '@deck.gl/core';
 import type { Deck, PickingInfo, WidgetProps } from '@deck.gl/core';
-export type ContextWidgetMenuItem = {
-    label: string;
-    key: string;
-};
+import { type MenuItem } from "./lib/components/dropdown-menu.js";
+import { type PopoverProps } from "./lib/components/popover.js";
 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;
+    /** Menu items for the menu. */
+    menuItems?: MenuItem[];
+    /** Callback to provide menu items for the menu given the picked object. Overrides `menuItems` */
+    getMenuItems?: (info: PickingInfo, widget: ContextMenuWidget) => MenuItem[] | null;
+    /** Callback when a menu item is selected */
+    onMenuItemSelected?: (value: string, pickInfo: PickingInfo | null) => void;
+    /** Position menu relative to the anchor.
+     * @default 'bottom-start'
+     */
+    placement?: PopoverProps['placement'];
+    /** Pixel offset
+     * @default 10
+     */
+    offset?: PopoverProps['offset'];
+    /**
+     * Show an arrow pointing at the anchor. Optionally accepts a pixel size.
+     * @default false
+     */
+    arrow?: PopoverProps['arrow'];
 };
 export declare class ContextMenuWidget extends Widget<ContextMenuWidgetProps> {
     static defaultProps: Required<ContextMenuWidgetProps>;
     className: string;
     placement: "fill";
-    pickInfo: PickingInfo | null;
+    menu: {
+        items: MenuItem[];
+        pickInfo: PickingInfo;
+    } | null;
     constructor(props: ContextMenuWidgetProps);
     onAdd({ deck }: {
         deck: Deck<any>;
-    }): HTMLDivElement;
+    }): void;
+    handleContextMenu(srcEvent: MouseEvent): void;
     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

@@ -1 +1 @@
-{"version":3,"file":"context-menu-widget.d.ts","sourceRoot":"","sources":["../src/context-menu-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;AACrC,OAAO,KAAK,EAAC,IAAI,EAAE,WAAW,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AASlE,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,CAUnD;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"}
+{"version":3,"file":"context-menu-widget.d.ts","sourceRoot":"","sources":["../src/context-menu-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;AACrC,OAAO,KAAK,EAAC,IAAI,EAAE,WAAW,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAElE,OAAO,EAAa,KAAK,QAAQ,EAAC,0CAAuC;AACzE,OAAO,EAAU,KAAK,YAAY,EAAC,oCAAiC;AAEpE,MAAM,MAAM,sBAAsB,GAAG,WAAW,GAAG;IACjD,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,iGAAiG;IACjG,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,iBAAiB,KAAK,QAAQ,EAAE,GAAG,IAAI,CAAC;IACnF,4CAA4C;IAC5C,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3E;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACtC;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;CAC/B,CAAC;AAEF,qBAAa,iBAAkB,SAAQ,MAAM,CAAC,sBAAsB,CAAC;IACnE,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAUnD;IAEF,SAAS,SAA8B;IACvC,SAAS,SAAmB;IAE5B,IAAI,EAAE;QACJ,KAAK,EAAE,QAAQ,EAAE,CAAC;QAClB,QAAQ,EAAE,WAAW,CAAC;KACvB,GAAG,IAAI,CAAQ;gBAEJ,KAAK,EAAE,sBAAsB;IAKzC,KAAK,CAAC,EAAC,IAAI,EAAC,EAAE;QAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAA;KAAC;IAI/B,iBAAiB,CAAC,QAAQ,EAAE,UAAU;IA0BtC,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IAkC5C,IAAI;CAIL"}

package/dist/context-menu-widget.js

@@ -5,74 +5,71 @@ 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;
+import { SimpleMenu } from "./lib/components/dropdown-menu.js";
+import { Popover } from "./lib/components/popover.js";
 export class ContextMenuWidget extends Widget {
     constructor(props) {
         super(props);
         this.className = 'deck-widget-context-menu';
         this.placement = 'fill';
-        this.pickInfo = null;
-        this.pickInfo = null;
+        this.menu = null;
         this.setProps(this.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;
+        const targetRect = srcEvent.target.getBoundingClientRect();
+        const x = srcEvent.clientX - targetRect.x;
+        const y = srcEvent.clientY - targetRect.y;
+        const pickInfo = this.deck?.pickObject({ x, y }) || {
+            x,
+            y,
+            picked: false,
+            layer: null,
+            color: null,
+            index: -1,
+            pixelRatio: 1
+        };
+        const menuItems = this.props.getMenuItems?.(pickInfo, this) || this.props.menuItems;
+        this.menu =
+            menuItems.length > 0
+                ? {
+                    items: menuItems,
+                    pickInfo
+                }
+                : null;
+        srcEvent.preventDefault();
+        this.updateHTML();
+    }
+    onRenderHTML(rootElement) {
+        if (!this.menu) {
+            render(null, rootElement);
+            return;
         }
-        return false;
+        const { items, pickInfo } = this.menu;
+        const style = {
+            pointerEvents: 'auto',
+            position: 'static',
+            ...this.props.style
+        };
+        const ui = (_jsx(Popover, { x: pickInfo.x, y: pickInfo.y, placement: this.props.placement, arrow: this.props.arrow, arrowColor: "var(--menu-background, #fff)", offset: this.props.offset, children: _jsx(SimpleMenu, { menuItems: items, onSelect: value => this.props.onMenuItemSelected(value, pickInfo), style: style, isOpen: true, onClose: () => this.hide() }) }));
+        render(ui, rootElement);
     }
     hide() {
-        this.setProps({ visible: false });
+        this.menu = null;
+        this.updateHTML();
     }
 }
 ContextMenuWidget.defaultProps = {
     ...Widget.defaultProps,
     id: 'context',
     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)
+    getMenuItems: undefined,
+    onMenuItemSelected: () => { },
+    placement: 'bottom-start',
+    offset: 10,
+    arrow: false
 };
 //# sourceMappingURL=context-menu-widget.js.map

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

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