Updated carbon isotope components

Author: davenquinn

packages/column-views/src/data-provider/base.ts

@@ -316,7 +316,7 @@ export function useMacrostratData(dataType: string, ...args: any[]) {
 const MacrostratDataProviderContext = createContext(createMacrostratStore());
 
 export function MacrostratDataProvider(props: MacrostratDataProviderProps) {
-  const { baseURL = "https://macrostrat.org/api/v2", children } = props;
+  const { baseURL = "https://dev.macrostrat.org/api/v2", children } = props;
 
   const [store] = useState(() => createMacrostratStore(baseURL));
 

packages/column-views/stories/column-ui/standalone.ts

@@ -9,7 +9,7 @@ function useColumnUnits(col_id, inProcess) {
   const status_code = inProcess ? "in process" : undefined;
   // show_position is needed to properly deal with `section` column types.
   return useAPIResult(
-    "https://macrostrat.org/api/v2/units",
+    "https://dev.macrostrat.org/api/v2/units",
     { col_id, response: "long", status_code, show_position: true },
     (res) => res.success.data,
   );
@@ -18,7 +18,7 @@ function useColumnUnits(col_id, inProcess) {
 function useColumnBasicInfo(col_id, inProcess = false) {
   const status_code = inProcess ? "in process" : undefined;
   return useAPIResult(
-    "https://macrostrat.org/api/v2/columns",
+    "https://dev.macrostrat.org/api/v2/columns",
     { col_id, status_code },
     (res) => {
       return res.success.data[0];

packages/column-views/stories/facets/carbon-isotopes.stories.ts

@@ -75,11 +75,10 @@ export function EdiacaranCompilation(defaultArgs) {
     [columnArgs],
   );
   const res: FeatureCollection = useAPIResult(
-    "https://macrostrat.org/api/v2/columns",
+    "https://dev.macrostrat.org/api/v2/columns",
     colParams,
     (res) => res?.success?.data,
   );
-  console.log(res);
   const columnFeature = res?.features[0];
 
   return h(

packages/svg-map-components/src/drag-interaction.ts

@@ -1,5 +1,4 @@
-import { Component } from "react";
-import { findDOMNode } from "react-dom";
+import { Component, createRef } from "react";
 import h from "./hyper";
 import { GlobeCtx, MapContext, useMapDispatch } from "./context";
 import { drag, DragBehavior } from "d3-drag";
@@ -45,9 +44,11 @@ class _DraggableOverlay extends Component<DraggableOverlayInternalProps, any> {
   qa: number[];
   q0: number[];
   zoom: number;
+  elementRef: React.RefObject<SVGElement>;
 
   constructor(props) {
     super(props);
+    this.elementRef = createRef();
     this.dragStarted = this.dragStarted.bind(this);
     this.dragged = this.dragged.bind(this);
     this.dragEnded = this.dragEnded.bind(this);
@@ -63,7 +64,7 @@ class _DraggableOverlay extends Component<DraggableOverlayInternalProps, any> {
     const { width, height, renderPath } = this.context;
     const { showMousePosition } = this.props;
     const { mousePosition } = this.state;
-    return h("g.drag-overlay", [
+    return h("g.drag-overlay", { ref: this.elementRef }, [
       h("rect.drag-mouse-target", { width, height }),
       h.if(mousePosition != null && showMousePosition)("path.mouse-position", {
         d: renderPath(mousePosition),
@@ -115,7 +116,10 @@ class _DraggableOverlay extends Component<DraggableOverlayInternalProps, any> {
 
   element() {
     // This is a hack but it seems to work!
-    return select(findDOMNode(this).parentElement);
+    if (this.elementRef.current == null) {
+      return null;
+    }
+    return select(this.elementRef.current.parentElement);
   }
 
   componentDidMount() {