@deck.gl/react 8.8.0-alpha.6 → 8.8.0-beta.3

package/src/{deckgl.js → deckgl.ts}

@@ -17,7 +17,7 @@
 // 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.
-
+import * as React from 'react';
 import {
   createElement,
   useRef,
@@ -34,29 +34,62 @@ import extractJSXLayers from './utils/extract-jsx-layers';
 import positionChildrenUnderViews from './utils/position-children-under-views';
 import extractStyles from './utils/extract-styles';
 
+import type {DeckGLContextValue} from './utils/position-children-under-views';
+import type {DeckProps, Viewport} from '@deck.gl/core';
+
 /* eslint-disable max-statements, accessor-pairs */
+type DeckInstanceRef = {
+  deck?: Deck;
+  redrawReason?: string | null;
+  lastRenderedViewports?: Viewport[];
+  viewStateUpdateRequested?: any;
+  interactionStateUpdateRequested?: any;
+  forceUpdate: () => void;
+  version: number;
+  control: React.ReactHTMLElement<HTMLElement> | null;
+};
+
+// Remove prop types in the base Deck class that support externally supplied canvas/WebGLContext
+/** DeckGL React component props */
+export type DeckGLProps = Omit<
+  DeckProps,
+  'width' | 'height' | 'gl' | 'parent' | 'canvas' | '_customRender'
+> & {
+  width?: string | number;
+  height?: string | number;
+  children?: React.ReactNode;
+  ContextProvider?: React.Context<DeckGLContextValue>['Provider'];
+};
 
-function getRefHandles(thisRef) {
-  const handles = {
-    pickObject: opts => thisRef.deck.pickObject(opts),
-    pickMultipleObjects: opts => thisRef.deck.pickMultipleObjects(opts),
-    pickObjects: opts => thisRef.deck.pickObjects(opts)
+export type DeckGLRef = {
+  deck?: Deck;
+  pickObject: Deck['pickObject'];
+  pickObjects: Deck['pickObjects'];
+  pickMultipleObjects: Deck['pickMultipleObjects'];
+};
+
+function getRefHandles(thisRef: DeckInstanceRef): DeckGLRef {
+  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)
   };
-  Object.defineProperty(handles, 'deck', {
-    get: () => thisRef.deck
-  });
-  return handles;
 }
 
-function redrawDeck(thisRef) {
+function redrawDeck(thisRef: DeckInstanceRef) {
   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, props) {
+function createDeckInstance(thisRef: DeckInstanceRef, props): Deck {
   // Allows a subclass of Deck to be used
   // TODO - update propTypes / defaultProps?
   const DeckClass = props.Deck || Deck;
@@ -79,7 +112,7 @@ function createDeckInstance(thisRef, props) {
         // 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(v => v + 1);
+        thisRef.forceUpdate();
       } else {
         redrawDeck(thisRef);
       }
@@ -88,13 +121,16 @@ function createDeckInstance(thisRef, props) {
   return deck;
 }
 
-const DeckGL = forwardRef((props, ref) => {
-  // A reference to persistent states
-  const _thisRef = useRef({});
-  const thisRef = _thisRef.current;
+const DeckGL = forwardRef<DeckGLRef, DeckGLProps>((props, ref) => {
   // A mechanism to force redraw
   const [version, setVersion] = useState(0);
-  thisRef.forceUpdate = setVersion;
+  // A reference to persistent states
+  const _thisRef = useRef<DeckInstanceRef>({
+    control: null,
+    version,
+    forceUpdate: () => setVersion(v => v + 1)
+  });
+  const thisRef = _thisRef.current;
   // DOM refs
   const containerRef = useRef(null);
   const canvasRef = useRef(null);
@@ -108,7 +144,7 @@ const DeckGL = forwardRef((props, ref) => {
   // Callbacks
   let inRender = true;
 
-  const handleViewStateChange = params => {
+  const handleViewStateChange: DeckProps['onViewStateChange'] = 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
@@ -117,10 +153,10 @@ const DeckGL = forwardRef((props, ref) => {
       return null;
     }
     thisRef.viewStateUpdateRequested = null;
-    return props.onViewStateChange(params);
+    return props.onViewStateChange?.(params);
   };
 
-  const handleInteractionStateChange = params => {
+  const handleInteractionStateChange: DeckProps['onInteractionStateChange'] = 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
@@ -128,7 +164,7 @@ const DeckGL = forwardRef((props, ref) => {
       thisRef.interactionStateUpdateRequested = params;
     } else {
       thisRef.interactionStateUpdateRequested = null;
-      props.onInteractionStateChange(params);
+      props.onInteractionStateChange?.(params);
     }
   };
 
@@ -136,7 +172,7 @@ const DeckGL = forwardRef((props, ref) => {
   // the next animation frame.
   // Needs to be called both from initial mount, and when new props are received
   const deckProps = useMemo(() => {
-    const forwardProps = {
+    const forwardProps: DeckProps = {
       ...props,
       // Override user styling props. We will set the canvas style in render()
       style: null,
@@ -159,14 +195,20 @@ const DeckGL = forwardRef((props, ref) => {
     return forwardProps;
   }, [props]);
 
+  const [isDeckLoaded, setIsDeckLoaded] = useState(false);
+
   useEffect(() => {
     thisRef.deck = createDeckInstance(thisRef, {
       ...deckProps,
       parent: containerRef.current,
-      canvas: canvasRef.current
+      canvas: canvasRef.current,
+      onLoad: () => {
+        setIsDeckLoaded(true);
+        if (deckProps.onLoad) deckProps.onLoad();
+      }
     });
 
-    return () => thisRef.deck.finalize();
+    return () => thisRef.deck?.finalize();
   }, []);
 
   useIsomorphicLayoutEffect(() => {
@@ -187,8 +229,7 @@ const DeckGL = forwardRef((props, ref) => {
 
   useImperativeHandle(ref, () => getRefHandles(thisRef), []);
 
-  const {viewManager} = thisRef.deck || {};
-  const currentViewports = viewManager && viewManager.getViewports();
+  const currentViewports = thisRef.deck && isDeckLoaded ? thisRef.deck.getViewports() : undefined;
 
   const {ContextProvider, width, height, id, style} = props;
 

package/src/{index.js → index.ts}

@@ -20,3 +20,7 @@
 
 export {default as DeckGL} from './deckgl';
 export {default} from './deckgl';
+
+// Types
+export type {DeckGLContextValue} from './utils/position-children-under-views';
+export type {DeckGLRef, DeckGLProps} from './deckgl';

package/src/utils/evaluate-children.ts

@@ -0,0 +1,47 @@
+import * as React from 'react';
+import {cloneElement} from 'react';
+
+const MAP_STYLE = {position: 'absolute', zIndex: -1};
+
+export default function evaluateChildren(
+  children: React.ReactNode,
+  childProps: any
+): React.ReactNode {
+  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: React.ReactNode): child is React.ReactElement {
+  return (child && typeof child === 'object' && 'type' in child) || false;
+}
+
+function isReactMap(child: React.ReactElement): boolean {
+  const componentClass = child.type;
+  // @ts-expect-error defaultProps is not defined on JSXElementConstructor
+  const componentProps = componentClass && componentClass.defaultProps;
+  return componentProps && componentProps.mapStyle;
+}
+
+function needsDeckGLViewProps(child: React.ReactElement): boolean {
+  const componentClass = child.type;
+  // @ts-expect-error deckGLViewProps is a custom hack defined on the constructor (nebula.gl)
+  return componentClass && componentClass.deckGLViewProps;
+}

package/src/utils/{extract-jsx-layers.js → extract-jsx-layers.ts}

@@ -1,38 +1,53 @@
-import React, {createElement} from 'react';
+import * as React from 'react';
+import {createElement} from 'react';
 import {inheritsFrom} from './inherits-from';
 import {Layer, View} from '@deck.gl/core';
+import {isComponent} from './evaluate-children';
+import type {LayersList} from '@deck.gl/core';
 
 // recursively wrap render callbacks in `View`
-function wrapInView(node) {
-  if (!node) {
-    return node;
-  }
+function wrapInView(node: React.ReactNode): React.ReactNode {
   if (typeof node === 'function') {
     // React.Children does not traverse functions.
     // All render callbacks must be protected under a <View>
+    // @ts-expect-error View is not a ReactJSXElement constructor. Only used as a temporary wrapper and will be removed in extractJSXLayers
     return createElement(View, {}, node);
   }
   if (Array.isArray(node)) {
     return node.map(wrapInView);
   }
-  if (node.type === React.Fragment) {
-    return wrapInView(node.props.children);
-  }
-  if (inheritsFrom(node.type, View)) {
-    return node;
+  if (isComponent(node)) {
+    if (node.type === React.Fragment) {
+      return wrapInView(node.props.children);
+    }
+    if (inheritsFrom(node.type, View)) {
+      return node;
+    }
   }
   return node;
 }
 
 // extracts any deck.gl layers masquerading as react elements from props.children
-export default function extractJSXLayers({children, layers, views}) {
-  const reactChildren = []; // extract real react elements (i.e. not deck.gl layers)
-  const jsxLayers = []; // extracted layer from react children, will add to deck.gl layer array
-  const jsxViews = {};
+export default function extractJSXLayers({
+  children,
+  layers = [],
+  views = null
+}: {
+  children?: React.ReactNode;
+  layers?: LayersList;
+  views?: View | View[] | null;
+}): {
+  children: React.ReactNode[];
+  layers: LayersList;
+  views: View | View[] | null;
+} {
+  const reactChildren: React.ReactNode[] = []; // extract real react elements (i.e. not deck.gl layers)
+  const jsxLayers: LayersList = []; // extracted layer from react children, will add to deck.gl layer array
+  const jsxViews: Record<string, View> = {};
 
   // React.children
   React.Children.forEach(wrapInView(children), reactElement => {
-    if (reactElement) {
+    if (isComponent(reactElement)) {
       // For some reason Children.forEach doesn't filter out `null`s
       const ElementType = reactElement.type;
       if (inheritsFrom(ElementType, Layer)) {
@@ -43,10 +58,13 @@ export default function extractJSXLayers({children, layers, views}) {
       }
 
       // empty id => default view
-      if (ElementType !== View && inheritsFrom(ElementType, View) && reactElement.props.id) {
+      if (inheritsFrom(ElementType, View) && ElementType !== View && reactElement.props.id) {
+        // @ts-ignore Cannot instantiate an abstract class (View)
         const view = new ElementType(reactElement.props);
         jsxViews[view.id] = view;
       }
+    } else if (reactElement) {
+      reactChildren.push(reactElement);
     }
   });
 
@@ -69,7 +87,7 @@ export default function extractJSXLayers({children, layers, views}) {
   return {layers, children: reactChildren, views};
 }
 
-function createLayer(LayerType, reactProps) {
+function createLayer(LayerType: typeof Layer, reactProps: any): Layer {
   const props = {};
   // Layer.defaultProps is treated as ReactElement.defaultProps and merged into react props
   // Remove them
@@ -79,5 +97,6 @@ function createLayer(LayerType, reactProps) {
       props[key] = reactProps[key];
     }
   }
+  // @ts-ignore Cannot instantiate an abstract class (Layer)
   return new LayerType(props);
 }

package/src/utils/{extract-styles.js → extract-styles.ts}

@@ -1,10 +1,23 @@
+import * as React from 'react';
+
 const CANVAS_ONLY_STYLES = {
   mixBlendMode: null
 };
 
-export default function extractStyles({width, height, style}) {
+export default function extractStyles({
+  width,
+  height,
+  style
+}: {
+  width?: string | number;
+  height?: string | number;
+  style?: Partial<CSSStyleDeclaration> | null;
+}): {
+  containerStyle: React.CSSProperties;
+  canvasStyle: React.CSSProperties;
+} {
   // This styling is enforced for correct positioning with children
-  const containerStyle = {
+  const containerStyle: React.CSSProperties = {
     position: 'absolute',
     zIndex: 0,
     left: 0,
@@ -14,7 +27,7 @@ export default function extractStyles({width, height, style}) {
   };
 
   // Fill the container
-  const canvasStyle = {
+  const canvasStyle: React.CSSProperties = {
     left: 0,
     top: 0
   };

package/src/utils/{inherits-from.js → inherits-from.ts}

@@ -1,5 +1,5 @@
 // Check if one JavaScript class inherits from another
-export function inheritsFrom(Type, ParentType) {
+export function inheritsFrom<T>(Type: any, ParentType: T): Type is T {
   while (Type) {
     if (Type === ParentType) {
       return true;

package/src/utils/{position-children-under-views.js → position-children-under-views.ts}

@@ -1,19 +1,45 @@
+import * as React from 'react';
 import {createElement} from 'react';
 import {View} from '@deck.gl/core';
 import {inheritsFrom} from './inherits-from';
-import evaluateChildren from './evaluate-children';
+import evaluateChildren, {isComponent} from './evaluate-children';
+
+import type {Deck, DeckProps, Viewport} from '@deck.gl/core';
+import type {EventManager} from 'mjolnir.js';
+
+export type DeckGLContextValue = {
+  viewport: Viewport;
+  container: HTMLElement;
+  eventManager: EventManager;
+  onViewStateChange: DeckProps['onViewStateChange'];
+};
 
 // Iterate over views and reposition children associated with views
 // TODO - Can we supply a similar function for the non-React case?
-export default function positionChildrenUnderViews({children, deck, ContextProvider}) {
+export default function positionChildrenUnderViews({
+  children,
+  deck,
+  ContextProvider
+}: {
+  children: React.ReactNode[];
+  deck?: Deck;
+  ContextProvider?: React.Context<DeckGLContextValue>['Provider'];
+}): React.ReactNode[] {
+  // @ts-expect-error accessing protected property
   const {viewManager} = deck || {};
 
   if (!viewManager || !viewManager.views.length) {
     return [];
   }
 
-  const views = {};
-  const defaultViewId = viewManager.views[0].id;
+  const views: Record<
+    string,
+    {
+      viewport: Viewport;
+      children: React.ReactNode[];
+    }
+  > = {};
+  const defaultViewId = (viewManager.views[0] as View).id;
 
   // Sort children by view id
   for (const child of children) {
@@ -21,12 +47,12 @@ export default function positionChildrenUnderViews({children, deck, ContextProvi
     let viewId = defaultViewId;
     let viewChildren = child;
 
-    if (inheritsFrom(child.type, View)) {
+    if (isComponent(child) && inheritsFrom(child.type, View)) {
       viewId = child.props.id || defaultViewId;
       viewChildren = child.props.children;
     }
 
-    const viewport = viewManager.getViewport(viewId);
+    const viewport = viewManager.getViewport(viewId) as Viewport;
     const viewState = viewManager.getViewState(viewId);
 
     // Drop (auto-hide) elements with viewId that are not matched by any current view
@@ -70,12 +96,15 @@ export default function positionChildrenUnderViews({children, deck, ContextProvi
     const viewElement = createElement('div', {key, id: key, style}, ...viewChildren);
 
     if (ContextProvider) {
-      const contextValue = {
+      const contextValue: DeckGLContextValue = {
         viewport,
+        // @ts-expect-error accessing protected property
         container: deck.canvas.offsetParent,
+        // @ts-expect-error accessing protected property
         eventManager: deck.eventManager,
         onViewStateChange: params => {
           params.viewId = viewId;
+          // @ts-expect-error accessing protected method
           deck._onViewStateChange(params);
         }
       };

package/typed/deckgl.d.ts

@@ -1,3 +1,25 @@
+import * as React from 'react';
+import { Deck } from '@deck.gl/core/typed';
+import type { DeckGLContextValue } from './utils/position-children-under-views';
+import type { DeckProps } from '@deck.gl/core/typed';
+/** DeckGL React component props */
+export declare type DeckGLProps = Omit<DeckProps, 'width' | 'height' | 'gl' | 'parent' | 'canvas' | '_customRender'> & {
+    width?: string | number;
+    height?: string | number;
+    children?: React.ReactNode;
+    ContextProvider?: React.Context<DeckGLContextValue>['Provider'];
+};
+export declare type DeckGLRef = {
+    deck?: Deck;
+    pickObject: Deck['pickObject'];
+    pickObjects: Deck['pickObjects'];
+    pickMultipleObjects: Deck['pickMultipleObjects'];
+};
+declare const DeckGL: React.ForwardRefExoticComponent<Omit<DeckProps, "canvas" | "width" | "height" | "gl" | "parent" | "_customRender"> & {
+    width?: string | number | undefined;
+    height?: string | number | undefined;
+    children?: React.ReactNode;
+    ContextProvider?: React.Provider<DeckGLContextValue> | undefined;
+} & React.RefAttributes<DeckGLRef>>;
 export default DeckGL;
-declare const DeckGL: any;
 //# sourceMappingURL=deckgl.d.ts.map

package/typed/deckgl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"deckgl.d.ts","sourceRoot":"","sources":["../src/deckgl.js"],"names":[],"mappings":";AA0FA,0BAmJG"}
+{"version":3,"file":"deckgl.d.ts","sourceRoot":"","sources":["../src/deckgl.ts"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,EAAC,IAAI,EAAC,MAAM,eAAe,CAAC;AAOnC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,uCAAuC,CAAC;AAC9E,OAAO,KAAK,EAAC,SAAS,EAAW,MAAM,eAAe,CAAC;AAevD,mCAAmC;AACnC,oBAAY,WAAW,GAAG,IAAI,CAC5B,SAAS,EACT,OAAO,GAAG,QAAQ,GAAG,IAAI,GAAG,QAAQ,GAAG,QAAQ,GAAG,eAAe,CAClE,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,UAAU,CAAC,CAAC;CACjE,CAAC;AAEF,oBAAY,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,UAAU,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IAC/B,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IACjC,mBAAmB,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;CAClD,CAAC;AAuDF,QAAA,MAAM,MAAM;;;eAhEC,MAAM,SAAS;;mCA2N1B,CAAC;AAIH,eAAe,MAAM,CAAC"}

package/typed/index.d.ts

@@ -1,2 +1,5 @@
-export { default as DeckGL, default } from "./deckgl";
+export { default as DeckGL } from './deckgl';
+export { default } from './deckgl';
+export type { DeckGLContextValue } from './utils/position-children-under-views';
+export type { DeckGLRef, DeckGLProps } from './deckgl';
 //# sourceMappingURL=index.d.ts.map

package/typed/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAoBA,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAC,OAAO,EAAC,MAAM,UAAU,CAAC;AAGjC,YAAY,EAAC,kBAAkB,EAAC,MAAM,uCAAuC,CAAC;AAC9E,YAAY,EAAC,SAAS,EAAE,WAAW,EAAC,MAAM,UAAU,CAAC"}

package/typed/utils/evaluate-children.d.ts

@@ -1,2 +1,4 @@
-export default function evaluateChildren(children: any, childProps: any): any;
+import * as React from 'react';
+export default function evaluateChildren(children: React.ReactNode, childProps: any): React.ReactNode;
+export declare function isComponent(child: React.ReactNode): child is React.ReactElement;
 //# sourceMappingURL=evaluate-children.d.ts.map

package/typed/utils/evaluate-children.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"evaluate-children.d.ts","sourceRoot":"","sources":["../../src/utils/evaluate-children.js"],"names":[],"mappings":"AAIA,8EAsBC"}
+{"version":3,"file":"evaluate-children.d.ts","sourceRoot":"","sources":["../../src/utils/evaluate-children.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,EACzB,UAAU,EAAE,GAAG,GACd,KAAK,CAAC,SAAS,CAqBjB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,IAAI,KAAK,CAAC,YAAY,CAE/E"}

package/typed/utils/extract-jsx-layers.d.ts

@@ -1,10 +1,13 @@
+import * as React from 'react';
+import { View } from '@deck.gl/core/typed';
+import type { LayersList } from '@deck.gl/core/typed';
 export default function extractJSXLayers({ children, layers, views }: {
-    children: any;
-    layers: any;
-    views: any;
+    children?: React.ReactNode;
+    layers?: LayersList;
+    views?: View | View[] | null;
 }): {
-    layers: any;
-    children: any[];
-    views: any;
+    children: React.ReactNode[];
+    layers: LayersList;
+    views: View | View[] | null;
 };
 //# sourceMappingURL=extract-jsx-layers.d.ts.map

package/typed/utils/extract-jsx-layers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"extract-jsx-layers.d.ts","sourceRoot":"","sources":["../../src/utils/extract-jsx-layers.js"],"names":[],"mappings":"AA2BA;;;;;;;;EA0CC"}
+{"version":3,"file":"extract-jsx-layers.d.ts","sourceRoot":"","sources":["../../src/utils/extract-jsx-layers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAQ,IAAI,EAAC,MAAM,eAAe,CAAC;AAE1C,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AAyB9C,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,QAAQ,EACR,MAAW,EACX,KAAY,EACb,EAAE;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;CAC9B,GAAG;IACF,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;CAC7B,CA6CA"}

package/typed/utils/extract-styles.d.ts

@@ -1,19 +1,10 @@
+import * as React from 'react';
 export default function extractStyles({ width, height, style }: {
-    width: any;
-    height: any;
-    style: any;
+    width?: string | number;
+    height?: string | number;
+    style?: Partial<CSSStyleDeclaration> | null;
 }): {
-    containerStyle: {
-        position: string;
-        zIndex: number;
-        left: number;
-        top: number;
-        width: any;
-        height: any;
-    };
-    canvasStyle: {
-        left: number;
-        top: number;
-    };
+    containerStyle: React.CSSProperties;
+    canvasStyle: React.CSSProperties;
 };
 //# sourceMappingURL=extract-styles.d.ts.map

package/typed/utils/extract-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"extract-styles.d.ts","sourceRoot":"","sources":["../../src/utils/extract-styles.js"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;EA8BC"}
+{"version":3,"file":"extract-styles.d.ts","sourceRoot":"","sources":["../../src/utils/extract-styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,KAAK,EACL,MAAM,EACN,KAAK,EACN,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,IAAI,CAAC;CAC7C,GAAG;IACF,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC;CAClC,CA8BA"}

package/typed/utils/inherits-from.d.ts

@@ -1,2 +1,2 @@
-export function inheritsFrom(Type: any, ParentType: any): boolean;
+export declare function inheritsFrom<T>(Type: any, ParentType: T): Type is T;
 //# sourceMappingURL=inherits-from.d.ts.map

package/typed/utils/inherits-from.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inherits-from.d.ts","sourceRoot":"","sources":["../../src/utils/inherits-from.js"],"names":[],"mappings":"AACA,kEAQC"}
+{"version":3,"file":"inherits-from.d.ts","sourceRoot":"","sources":["../../src/utils/inherits-from.ts"],"names":[],"mappings":"AACA,wBAAgB,YAAY,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,GAAG,IAAI,IAAI,CAAC,CAQnE"}

package/typed/utils/position-children-under-views.d.ts

@@ -1,6 +1,15 @@
+import * as React from 'react';
+import type { Deck, DeckProps, Viewport } from '@deck.gl/core/typed';
+import type { EventManager } from 'mjolnir.js';
+export declare type DeckGLContextValue = {
+    viewport: Viewport;
+    container: HTMLElement;
+    eventManager: EventManager;
+    onViewStateChange: DeckProps['onViewStateChange'];
+};
 export default function positionChildrenUnderViews({ children, deck, ContextProvider }: {
-    children: any;
-    deck: any;
-    ContextProvider: any;
-}): any[];
+    children: React.ReactNode[];
+    deck?: Deck;
+    ContextProvider?: React.Context<DeckGLContextValue>['Provider'];
+}): React.ReactNode[];
 //# sourceMappingURL=position-children-under-views.d.ts.map

package/typed/utils/position-children-under-views.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"position-children-under-views.d.ts","sourceRoot":"","sources":["../../src/utils/position-children-under-views.js"],"names":[],"mappings":"AAOA;;;;UA+EC"}
+{"version":3,"file":"position-children-under-views.d.ts","sourceRoot":"","sources":["../../src/utils/position-children-under-views.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAC;AAC7D,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,YAAY,CAAC;AAE7C,oBAAY,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,EAAE,WAAW,CAAC;IACvB,YAAY,EAAE,YAAY,CAAC;IAC3B,iBAAiB,EAAE,SAAS,CAAC,mBAAmB,CAAC,CAAC;CACnD,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,EACjD,QAAQ,EACR,IAAI,EACJ,eAAe,EAChB,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,eAAe,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,UAAU,CAAC,CAAC;CACjE,GAAG,KAAK,CAAC,SAAS,EAAE,CAyFpB"}

package/typed/utils/use-isomorphic-layout-effect.d.ts

@@ -1,3 +1,4 @@
+import { useLayoutEffect } from 'react';
+declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
 export default useIsomorphicLayoutEffect;
-declare const useIsomorphicLayoutEffect: any;
 //# sourceMappingURL=use-isomorphic-layout-effect.d.ts.map

package/typed/utils/use-isomorphic-layout-effect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-isomorphic-layout-effect.d.ts","sourceRoot":"","sources":["../../src/utils/use-isomorphic-layout-effect.js"],"names":[],"mappings":";AAIA,6CAA8F"}
+{"version":3,"file":"use-isomorphic-layout-effect.d.ts","sourceRoot":"","sources":["../../src/utils/use-isomorphic-layout-effect.ts"],"names":[],"mappings":"AAEA,OAAO,EAAY,eAAe,EAAC,MAAM,OAAO,CAAC;AAEjD,QAAA,MAAM,yBAAyB,wBAA8D,CAAC;AAE9F,eAAe,yBAAyB,CAAC"}