@macrostrat/column-views 2.4.4 → 3.0.1

package/dist/maps/column-correlation/core.cjs

@@ -0,0 +1,185 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const mapboxReact = require("@macrostrat/mapbox-react");
+const mapboxGl = require("mapbox-gl");
+const h = require("@macrostrat/hyper");
+const React = require("react");
+const mapboxUtils = require("@macrostrat/mapbox-utils");
+const state = require("./state.cjs");
+const mapStyles = require("@macrostrat/map-styles");
+const styles = require("../_shared/styles.cjs");
+const insetMap = require("../_shared/inset-map.cjs");
+function ColumnCorrelationMap(props) {
+  const { padding = 50, children, columnColor, projectID, ...rest } = props;
+  const overlayStyles = React.useMemo(() => {
+    return [
+      styles.buildColumnsStyle(columnColor),
+      selectedColumnsStyle,
+      lineOfSectionStyle
+    ];
+  }, [columnColor]);
+  return h(
+    insetMap.InsetMap,
+    {
+      ...rest,
+      boxZoom: false,
+      dragRotate: false,
+      overlayStyles
+    },
+    [
+      h(ColumnsLayer),
+      h(SelectedColumnsLayer),
+      h(MapClickHandler),
+      h(SectionLine, { padding }),
+      children
+    ]
+  );
+}
+function MapClickHandler() {
+  const onClickMap = state.useCorrelationMapStore((state2) => state2.onClickMap);
+  mapboxReact.useMapClickHandler(
+    (e) => {
+      onClickMap(e, { type: "Point", coordinates: e.lngLat.toArray() });
+    },
+    [onClickMap]
+  );
+  return null;
+}
+function SelectedColumnsLayer() {
+  const focusedColumns = state.useCorrelationMapStore(
+    (state2) => state2.focusedColumns
+  );
+  mapboxReact.useMapStyleOperator(
+    (map) => {
+      let features = focusedColumns;
+      const data = {
+        type: "FeatureCollection",
+        features
+      };
+      const columnCentroidLine = {
+        type: "Feature",
+        geometry: {
+          type: "LineString",
+          coordinates: features.map(
+            (col) => col.properties.centroid.geometry.coordinates
+          )
+        },
+        properties: {}
+      };
+      mapboxUtils.setGeoJSON(map, "selected-columns", data);
+      mapboxUtils.setGeoJSON(map, "selected-column-centroids", {
+        type: "FeatureCollection",
+        features: [columnCentroidLine]
+      });
+    },
+    [focusedColumns]
+  );
+  return null;
+}
+function ColumnsLayer({ enabled = true }) {
+  const columns = state.useCorrelationMapStore((state2) => state2.columns);
+  mapboxReact.useMapStyleOperator(
+    (map) => {
+      if (columns == null) {
+        return;
+      }
+      const data = {
+        type: "FeatureCollection",
+        features: columns
+      };
+      console.log(" columns", data);
+      mapboxUtils.setGeoJSON(map, "columns", data);
+    },
+    [columns, enabled]
+  );
+  return null;
+}
+const selectedColumnsStyle = {
+  version: 8,
+  sources: {
+    "selected-columns": mapboxUtils.buildGeoJSONSource(),
+    "selected-column-centroids": mapboxUtils.buildGeoJSONSource()
+  },
+  layers: [
+    {
+      id: "selected-columns-fill",
+      type: "fill",
+      source: "selected-columns",
+      paint: {
+        "fill-color": "rgba(255, 0, 0, 0.1)"
+      }
+    },
+    {
+      id: "selected-column-centroids-line",
+      type: "line",
+      source: "selected-column-centroids",
+      paint: {
+        "line-color": "rgba(255, 0, 0, 0.8)",
+        "line-width": 2,
+        "line-dasharray": [2, 2]
+      }
+    },
+    {
+      id: "selected-column-centroids-points",
+      type: "circle",
+      source: "selected-column-centroids",
+      paint: {
+        "circle-radius": 4,
+        "circle-color": "rgba(255, 0, 0, 0.8)"
+      }
+    }
+  ]
+};
+const lineOfSectionStyle = {
+  version: 8,
+  sources: {
+    elevationMarker: mapboxUtils.buildGeoJSONSource(),
+    crossSectionLine: mapboxUtils.buildGeoJSONSource(),
+    crossSectionEndpoints: mapboxUtils.buildGeoJSONSource()
+  },
+  layers: mapStyles.buildCrossSectionLayers()
+};
+function SectionLine({ padding }) {
+  const focusedLine = state.useCorrelationMapStore((state2) => state2.focusedLine);
+  mapboxReact.useMapStyleOperator(
+    (map) => {
+      if (focusedLine == null) {
+        return;
+      }
+      const data = {
+        type: "FeatureCollection",
+        features: [
+          {
+            type: "Feature",
+            geometry: focusedLine,
+            properties: { id: "focusedLine" }
+          }
+        ]
+      };
+      mapboxUtils.setGeoJSON(map, "crossSectionLine", data);
+      mapboxUtils.setGeoJSON(map, "crossSectionEndpoints", {
+        type: "FeatureCollection",
+        features: focusedLine.coordinates.map((coord) => ({
+          type: "Feature",
+          geometry: { type: "Point", coordinates: coord },
+          properties: {}
+        }))
+      });
+    },
+    [focusedLine]
+  );
+  const bounds = React.useMemo(() => {
+    if (focusedLine == null || focusedLine?.coordinates.length < 2) {
+      return null;
+    }
+    let bounds2 = new mapboxGl.LngLatBounds();
+    for (let coord of focusedLine.coordinates) {
+      bounds2.extend(coord);
+    }
+    return bounds2;
+  }, [focusedLine]);
+  mapboxReact.useMapEaseTo({ bounds, padding, trackResize: true });
+  return null;
+}
+exports.ColumnCorrelationMap = ColumnCorrelationMap;
+//# sourceMappingURL=core.cjs.map

package/dist/maps/column-correlation/core.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"core.cjs","sources":["../../../src/maps/column-correlation/core.ts"],"sourcesContent":["import {\n  useMapClickHandler,\n  useMapEaseTo,\n  useMapStyleOperator,\n} from \"@macrostrat/mapbox-react\";\nimport { LngLatBounds, Style } from \"mapbox-gl\";\nimport h from \"@macrostrat/hyper\";\nimport { Feature, FeatureCollection } from \"geojson\";\nimport { ReactNode, useMemo } from \"react\";\nimport { setGeoJSON, buildGeoJSONSource } from \"@macrostrat/mapbox-utils\";\n\nimport { useCorrelationMapStore } from \"./state\";\nimport { buildColumnsStyle, InsetMap, InsetMapProps } from \"../_shared\";\nimport { buildCrossSectionLayers } from \"@macrostrat/map-styles\";\n\nexport interface CorrelationMapProps extends InsetMapProps {\n  padding?: number;\n  children?: ReactNode;\n  accessToken?: string;\n  columnColor?: string;\n}\n\nexport function ColumnCorrelationMap(props: CorrelationMapProps) {\n  const { padding = 50, children, columnColor, projectID, ...rest } = props;\n\n  const overlayStyles: Partial<Style>[] = useMemo(() => {\n    return [\n      buildColumnsStyle(columnColor) as Style,\n      selectedColumnsStyle as Style,\n      lineOfSectionStyle as Style,\n    ];\n  }, [columnColor]);\n\n  return h(\n    InsetMap,\n    {\n      ...rest,\n      boxZoom: false,\n      dragRotate: false,\n      overlayStyles,\n    },\n    [\n      h(ColumnsLayer),\n      h(SelectedColumnsLayer),\n      h(MapClickHandler),\n      h(SectionLine, { padding }),\n      children,\n    ],\n  );\n}\n\nfunction MapClickHandler() {\n  const onClickMap = useCorrelationMapStore((state) => state.onClickMap);\n\n  useMapClickHandler(\n    (e) => {\n      onClickMap(e, { type: \"Point\", coordinates: e.lngLat.toArray() });\n    },\n    [onClickMap],\n  );\n\n  return null;\n}\n\nfunction SelectedColumnsLayer() {\n  const focusedColumns = useCorrelationMapStore(\n    (state) => state.focusedColumns,\n  );\n\n  useMapStyleOperator(\n    (map) => {\n      let features = focusedColumns;\n\n      const data: FeatureCollection = {\n        type: \"FeatureCollection\",\n        features,\n      };\n\n      const columnCentroidLine: Feature = {\n        type: \"Feature\",\n        geometry: {\n          type: \"LineString\",\n          coordinates: features.map(\n            (col) => col.properties.centroid.geometry.coordinates,\n          ),\n        },\n        properties: {},\n      };\n\n      setGeoJSON(map, \"selected-columns\", data);\n      setGeoJSON(map, \"selected-column-centroids\", {\n        type: \"FeatureCollection\",\n        features: [columnCentroidLine],\n      });\n    },\n    [focusedColumns],\n  );\n  return null;\n}\n\nfunction ColumnsLayer({ enabled = true }) {\n  const columns = useCorrelationMapStore((state) => state.columns);\n\n  useMapStyleOperator(\n    (map) => {\n      if (columns == null) {\n        return;\n      }\n      const data: FeatureCollection = {\n        type: \"FeatureCollection\",\n        features: columns,\n      };\n\n      console.log(\" columns\", data);\n      setGeoJSON(map, \"columns\", data);\n    },\n    [columns, enabled],\n  );\n  return null;\n}\n\nconst selectedColumnsStyle: Style = {\n  version: 8,\n  sources: {\n    \"selected-columns\": buildGeoJSONSource(),\n    \"selected-column-centroids\": buildGeoJSONSource(),\n  },\n  layers: [\n    {\n      id: \"selected-columns-fill\",\n      type: \"fill\",\n      source: \"selected-columns\",\n      paint: {\n        \"fill-color\": \"rgba(255, 0, 0, 0.1)\",\n      },\n    },\n    {\n      id: \"selected-column-centroids-line\",\n      type: \"line\",\n      source: \"selected-column-centroids\",\n      paint: {\n        \"line-color\": \"rgba(255, 0, 0, 0.8)\",\n        \"line-width\": 2,\n        \"line-dasharray\": [2, 2],\n      },\n    },\n    {\n      id: \"selected-column-centroids-points\",\n      type: \"circle\",\n      source: \"selected-column-centroids\",\n      paint: {\n        \"circle-radius\": 4,\n        \"circle-color\": \"rgba(255, 0, 0, 0.8)\",\n      },\n    },\n  ],\n};\n\nconst lineOfSectionStyle: Style = {\n  version: 8,\n  sources: {\n    elevationMarker: buildGeoJSONSource(),\n    crossSectionLine: buildGeoJSONSource(),\n    crossSectionEndpoints: buildGeoJSONSource(),\n  },\n  layers: buildCrossSectionLayers(),\n};\n\nfunction SectionLine({ padding }: { padding: number }) {\n  const focusedLine = useCorrelationMapStore((state) => state.focusedLine);\n\n  // Setup focused line\n  useMapStyleOperator(\n    (map) => {\n      if (focusedLine == null) {\n        return;\n      }\n      const data: FeatureCollection = {\n        type: \"FeatureCollection\",\n        features: [\n          {\n            type: \"Feature\",\n            geometry: focusedLine,\n            properties: { id: \"focusedLine\" },\n          },\n        ],\n      };\n\n      setGeoJSON(map, \"crossSectionLine\", data);\n      setGeoJSON(map, \"crossSectionEndpoints\", {\n        type: \"FeatureCollection\",\n        features: focusedLine.coordinates.map((coord) => ({\n          type: \"Feature\",\n          geometry: { type: \"Point\", coordinates: coord },\n          properties: {},\n        })),\n      });\n    },\n    [focusedLine],\n  );\n\n  const bounds = useMemo(() => {\n    if (focusedLine == null || focusedLine?.coordinates.length < 2) {\n      return null;\n    }\n    let bounds = new LngLatBounds();\n    for (let coord of focusedLine.coordinates) {\n      bounds.extend(coord);\n    }\n    return bounds;\n  }, [focusedLine]);\n\n  useMapEaseTo({ bounds, padding, trackResize: true });\n\n  return null;\n}\n"],"names":["useMemo","buildColumnsStyle","InsetMap","useCorrelationMapStore","state","useMapClickHandler","useMapStyleOperator","setGeoJSON","buildGeoJSONSource","buildCrossSectionLayers","bounds","LngLatBounds","useMapEaseTo"],"mappings":";;;;;;;;;;;AAsBO,SAAS,qBAAqB,OAA4B;AAC/D,QAAM,EAAE,UAAU,IAAI,UAAU,aAAa,WAAW,GAAG,SAAS;AAEpE,QAAM,gBAAkCA,MAAAA,QAAQ,MAAM;AACpD,WAAO;AAAA,MACLC,OAAAA,kBAAkB,WAAW;AAAA,MAC7B;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ,GAAG,CAAC,WAAW,CAAC;AAEhB,SAAO;AAAA,IACLC,SAAAA;AAAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,SAAS;AAAA,MACT,YAAY;AAAA,MACZ;AAAA,IAAA;AAAA,IAEF;AAAA,MACE,EAAE,YAAY;AAAA,MACd,EAAE,oBAAoB;AAAA,MACtB,EAAE,eAAe;AAAA,MACjB,EAAE,aAAa,EAAE,SAAS;AAAA,MAC1B;AAAA,IAAA;AAAA,EACF;AAEJ;AAEA,SAAS,kBAAkB;AACzB,QAAM,aAAaC,MAAAA,uBAAuB,CAACC,WAAUA,OAAM,UAAU;AAErEC,cAAAA;AAAAA,IACE,CAAC,MAAM;AACL,iBAAW,GAAG,EAAE,MAAM,SAAS,aAAa,EAAE,OAAO,QAAA,GAAW;AAAA,IAClE;AAAA,IACA,CAAC,UAAU;AAAA,EAAA;AAGb,SAAO;AACT;AAEA,SAAS,uBAAuB;AAC9B,QAAM,iBAAiBF,MAAAA;AAAAA,IACrB,CAACC,WAAUA,OAAM;AAAA,EAAA;AAGnBE,cAAAA;AAAAA,IACE,CAAC,QAAQ;AACP,UAAI,WAAW;AAEf,YAAM,OAA0B;AAAA,QAC9B,MAAM;AAAA,QACN;AAAA,MAAA;AAGF,YAAM,qBAA8B;AAAA,QAClC,MAAM;AAAA,QACN,UAAU;AAAA,UACR,MAAM;AAAA,UACN,aAAa,SAAS;AAAA,YACpB,CAAC,QAAQ,IAAI,WAAW,SAAS,SAAS;AAAA,UAAA;AAAA,QAC5C;AAAA,QAEF,YAAY,CAAA;AAAA,MAAC;AAGfC,6BAAW,KAAK,oBAAoB,IAAI;AACxCA,kBAAAA,WAAW,KAAK,6BAA6B;AAAA,QAC3C,MAAM;AAAA,QACN,UAAU,CAAC,kBAAkB;AAAA,MAAA,CAC9B;AAAA,IACH;AAAA,IACA,CAAC,cAAc;AAAA,EAAA;AAEjB,SAAO;AACT;AAEA,SAAS,aAAa,EAAE,UAAU,QAAQ;AACxC,QAAM,UAAUJ,MAAAA,uBAAuB,CAACC,WAAUA,OAAM,OAAO;AAE/DE,cAAAA;AAAAA,IACE,CAAC,QAAQ;AACP,UAAI,WAAW,MAAM;AACnB;AAAA,MACF;AACA,YAAM,OAA0B;AAAA,QAC9B,MAAM;AAAA,QACN,UAAU;AAAA,MAAA;AAGZ,cAAQ,IAAI,YAAY,IAAI;AAC5BC,6BAAW,KAAK,WAAW,IAAI;AAAA,IACjC;AAAA,IACA,CAAC,SAAS,OAAO;AAAA,EAAA;AAEnB,SAAO;AACT;AAEA,MAAM,uBAA8B;AAAA,EAClC,SAAS;AAAA,EACT,SAAS;AAAA,IACP,oBAAoBC,YAAAA,mBAAA;AAAA,IACpB,6BAA6BA,YAAAA,mBAAA;AAAA,EAAmB;AAAA,EAElD,QAAQ;AAAA,IACN;AAAA,MACE,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,OAAO;AAAA,QACL,cAAc;AAAA,MAAA;AAAA,IAChB;AAAA,IAEF;AAAA,MACE,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,OAAO;AAAA,QACL,cAAc;AAAA,QACd,cAAc;AAAA,QACd,kBAAkB,CAAC,GAAG,CAAC;AAAA,MAAA;AAAA,IACzB;AAAA,IAEF;AAAA,MACE,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,gBAAgB;AAAA,MAAA;AAAA,IAClB;AAAA,EACF;AAEJ;AAEA,MAAM,qBAA4B;AAAA,EAChC,SAAS;AAAA,EACT,SAAS;AAAA,IACP,iBAAiBA,YAAAA,mBAAA;AAAA,IACjB,kBAAkBA,YAAAA,mBAAA;AAAA,IAClB,uBAAuBA,YAAAA,mBAAA;AAAA,EAAmB;AAAA,EAE5C,QAAQC,UAAAA,wBAAA;AACV;AAEA,SAAS,YAAY,EAAE,WAAgC;AACrD,QAAM,cAAcN,MAAAA,uBAAuB,CAACC,WAAUA,OAAM,WAAW;AAGvEE,cAAAA;AAAAA,IACE,CAAC,QAAQ;AACP,UAAI,eAAe,MAAM;AACvB;AAAA,MACF;AACA,YAAM,OAA0B;AAAA,QAC9B,MAAM;AAAA,QACN,UAAU;AAAA,UACR;AAAA,YACE,MAAM;AAAA,YACN,UAAU;AAAA,YACV,YAAY,EAAE,IAAI,cAAA;AAAA,UAAc;AAAA,QAClC;AAAA,MACF;AAGFC,6BAAW,KAAK,oBAAoB,IAAI;AACxCA,kBAAAA,WAAW,KAAK,yBAAyB;AAAA,QACvC,MAAM;AAAA,QACN,UAAU,YAAY,YAAY,IAAI,CAAC,WAAW;AAAA,UAChD,MAAM;AAAA,UACN,UAAU,EAAE,MAAM,SAAS,aAAa,MAAA;AAAA,UACxC,YAAY,CAAA;AAAA,QAAC,EACb;AAAA,MAAA,CACH;AAAA,IACH;AAAA,IACA,CAAC,WAAW;AAAA,EAAA;AAGd,QAAM,SAASP,MAAAA,QAAQ,MAAM;AAC3B,QAAI,eAAe,QAAQ,aAAa,YAAY,SAAS,GAAG;AAC9D,aAAO;AAAA,IACT;AACA,QAAIU,UAAS,IAAIC,sBAAA;AACjB,aAAS,SAAS,YAAY,aAAa;AACzCD,cAAO,OAAO,KAAK;AAAA,IACrB;AACA,WAAOA;AAAAA,EACT,GAAG,CAAC,WAAW,CAAC;AAEhBE,cAAAA,aAAa,EAAE,QAAQ,SAAS,aAAa,MAAM;AAEnD,SAAO;AACT;;"}

package/dist/maps/column-correlation/core.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { InsetMapProps } from '../_shared';
+export interface CorrelationMapProps extends InsetMapProps {
+    padding?: number;
+    children?: ReactNode;
+    accessToken?: string;
+    columnColor?: string;
+}
+export declare function ColumnCorrelationMap(props: CorrelationMapProps): import('react').FunctionComponentElement<InsetMapProps>;

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

@@ -0,0 +1,185 @@
+import { useMapStyleOperator, useMapClickHandler, useMapEaseTo } from "@macrostrat/mapbox-react";
+import { LngLatBounds } from "mapbox-gl";
+import h from "@macrostrat/hyper";
+import { useMemo } from "react";
+import { buildGeoJSONSource, setGeoJSON } from "@macrostrat/mapbox-utils";
+import { useCorrelationMapStore } from "./state.js";
+import { buildCrossSectionLayers } from "@macrostrat/map-styles";
+import { buildColumnsStyle } from "../_shared/styles.js";
+import { InsetMap } from "../_shared/inset-map.js";
+function ColumnCorrelationMap(props) {
+  const { padding = 50, children, columnColor, projectID, ...rest } = props;
+  const overlayStyles = useMemo(() => {
+    return [
+      buildColumnsStyle(columnColor),
+      selectedColumnsStyle,
+      lineOfSectionStyle
+    ];
+  }, [columnColor]);
+  return h(
+    InsetMap,
+    {
+      ...rest,
+      boxZoom: false,
+      dragRotate: false,
+      overlayStyles
+    },
+    [
+      h(ColumnsLayer),
+      h(SelectedColumnsLayer),
+      h(MapClickHandler),
+      h(SectionLine, { padding }),
+      children
+    ]
+  );
+}
+function MapClickHandler() {
+  const onClickMap = useCorrelationMapStore((state) => state.onClickMap);
+  useMapClickHandler(
+    (e) => {
+      onClickMap(e, { type: "Point", coordinates: e.lngLat.toArray() });
+    },
+    [onClickMap]
+  );
+  return null;
+}
+function SelectedColumnsLayer() {
+  const focusedColumns = useCorrelationMapStore(
+    (state) => state.focusedColumns
+  );
+  useMapStyleOperator(
+    (map) => {
+      let features = focusedColumns;
+      const data = {
+        type: "FeatureCollection",
+        features
+      };
+      const columnCentroidLine = {
+        type: "Feature",
+        geometry: {
+          type: "LineString",
+          coordinates: features.map(
+            (col) => col.properties.centroid.geometry.coordinates
+          )
+        },
+        properties: {}
+      };
+      setGeoJSON(map, "selected-columns", data);
+      setGeoJSON(map, "selected-column-centroids", {
+        type: "FeatureCollection",
+        features: [columnCentroidLine]
+      });
+    },
+    [focusedColumns]
+  );
+  return null;
+}
+function ColumnsLayer({ enabled = true }) {
+  const columns = useCorrelationMapStore((state) => state.columns);
+  useMapStyleOperator(
+    (map) => {
+      if (columns == null) {
+        return;
+      }
+      const data = {
+        type: "FeatureCollection",
+        features: columns
+      };
+      console.log(" columns", data);
+      setGeoJSON(map, "columns", data);
+    },
+    [columns, enabled]
+  );
+  return null;
+}
+const selectedColumnsStyle = {
+  version: 8,
+  sources: {
+    "selected-columns": buildGeoJSONSource(),
+    "selected-column-centroids": buildGeoJSONSource()
+  },
+  layers: [
+    {
+      id: "selected-columns-fill",
+      type: "fill",
+      source: "selected-columns",
+      paint: {
+        "fill-color": "rgba(255, 0, 0, 0.1)"
+      }
+    },
+    {
+      id: "selected-column-centroids-line",
+      type: "line",
+      source: "selected-column-centroids",
+      paint: {
+        "line-color": "rgba(255, 0, 0, 0.8)",
+        "line-width": 2,
+        "line-dasharray": [2, 2]
+      }
+    },
+    {
+      id: "selected-column-centroids-points",
+      type: "circle",
+      source: "selected-column-centroids",
+      paint: {
+        "circle-radius": 4,
+        "circle-color": "rgba(255, 0, 0, 0.8)"
+      }
+    }
+  ]
+};
+const lineOfSectionStyle = {
+  version: 8,
+  sources: {
+    elevationMarker: buildGeoJSONSource(),
+    crossSectionLine: buildGeoJSONSource(),
+    crossSectionEndpoints: buildGeoJSONSource()
+  },
+  layers: buildCrossSectionLayers()
+};
+function SectionLine({ padding }) {
+  const focusedLine = useCorrelationMapStore((state) => state.focusedLine);
+  useMapStyleOperator(
+    (map) => {
+      if (focusedLine == null) {
+        return;
+      }
+      const data = {
+        type: "FeatureCollection",
+        features: [
+          {
+            type: "Feature",
+            geometry: focusedLine,
+            properties: { id: "focusedLine" }
+          }
+        ]
+      };
+      setGeoJSON(map, "crossSectionLine", data);
+      setGeoJSON(map, "crossSectionEndpoints", {
+        type: "FeatureCollection",
+        features: focusedLine.coordinates.map((coord) => ({
+          type: "Feature",
+          geometry: { type: "Point", coordinates: coord },
+          properties: {}
+        }))
+      });
+    },
+    [focusedLine]
+  );
+  const bounds = useMemo(() => {
+    if (focusedLine == null || focusedLine?.coordinates.length < 2) {
+      return null;
+    }
+    let bounds2 = new LngLatBounds();
+    for (let coord of focusedLine.coordinates) {
+      bounds2.extend(coord);
+    }
+    return bounds2;
+  }, [focusedLine]);
+  useMapEaseTo({ bounds, padding, trackResize: true });
+  return null;
+}
+export {
+  ColumnCorrelationMap
+};
+//# sourceMappingURL=core.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"core.js","sources":["../../../src/maps/column-correlation/core.ts"],"sourcesContent":["import {\n  useMapClickHandler,\n  useMapEaseTo,\n  useMapStyleOperator,\n} from \"@macrostrat/mapbox-react\";\nimport { LngLatBounds, Style } from \"mapbox-gl\";\nimport h from \"@macrostrat/hyper\";\nimport { Feature, FeatureCollection } from \"geojson\";\nimport { ReactNode, useMemo } from \"react\";\nimport { setGeoJSON, buildGeoJSONSource } from \"@macrostrat/mapbox-utils\";\n\nimport { useCorrelationMapStore } from \"./state\";\nimport { buildColumnsStyle, InsetMap, InsetMapProps } from \"../_shared\";\nimport { buildCrossSectionLayers } from \"@macrostrat/map-styles\";\n\nexport interface CorrelationMapProps extends InsetMapProps {\n  padding?: number;\n  children?: ReactNode;\n  accessToken?: string;\n  columnColor?: string;\n}\n\nexport function ColumnCorrelationMap(props: CorrelationMapProps) {\n  const { padding = 50, children, columnColor, projectID, ...rest } = props;\n\n  const overlayStyles: Partial<Style>[] = useMemo(() => {\n    return [\n      buildColumnsStyle(columnColor) as Style,\n      selectedColumnsStyle as Style,\n      lineOfSectionStyle as Style,\n    ];\n  }, [columnColor]);\n\n  return h(\n    InsetMap,\n    {\n      ...rest,\n      boxZoom: false,\n      dragRotate: false,\n      overlayStyles,\n    },\n    [\n      h(ColumnsLayer),\n      h(SelectedColumnsLayer),\n      h(MapClickHandler),\n      h(SectionLine, { padding }),\n      children,\n    ],\n  );\n}\n\nfunction MapClickHandler() {\n  const onClickMap = useCorrelationMapStore((state) => state.onClickMap);\n\n  useMapClickHandler(\n    (e) => {\n      onClickMap(e, { type: \"Point\", coordinates: e.lngLat.toArray() });\n    },\n    [onClickMap],\n  );\n\n  return null;\n}\n\nfunction SelectedColumnsLayer() {\n  const focusedColumns = useCorrelationMapStore(\n    (state) => state.focusedColumns,\n  );\n\n  useMapStyleOperator(\n    (map) => {\n      let features = focusedColumns;\n\n      const data: FeatureCollection = {\n        type: \"FeatureCollection\",\n        features,\n      };\n\n      const columnCentroidLine: Feature = {\n        type: \"Feature\",\n        geometry: {\n          type: \"LineString\",\n          coordinates: features.map(\n            (col) => col.properties.centroid.geometry.coordinates,\n          ),\n        },\n        properties: {},\n      };\n\n      setGeoJSON(map, \"selected-columns\", data);\n      setGeoJSON(map, \"selected-column-centroids\", {\n        type: \"FeatureCollection\",\n        features: [columnCentroidLine],\n      });\n    },\n    [focusedColumns],\n  );\n  return null;\n}\n\nfunction ColumnsLayer({ enabled = true }) {\n  const columns = useCorrelationMapStore((state) => state.columns);\n\n  useMapStyleOperator(\n    (map) => {\n      if (columns == null) {\n        return;\n      }\n      const data: FeatureCollection = {\n        type: \"FeatureCollection\",\n        features: columns,\n      };\n\n      console.log(\" columns\", data);\n      setGeoJSON(map, \"columns\", data);\n    },\n    [columns, enabled],\n  );\n  return null;\n}\n\nconst selectedColumnsStyle: Style = {\n  version: 8,\n  sources: {\n    \"selected-columns\": buildGeoJSONSource(),\n    \"selected-column-centroids\": buildGeoJSONSource(),\n  },\n  layers: [\n    {\n      id: \"selected-columns-fill\",\n      type: \"fill\",\n      source: \"selected-columns\",\n      paint: {\n        \"fill-color\": \"rgba(255, 0, 0, 0.1)\",\n      },\n    },\n    {\n      id: \"selected-column-centroids-line\",\n      type: \"line\",\n      source: \"selected-column-centroids\",\n      paint: {\n        \"line-color\": \"rgba(255, 0, 0, 0.8)\",\n        \"line-width\": 2,\n        \"line-dasharray\": [2, 2],\n      },\n    },\n    {\n      id: \"selected-column-centroids-points\",\n      type: \"circle\",\n      source: \"selected-column-centroids\",\n      paint: {\n        \"circle-radius\": 4,\n        \"circle-color\": \"rgba(255, 0, 0, 0.8)\",\n      },\n    },\n  ],\n};\n\nconst lineOfSectionStyle: Style = {\n  version: 8,\n  sources: {\n    elevationMarker: buildGeoJSONSource(),\n    crossSectionLine: buildGeoJSONSource(),\n    crossSectionEndpoints: buildGeoJSONSource(),\n  },\n  layers: buildCrossSectionLayers(),\n};\n\nfunction SectionLine({ padding }: { padding: number }) {\n  const focusedLine = useCorrelationMapStore((state) => state.focusedLine);\n\n  // Setup focused line\n  useMapStyleOperator(\n    (map) => {\n      if (focusedLine == null) {\n        return;\n      }\n      const data: FeatureCollection = {\n        type: \"FeatureCollection\",\n        features: [\n          {\n            type: \"Feature\",\n            geometry: focusedLine,\n            properties: { id: \"focusedLine\" },\n          },\n        ],\n      };\n\n      setGeoJSON(map, \"crossSectionLine\", data);\n      setGeoJSON(map, \"crossSectionEndpoints\", {\n        type: \"FeatureCollection\",\n        features: focusedLine.coordinates.map((coord) => ({\n          type: \"Feature\",\n          geometry: { type: \"Point\", coordinates: coord },\n          properties: {},\n        })),\n      });\n    },\n    [focusedLine],\n  );\n\n  const bounds = useMemo(() => {\n    if (focusedLine == null || focusedLine?.coordinates.length < 2) {\n      return null;\n    }\n    let bounds = new LngLatBounds();\n    for (let coord of focusedLine.coordinates) {\n      bounds.extend(coord);\n    }\n    return bounds;\n  }, [focusedLine]);\n\n  useMapEaseTo({ bounds, padding, trackResize: true });\n\n  return null;\n}\n"],"names":["bounds"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export * from './core';
+export * from './state';

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

@@ -0,0 +1,129 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const zustand = require("zustand");
+const lineIntersect = require("@turf/line-intersect");
+const distance = require("@turf/distance");
+const nearestPointOnLine = require("@turf/nearest-point-on-line");
+const centroid = require("@turf/centroid");
+const React = require("react");
+const h = require("@macrostrat/hyper");
+const zustandComputed = require("zustand-computed");
+const base = require("../../data-provider/base.cjs");
+const buffer = require("@turf/buffer");
+const booleanPointInPolygon = require("@turf/boolean-point-in-polygon");
+const CorrelationStoreContext = React.createContext(null);
+const computed = zustandComputed.createComputed((state) => {
+  return {
+    // We compute the focused columns based on columns and focusedLine
+    focusedColumns: buildCorrelationColumns(state.columns, state.focusedLine)
+  };
+});
+function ColumnCorrelationProvider({
+  children,
+  columns,
+  projectID,
+  inProcess,
+  focusedLine,
+  onSelectColumns
+}) {
+  const [store] = React.useState(() => {
+    return zustand.create(
+      computed((set, get) => {
+        return {
+          focusedLine,
+          projectID,
+          columns: null,
+          onClickMap(event, point) {
+            const state = get();
+            const shiftKeyPressed = event.originalEvent.shiftKey;
+            let existingCoords = state.focusedLine?.coordinates ?? [];
+            if (existingCoords.length >= 2 && !shiftKeyPressed) {
+              existingCoords = [];
+            }
+            set({
+              focusedLine: {
+                type: "LineString",
+                coordinates: [...existingCoords, point.coordinates]
+              }
+            });
+          }
+        };
+      })
+    );
+  });
+  const _columns = base.useMacrostratColumns(projectID, inProcess);
+  React.useEffect(() => {
+    if (_columns != null) {
+      store.setState({ columns: _columns });
+    }
+  }, [_columns]);
+  const focusedColumns = zustand.useStore(store, (state) => state.focusedColumns);
+  const _focusedLine = zustand.useStore(store, (state) => state.focusedLine);
+  React.useEffect(() => {
+    onSelectColumns?.(focusedColumns, _focusedLine);
+  }, [focusedColumns, _focusedLine]);
+  return h(CorrelationStoreContext.Provider, { value: store }, children);
+}
+function useCorrelationMapStore(selector) {
+  const storeApi = React.useContext(CorrelationStoreContext);
+  if (storeApi == null) {
+    throw new Error("Missing CorrelationMapProvider");
+  }
+  return zustand.useStore(storeApi, selector);
+}
+function buildCorrelationColumns(columns, line) {
+  if (columns == null || line == null || line.coordinates.length < 2) {
+    return [];
+  }
+  return orderColumnsByDistance(
+    computeIntersectingColumns(columns, line),
+    line
+  );
+}
+function computeIntersectingColumns(columns, line) {
+  if (columns == null || line == null) {
+    return [];
+  }
+  const bufferedLine = buffer.buffer(line, 1, { units: "degrees" });
+  const nearbyPoints = columns.filter((col) => {
+    if (col.geometry?.type != "Point") {
+      return false;
+    }
+    return booleanPointInPolygon.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.lineIntersect(line, poly);
+    return intersection.features.length > 0;
+  });
+  return [...intersectingPolygons, ...nearbyPoints];
+}
+function orderColumnsByDistance(columns, line) {
+  const centroids = columns.map((col) => centroid.centroid(col.geometry));
+  const projectedPoints = centroids.map(
+    (point) => nearestPointOnLine.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));
+}
+exports.ColumnCorrelationProvider = ColumnCorrelationProvider;
+exports.useCorrelationMapStore = useCorrelationMapStore;
+//# sourceMappingURL=state.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"state.cjs","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 \"../../data-provider/base\";\nimport { buffer } from \"@turf/buffer\";\nimport { booleanPointInPolygon } from \"@turf/boolean-point-in-polygon\";\n\nexport interface CorrelationMapInput {\n  columns: ColumnGeoJSONRecord[];\n  focusedLine: LineString | null;\n}\n\nexport interface CorrelationMapStore extends CorrelationMapInput {\n  onClickMap: (event: mapboxgl.MapMouseEvent, point: Point) => void;\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};\n\n/** A computed store that will automatically update when the state changes */\nconst computed = createComputed((state: CorrelationMapStore): ComputedStore => {\n  return {\n    // We compute the focused columns based on columns and focusedLine\n    focusedColumns: buildCorrelationColumns(state.columns, state.focusedLine),\n  };\n}) as any;\n\nexport function ColumnCorrelationProvider({\n  children,\n  columns,\n  projectID,\n  inProcess,\n  focusedLine,\n  onSelectColumns,\n}: CorrelationProviderProps) {\n  const [store] = useState(() => {\n    return create<CorrelationMapStore & ComputedStore>(\n      computed((set, get): CorrelationMapStore => {\n        return {\n          focusedLine,\n          projectID,\n          columns: null,\n          onClickMap(event: mapboxgl.MapMouseEvent, point: Point) {\n            const state = get();\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        };\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\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 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":["createContext","createComputed","useState","create","useMacrostratColumns","useEffect","useStore","useContext","buffer","booleanPointInPolygon","lineIntersect","centroid","nearestPointOnLine"],"mappings":"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"}

package/dist/maps/column-correlation/state.d.ts

@@ -0,0 +1,31 @@
+import { LineString, Point } from 'geojson';
+import { StoreApi } from 'zustand';
+import { ColumnGeoJSONRecord } from '@macrostrat/api-types';
+import { ReactNode } from 'react';
+export interface CorrelationMapInput {
+    columns: ColumnGeoJSONRecord[];
+    focusedLine: LineString | null;
+}
+export interface CorrelationMapStore extends CorrelationMapInput {
+    onClickMap: (event: mapboxgl.MapMouseEvent, point: Point) => void;
+}
+export interface CorrelationProviderProps extends CorrelationMapInput {
+    projectID?: number;
+    inProcess?: boolean;
+    columns: ColumnGeoJSONRecord[] | null;
+    children: ReactNode;
+    onSelectColumns?: (columns: FocusedColumnGeoJSONRecord[], line: LineString | null) => void;
+}
+type ComputedStore = {
+    focusedColumns: FocusedColumnGeoJSONRecord[];
+};
+export declare function ColumnCorrelationProvider({ children, columns, projectID, inProcess, focusedLine, onSelectColumns, }: CorrelationProviderProps): import('react').FunctionComponentElement<import('react').ProviderProps<StoreApi<CorrelationMapStore>>>;
+export declare function useCorrelationMapStore(selector: (state: CorrelationMapStore & ComputedStore) => any): any;
+interface FocusedColumnGeoJSONRecord extends ColumnGeoJSONRecord {
+    properties: {
+        centroid: Point;
+        nearestPointOnLine: Point;
+        distanceAlongLine: number;
+    } & ColumnGeoJSONRecord["properties"];
+}
+export {};