@macrostrat/column-views 3.8.0 → 3.10.0

package/dist/maps/column-correlation/state.js

@@ -1,190 +0,0 @@
-import { create, useStore } from "zustand";
-import { lineIntersect } from "@turf/line-intersect";
-import distance from "@turf/distance";
-import { nearestPointOnLine } from "@turf/nearest-point-on-line";
-import { centroid } from "@turf/centroid";
-import { useState, useEffect, useContext, createContext } from "react";
-import h from "@macrostrat/hyper";
-import { createComputed } from "zustand-computed";
-import { useMacrostratColumns } from "@macrostrat/data-provider";
-import { buffer } from "@turf/buffer";
-import { booleanPointInPolygon } from "@turf/boolean-point-in-polygon";
-const CorrelationStoreContext = createContext(null);
-const computed = createComputed((state) => {
-  const manual = state.manualColumns != null;
-  return {
-    selectionMode: manual ? "manual" : "line",
-    // Focused columns are derived either from an explicit manual selection or
-    // from the columns intersecting the line of section.
-    focusedColumns: manual ? buildManualColumns(state.columns, state.manualColumns) : buildCorrelationColumns(state.columns, state.focusedLine)
-  };
-});
-function ColumnCorrelationProvider({
-  children,
-  columns,
-  projectID,
-  inProcess,
-  focusedLine,
-  manualColumns = null,
-  onSelectColumns
-}) {
-  const [store] = useState(() => {
-    return create(
-      computed((set, get) => {
-        return {
-          focusedLine,
-          manualColumns,
-          hoveredColumn: null,
-          zoomColumn: null,
-          zoomNonce: 0,
-          projectID,
-          columns: null,
-          onClickMap(event, point) {
-            const state = get();
-            if (state.manualColumns != null) return;
-            const shiftKeyPressed = event.originalEvent.shiftKey;
-            let existingCoords = state.focusedLine?.coordinates ?? [];
-            if (existingCoords.length >= 2 && !shiftKeyPressed) {
-              existingCoords = [];
-            }
-            set({
-              focusedLine: {
-                type: "LineString",
-                coordinates: [...existingCoords, point.coordinates]
-              }
-            });
-          },
-          toggleColumn(colID) {
-            const state = get();
-            const current = state.manualColumns ?? state.focusedColumns.map((d) => d.properties.col_id);
-            const next = current.includes(colID) ? current.filter((d) => d !== colID) : [...current, colID];
-            set({ manualColumns: next, focusedLine: null });
-          },
-          removeColumn(colID) {
-            const state = get();
-            const current = state.manualColumns ?? state.focusedColumns.map((d) => d.properties.col_id);
-            set({
-              manualColumns: current.filter((d) => d !== colID),
-              focusedLine: null
-            });
-          },
-          setManualColumns(colIDs) {
-            set({ manualColumns: colIDs, focusedLine: null });
-          },
-          setHoveredColumn(colID) {
-            set({ hoveredColumn: colID });
-          },
-          zoomToColumn(colID) {
-            set({ zoomColumn: colID, zoomNonce: get().zoomNonce + 1 });
-          }
-        };
-      })
-    );
-  });
-  const _columns = useMacrostratColumns(projectID, inProcess);
-  useEffect(() => {
-    if (_columns != null) {
-      store.setState({ columns: _columns });
-    }
-  }, [_columns]);
-  const focusedColumns = useStore(store, (state) => state.focusedColumns);
-  const _focusedLine = useStore(store, (state) => state.focusedLine);
-  useEffect(() => {
-    onSelectColumns?.(focusedColumns, _focusedLine);
-  }, [focusedColumns, _focusedLine]);
-  return h(CorrelationStoreContext.Provider, { value: store }, children);
-}
-function useCorrelationMapStore(selector) {
-  const storeApi = useContext(CorrelationStoreContext);
-  if (storeApi == null) {
-    throw new Error("Missing CorrelationMapProvider");
-  }
-  return useStore(storeApi, selector);
-}
-function useColumnMapLink() {
-  const setHoveredColumn = useCorrelationMapStore((s) => s.setHoveredColumn);
-  const zoomToColumn = useCorrelationMapStore((s) => s.zoomToColumn);
-  return {
-    onColumnMouseOver: setHoveredColumn,
-    onColumnClick: zoomToColumn
-  };
-}
-function buildCorrelationColumns(columns, line) {
-  if (columns == null || line == null || line.coordinates.length < 2) {
-    return [];
-  }
-  return orderColumnsByDistance(
-    computeIntersectingColumns(columns, line),
-    line
-  );
-}
-function buildManualColumns(columns, ids) {
-  if (columns == null || ids == null) return [];
-  const byID = new Map(columns.map((c) => [c.properties.col_id, c]));
-  const result = [];
-  ids.forEach((id, i) => {
-    const col = byID.get(id);
-    if (col == null) return;
-    const c = centroid(col.geometry);
-    result.push({
-      ...col,
-      properties: {
-        ...col.properties,
-        centroid: c,
-        nearestPointOnLine: c,
-        distanceAlongLine: i
-      }
-    });
-  });
-  return result;
-}
-function computeIntersectingColumns(columns, line) {
-  if (columns == null || line == null) {
-    return [];
-  }
-  const bufferedLine = buffer(line, 1, { units: "degrees" });
-  const nearbyPoints = columns.filter((col) => {
-    if (col.geometry?.type != "Point") {
-      return false;
-    }
-    return booleanPointInPolygon(col.geometry, bufferedLine);
-  });
-  const intersectingPolygons = columns.filter((col) => {
-    const poly = col.geometry;
-    if (poly == null) return false;
-    if (poly.type != "Polygon" && poly.type != "MultiPolygon") return false;
-    const intersection = lineIntersect(line, poly);
-    return intersection.features.length > 0;
-  });
-  return [...intersectingPolygons, ...nearbyPoints];
-}
-function orderColumnsByDistance(columns, line) {
-  const centroids = columns.map((col) => centroid(col.geometry));
-  const projectedPoints = centroids.map(
-    (point) => nearestPointOnLine(line, point)
-  );
-  const distances = projectedPoints.map(
-    (point) => distance(point.geometry.coordinates, line.coordinates[0])
-  );
-  let newColumns = columns.map((col, i) => {
-    return {
-      ...col,
-      properties: {
-        ...col.properties,
-        centroid: centroids[i],
-        nearestPointOnLine: projectedPoints[i],
-        distanceAlongLine: distances[i]
-      }
-    };
-  });
-  return sorted(newColumns, (d) => d.properties.distanceAlongLine);
-}
-function sorted(data, accessor) {
-  return data.sort((a, b) => accessor(a) - accessor(b));
-}
-export {
-  ColumnCorrelationProvider,
-  useColumnMapLink,
-  useCorrelationMapStore
-};
-//# sourceMappingURL=state.js.map

package/dist/maps/column-correlation/state.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"state.js","sources":["../../../src/maps/column-correlation/state.ts"],"sourcesContent":["import { LineString, Point } from \"geojson\";\nimport { create, StoreApi, useStore } from \"zustand\";\nimport type { ColumnGeoJSONRecord } from \"@macrostrat/api-types\";\n// Turf intersection\nimport { lineIntersect } from \"@turf/line-intersect\";\nimport distance from \"@turf/distance\";\nimport { nearestPointOnLine } from \"@turf/nearest-point-on-line\";\nimport { centroid } from \"@turf/centroid\";\nimport {\n  createContext,\n  useState,\n  useContext,\n  ReactNode,\n  useEffect,\n} from \"react\";\nimport h from \"@macrostrat/hyper\";\nimport { createComputed } from \"zustand-computed\";\nimport { useMacrostratColumns } from \"@macrostrat/data-provider\";\nimport { buffer } from \"@turf/buffer\";\nimport { booleanPointInPolygon } from \"@turf/boolean-point-in-polygon\";\n\nexport type CorrelationSelectionMode = \"line\" | \"manual\";\n\nexport interface CorrelationMapInput {\n  columns: ColumnGeoJSONRecord[];\n  focusedLine: LineString | null;\n  /** When set, columns are selected manually (by clicking) in this order,\n   * rather than derived from a line of section. */\n  manualColumns?: number[] | null;\n}\n\nexport interface CorrelationMapStore extends CorrelationMapInput {\n  onClickMap: (event: mapboxgl.MapMouseEvent, point: Point) => void;\n  /** Toggle a column in/out of the manual selection (used in \"manual\" mode) */\n  toggleColumn: (colID: number) => void;\n  /** Remove a column from the selection. In \"line\" mode this converts the\n   * current selection to a manual one (a line can't represent an arbitrary\n   * subset), so removing a column switches modes. */\n  removeColumn: (colID: number) => void;\n  /** Replace the manual column selection with an explicit ordered list (used\n   * e.g. for drag-and-drop reordering). Switches to manual mode. */\n  setManualColumns: (colIDs: number[]) => void;\n  setHoveredColumn: (colID: number | null) => void;\n  hoveredColumn: number | null;\n  /** Request the map to frame a particular column (e.g. on header click). */\n  zoomToColumn: (colID: number | null) => void;\n  zoomColumn: number | null;\n  /** Incremented on each zoom request so repeat clicks re-frame the column. */\n  zoomNonce: number;\n  projectID?: number;\n}\n\nexport interface CorrelationProviderProps extends CorrelationMapInput {\n  projectID?: number;\n  inProcess?: boolean;\n  columns: ColumnGeoJSONRecord[] | null;\n  children: ReactNode;\n  onSelectColumns?: (\n    columns: FocusedColumnGeoJSONRecord[],\n    line: LineString | null,\n  ) => void;\n}\n\nconst CorrelationStoreContext =\n  createContext<StoreApi<CorrelationMapStore> | null>(null);\n\ntype ComputedStore = {\n  focusedColumns: FocusedColumnGeoJSONRecord[];\n  selectionMode: CorrelationSelectionMode;\n};\n\n/** A computed store that will automatically update when the state changes */\nconst computed = createComputed((state: CorrelationMapStore): ComputedStore => {\n  const manual = state.manualColumns != null;\n  return {\n    selectionMode: manual ? \"manual\" : \"line\",\n    // Focused columns are derived either from an explicit manual selection or\n    // from the columns intersecting the line of section.\n    focusedColumns: manual\n      ? buildManualColumns(state.columns, state.manualColumns)\n      : buildCorrelationColumns(state.columns, state.focusedLine),\n  };\n}) as any;\n\nexport function ColumnCorrelationProvider({\n  children,\n  columns,\n  projectID,\n  inProcess,\n  focusedLine,\n  manualColumns = null,\n  onSelectColumns,\n}: CorrelationProviderProps) {\n  const [store] = useState(() => {\n    return create<CorrelationMapStore & ComputedStore>(\n      computed((set, get): CorrelationMapStore => {\n        return {\n          focusedLine,\n          manualColumns,\n          hoveredColumn: null,\n          zoomColumn: null,\n          zoomNonce: 0,\n          projectID,\n          columns: null,\n          onClickMap(event: mapboxgl.MapMouseEvent, point: Point) {\n            const state = get();\n            // In manual-selection mode the map click is handled per-column\n            if (state.manualColumns != null) return;\n            // Check if shift key is pressed\n            const shiftKeyPressed = event.originalEvent.shiftKey;\n            let existingCoords = state.focusedLine?.coordinates ?? [];\n\n            if (existingCoords.length >= 2 && !shiftKeyPressed) {\n              // Reset the line to zero length\n              existingCoords = [];\n            }\n            set({\n              focusedLine: {\n                type: \"LineString\",\n                coordinates: [...existingCoords, point.coordinates],\n              },\n            });\n          },\n          toggleColumn(colID: number) {\n            const state = get();\n            const current =\n              state.manualColumns ??\n              state.focusedColumns.map((d) => d.properties.col_id);\n            const next = current.includes(colID)\n              ? current.filter((d) => d !== colID)\n              : [...current, colID];\n            set({ manualColumns: next, focusedLine: null });\n          },\n          removeColumn(colID: number) {\n            const state = get();\n            // Seed from the current selection (line-derived or manual)\n            const current =\n              state.manualColumns ??\n              state.focusedColumns.map((d) => d.properties.col_id);\n            set({\n              manualColumns: current.filter((d) => d !== colID),\n              focusedLine: null,\n            });\n          },\n          setManualColumns(colIDs: number[]) {\n            set({ manualColumns: colIDs, focusedLine: null });\n          },\n          setHoveredColumn(colID: number | null) {\n            set({ hoveredColumn: colID });\n          },\n          zoomToColumn(colID: number | null) {\n            set({ zoomColumn: colID, zoomNonce: get().zoomNonce + 1 });\n          },\n        };\n      }),\n    );\n  });\n\n  // Set up the store\n  /** TODO: move the fetching of all columns to within the map */\n  const _columns = useMacrostratColumns(projectID, inProcess);\n  useEffect(() => {\n    if (_columns != null) {\n      store.setState({ columns: _columns });\n    }\n  }, [_columns]);\n\n  // Kind of an awkward way to do this but we need to allow the selector to run\n  const focusedColumns = useStore(store, (state) => state.focusedColumns);\n  const _focusedLine = useStore(store, (state) => state.focusedLine);\n\n  useEffect(() => {\n    onSelectColumns?.(focusedColumns, _focusedLine);\n  }, [focusedColumns, _focusedLine]);\n\n  return h(CorrelationStoreContext.Provider, { value: store }, children);\n}\n\nexport function useCorrelationMapStore(\n  selector: (state: CorrelationMapStore & ComputedStore) => any,\n) {\n  const storeApi = useContext(CorrelationStoreContext);\n  if (storeApi == null) {\n    throw new Error(\"Missing CorrelationMapProvider\");\n  }\n  return useStore(storeApi, selector);\n}\n\nexport interface ColumnMapLink {\n  onColumnMouseOver: (colID: number | null) => void;\n  onColumnClick: (colID: number) => void;\n}\n\n/** Wire a correlation chart's column-level events to the correlation map:\n * hovering a column highlights it on the map, and clicking a column header\n * frames it. Spread the result into `CorrelationChart`. Must be used within a\n * `ColumnCorrelationProvider`. */\nexport function useColumnMapLink(): ColumnMapLink {\n  const setHoveredColumn = useCorrelationMapStore((s) => s.setHoveredColumn);\n  const zoomToColumn = useCorrelationMapStore((s) => s.zoomToColumn);\n  return {\n    onColumnMouseOver: setHoveredColumn,\n    onColumnClick: zoomToColumn,\n  };\n}\n\nfunction buildCorrelationColumns(\n  columns: ColumnGeoJSONRecord[],\n  line: LineString,\n): FocusedColumnGeoJSONRecord[] {\n  if (columns == null || line == null || line.coordinates.length < 2) {\n    return [];\n  }\n  return orderColumnsByDistance(\n    computeIntersectingColumns(columns, line),\n    line,\n  );\n}\n\nfunction buildManualColumns(\n  columns: ColumnGeoJSONRecord[],\n  ids: number[],\n): FocusedColumnGeoJSONRecord[] {\n  /** Build focused columns from an explicit, ordered list of column IDs. The\n   * ordering line simply connects them in the order they were selected. */\n  if (columns == null || ids == null) return [];\n  const byID = new Map(columns.map((c) => [c.properties.col_id, c]));\n  const result: FocusedColumnGeoJSONRecord[] = [];\n  ids.forEach((id, i) => {\n    const col = byID.get(id);\n    if (col == null) return;\n    const c = centroid(col.geometry);\n    result.push({\n      ...col,\n      properties: {\n        ...col.properties,\n        centroid: c,\n        nearestPointOnLine: c,\n        distanceAlongLine: i,\n      },\n    });\n  });\n  return result;\n}\n\nfunction computeIntersectingColumns(\n  columns: ColumnGeoJSONRecord[],\n  line: LineString,\n): ColumnGeoJSONRecord[] {\n  if (columns == null || line == null) {\n    return [];\n  }\n\n  /** eODP-focused process. Find buffers around line and then find columns intersecting that buffer */\n  const bufferedLine = buffer(line, 1, { units: \"degrees\" });\n\n  const nearbyPoints = columns.filter((col) => {\n    if (col.geometry?.type != \"Point\") {\n      return false;\n    }\n    return booleanPointInPolygon(col.geometry, bufferedLine);\n  });\n\n  const intersectingPolygons = columns.filter((col) => {\n    const poly = col.geometry;\n\n    // Some in-process datasets seem to have null geometries\n    if (poly == null) return false;\n    if (poly.type != \"Polygon\" && poly.type != \"MultiPolygon\") return false;\n\n    const intersection = lineIntersect(line, poly);\n    return intersection.features.length > 0;\n  });\n\n  return [...intersectingPolygons, ...nearbyPoints];\n}\n\ninterface FocusedColumnGeoJSONRecord extends ColumnGeoJSONRecord {\n  properties: {\n    centroid: Point;\n    nearestPointOnLine: Point;\n    distanceAlongLine: number;\n  } & ColumnGeoJSONRecord[\"properties\"];\n}\n\nfunction orderColumnsByDistance(\n  columns: ColumnGeoJSONRecord[],\n  line: LineString,\n): FocusedColumnGeoJSONRecord[] {\n  const centroids = columns.map((col) => centroid(col.geometry));\n  const projectedPoints = centroids.map((point) =>\n    nearestPointOnLine(line, point),\n  );\n  const distances = projectedPoints.map((point) =>\n    distance(point.geometry.coordinates, line.coordinates[0]),\n  );\n\n  let newColumns = columns.map((col, i) => {\n    return {\n      ...col,\n      properties: {\n        ...col.properties,\n        centroid: centroids[i],\n        nearestPointOnLine: projectedPoints[i],\n        distanceAlongLine: distances[i],\n      },\n    };\n  });\n\n  return sorted(newColumns, (d) => d.properties.distanceAlongLine);\n}\n\nfunction sorted(data, accessor: (d) => number) {\n  return data.sort((a, b) => accessor(a) - accessor(b));\n}\n"],"names":[],"mappings":"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"}

package/dist/maps/column-navigation/index.d.ts

@@ -1,2 +0,0 @@
-export * from './mapbox';
-export * from './svg';

package/dist/maps/column-navigation/mapbox/index.cjs

@@ -1,215 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const mapboxReact = require("@macrostrat/mapbox-react");
-const h = require("@macrostrat/hyper");
-const React = require("react");
-const state = require("./state.cjs");
-const index = require("../../inset-map/index.cjs");
-const d3Geo = require("d3-geo");
-const keyboardNavigation = require("./keyboard-navigation.cjs");
-const columns = require("../../layers/columns.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const h__default = /* @__PURE__ */ _interopDefault(h);
-function ColumnNavigationMap(props) {
-  const {
-    padding = 50,
-    children,
-    columnColor,
-    showTriangulation,
-    triangulationColor,
-    keyboardNavigation: keyboardNavigation2 = true,
-    columns: columns2,
-    columnIDs,
-    onSelectColumn,
-    onHoverColumn,
-    selectedColumn,
-    hoveredColumn,
-    projectID,
-    inProcess,
-    ...rest
-  } = props;
-  return h__default.default(
-    index.InsetMap,
-    {
-      ...rest,
-      boxZoom: false,
-      dragRotate: false
-    },
-    [
-      h__default.default(ColumnsNavigationLayer, {
-        color: columnColor,
-        columns: columns2,
-        columnIDs,
-        onSelectColumn,
-        onHoverColumn,
-        selectedColumn,
-        hoveredColumn,
-        projectID,
-        inProcess,
-        keyboardNavigation: keyboardNavigation2,
-        showTriangulation,
-        triangulationColor
-      }),
-      children
-    ]
-  );
-}
-function ColumnsNavigationLayer(props) {
-  const {
-    enabled,
-    color,
-    keyboardNavigation: keyboardNavigation$1,
-    showTriangulation,
-    triangulationColor,
-    ...providerProps
-  } = props;
-  return h__default.default(state.ColumnNavigationProvider, providerProps, [
-    h__default.default(_ColumnsNavigationLayer, { enabled, color }),
-    h__default.default.if(keyboardNavigation$1)(keyboardNavigation.ColumnKeyboardNavigation, {
-      showTriangulation,
-      triangulationColor
-    })
-  ]);
-}
-const columnLayers = ["columns-points", "columns-fill"];
-function _ColumnsNavigationLayer({ enabled = true, color }) {
-  const columns$1 = state.useColumnNavigationStore((state2) => state2.columns);
-  const selectedColumnID = state.useColumnNavigationStore(
-    (state2) => state2.selectedColumn
-  );
-  const selectColumn = state.useColumnNavigationStore((state2) => state2.selectColumn);
-  const setHoveredColumn = state.useColumnNavigationStore(
-    (state2) => state2.setHoveredColumn
-  );
-  const onHover = React.useCallback(
-    (event) => setHoveredColumn(event.features?.[0]?.id),
-    [setHoveredColumn]
-  );
-  const onSelectColumn = React.useCallback(
-    (column) => selectColumn(column.id),
-    [selectColumn]
-  );
-  const selectedColumnFeature = React.useMemo(() => {
-    if (columns$1 == null || selectedColumnID == null) return null;
-    return columns$1.find((d) => d.id == selectedColumnID);
-  }, [selectedColumnID, columns$1]);
-  return h__default.default([
-    h__default.default(columns.BaseColumnsLayer, { enabled, color, columns: columns$1 }),
-    h__default.default(ColumnSelectionManager, {
-      selectedColumn: selectedColumnFeature,
-      onSelectColumn
-    }),
-    h__default.default(ColumnHoverInteraction, { onHover })
-  ]);
-}
-function ColumnSelectionManager({
-  selectedColumn,
-  onSelectColumn,
-  centerOnSelect = true
-}) {
-  const onClick = React.useCallback(
-    (event) => {
-      if (event.features.length == 0) return;
-      const selectedColumn2 = event.features[0];
-      onSelectColumn(selectedColumn2);
-    },
-    [onSelectColumn]
-  );
-  return h__default.default([
-    h__default.default.if(centerOnSelect)(SelectedColumnCenterer, {
-      selectedColumn
-    }),
-    h__default.default(columns.SelectedColumnOverlay, { selectedColumn }),
-    h__default.default(ClickInteraction, {
-      onClick,
-      layers: columnLayers
-    })
-  ]);
-}
-function ColumnHoverInteraction({ onHover }) {
-  return h__default.default(HoverInteraction, { onHover, layers: columnLayers });
-}
-function ClickInteraction({ onClick, layers }) {
-  mapboxReact.useMapStyleOperator(
-    (map) => {
-      map.on("click", layers, onClick);
-      return () => {
-        map.off("click", layers, onClick);
-      };
-    },
-    [layers, onClick]
-  );
-  return null;
-}
-function HoverInteraction({ onHover, layers }) {
-  const hoveredFeaturesRef = React.useRef([]);
-  const updateFeatureState = React.useCallback((map, features) => {
-    for (const f of hoveredFeaturesRef.current) {
-      map.setFeatureState(
-        { source: f.source, id: f.id, sourceLayer: f.sourceLayer },
-        { hover: false }
-      );
-    }
-    for (const f of features) {
-      map.setFeatureState(
-        { source: f.source, id: f.id, sourceLayer: f.sourceLayer },
-        { hover: true }
-      );
-    }
-    hoveredFeaturesRef.current = features;
-  }, []);
-  mapboxReact.useMapStyleOperator(
-    (map) => {
-      const mouseMove = (event) => {
-        if (event.features.length == 0) return;
-        onHover?.(event);
-        updateFeatureState(map, event.features);
-        map.getCanvas().style.cursor = "pointer";
-      };
-      const mouseLeave = (event) => {
-        onHover?.(event);
-        updateFeatureState(map, event.features ?? []);
-        map.getCanvas().style.cursor = "";
-      };
-      map.on("mousemove", layers, mouseMove);
-      map.on("mouseleave", layers, mouseLeave);
-      return () => {
-        map.off("mouseenter", layers, mouseMove);
-        map.off("mouseleave", layers, mouseLeave);
-      };
-    },
-    [layers, onHover]
-  );
-  return null;
-}
-function SelectedColumnCenterer({
-  selectedColumn,
-  easeDuration = 500
-}) {
-  const columnCenter = React.useMemo(() => {
-    const columnGeometry = selectedColumn?.geometry;
-    if (columnGeometry == null) return null;
-    return d3Geo.geoCentroid(columnGeometry);
-  }, [selectedColumn]);
-  const mapRef = mapboxReact.useMapRef();
-  const map = mapRef.current;
-  const initialRenderRef = React.useRef(true);
-  React.useEffect(() => {
-    if (map == null) return;
-    const isInitialRender = initialRenderRef.current;
-    if (isInitialRender) initialRenderRef.current = false;
-    if (columnCenter == null) return;
-    if (isInitialRender) {
-      map.setCenter(columnCenter);
-      initialRenderRef.current = false;
-    } else {
-      map.easeTo({ center: columnCenter }, { duration: easeDuration });
-    }
-  }, [mapRef.current, columnCenter]);
-  return null;
-}
-exports.ColumnHoverInteraction = ColumnHoverInteraction;
-exports.ColumnNavigationMap = ColumnNavigationMap;
-exports.ColumnSelectionManager = ColumnSelectionManager;
-exports.ColumnsNavigationLayer = ColumnsNavigationLayer;
-//# sourceMappingURL=index.cjs.map

package/dist/maps/column-navigation/mapbox/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/maps/column-navigation/mapbox/index.ts"],"sourcesContent":["import { useMapRef, useMapStyleOperator } from \"@macrostrat/mapbox-react\";\nimport h from \"@macrostrat/hyper\";\nimport { ReactNode, useCallback, useEffect, useMemo, useRef } from \"react\";\n\nimport {\n  ColumnNavigationProvider,\n  NavigationProviderProps,\n  useColumnNavigationStore,\n} from \"./state\";\nimport { InsetMap, type InsetMapProps } from \"../../inset-map\";\nimport { geoCentroid } from \"d3-geo\";\nimport { BaseColumnsLayer, SelectedColumnOverlay } from \"../../layers\";\nimport { ColumnKeyboardNavigation } from \"./keyboard-navigation\";\nimport type { ColumnFeature } from \"../../layers\";\n\nexport interface ColumnNavigationMapProps extends InsetMapProps {\n  padding?: number;\n  children?: ReactNode;\n  accessToken?: string;\n  selectedColumn?: number;\n  hoveredColumn?: number;\n  onSelectColumn?: (colID: number | null) => void;\n  onHoverColumn?: (colID: number | null) => void;\n  showTriangulation?: boolean;\n  columnColor?: string;\n}\n\nexport function ColumnNavigationMap(\n  props: ColumnNavigationMapProps & NavigationProviderProps,\n) {\n  const {\n    padding = 50,\n    children,\n    columnColor,\n    showTriangulation,\n    triangulationColor,\n    keyboardNavigation = true,\n    columns,\n    columnIDs,\n    onSelectColumn,\n    onHoverColumn,\n    selectedColumn,\n    hoveredColumn,\n    projectID,\n    inProcess,\n    ...rest\n  } = props;\n\n  return h(\n    InsetMap,\n    {\n      ...rest,\n      boxZoom: false,\n      dragRotate: false,\n    },\n    [\n      h(ColumnsNavigationLayer, {\n        color: columnColor,\n        columns,\n        columnIDs,\n        onSelectColumn,\n        onHoverColumn,\n        selectedColumn,\n        hoveredColumn,\n        projectID,\n        inProcess,\n        keyboardNavigation,\n        showTriangulation,\n        triangulationColor,\n      }),\n      children,\n    ],\n  );\n}\n\ninterface ColumnLayerProps {\n  enabled?: boolean;\n  color?: string;\n}\n\ninterface ColumnKeyboardNavigationProps {\n  triangulationColor?: string;\n  keyboardNavigation?: boolean;\n  showTriangulation?: boolean;\n}\n\nexport function ColumnsNavigationLayer(\n  props: NavigationProviderProps &\n    ColumnLayerProps &\n    ColumnKeyboardNavigationProps,\n) {\n  const {\n    enabled,\n    color,\n    keyboardNavigation,\n    showTriangulation,\n    triangulationColor,\n    ...providerProps\n  } = props;\n\n  return h(ColumnNavigationProvider, providerProps, [\n    h(_ColumnsNavigationLayer, { enabled, color }),\n    h.if(keyboardNavigation)(ColumnKeyboardNavigation, {\n      showTriangulation,\n      triangulationColor,\n    }),\n  ]);\n}\n\nconst columnLayers = [\"columns-points\", \"columns-fill\"];\n\nfunction _ColumnsNavigationLayer({ enabled = true, color }) {\n  const columns = useColumnNavigationStore((state) => state.columns);\n  const selectedColumnID = useColumnNavigationStore(\n    (state) => state.selectedColumn,\n  );\n  const selectColumn = useColumnNavigationStore((state) => state.selectColumn);\n  const setHoveredColumn = useColumnNavigationStore(\n    (state) => state.setHoveredColumn,\n  );\n\n  const onHover = useCallback(\n    (event) => setHoveredColumn(event.features?.[0]?.id),\n    [setHoveredColumn],\n  );\n\n  /** Convert features into column IDs to pass to the selection manager */\n  const onSelectColumn = useCallback(\n    (column) => selectColumn(column.id),\n    [selectColumn],\n  );\n\n  const selectedColumnFeature = useMemo(() => {\n    if (columns == null || selectedColumnID == null) return null;\n    return columns.find((d) => d.id == selectedColumnID);\n  }, [selectedColumnID, columns]);\n\n  return h([\n    h(BaseColumnsLayer, { enabled, color, columns }),\n    h(ColumnSelectionManager, {\n      selectedColumn: selectedColumnFeature,\n      onSelectColumn,\n    }),\n    h(ColumnHoverInteraction, { onHover }),\n  ]);\n}\n\nexport function ColumnSelectionManager({\n  selectedColumn,\n  onSelectColumn,\n  centerOnSelect = true,\n}: {\n  selectedColumn: ColumnFeature;\n  onSelectColumn: (column: ColumnFeature) => void;\n  centerOnSelect?: boolean;\n}) {\n  const onClick = useCallback(\n    (event) => {\n      if (event.features.length == 0) return;\n      const selectedColumn = event.features[0];\n      onSelectColumn(selectedColumn);\n    },\n    [onSelectColumn],\n  );\n\n  return h([\n    h.if(centerOnSelect)(SelectedColumnCenterer, {\n      selectedColumn,\n    }),\n    h(SelectedColumnOverlay, { selectedColumn }),\n    h(ClickInteraction, {\n      onClick,\n      layers: columnLayers,\n    }),\n  ]);\n}\n\nexport function ColumnHoverInteraction({ onHover }) {\n  return h(HoverInteraction, { onHover, layers: columnLayers });\n}\n\nfunction ClickInteraction({ onClick, layers }) {\n  useMapStyleOperator(\n    (map) => {\n      // Setup hover styles on map\n      map.on(\"click\", layers, onClick);\n      return () => {\n        map.off(\"click\", layers, onClick);\n      };\n    },\n    [layers, onClick],\n  );\n  return null;\n}\n\nfunction HoverInteraction({ onHover, layers }) {\n  const hoveredFeaturesRef = useRef([]);\n  const updateFeatureState = useCallback((map, features) => {\n    // Reset hover state for previously hovered features\n    for (const f of hoveredFeaturesRef.current) {\n      map.setFeatureState(\n        { source: f.source, id: f.id, sourceLayer: f.sourceLayer },\n        { hover: false },\n      );\n    }\n    // Set hover state for new features\n    for (const f of features) {\n      map.setFeatureState(\n        { source: f.source, id: f.id, sourceLayer: f.sourceLayer },\n        { hover: true },\n      );\n    }\n    hoveredFeaturesRef.current = features;\n  }, []);\n\n  useMapStyleOperator(\n    (map) => {\n      const mouseMove = (event) => {\n        if (event.features.length == 0) return;\n        onHover?.(event);\n        updateFeatureState(map, event.features);\n        map.getCanvas().style.cursor = \"pointer\";\n      };\n      const mouseLeave = (event) => {\n        onHover?.(event);\n        updateFeatureState(map, event.features ?? []);\n        map.getCanvas().style.cursor = \"\";\n      };\n\n      // Setup hover styles on map\n      map.on(\"mousemove\", layers, mouseMove);\n      map.on(\"mouseleave\", layers, mouseLeave);\n\n      return () => {\n        map.off(\"mouseenter\", layers, mouseMove);\n        map.off(\"mouseleave\", layers, mouseLeave);\n      };\n    },\n    [layers, onHover],\n  );\n  return null;\n}\n\nfunction SelectedColumnCenterer({\n  selectedColumn,\n  easeDuration = 500,\n}: {\n  selectedColumn: ColumnFeature;\n  easeDuration?: number;\n}) {\n  const columnCenter = useMemo(() => {\n    const columnGeometry = selectedColumn?.geometry;\n    if (columnGeometry == null) return null;\n    return geoCentroid(columnGeometry);\n  }, [selectedColumn]);\n\n  const mapRef = useMapRef();\n  const map = mapRef.current;\n  const initialRenderRef = useRef(true);\n  // Center the map on the selected column when it changes\n  useEffect(() => {\n    if (map == null) return;\n    const isInitialRender = initialRenderRef.current;\n    if (isInitialRender) initialRenderRef.current = false;\n    // If this is the first render of the map, jump to the location. Otherwise, ease to it.\n    if (columnCenter == null) return;\n    if (isInitialRender) {\n      map.setCenter(columnCenter);\n      initialRenderRef.current = false;\n    } else {\n      map.easeTo({ center: columnCenter }, { duration: easeDuration });\n    }\n  }, [mapRef.current, columnCenter]);\n\n  return null;\n}\n"],"names":["keyboardNavigation","columns","h","InsetMap","ColumnNavigationProvider","ColumnKeyboardNavigation","useColumnNavigationStore","state","useCallback","useMemo","BaseColumnsLayer","selectedColumn","SelectedColumnOverlay","useMapStyleOperator","useRef","geoCentroid","useMapRef","useEffect"],"mappings":"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"}

package/dist/maps/column-navigation/mapbox/index.d.ts

@@ -1,38 +0,0 @@
-import { ReactNode } from 'react';
-import { NavigationProviderProps } from './state';
-import { InsetMapProps } from '../../inset-map';
-import { ColumnFeature } from '../../layers';
-export interface ColumnNavigationMapProps extends InsetMapProps {
-    padding?: number;
-    children?: ReactNode;
-    accessToken?: string;
-    selectedColumn?: number;
-    hoveredColumn?: number;
-    onSelectColumn?: (colID: number | null) => void;
-    onHoverColumn?: (colID: number | null) => void;
-    showTriangulation?: boolean;
-    columnColor?: string;
-}
-export declare function ColumnNavigationMap(props: ColumnNavigationMapProps & NavigationProviderProps): import('react').FunctionComponentElement<InsetMapProps>;
-interface ColumnLayerProps {
-    enabled?: boolean;
-    color?: string;
-}
-interface ColumnKeyboardNavigationProps {
-    triangulationColor?: string;
-    keyboardNavigation?: boolean;
-    showTriangulation?: boolean;
-}
-export declare function ColumnsNavigationLayer(props: NavigationProviderProps & ColumnLayerProps & ColumnKeyboardNavigationProps): import('react').FunctionComponentElement<NavigationProviderProps>;
-export declare function ColumnSelectionManager({ selectedColumn, onSelectColumn, centerOnSelect, }: {
-    selectedColumn: ColumnFeature;
-    onSelectColumn: (column: ColumnFeature) => void;
-    centerOnSelect?: boolean;
-}): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
-export declare function ColumnHoverInteraction({ onHover }: {
-    onHover: any;
-}): import('react').FunctionComponentElement<{
-    onHover: any;
-    layers: any;
-}>;
-export {};