@macrostrat/column-views 3.9.0 → 3.11.0

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 {};

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

@@ -1,213 +0,0 @@
-import { useMapStyleOperator, useMapRef } from "@macrostrat/mapbox-react";
-import h from "@macrostrat/hyper";
-import { useCallback, useRef, useMemo, useEffect } from "react";
-import { ColumnNavigationProvider, useColumnNavigationStore } from "./state.js";
-import { InsetMap } from "../../inset-map/index.js";
-import { geoCentroid } from "d3-geo";
-import { ColumnKeyboardNavigation } from "./keyboard-navigation.js";
-import { SelectedColumnOverlay, BaseColumnsLayer } from "../../layers/columns.js";
-function ColumnNavigationMap(props) {
-  const {
-    padding = 50,
-    children,
-    columnColor,
-    showTriangulation,
-    triangulationColor,
-    keyboardNavigation = true,
-    columns,
-    columnIDs,
-    onSelectColumn,
-    onHoverColumn,
-    selectedColumn,
-    hoveredColumn,
-    projectID,
-    inProcess,
-    ...rest
-  } = props;
-  return h(
-    InsetMap,
-    {
-      ...rest,
-      boxZoom: false,
-      dragRotate: false
-    },
-    [
-      h(ColumnsNavigationLayer, {
-        color: columnColor,
-        columns,
-        columnIDs,
-        onSelectColumn,
-        onHoverColumn,
-        selectedColumn,
-        hoveredColumn,
-        projectID,
-        inProcess,
-        keyboardNavigation,
-        showTriangulation,
-        triangulationColor
-      }),
-      children
-    ]
-  );
-}
-function ColumnsNavigationLayer(props) {
-  const {
-    enabled,
-    color,
-    keyboardNavigation,
-    showTriangulation,
-    triangulationColor,
-    ...providerProps
-  } = props;
-  return h(ColumnNavigationProvider, providerProps, [
-    h(_ColumnsNavigationLayer, { enabled, color }),
-    h.if(keyboardNavigation)(ColumnKeyboardNavigation, {
-      showTriangulation,
-      triangulationColor
-    })
-  ]);
-}
-const columnLayers = ["columns-points", "columns-fill"];
-function _ColumnsNavigationLayer({ enabled = true, color }) {
-  const columns = useColumnNavigationStore((state) => state.columns);
-  const selectedColumnID = useColumnNavigationStore(
-    (state) => state.selectedColumn
-  );
-  const selectColumn = useColumnNavigationStore((state) => state.selectColumn);
-  const setHoveredColumn = useColumnNavigationStore(
-    (state) => state.setHoveredColumn
-  );
-  const onHover = useCallback(
-    (event) => setHoveredColumn(event.features?.[0]?.id),
-    [setHoveredColumn]
-  );
-  const onSelectColumn = useCallback(
-    (column) => selectColumn(column.id),
-    [selectColumn]
-  );
-  const selectedColumnFeature = useMemo(() => {
-    if (columns == null || selectedColumnID == null) return null;
-    return columns.find((d) => d.id == selectedColumnID);
-  }, [selectedColumnID, columns]);
-  return h([
-    h(BaseColumnsLayer, { enabled, color, columns }),
-    h(ColumnSelectionManager, {
-      selectedColumn: selectedColumnFeature,
-      onSelectColumn
-    }),
-    h(ColumnHoverInteraction, { onHover })
-  ]);
-}
-function ColumnSelectionManager({
-  selectedColumn,
-  onSelectColumn,
-  centerOnSelect = true
-}) {
-  const onClick = useCallback(
-    (event) => {
-      if (event.features.length == 0) return;
-      const selectedColumn2 = event.features[0];
-      onSelectColumn(selectedColumn2);
-    },
-    [onSelectColumn]
-  );
-  return h([
-    h.if(centerOnSelect)(SelectedColumnCenterer, {
-      selectedColumn
-    }),
-    h(SelectedColumnOverlay, { selectedColumn }),
-    h(ClickInteraction, {
-      onClick,
-      layers: columnLayers
-    })
-  ]);
-}
-function ColumnHoverInteraction({ onHover }) {
-  return h(HoverInteraction, { onHover, layers: columnLayers });
-}
-function ClickInteraction({ onClick, layers }) {
-  useMapStyleOperator(
-    (map) => {
-      map.on("click", layers, onClick);
-      return () => {
-        map.off("click", layers, onClick);
-      };
-    },
-    [layers, onClick]
-  );
-  return null;
-}
-function HoverInteraction({ onHover, layers }) {
-  const hoveredFeaturesRef = useRef([]);
-  const updateFeatureState = 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;
-  }, []);
-  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 = useMemo(() => {
-    const columnGeometry = selectedColumn?.geometry;
-    if (columnGeometry == null) return null;
-    return geoCentroid(columnGeometry);
-  }, [selectedColumn]);
-  const mapRef = useMapRef();
-  const map = mapRef.current;
-  const initialRenderRef = useRef(true);
-  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;
-}
-export {
-  ColumnHoverInteraction,
-  ColumnNavigationMap,
-  ColumnSelectionManager,
-  ColumnsNavigationLayer
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","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":["selectedColumn"],"mappings":"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"}

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

@@ -1,105 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const mapboxUtils = require("@macrostrat/mapbox-utils");
-const mapboxReact = require("@macrostrat/mapbox-react");
-const state = require("./state.cjs");
-const keyboardNavigation = require("../utils/keyboard-navigation.cjs");
-function ColumnKeyboardNavigation(props) {
-  const { showTriangulation = false, triangulationColor } = props;
-  const columns = state.useColumnNavigationStore((state2) => state2.columns);
-  const col_id = state.useColumnNavigationStore((state2) => state2.selectedColumn);
-  const selectColumn = state.useColumnNavigationStore((state2) => state2.selectColumn);
-  const voronoi = React.useMemo(() => {
-    if (!columns || columns.length == 0) return null;
-    return keyboardNavigation.buildTriangulation(columns);
-  }, [columns]);
-  const mapRef = mapboxReact.useMapRef();
-  const map = mapRef.current;
-  mapboxReact.useOverlayStyle(() => {
-    if (!showTriangulation) return null;
-    return buildKeyboardNavigationStyle(
-      triangulationColor
-    );
-  }, [triangulationColor, showTriangulation]);
-  const keyMapping = React.useMemo(() => {
-    if (columns == null || voronoi == null || map == null) return null;
-    const projection = (d) => {
-      const pt = map.project(d);
-      return [pt.x, pt.y];
-    };
-    const currentIndex = columns.findIndex(
-      (d) => d.properties.col_id == col_id
-    );
-    const neighbors = voronoi.tri.delaunay.neighbors[currentIndex];
-    return keyboardNavigation.buildKeyMapping(
-      neighbors,
-      voronoi.centroids,
-      currentIndex,
-      projection
-    );
-  }, [col_id, columns, voronoi, map]);
-  const onKeyDown = React.useCallback(
-    (event) => {
-      if (keyMapping == null) return;
-      const nextColumnIx = keyMapping[event.which];
-      if (nextColumnIx == null) return;
-      event.preventDefault();
-      event.stopPropagation();
-      selectColumn(columns[nextColumnIx].id);
-      return false;
-    },
-    [keyMapping, selectColumn]
-  );
-  React.useEffect(() => {
-    if (map == null) return;
-    const canvas = map.getCanvas();
-    canvas.addEventListener("keydown", onKeyDown);
-    return () => {
-      canvas.removeEventListener("keydown", onKeyDown);
-    };
-  }, [map, onKeyDown]);
-  mapboxReact.useMapStyleOperator(
-    (map2) => {
-      if (voronoi == null || !showTriangulation) return;
-      const { features } = voronoi.tri.links();
-      mapboxUtils.setGeoJSON(map2, "column-links", {
-        type: "FeatureCollection",
-        features
-      });
-    },
-    [voronoi, showTriangulation]
-  );
-  return null;
-}
-function buildKeyboardNavigationStyle(color = "purple") {
-  return {
-    sources: {
-      "column-links": mapboxUtils.buildGeoJSONSource()
-      //neighbors: buildGeoJSONSource(),
-    },
-    layers: [
-      {
-        id: "column-links",
-        type: "line",
-        source: "column-links",
-        paint: {
-          "line-color": color,
-          "line-width": 1.5
-        }
-      },
-      {
-        id: "column-centers",
-        type: "circle",
-        source: "column-links",
-        paint: {
-          "circle-radius": 2,
-          "circle-color": color
-        }
-      }
-    ]
-  };
-}
-exports.ColumnKeyboardNavigation = ColumnKeyboardNavigation;
-exports.buildKeyboardNavigationStyle = buildKeyboardNavigationStyle;
-//# sourceMappingURL=keyboard-navigation.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"keyboard-navigation.cjs","sources":["../../../../src/maps/column-navigation/mapbox/keyboard-navigation.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo } from \"react\";\nimport { buildGeoJSONSource, setGeoJSON } from \"@macrostrat/mapbox-utils\";\nimport {\n  useMapRef,\n  useMapStyleOperator,\n  useOverlayStyle,\n} from \"@macrostrat/mapbox-react\";\nimport { useColumnNavigationStore } from \"./state\";\nimport {\n  buildTriangulation,\n  buildKeyMapping,\n} from \"../utils/keyboard-navigation\";\nimport { StyleSpecification } from \"mapbox-gl\";\n\ninterface KeyboardNavProps {\n  showTriangulation: boolean;\n  triangulationColor?: string;\n}\n\nexport function ColumnKeyboardNavigation(props: KeyboardNavProps) {\n  /** Keyboard navigation of columns using a Delaunay triangulation */\n  const { showTriangulation = false, triangulationColor } = props;\n  const columns = useColumnNavigationStore((state) => state.columns);\n  const col_id = useColumnNavigationStore((state) => state.selectedColumn);\n  const selectColumn = useColumnNavigationStore((state) => state.selectColumn);\n\n  const voronoi = useMemo(() => {\n    if (!columns || columns.length == 0) return null;\n    return buildTriangulation(columns);\n  }, [columns]);\n\n  const mapRef = useMapRef();\n  const map = mapRef.current;\n\n  // Set up overlay style for triangulation\n  useOverlayStyle(() => {\n    if (!showTriangulation) return null;\n    return buildKeyboardNavigationStyle(\n      triangulationColor,\n    ) as Partial<StyleSpecification>;\n  }, [triangulationColor, showTriangulation]);\n\n  const keyMapping = useMemo(() => {\n    if (columns == null || voronoi == null || map == null) return null;\n\n    const projection = (d) => {\n      const pt = map.project(d);\n      return [pt.x, pt.y];\n    };\n\n    const currentIndex = columns.findIndex(\n      (d) => d.properties.col_id == col_id,\n    );\n\n    const neighbors = voronoi.tri.delaunay.neighbors[currentIndex];\n    return buildKeyMapping(\n      neighbors,\n      voronoi.centroids,\n      currentIndex,\n      projection,\n    );\n  }, [col_id, columns, voronoi, map]);\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (keyMapping == null) return;\n      const nextColumnIx = keyMapping[event.which];\n      if (nextColumnIx == null) return;\n      event.preventDefault();\n      event.stopPropagation();\n      // @ts-ignore\n      selectColumn(columns[nextColumnIx].id);\n      return false;\n    },\n    [keyMapping, selectColumn],\n  );\n\n  useEffect(() => {\n    if (map == null) return;\n    const canvas = map.getCanvas();\n    canvas.addEventListener(\"keydown\", onKeyDown);\n    return () => {\n      canvas.removeEventListener(\"keydown\", onKeyDown);\n    };\n  }, [map, onKeyDown]);\n\n  useMapStyleOperator(\n    (map) => {\n      if (voronoi == null || !showTriangulation) return;\n      const { features } = voronoi.tri.links();\n\n      setGeoJSON(map, \"column-links\", {\n        type: \"FeatureCollection\",\n        features,\n      });\n    },\n    [voronoi, showTriangulation],\n  );\n\n  //if (neighbors == null) return null;\n  //const neighborFeatures = neighbors.map((d) => features[d]);\n\n  return null;\n}\n\nexport function buildKeyboardNavigationStyle(color: string = \"purple\") {\n  return {\n    sources: {\n      \"column-links\": buildGeoJSONSource(),\n      //neighbors: buildGeoJSONSource(),\n    },\n    layers: [\n      {\n        id: \"column-links\",\n        type: \"line\",\n        source: \"column-links\",\n        paint: {\n          \"line-color\": color,\n          \"line-width\": 1.5,\n        },\n      },\n      {\n        id: \"column-centers\",\n        type: \"circle\",\n        source: \"column-links\",\n        paint: {\n          \"circle-radius\": 2,\n          \"circle-color\": color,\n        },\n      },\n    ],\n  } as Partial<StyleSpecification>;\n}\n"],"names":["useColumnNavigationStore","state","useMemo","buildTriangulation","useMapRef","useOverlayStyle","buildKeyMapping","useCallback","useEffect","useMapStyleOperator","map","setGeoJSON","buildGeoJSONSource"],"mappings":"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"}

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

@@ -1,8 +0,0 @@
-import { StyleSpecification } from 'mapbox-gl';
-interface KeyboardNavProps {
-    showTriangulation: boolean;
-    triangulationColor?: string;
-}
-export declare function ColumnKeyboardNavigation(props: KeyboardNavProps): null;
-export declare function buildKeyboardNavigationStyle(color?: string): Partial<StyleSpecification>;
-export {};