@deck.gl/react 9.0.0-beta.1 → 9.0.0-beta.3

package/dist/deckgl.js

@@ -0,0 +1,174 @@
+import { createElement, useRef, useState, useMemo, useEffect, useImperativeHandle, forwardRef } from 'react';
+import { Deck } from '@deck.gl/core';
+import useIsomorphicLayoutEffect from "./utils/use-isomorphic-layout-effect.js";
+import extractJSXLayers from "./utils/extract-jsx-layers.js";
+import positionChildrenUnderViews from "./utils/position-children-under-views.js";
+import extractStyles from "./utils/extract-styles.js";
+function getRefHandles(thisRef) {
+    return {
+        get deck() {
+            return thisRef.deck;
+        },
+        // The following method can only be called after ref is available, by which point deck is defined in useEffect
+        pickObject: opts => thisRef.deck.pickObject(opts),
+        pickMultipleObjects: opts => thisRef.deck.pickMultipleObjects(opts),
+        pickObjects: opts => thisRef.deck.pickObjects(opts)
+    };
+}
+function redrawDeck(thisRef) {
+    if (thisRef.redrawReason) {
+        // Only redraw if we have received a dirty flag
+        // @ts-expect-error accessing protected method
+        thisRef.deck._drawLayers(thisRef.redrawReason);
+        thisRef.redrawReason = null;
+    }
+}
+function createDeckInstance(thisRef, DeckClass, props) {
+    const deck = new DeckClass({
+        ...props,
+        // The Deck's animation loop is independent from React's render cycle, causing potential
+        // synchronization issues. We provide this custom render function to make sure that React
+        // and Deck update on the same schedule.
+        _customRender: redrawReason => {
+            // Save the dirty flag for later
+            thisRef.redrawReason = redrawReason;
+            // Viewport/view state is passed to child components as props.
+            // If they have changed, we need to trigger a React rerender to update children props.
+            const viewports = deck.getViewports();
+            if (thisRef.lastRenderedViewports !== viewports) {
+                // Viewports have changed, update children props first.
+                // This will delay the Deck canvas redraw till after React update (in useLayoutEffect)
+                // so that the canvas does not get rendered before the child components update.
+                thisRef.forceUpdate();
+            }
+            else {
+                redrawDeck(thisRef);
+            }
+        }
+    });
+    return deck;
+}
+const DeckGL = forwardRef((props, ref) => {
+    // A mechanism to force redraw
+    const [version, setVersion] = useState(0);
+    // A reference to persistent states
+    const _thisRef = useRef({
+        control: null,
+        version,
+        forceUpdate: () => setVersion(v => v + 1)
+    });
+    const thisRef = _thisRef.current;
+    // DOM refs
+    const containerRef = useRef(null);
+    const canvasRef = useRef(null);
+    // extract any deck.gl layers masquerading as react elements from props.children
+    const jsxProps = useMemo(() => extractJSXLayers(props), [props.layers, props.views, props.children]);
+    // Callbacks
+    let inRender = true;
+    const handleViewStateChange = params => {
+        if (inRender && props.viewState) {
+            // Callback may invoke a state update. Defer callback to after render() to avoid React error
+            // In React StrictMode, render is executed twice and useEffect/useLayoutEffect is executed once
+            // Store deferred parameters in ref so that we can access it in another render
+            thisRef.viewStateUpdateRequested = params;
+            return null;
+        }
+        thisRef.viewStateUpdateRequested = null;
+        return props.onViewStateChange?.(params);
+    };
+    const handleInteractionStateChange = params => {
+        if (inRender) {
+            // Callback may invoke a state update. Defer callback to after render() to avoid React error
+            // In React StrictMode, render is executed twice and useEffect/useLayoutEffect is executed once
+            // Store deferred parameters in ref so that we can access it in another render
+            thisRef.interactionStateUpdateRequested = params;
+        }
+        else {
+            thisRef.interactionStateUpdateRequested = null;
+            props.onInteractionStateChange?.(params);
+        }
+    };
+    // Update Deck's props. If Deck needs redraw, this will trigger a call to `_customRender` in
+    // the next animation frame.
+    // Needs to be called both from initial mount, and when new props are received
+    const deckProps = useMemo(() => {
+        const forwardProps = {
+            ...props,
+            // Override user styling props. We will set the canvas style in render()
+            style: null,
+            width: '100%',
+            height: '100%',
+            parent: containerRef.current,
+            canvas: canvasRef.current,
+            layers: jsxProps.layers,
+            views: jsxProps.views,
+            onViewStateChange: handleViewStateChange,
+            onInteractionStateChange: handleInteractionStateChange
+        };
+        // The defaultValue for _customRender is null, which would overwrite the definition
+        // of _customRender. Remove to avoid frequently redeclaring the method here.
+        delete forwardProps._customRender;
+        if (thisRef.deck) {
+            thisRef.deck.setProps(forwardProps);
+        }
+        return forwardProps;
+    }, [props]);
+    useEffect(() => {
+        const DeckClass = props.Deck || Deck;
+        thisRef.deck = createDeckInstance(thisRef, DeckClass, {
+            ...deckProps,
+            parent: containerRef.current,
+            canvas: canvasRef.current
+        });
+        return () => thisRef.deck?.finalize();
+    }, []);
+    useIsomorphicLayoutEffect(() => {
+        // render has just been called. The children are positioned based on the current view state.
+        // Redraw Deck canvas immediately, if necessary, using the current view state, so that it
+        // matches the child components.
+        redrawDeck(thisRef);
+        // Execute deferred callbacks
+        const { viewStateUpdateRequested, interactionStateUpdateRequested } = thisRef;
+        if (viewStateUpdateRequested) {
+            handleViewStateChange(viewStateUpdateRequested);
+        }
+        if (interactionStateUpdateRequested) {
+            handleInteractionStateChange(interactionStateUpdateRequested);
+        }
+    });
+    useImperativeHandle(ref, () => getRefHandles(thisRef), []);
+    const currentViewports = thisRef.deck && thisRef.deck.isInitialized ? thisRef.deck.getViewports() : undefined;
+    const { ContextProvider, width, height, id, style } = props;
+    const { containerStyle, canvasStyle } = useMemo(() => extractStyles({ width, height, style }), [width, height, style]);
+    // Props changes may lead to 3 types of updates:
+    // 1. Only the WebGL canvas - updated in Deck's render cycle (next animation frame)
+    // 2. Only the DOM - updated in React's lifecycle (now)
+    // 3. Both the WebGL canvas and the DOM - defer React rerender to next animation frame just
+    //    before Deck redraw to ensure perfect synchronization & avoid excessive redraw
+    //    This is because multiple changes may happen to Deck between two frames e.g. transition
+    if ((!thisRef.viewStateUpdateRequested && thisRef.lastRenderedViewports === currentViewports) || // case 2
+        thisRef.version !== version // case 3 just before deck redraws
+    ) {
+        thisRef.lastRenderedViewports = currentViewports;
+        thisRef.version = version;
+        // Render the background elements (typically react-map-gl instances)
+        // using the view descriptors
+        const childrenUnderViews = positionChildrenUnderViews({
+            children: jsxProps.children,
+            deck: thisRef.deck,
+            ContextProvider
+        });
+        const canvas = createElement('canvas', {
+            key: 'canvas',
+            id: id || 'deckgl-overlay',
+            ref: canvasRef,
+            style: canvasStyle
+        });
+        // Render deck.gl as the last child
+        thisRef.control = createElement('div', { id: `${id || 'deckgl'}-wrapper`, ref: containerRef, style: containerStyle }, [canvas, childrenUnderViews]);
+    }
+    inRender = false;
+    return thisRef.control;
+});
+DeckGL.defaultProps = Deck.defaultProps;
+export default DeckGL;

package/dist/index.cjs

@@ -0,0 +1,381 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// dist/index.js
+var dist_exports = {};
+__export(dist_exports, {
+  DeckGL: () => deckgl_default,
+  default: () => deckgl_default
+});
+module.exports = __toCommonJS(dist_exports);
+
+// dist/deckgl.js
+var import_react5 = require("react");
+var import_core3 = require("@deck.gl/core");
+
+// dist/utils/use-isomorphic-layout-effect.js
+var import_react = require("react");
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? import_react.useLayoutEffect : import_react.useEffect;
+var use_isomorphic_layout_effect_default = useIsomorphicLayoutEffect;
+
+// dist/utils/extract-jsx-layers.js
+var React = __toESM(require("react"), 1);
+var import_react3 = require("react");
+
+// dist/utils/inherits-from.js
+function inheritsFrom(Type, ParentType) {
+  while (Type) {
+    if (Type === ParentType) {
+      return true;
+    }
+    Type = Object.getPrototypeOf(Type);
+  }
+  return false;
+}
+
+// dist/utils/extract-jsx-layers.js
+var import_core = require("@deck.gl/core");
+
+// dist/utils/evaluate-children.js
+var import_react2 = require("react");
+var MAP_STYLE = { position: "absolute", zIndex: -1 };
+function evaluateChildren(children, childProps) {
+  if (typeof children === "function") {
+    return children(childProps);
+  }
+  if (Array.isArray(children)) {
+    return children.map((child) => evaluateChildren(child, childProps));
+  }
+  if (isComponent(children)) {
+    if (isReactMap(children)) {
+      childProps.style = MAP_STYLE;
+      return (0, import_react2.cloneElement)(children, childProps);
+    }
+    if (needsDeckGLViewProps(children)) {
+      return (0, import_react2.cloneElement)(children, childProps);
+    }
+  }
+  return children;
+}
+function isComponent(child) {
+  return child && typeof child === "object" && "type" in child || false;
+}
+function isReactMap(child) {
+  var _a;
+  return (_a = child.props) == null ? void 0 : _a.mapStyle;
+}
+function needsDeckGLViewProps(child) {
+  const componentClass = child.type;
+  return componentClass && componentClass.deckGLViewProps;
+}
+
+// dist/utils/extract-jsx-layers.js
+function wrapInView(node) {
+  if (typeof node === "function") {
+    return (0, import_react3.createElement)(import_core.View, {}, node);
+  }
+  if (Array.isArray(node)) {
+    return node.map(wrapInView);
+  }
+  if (isComponent(node)) {
+    if (node.type === React.Fragment) {
+      return wrapInView(node.props.children);
+    }
+    if (inheritsFrom(node.type, import_core.View)) {
+      return node;
+    }
+  }
+  return node;
+}
+function extractJSXLayers({ children, layers = [], views = null }) {
+  const reactChildren = [];
+  const jsxLayers = [];
+  const jsxViews = {};
+  React.Children.forEach(wrapInView(children), (reactElement) => {
+    if (isComponent(reactElement)) {
+      const ElementType = reactElement.type;
+      if (inheritsFrom(ElementType, import_core.Layer)) {
+        const layer = createLayer(ElementType, reactElement.props);
+        jsxLayers.push(layer);
+      } else {
+        reactChildren.push(reactElement);
+      }
+      if (inheritsFrom(ElementType, import_core.View) && ElementType !== import_core.View && reactElement.props.id) {
+        const view = new ElementType(reactElement.props);
+        jsxViews[view.id] = view;
+      }
+    } else if (reactElement) {
+      reactChildren.push(reactElement);
+    }
+  });
+  if (Object.keys(jsxViews).length > 0) {
+    if (Array.isArray(views)) {
+      views.forEach((view) => {
+        jsxViews[view.id] = view;
+      });
+    } else if (views) {
+      jsxViews[views.id] = views;
+    }
+    views = Object.values(jsxViews);
+  }
+  layers = jsxLayers.length > 0 ? [...jsxLayers, ...layers] : layers;
+  return { layers, children: reactChildren, views };
+}
+function createLayer(LayerType, reactProps) {
+  const props = {};
+  const defaultProps = LayerType.defaultProps || {};
+  for (const key in reactProps) {
+    if (defaultProps[key] !== reactProps[key]) {
+      props[key] = reactProps[key];
+    }
+  }
+  return new LayerType(props);
+}
+
+// dist/utils/position-children-under-views.js
+var import_react4 = require("react");
+var import_core2 = require("@deck.gl/core");
+function positionChildrenUnderViews({ children, deck, ContextProvider }) {
+  const { viewManager } = deck || {};
+  if (!viewManager || !viewManager.views.length) {
+    return [];
+  }
+  const views = {};
+  const defaultViewId = viewManager.views[0].id;
+  for (const child of children) {
+    let viewId = defaultViewId;
+    let viewChildren = child;
+    if (isComponent(child) && inheritsFrom(child.type, import_core2.View)) {
+      viewId = child.props.id || defaultViewId;
+      viewChildren = child.props.children;
+    }
+    const viewport = viewManager.getViewport(viewId);
+    const viewState = viewManager.getViewState(viewId);
+    if (viewport) {
+      viewState.padding = viewport.padding;
+      const { x, y, width, height } = viewport;
+      viewChildren = evaluateChildren(viewChildren, {
+        x,
+        y,
+        width,
+        height,
+        viewport,
+        viewState
+      });
+      if (!views[viewId]) {
+        views[viewId] = {
+          viewport,
+          children: []
+        };
+      }
+      views[viewId].children.push(viewChildren);
+    }
+  }
+  return Object.keys(views).map((viewId) => {
+    const { viewport, children: viewChildren } = views[viewId];
+    const { x, y, width, height } = viewport;
+    const style = {
+      position: "absolute",
+      left: x,
+      top: y,
+      width,
+      height
+    };
+    const key = `view-${viewId}`;
+    const viewElement = (0, import_react4.createElement)("div", { key, id: key, style }, ...viewChildren);
+    if (ContextProvider) {
+      const contextValue = {
+        viewport,
+        container: deck.canvas.offsetParent,
+        eventManager: deck.eventManager,
+        onViewStateChange: (params) => {
+          params.viewId = viewId;
+          deck._onViewStateChange(params);
+        }
+      };
+      return (0, import_react4.createElement)(ContextProvider, { key, value: contextValue }, viewElement);
+    }
+    return viewElement;
+  });
+}
+
+// dist/utils/extract-styles.js
+var CANVAS_ONLY_STYLES = {
+  mixBlendMode: null
+};
+function extractStyles({ width, height, style }) {
+  const containerStyle = {
+    position: "absolute",
+    zIndex: 0,
+    left: 0,
+    top: 0,
+    width,
+    height
+  };
+  const canvasStyle = {
+    left: 0,
+    top: 0
+  };
+  if (style) {
+    for (const key in style) {
+      if (key in CANVAS_ONLY_STYLES) {
+        canvasStyle[key] = style[key];
+      } else {
+        containerStyle[key] = style[key];
+      }
+    }
+  }
+  return { containerStyle, canvasStyle };
+}
+
+// dist/deckgl.js
+function getRefHandles(thisRef) {
+  return {
+    get deck() {
+      return thisRef.deck;
+    },
+    pickObject: (opts) => thisRef.deck.pickObject(opts),
+    pickMultipleObjects: (opts) => thisRef.deck.pickMultipleObjects(opts),
+    pickObjects: (opts) => thisRef.deck.pickObjects(opts)
+  };
+}
+function redrawDeck(thisRef) {
+  if (thisRef.redrawReason) {
+    thisRef.deck._drawLayers(thisRef.redrawReason);
+    thisRef.redrawReason = null;
+  }
+}
+function createDeckInstance(thisRef, DeckClass, props) {
+  const deck = new DeckClass({
+    ...props,
+    _customRender: (redrawReason) => {
+      thisRef.redrawReason = redrawReason;
+      const viewports = deck.getViewports();
+      if (thisRef.lastRenderedViewports !== viewports) {
+        thisRef.forceUpdate();
+      } else {
+        redrawDeck(thisRef);
+      }
+    }
+  });
+  return deck;
+}
+var DeckGL = (0, import_react5.forwardRef)((props, ref) => {
+  const [version, setVersion] = (0, import_react5.useState)(0);
+  const _thisRef = (0, import_react5.useRef)({
+    control: null,
+    version,
+    forceUpdate: () => setVersion((v) => v + 1)
+  });
+  const thisRef = _thisRef.current;
+  const containerRef = (0, import_react5.useRef)(null);
+  const canvasRef = (0, import_react5.useRef)(null);
+  const jsxProps = (0, import_react5.useMemo)(() => extractJSXLayers(props), [props.layers, props.views, props.children]);
+  let inRender = true;
+  const handleViewStateChange = (params) => {
+    var _a;
+    if (inRender && props.viewState) {
+      thisRef.viewStateUpdateRequested = params;
+      return null;
+    }
+    thisRef.viewStateUpdateRequested = null;
+    return (_a = props.onViewStateChange) == null ? void 0 : _a.call(props, params);
+  };
+  const handleInteractionStateChange = (params) => {
+    var _a;
+    if (inRender) {
+      thisRef.interactionStateUpdateRequested = params;
+    } else {
+      thisRef.interactionStateUpdateRequested = null;
+      (_a = props.onInteractionStateChange) == null ? void 0 : _a.call(props, params);
+    }
+  };
+  const deckProps = (0, import_react5.useMemo)(() => {
+    const forwardProps = {
+      ...props,
+      style: null,
+      width: "100%",
+      height: "100%",
+      parent: containerRef.current,
+      canvas: canvasRef.current,
+      layers: jsxProps.layers,
+      views: jsxProps.views,
+      onViewStateChange: handleViewStateChange,
+      onInteractionStateChange: handleInteractionStateChange
+    };
+    delete forwardProps._customRender;
+    if (thisRef.deck) {
+      thisRef.deck.setProps(forwardProps);
+    }
+    return forwardProps;
+  }, [props]);
+  (0, import_react5.useEffect)(() => {
+    const DeckClass = props.Deck || import_core3.Deck;
+    thisRef.deck = createDeckInstance(thisRef, DeckClass, {
+      ...deckProps,
+      parent: containerRef.current,
+      canvas: canvasRef.current
+    });
+    return () => {
+      var _a;
+      return (_a = thisRef.deck) == null ? void 0 : _a.finalize();
+    };
+  }, []);
+  use_isomorphic_layout_effect_default(() => {
+    redrawDeck(thisRef);
+    const { viewStateUpdateRequested, interactionStateUpdateRequested } = thisRef;
+    if (viewStateUpdateRequested) {
+      handleViewStateChange(viewStateUpdateRequested);
+    }
+    if (interactionStateUpdateRequested) {
+      handleInteractionStateChange(interactionStateUpdateRequested);
+    }
+  });
+  (0, import_react5.useImperativeHandle)(ref, () => getRefHandles(thisRef), []);
+  const currentViewports = thisRef.deck && thisRef.deck.isInitialized ? thisRef.deck.getViewports() : void 0;
+  const { ContextProvider, width, height, id, style } = props;
+  const { containerStyle, canvasStyle } = (0, import_react5.useMemo)(() => extractStyles({ width, height, style }), [width, height, style]);
+  if (!thisRef.viewStateUpdateRequested && thisRef.lastRenderedViewports === currentViewports || thisRef.version !== version) {
+    thisRef.lastRenderedViewports = currentViewports;
+    thisRef.version = version;
+    const childrenUnderViews = positionChildrenUnderViews({
+      children: jsxProps.children,
+      deck: thisRef.deck,
+      ContextProvider
+    });
+    const canvas = (0, import_react5.createElement)("canvas", {
+      key: "canvas",
+      id: id || "deckgl-overlay",
+      ref: canvasRef,
+      style: canvasStyle
+    });
+    thisRef.control = (0, import_react5.createElement)("div", { id: `${id || "deckgl"}-wrapper`, ref: containerRef, style: containerStyle }, [canvas, childrenUnderViews]);
+  }
+  inRender = false;
+  return thisRef.control;
+});
+DeckGL.defaultProps = import_core3.Deck.defaultProps;
+var deckgl_default = DeckGL;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["index.js", "deckgl.js", "utils/use-isomorphic-layout-effect.js", "utils/extract-jsx-layers.js", "utils/inherits-from.js", "utils/evaluate-children.js", "utils/position-children-under-views.js", "utils/extract-styles.js"],
+  "sourcesContent": ["// Copyright (c) 2015 - 2017 Uber Technologies, Inc.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to deal\n// in the Software without restriction, including without limitation the rights\n// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n// copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\nexport { default as DeckGL } from \"./deckgl.js\";\nexport { default } from \"./deckgl.js\";\n", "import { createElement, useRef, useState, useMemo, useEffect, useImperativeHandle, forwardRef } from 'react';\nimport { Deck } from '@deck.gl/core';\nimport useIsomorphicLayoutEffect from \"./utils/use-isomorphic-layout-effect.js\";\nimport extractJSXLayers from \"./utils/extract-jsx-layers.js\";\nimport positionChildrenUnderViews from \"./utils/position-children-under-views.js\";\nimport extractStyles from \"./utils/extract-styles.js\";\nfunction getRefHandles(thisRef) {\n    return {\n        get deck() {\n            return thisRef.deck;\n        },\n        // The following method can only be called after ref is available, by which point deck is defined in useEffect\n        pickObject: opts => thisRef.deck.pickObject(opts),\n        pickMultipleObjects: opts => thisRef.deck.pickMultipleObjects(opts),\n        pickObjects: opts => thisRef.deck.pickObjects(opts)\n    };\n}\nfunction redrawDeck(thisRef) {\n    if (thisRef.redrawReason) {\n        // Only redraw if we have received a dirty flag\n        // @ts-expect-error accessing protected method\n        thisRef.deck._drawLayers(thisRef.redrawReason);\n        thisRef.redrawReason = null;\n    }\n}\nfunction createDeckInstance(thisRef, DeckClass, props) {\n    const deck = new DeckClass({\n        ...props,\n        // The Deck's animation loop is independent from React's render cycle, causing potential\n        // synchronization issues. We provide this custom render function to make sure that React\n        // and Deck update on the same schedule.\n        _customRender: redrawReason => {\n            // Save the dirty flag for later\n            thisRef.redrawReason = redrawReason;\n            // Viewport/view state is passed to child components as props.\n            // If they have changed, we need to trigger a React rerender to update children props.\n            const viewports = deck.getViewports();\n            if (thisRef.lastRenderedViewports !== viewports) {\n                // Viewports have changed, update children props first.\n                // This will delay the Deck canvas redraw till after React update (in useLayoutEffect)\n                // so that the canvas does not get rendered before the child components update.\n                thisRef.forceUpdate();\n            }\n            else {\n                redrawDeck(thisRef);\n            }\n        }\n    });\n    return deck;\n}\nconst DeckGL = forwardRef((props, ref) => {\n    // A mechanism to force redraw\n    const [version, setVersion] = useState(0);\n    // A reference to persistent states\n    const _thisRef = useRef({\n        control: null,\n        version,\n        forceUpdate: () => setVersion(v => v + 1)\n    });\n    const thisRef = _thisRef.current;\n    // DOM refs\n    const containerRef = useRef(null);\n    const canvasRef = useRef(null);\n    // extract any deck.gl layers masquerading as react elements from props.children\n    const jsxProps = useMemo(() => extractJSXLayers(props), [props.layers, props.views, props.children]);\n    // Callbacks\n    let inRender = true;\n    const handleViewStateChange = params => {\n        if (inRender && props.viewState) {\n            // Callback may invoke a state update. Defer callback to after render() to avoid React error\n            // In React StrictMode, render is executed twice and useEffect/useLayoutEffect is executed once\n            // Store deferred parameters in ref so that we can access it in another render\n            thisRef.viewStateUpdateRequested = params;\n            return null;\n        }\n        thisRef.viewStateUpdateRequested = null;\n        return props.onViewStateChange?.(params);\n    };\n    const handleInteractionStateChange = params => {\n        if (inRender) {\n            // Callback may invoke a state update. Defer callback to after render() to avoid React error\n            // In React StrictMode, render is executed twice and useEffect/useLayoutEffect is executed once\n            // Store deferred parameters in ref so that we can access it in another render\n            thisRef.interactionStateUpdateRequested = params;\n        }\n        else {\n            thisRef.interactionStateUpdateRequested = null;\n            props.onInteractionStateChange?.(params);\n        }\n    };\n    // Update Deck's props. If Deck needs redraw, this will trigger a call to `_customRender` in\n    // the next animation frame.\n    // Needs to be called both from initial mount, and when new props are received\n    const deckProps = useMemo(() => {\n        const forwardProps = {\n            ...props,\n            // Override user styling props. We will set the canvas style in render()\n            style: null,\n            width: '100%',\n            height: '100%',\n            parent: containerRef.current,\n            canvas: canvasRef.current,\n            layers: jsxProps.layers,\n            views: jsxProps.views,\n            onViewStateChange: handleViewStateChange,\n            onInteractionStateChange: handleInteractionStateChange\n        };\n        // The defaultValue for _customRender is null, which would overwrite the definition\n        // of _customRender. Remove to avoid frequently redeclaring the method here.\n        delete forwardProps._customRender;\n        if (thisRef.deck) {\n            thisRef.deck.setProps(forwardProps);\n        }\n        return forwardProps;\n    }, [props]);\n    useEffect(() => {\n        const DeckClass = props.Deck || Deck;\n        thisRef.deck = createDeckInstance(thisRef, DeckClass, {\n            ...deckProps,\n            parent: containerRef.current,\n            canvas: canvasRef.current\n        });\n        return () => thisRef.deck?.finalize();\n    }, []);\n    useIsomorphicLayoutEffect(() => {\n        // render has just been called. The children are positioned based on the current view state.\n        // Redraw Deck canvas immediately, if necessary, using the current view state, so that it\n        // matches the child components.\n        redrawDeck(thisRef);\n        // Execute deferred callbacks\n        const { viewStateUpdateRequested, interactionStateUpdateRequested } = thisRef;\n        if (viewStateUpdateRequested) {\n            handleViewStateChange(viewStateUpdateRequested);\n        }\n        if (interactionStateUpdateRequested) {\n            handleInteractionStateChange(interactionStateUpdateRequested);\n        }\n    });\n    useImperativeHandle(ref, () => getRefHandles(thisRef), []);\n    const currentViewports = thisRef.deck && thisRef.deck.isInitialized ? thisRef.deck.getViewports() : undefined;\n    const { ContextProvider, width, height, id, style } = props;\n    const { containerStyle, canvasStyle } = useMemo(() => extractStyles({ width, height, style }), [width, height, style]);\n    // Props changes may lead to 3 types of updates:\n    // 1. Only the WebGL canvas - updated in Deck's render cycle (next animation frame)\n    // 2. Only the DOM - updated in React's lifecycle (now)\n    // 3. Both the WebGL canvas and the DOM - defer React rerender to next animation frame just\n    //    before Deck redraw to ensure perfect synchronization & avoid excessive redraw\n    //    This is because multiple changes may happen to Deck between two frames e.g. transition\n    if ((!thisRef.viewStateUpdateRequested && thisRef.lastRenderedViewports === currentViewports) || // case 2\n        thisRef.version !== version // case 3 just before deck redraws\n    ) {\n        thisRef.lastRenderedViewports = currentViewports;\n        thisRef.version = version;\n        // Render the background elements (typically react-map-gl instances)\n        // using the view descriptors\n        const childrenUnderViews = positionChildrenUnderViews({\n            children: jsxProps.children,\n            deck: thisRef.deck,\n            ContextProvider\n        });\n        const canvas = createElement('canvas', {\n            key: 'canvas',\n            id: id || 'deckgl-overlay',\n            ref: canvasRef,\n            style: canvasStyle\n        });\n        // Render deck.gl as the last child\n        thisRef.control = createElement('div', { id: `${id || 'deckgl'}-wrapper`, ref: containerRef, style: containerStyle }, [canvas, childrenUnderViews]);\n    }\n    inRender = false;\n    return thisRef.control;\n});\nDeckGL.defaultProps = Deck.defaultProps;\nexport default DeckGL;\n", "// From https://github.com/streamich/react-use/blob/master/src/useIsomorphicLayoutEffect.ts\n// useLayoutEffect but does not trigger warning in server-side rendering\nimport { useEffect, useLayoutEffect } from 'react';\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\nexport default useIsomorphicLayoutEffect;\n", "import * as React from 'react';\nimport { createElement } from 'react';\nimport { inheritsFrom } from \"./inherits-from.js\";\nimport { Layer, View } from '@deck.gl/core';\nimport { isComponent } from \"./evaluate-children.js\";\n// recursively wrap render callbacks in `View`\nfunction wrapInView(node) {\n    if (typeof node === 'function') {\n        // React.Children does not traverse functions.\n        // All render callbacks must be protected under a <View>\n        // @ts-expect-error View is not a ReactJSXElement constructor. Only used as a temporary wrapper and will be removed in extractJSXLayers\n        return createElement(View, {}, node);\n    }\n    if (Array.isArray(node)) {\n        return node.map(wrapInView);\n    }\n    if (isComponent(node)) {\n        if (node.type === React.Fragment) {\n            return wrapInView(node.props.children);\n        }\n        if (inheritsFrom(node.type, View)) {\n            return node;\n        }\n    }\n    return node;\n}\n// extracts any deck.gl layers masquerading as react elements from props.children\nexport default function extractJSXLayers({ children, layers = [], views = null }) {\n    const reactChildren = []; // extract real react elements (i.e. not deck.gl layers)\n    const jsxLayers = []; // extracted layer from react children, will add to deck.gl layer array\n    const jsxViews = {};\n    // React.children\n    React.Children.forEach(wrapInView(children), reactElement => {\n        if (isComponent(reactElement)) {\n            // For some reason Children.forEach doesn't filter out `null`s\n            const ElementType = reactElement.type;\n            if (inheritsFrom(ElementType, Layer)) {\n                const layer = createLayer(ElementType, reactElement.props);\n                jsxLayers.push(layer);\n            }\n            else {\n                reactChildren.push(reactElement);\n            }\n            // empty id => default view\n            if (inheritsFrom(ElementType, View) && ElementType !== View && reactElement.props.id) {\n                // @ts-ignore Cannot instantiate an abstract class (View)\n                const view = new ElementType(reactElement.props);\n                jsxViews[view.id] = view;\n            }\n        }\n        else if (reactElement) {\n            reactChildren.push(reactElement);\n        }\n    });\n    // Avoid modifying views if no JSX views were found\n    if (Object.keys(jsxViews).length > 0) {\n        // If a view is specified in both views prop and JSX, use the one in views\n        if (Array.isArray(views)) {\n            views.forEach(view => {\n                jsxViews[view.id] = view;\n            });\n        }\n        else if (views) {\n            jsxViews[views.id] = views;\n        }\n        views = Object.values(jsxViews);\n    }\n    // Avoid modifying layers array if no JSX layers were found\n    layers = jsxLayers.length > 0 ? [...jsxLayers, ...layers] : layers;\n    return { layers, children: reactChildren, views };\n}\nfunction createLayer(LayerType, reactProps) {\n    const props = {};\n    // Layer.defaultProps is treated as ReactElement.defaultProps and merged into react props\n    // Remove them\n    const defaultProps = LayerType.defaultProps || {};\n    for (const key in reactProps) {\n        if (defaultProps[key] !== reactProps[key]) {\n            props[key] = reactProps[key];\n        }\n    }\n    // @ts-ignore Cannot instantiate an abstract class (Layer)\n    return new LayerType(props);\n}\n", "// Check if one JavaScript class inherits from another\nexport function inheritsFrom(Type, ParentType) {\n    while (Type) {\n        if (Type === ParentType) {\n            return true;\n        }\n        Type = Object.getPrototypeOf(Type);\n    }\n    return false;\n}\n", "import { cloneElement } from 'react';\nconst MAP_STYLE = { position: 'absolute', zIndex: -1 };\nexport default function evaluateChildren(children, childProps) {\n    if (typeof children === 'function') {\n        return children(childProps);\n    }\n    if (Array.isArray(children)) {\n        return children.map(child => evaluateChildren(child, childProps));\n    }\n    if (isComponent(children)) {\n        // Special treatment for react-map-gl's Map component\n        // to support shorthand use case <DeckGL><StaticMap /></DeckGL>\n        if (isReactMap(children)) {\n            // Place map under the canvas\n            childProps.style = MAP_STYLE;\n            return cloneElement(children, childProps);\n        }\n        if (needsDeckGLViewProps(children)) {\n            return cloneElement(children, childProps);\n        }\n    }\n    return children;\n}\nexport function isComponent(child) {\n    return (child && typeof child === 'object' && 'type' in child) || false;\n}\nfunction isReactMap(child) {\n    return child.props?.mapStyle;\n}\nfunction needsDeckGLViewProps(child) {\n    const componentClass = child.type;\n    // @ts-expect-error deckGLViewProps is a custom hack defined on the constructor (nebula.gl)\n    return componentClass && componentClass.deckGLViewProps;\n}\n", "import { createElement } from 'react';\nimport { View } from '@deck.gl/core';\nimport { inheritsFrom } from \"./inherits-from.js\";\nimport evaluateChildren, { isComponent } from \"./evaluate-children.js\";\n// Iterate over views and reposition children associated with views\n// TODO - Can we supply a similar function for the non-React case?\nexport default function positionChildrenUnderViews({ children, deck, ContextProvider }) {\n    // @ts-expect-error accessing protected property\n    const { viewManager } = deck || {};\n    if (!viewManager || !viewManager.views.length) {\n        return [];\n    }\n    const views = {};\n    const defaultViewId = viewManager.views[0].id;\n    // Sort children by view id\n    for (const child of children) {\n        // Unless child is a View, position / render as part of the default view\n        let viewId = defaultViewId;\n        let viewChildren = child;\n        if (isComponent(child) && inheritsFrom(child.type, View)) {\n            viewId = child.props.id || defaultViewId;\n            viewChildren = child.props.children;\n        }\n        const viewport = viewManager.getViewport(viewId);\n        const viewState = viewManager.getViewState(viewId);\n        // Drop (auto-hide) elements with viewId that are not matched by any current view\n        if (viewport) {\n            viewState.padding = viewport.padding;\n            const { x, y, width, height } = viewport;\n            // Resolve potentially relative dimensions using the deck.gl container size\n            viewChildren = evaluateChildren(viewChildren, {\n                x,\n                y,\n                width,\n                height,\n                viewport,\n                viewState\n            });\n            if (!views[viewId]) {\n                views[viewId] = {\n                    viewport,\n                    children: []\n                };\n            }\n            views[viewId].children.push(viewChildren);\n        }\n    }\n    // Render views\n    return Object.keys(views).map(viewId => {\n        const { viewport, children: viewChildren } = views[viewId];\n        const { x, y, width, height } = viewport;\n        const style = {\n            position: 'absolute',\n            left: x,\n            top: y,\n            width,\n            height\n        };\n        const key = `view-${viewId}`;\n        // If children is passed as an array, React will throw the \"each element in a list needs\n        // a key\" warning. Sending each child as separate arguments removes this requirement.\n        const viewElement = createElement('div', { key, id: key, style }, ...viewChildren);\n        if (ContextProvider) {\n            const contextValue = {\n                viewport,\n                // @ts-expect-error accessing protected property\n                container: deck.canvas.offsetParent,\n                // @ts-expect-error accessing protected property\n                eventManager: deck.eventManager,\n                onViewStateChange: params => {\n                    params.viewId = viewId;\n                    // @ts-expect-error accessing protected method\n                    deck._onViewStateChange(params);\n                }\n            };\n            return createElement(ContextProvider, { key, value: contextValue }, viewElement);\n        }\n        return viewElement;\n    });\n}\n", "const CANVAS_ONLY_STYLES = {\n    mixBlendMode: null\n};\nexport default function extractStyles({ width, height, style }) {\n    // This styling is enforced for correct positioning with children\n    const containerStyle = {\n        position: 'absolute',\n        zIndex: 0,\n        left: 0,\n        top: 0,\n        width,\n        height\n    };\n    // Fill the container\n    const canvasStyle = {\n        left: 0,\n        top: 0\n    };\n    if (style) {\n        for (const key in style) {\n            if (key in CANVAS_ONLY_STYLES) {\n                // apply style to the canvas, but not deck's children, e.g. mix-blend-mode\n                canvasStyle[key] = style[key];\n            }\n            else {\n                // apply style to the container, e.g. position/flow settings\n                containerStyle[key] = style[key];\n            }\n        }\n    }\n    return { containerStyle, canvasStyle };\n}\n"],
+  "mappings": "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",
+  "names": ["import_react", "import_core", "import_react", "import_react", "import_react", "import_core"]
+}

package/dist/index.js

@@ -0,0 +1,21 @@
+// Copyright (c) 2015 - 2017 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+export { default as DeckGL } from "./deckgl.js";
+export { default } from "./deckgl.js";

package/dist/utils/evaluate-children.js

@@ -0,0 +1,34 @@
+import { cloneElement } from 'react';
+const MAP_STYLE = { position: 'absolute', zIndex: -1 };
+export default function evaluateChildren(children, childProps) {
+    if (typeof children === 'function') {
+        return children(childProps);
+    }
+    if (Array.isArray(children)) {
+        return children.map(child => evaluateChildren(child, childProps));
+    }
+    if (isComponent(children)) {
+        // Special treatment for react-map-gl's Map component
+        // to support shorthand use case <DeckGL><StaticMap /></DeckGL>
+        if (isReactMap(children)) {
+            // Place map under the canvas
+            childProps.style = MAP_STYLE;
+            return cloneElement(children, childProps);
+        }
+        if (needsDeckGLViewProps(children)) {
+            return cloneElement(children, childProps);
+        }
+    }
+    return children;
+}
+export function isComponent(child) {
+    return (child && typeof child === 'object' && 'type' in child) || false;
+}
+function isReactMap(child) {
+    return child.props?.mapStyle;
+}
+function needsDeckGLViewProps(child) {
+    const componentClass = child.type;
+    // @ts-expect-error deckGLViewProps is a custom hack defined on the constructor (nebula.gl)
+    return componentClass && componentClass.deckGLViewProps;
+}