@macrostrat/column-views 3.9.0 → 3.10.0

package/dist/maps/column-navigation/svg/layers.js

@@ -1,174 +0,0 @@
-import h from "@macrostrat/hyper";
-import { FeatureLayer, Feature, MapContext } from "@macrostrat/svg-map-components";
-import { useKeyHandler, useAPIResult } from "@macrostrat/ui-components";
-import chroma from "chroma-js";
-import { useContext, useMemo } from "react";
-import { useColumnFeatures } from "./data-fetcher.js";
-import { buildTriangulation, buildKeyMapping } from "../utils/keyboard-navigation.js";
-const defaultStyle = {
-  fill: "rgb(239, 180, 249)",
-  stroke: "magenta"
-};
-function MeasurementsLayer(props) {
-  const { style = defaultStyle, ...params } = props;
-  const res = useAPIResult("/measurements", {
-    ...params,
-    format: "geojson",
-    response: "light"
-  });
-  if (res == null) return null;
-  return h(FeatureLayer, {
-    useCanvas: false,
-    style,
-    features: res.features?.filter((d) => d.properties.unit_id != null) ?? []
-  });
-}
-function ColumnFeatures(props) {
-  const {
-    features,
-    onClick,
-    color = "rgba(150,150,150, 1)",
-    singleFeature = true
-  } = props;
-  const c = chroma(color);
-  return h(
-    FeatureLayer,
-    {
-      className: "columns",
-      useCanvas: onClick == null,
-      style: {
-        fill: c.alpha(0.2).css(),
-        stroke: c.alpha(0.4).css()
-      }
-    },
-    features?.map((f) => {
-      return h(Feature, {
-        id: f.id ?? f.properties.col_id,
-        onClick,
-        feature: f
-      });
-    })
-  );
-}
-function ColumnKeyboardNavigation(props) {
-  const {
-    features = [],
-    col_id = null,
-    onChange,
-    showLayers = false,
-    ...projectArgs
-  } = props;
-  const { projection } = useContext(MapContext);
-  const { centroids, tri } = useMemo(
-    () => buildTriangulation(features),
-    [features]
-  );
-  const currentIndex = useMemo(() => {
-    return features.findIndex((d) => d.properties.col_id == col_id);
-  }, [features, col_id]);
-  const neighbors = tri.delaunay.neighbors[currentIndex];
-  const keyMapping = useMemo(() => {
-    return buildKeyMapping(neighbors, centroids, currentIndex, projection);
-  }, [neighbors, currentIndex]);
-  useKeyHandler(
-    (event) => {
-      const nextColumnIx = keyMapping[event.keyCode];
-      if (nextColumnIx == null) return;
-      onChange(features[nextColumnIx]);
-    },
-    [keyMapping]
-  );
-  if (neighbors == null) return null;
-  const neighborFeatures = neighbors.map((d) => features[d]);
-  return h.if(showLayers)([
-    h(FeatureLayer, {
-      features: tri.links().features,
-      useCanvas: false,
-      style: {
-        stroke: "purple",
-        fill: "transparent"
-      }
-    }),
-    h(FeatureLayer, {
-      features: neighborFeatures,
-      useCanvas: false,
-      style: {
-        stroke: "rgb(93, 101, 212)",
-        strokeWidth: 3,
-        fill: "rgba(93, 101, 212, 0.5)"
-      }
-    }),
-    h(FeatureLayer, {
-      features: [
-        {
-          type: "Feature",
-          geometry: {
-            type: "MultiPoint",
-            coordinates: centroids
-          }
-        }
-      ],
-      useCanvas: false,
-      style: {
-        r: 1,
-        fill: "purple"
-      }
-    })
-  ]);
-}
-const Columns = (props) => {
-  const {
-    apiRoute = "/columns",
-    onChange,
-    col_id = null,
-    status_code,
-    project_id,
-    color,
-    filterColumns,
-    showDebugLayers = false,
-    format = "topojson"
-  } = props;
-  let features = useColumnFeatures({
-    status_code,
-    project_id,
-    format
-  });
-  if (features == null) return null;
-  if (filterColumns != null) {
-    features = features.filter(filterColumns);
-  }
-  return h([
-    h(ColumnKeyboardNavigation, {
-      features,
-      col_id,
-      onChange,
-      status_code,
-      project_id,
-      showLayers: showDebugLayers
-    }),
-    h(ColumnFeatures, { features, onClick: onChange, color })
-  ]);
-};
-const ColumnCenters = (props) => {
-  return h(Columns, { apiRoute: "/defs/columns", ...props });
-};
-const CurrentColumn = (props) => {
-  const { feature } = props;
-  return h(FeatureLayer, {
-    features: [feature],
-    style: {
-      fill: "rgba(255,0,0,0.4)",
-      stroke: "rgba(255,0,0,0.6)",
-      strokeWidth: 2
-    }
-  });
-};
-export {
-  ColumnCenters,
-  ColumnFeatures,
-  ColumnKeyboardNavigation,
-  Columns,
-  CurrentColumn,
-  MeasurementsLayer
-};
-//# sourceMappingURL=layers.js.map

package/dist/maps/column-navigation/svg/layers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"layers.js","sources":["../../../../src/maps/column-navigation/svg/layers.ts"],"sourcesContent":["import h from \"@macrostrat/hyper\";\nimport {\n  Feature,\n  FeatureLayer,\n  MapContext,\n} from \"@macrostrat/svg-map-components\";\nimport { useAPIResult, useKeyHandler } from \"@macrostrat/ui-components\";\nimport chroma from \"chroma-js\";\nimport { ExtendedFeature } from \"d3-geo\";\nimport { Polygon } from \"geojson\";\nimport { useContext, useMemo } from \"react\";\nimport { useColumnFeatures } from \"./data-fetcher\";\nimport {\n  buildKeyMapping,\n  buildTriangulation,\n} from \"../utils/keyboard-navigation\";\n\nconst defaultStyle = {\n  fill: \"rgb(239, 180, 249)\",\n  stroke: \"magenta\",\n};\n\nexport function MeasurementsLayer(props) {\n  const { style = defaultStyle, ...params } = props;\n  const res: any = useAPIResult(\"/measurements\", {\n    ...params,\n    format: \"geojson\",\n    response: \"light\",\n  });\n  if (res == null) return null;\n\n  return h(FeatureLayer, {\n    useCanvas: false,\n    style,\n    features: res.features?.filter((d) => d.properties.unit_id != null) ?? [],\n  });\n}\n\ntype ColumnProps = { col_id: number };\n\ntype ColumnFeature = ExtendedFeature<Polygon, ColumnProps>;\n\nfunction ColumnFeatures(props) {\n  const {\n    features,\n    onClick,\n    color = \"rgba(150,150,150, 1)\",\n    singleFeature = true,\n  } = props;\n\n  const c = chroma(color);\n\n  return h(\n    FeatureLayer,\n    {\n      className: \"columns\",\n      useCanvas: onClick == null,\n      style: {\n        fill: c.alpha(0.2).css(),\n        stroke: c.alpha(0.4).css(),\n      },\n    },\n    features?.map((f) => {\n      return h(Feature, {\n        id: f.id ?? f.properties.col_id,\n        onClick,\n        feature: f,\n      });\n    }),\n  );\n}\n\nenum MacrostratStatusCode {\n  InProcess = \"in process\",\n}\n\ninterface ColumnNavProps {\n  col_id: number;\n  status_code?: MacrostratStatusCode;\n  project_id?: number;\n  onChange(col_id: number): void;\n}\n\ninterface KeyboardNavProps extends ColumnNavProps {\n  features: ColumnFeature[];\n  showLayers: boolean;\n}\n\nfunction ColumnKeyboardNavigation(props: KeyboardNavProps) {\n  /** Keyboard navigation of columns using a Delaunay triangulation */\n  const {\n    features = [],\n    col_id = null,\n    onChange,\n    showLayers = false,\n    ...projectArgs\n  } = props;\n  const { projection } = useContext(MapContext);\n  const { centroids, tri } = useMemo(\n    () => buildTriangulation(features),\n    [features],\n  );\n\n  const currentIndex = useMemo(() => {\n    return features.findIndex((d) => d.properties.col_id == col_id);\n  }, [features, col_id]);\n\n  const neighbors = tri.delaunay.neighbors[currentIndex];\n\n  const keyMapping = useMemo(() => {\n    return buildKeyMapping(neighbors, centroids, currentIndex, projection);\n  }, [neighbors, currentIndex]);\n\n  useKeyHandler(\n    (event) => {\n      const nextColumnIx = keyMapping[event.keyCode];\n      if (nextColumnIx == null) return;\n      // @ts-ignore\n      onChange(features[nextColumnIx]);\n    },\n    [keyMapping],\n  );\n\n  if (neighbors == null) return null;\n  const neighborFeatures = neighbors.map((d) => features[d]);\n\n  return h.if(showLayers)([\n    h(FeatureLayer, {\n      features: tri.links().features,\n      useCanvas: false,\n      style: {\n        stroke: \"purple\",\n        fill: \"transparent\",\n      },\n    }),\n    h(FeatureLayer, {\n      features: neighborFeatures,\n      useCanvas: false,\n      style: {\n        stroke: \"rgb(93, 101, 212)\",\n        strokeWidth: 3,\n        fill: \"rgba(93, 101, 212, 0.5)\",\n      },\n    }),\n    h(FeatureLayer, {\n      features: [\n        {\n          type: \"Feature\",\n          geometry: {\n            type: \"MultiPoint\",\n            coordinates: centroids,\n          },\n        },\n      ],\n      useCanvas: false,\n      style: {\n        r: 1,\n        fill: \"purple\",\n      },\n    }),\n  ]);\n}\n\ninterface ColumnExtraInfo {\n  apiRoute?: string;\n  color?: string;\n  filterColumns?(d: ColumnFeature): boolean;\n  showDebugLayers?: boolean;\n  format?: \"topojson\" | \"geojson\";\n}\n\nconst Columns = (props: ColumnNavProps & ColumnExtraInfo) => {\n  const {\n    apiRoute = \"/columns\",\n    onChange,\n    col_id = null,\n    status_code,\n    project_id,\n    color,\n    filterColumns,\n    showDebugLayers = false,\n    format = \"topojson\",\n  } = props;\n\n  let features: any[] = useColumnFeatures({\n    apiRoute,\n    status_code,\n    project_id,\n    format,\n  }) as any;\n\n  if (features == null) return null;\n\n  if (filterColumns != null) {\n    features = features.filter(filterColumns);\n  }\n\n  return h([\n    h(ColumnKeyboardNavigation, {\n      features,\n      col_id,\n      onChange,\n      status_code,\n      project_id,\n      showLayers: showDebugLayers,\n    }),\n    h(ColumnFeatures, { features, onClick: onChange, color }),\n  ]);\n};\n\nconst ColumnCenters = (props: ColumnNavProps) => {\n  return h(Columns, { apiRoute: \"/defs/columns\", ...props });\n};\n\nconst CurrentColumn = (props) => {\n  const { feature } = props;\n  return h(FeatureLayer, {\n    features: [feature],\n    style: {\n      fill: \"rgba(255,0,0,0.4)\",\n      stroke: \"rgba(255,0,0,0.6)\",\n      strokeWidth: 2,\n    },\n  });\n};\n\nexport {\n  Columns,\n  CurrentColumn,\n  ColumnCenters,\n  ColumnFeatures,\n  ColumnKeyboardNavigation,\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const d3Geo = require("d3-geo");
-const d3GeoVoronoi = require("d3-geo-voronoi");
-function buildKeyMapping(neighbors, centroids, currentIndex, projection) {
-  if (neighbors == null) return;
-  const currentCentroid = projection(centroids[currentIndex]);
-  let edgeAngles = neighbors.map((index) => {
-    const centroid = projection(centroids[index]);
-    const dx = centroid[0] - currentCentroid[0];
-    const dy = centroid[1] - currentCentroid[1];
-    return { col_index: index, angle: Math.atan2(dy, dx) };
-  });
-  edgeAngles.sort((d) => d.angle);
-  function closestAngle(num) {
-    let curr = edgeAngles[0];
-    for (let next of edgeAngles) {
-      if (Math.abs(normalize(num - next.angle)) < Math.abs(normalize(num - curr.angle))) {
-        curr = next;
-      }
-    }
-    return curr.col_index;
-  }
-  return {
-    37: closestAngle(Math.PI),
-    // left
-    38: closestAngle(3 * Math.PI / 2),
-    // up
-    39: closestAngle(0),
-    // right
-    40: closestAngle(Math.PI / 2)
-    // down
-  };
-}
-function normalize(angle) {
-  if (angle > Math.PI) {
-    angle -= 2 * Math.PI;
-  } else if (angle <= -Math.PI) {
-    angle += 2 * Math.PI;
-  }
-  return angle;
-}
-function buildTriangulation(features) {
-  const centroids = features.map(d3Geo.geoCentroid);
-  const tri = d3GeoVoronoi.geoVoronoi(centroids);
-  return { centroids, tri };
-}
-exports.buildKeyMapping = buildKeyMapping;
-exports.buildTriangulation = buildTriangulation;
-//# sourceMappingURL=keyboard-navigation.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"keyboard-navigation.cjs","sources":["../../../../src/maps/column-navigation/utils/keyboard-navigation.ts"],"sourcesContent":["import { geoCentroid } from \"d3-geo\";\nimport { geoVoronoi } from \"d3-geo-voronoi\";\n\nexport function buildKeyMapping(\n  neighbors,\n  centroids,\n  currentIndex,\n  projection,\n) {\n  if (neighbors == null) return;\n\n  const currentCentroid = projection(centroids[currentIndex]);\n\n  let edgeAngles = neighbors.map((index) => {\n    const centroid = projection(centroids[index]);\n    const dx = centroid[0] - currentCentroid[0];\n    const dy = centroid[1] - currentCentroid[1];\n    return { col_index: index, angle: Math.atan2(dy, dx) };\n  });\n\n  edgeAngles.sort((d) => d.angle);\n\n  function closestAngle(num) {\n    // Find closest angle in array of neighbors\n    let curr = edgeAngles[0];\n    for (let next of edgeAngles) {\n      if (\n        Math.abs(normalize(num - next.angle)) <\n        Math.abs(normalize(num - curr.angle))\n      ) {\n        curr = next;\n      }\n    }\n    return curr.col_index;\n  }\n\n  return {\n    37: closestAngle(Math.PI), // left\n    38: closestAngle((3 * Math.PI) / 2), // up\n    39: closestAngle(0), // right\n    40: closestAngle(Math.PI / 2), // down\n  };\n}\n\nfunction normalize(angle) {\n  if (angle > Math.PI) {\n    angle -= 2 * Math.PI;\n  } else if (angle <= -Math.PI) {\n    angle += 2 * Math.PI;\n  }\n  return angle;\n}\n\nexport function buildTriangulation(features) {\n  const centroids = features.map(geoCentroid);\n  const tri = geoVoronoi(centroids);\n  return { centroids, tri };\n}\n"],"names":["geoCentroid","geoVoronoi"],"mappings":";;;;AAGO,SAAS,gBACd,WACA,WACA,cACA,YACA;AACA,MAAI,aAAa,KAAM;AAEvB,QAAM,kBAAkB,WAAW,UAAU,YAAY,CAAC;AAE1D,MAAI,aAAa,UAAU,IAAI,CAAC,UAAU;AACxC,UAAM,WAAW,WAAW,UAAU,KAAK,CAAC;AAC5C,UAAM,KAAK,SAAS,CAAC,IAAI,gBAAgB,CAAC;AAC1C,UAAM,KAAK,SAAS,CAAC,IAAI,gBAAgB,CAAC;AAC1C,WAAO,EAAE,WAAW,OAAO,OAAO,KAAK,MAAM,IAAI,EAAE,EAAA;AAAA,EACrD,CAAC;AAED,aAAW,KAAK,CAAC,MAAM,EAAE,KAAK;AAE9B,WAAS,aAAa,KAAK;AAEzB,QAAI,OAAO,WAAW,CAAC;AACvB,aAAS,QAAQ,YAAY;AAC3B,UACE,KAAK,IAAI,UAAU,MAAM,KAAK,KAAK,CAAC,IACpC,KAAK,IAAI,UAAU,MAAM,KAAK,KAAK,CAAC,GACpC;AACA,eAAO;AAAA,MACT;AAAA,IACF;AACA,WAAO,KAAK;AAAA,EACd;AAEA,SAAO;AAAA,IACL,IAAI,aAAa,KAAK,EAAE;AAAA;AAAA,IACxB,IAAI,aAAc,IAAI,KAAK,KAAM,CAAC;AAAA;AAAA,IAClC,IAAI,aAAa,CAAC;AAAA;AAAA,IAClB,IAAI,aAAa,KAAK,KAAK,CAAC;AAAA;AAAA,EAAA;AAEhC;AAEA,SAAS,UAAU,OAAO;AACxB,MAAI,QAAQ,KAAK,IAAI;AACnB,aAAS,IAAI,KAAK;AAAA,EACpB,WAAW,SAAS,CAAC,KAAK,IAAI;AAC5B,aAAS,IAAI,KAAK;AAAA,EACpB;AACA,SAAO;AACT;AAEO,SAAS,mBAAmB,UAAU;AAC3C,QAAM,YAAY,SAAS,IAAIA,iBAAW;AAC1C,QAAM,MAAMC,aAAAA,WAAW,SAAS;AAChC,SAAO,EAAE,WAAW,IAAA;AACtB;;;"}

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

@@ -1,10 +0,0 @@
-export declare function buildKeyMapping(neighbors: any, centroids: any, currentIndex: any, projection: any): {
-    37: any;
-    38: any;
-    39: any;
-    40: any;
-} | undefined;
-export declare function buildTriangulation(features: any): {
-    centroids: any;
-    tri: any;
-};

package/dist/maps/column-navigation/utils/keyboard-navigation.js

@@ -1,50 +0,0 @@
-import { geoCentroid } from "d3-geo";
-import { geoVoronoi } from "d3-geo-voronoi";
-function buildKeyMapping(neighbors, centroids, currentIndex, projection) {
-  if (neighbors == null) return;
-  const currentCentroid = projection(centroids[currentIndex]);
-  let edgeAngles = neighbors.map((index) => {
-    const centroid = projection(centroids[index]);
-    const dx = centroid[0] - currentCentroid[0];
-    const dy = centroid[1] - currentCentroid[1];
-    return { col_index: index, angle: Math.atan2(dy, dx) };
-  });
-  edgeAngles.sort((d) => d.angle);
-  function closestAngle(num) {
-    let curr = edgeAngles[0];
-    for (let next of edgeAngles) {
-      if (Math.abs(normalize(num - next.angle)) < Math.abs(normalize(num - curr.angle))) {
-        curr = next;
-      }
-    }
-    return curr.col_index;
-  }
-  return {
-    37: closestAngle(Math.PI),
-    // left
-    38: closestAngle(3 * Math.PI / 2),
-    // up
-    39: closestAngle(0),
-    // right
-    40: closestAngle(Math.PI / 2)
-    // down
-  };
-}
-function normalize(angle) {
-  if (angle > Math.PI) {
-    angle -= 2 * Math.PI;
-  } else if (angle <= -Math.PI) {
-    angle += 2 * Math.PI;
-  }
-  return angle;
-}
-function buildTriangulation(features) {
-  const centroids = features.map(geoCentroid);
-  const tri = geoVoronoi(centroids);
-  return { centroids, tri };
-}
-export {
-  buildKeyMapping,
-  buildTriangulation
-};
-//# sourceMappingURL=keyboard-navigation.js.map

package/dist/maps/column-navigation/utils/keyboard-navigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"keyboard-navigation.js","sources":["../../../../src/maps/column-navigation/utils/keyboard-navigation.ts"],"sourcesContent":["import { geoCentroid } from \"d3-geo\";\nimport { geoVoronoi } from \"d3-geo-voronoi\";\n\nexport function buildKeyMapping(\n  neighbors,\n  centroids,\n  currentIndex,\n  projection,\n) {\n  if (neighbors == null) return;\n\n  const currentCentroid = projection(centroids[currentIndex]);\n\n  let edgeAngles = neighbors.map((index) => {\n    const centroid = projection(centroids[index]);\n    const dx = centroid[0] - currentCentroid[0];\n    const dy = centroid[1] - currentCentroid[1];\n    return { col_index: index, angle: Math.atan2(dy, dx) };\n  });\n\n  edgeAngles.sort((d) => d.angle);\n\n  function closestAngle(num) {\n    // Find closest angle in array of neighbors\n    let curr = edgeAngles[0];\n    for (let next of edgeAngles) {\n      if (\n        Math.abs(normalize(num - next.angle)) <\n        Math.abs(normalize(num - curr.angle))\n      ) {\n        curr = next;\n      }\n    }\n    return curr.col_index;\n  }\n\n  return {\n    37: closestAngle(Math.PI), // left\n    38: closestAngle((3 * Math.PI) / 2), // up\n    39: closestAngle(0), // right\n    40: closestAngle(Math.PI / 2), // down\n  };\n}\n\nfunction normalize(angle) {\n  if (angle > Math.PI) {\n    angle -= 2 * Math.PI;\n  } else if (angle <= -Math.PI) {\n    angle += 2 * Math.PI;\n  }\n  return angle;\n}\n\nexport function buildTriangulation(features) {\n  const centroids = features.map(geoCentroid);\n  const tri = geoVoronoi(centroids);\n  return { centroids, tri };\n}\n"],"names":[],"mappings":";;AAGO,SAAS,gBACd,WACA,WACA,cACA,YACA;AACA,MAAI,aAAa,KAAM;AAEvB,QAAM,kBAAkB,WAAW,UAAU,YAAY,CAAC;AAE1D,MAAI,aAAa,UAAU,IAAI,CAAC,UAAU;AACxC,UAAM,WAAW,WAAW,UAAU,KAAK,CAAC;AAC5C,UAAM,KAAK,SAAS,CAAC,IAAI,gBAAgB,CAAC;AAC1C,UAAM,KAAK,SAAS,CAAC,IAAI,gBAAgB,CAAC;AAC1C,WAAO,EAAE,WAAW,OAAO,OAAO,KAAK,MAAM,IAAI,EAAE,EAAA;AAAA,EACrD,CAAC;AAED,aAAW,KAAK,CAAC,MAAM,EAAE,KAAK;AAE9B,WAAS,aAAa,KAAK;AAEzB,QAAI,OAAO,WAAW,CAAC;AACvB,aAAS,QAAQ,YAAY;AAC3B,UACE,KAAK,IAAI,UAAU,MAAM,KAAK,KAAK,CAAC,IACpC,KAAK,IAAI,UAAU,MAAM,KAAK,KAAK,CAAC,GACpC;AACA,eAAO;AAAA,MACT;AAAA,IACF;AACA,WAAO,KAAK;AAAA,EACd;AAEA,SAAO;AAAA,IACL,IAAI,aAAa,KAAK,EAAE;AAAA;AAAA,IACxB,IAAI,aAAc,IAAI,KAAK,KAAM,CAAC;AAAA;AAAA,IAClC,IAAI,aAAa,CAAC;AAAA;AAAA,IAClB,IAAI,aAAa,KAAK,KAAK,CAAC;AAAA;AAAA,EAAA;AAEhC;AAEA,SAAS,UAAU,OAAO;AACxB,MAAI,QAAQ,KAAK,IAAI;AACnB,aAAS,IAAI,KAAK;AAAA,EACpB,WAAW,SAAS,CAAC,KAAK,IAAI;AAC5B,aAAS,IAAI,KAAK;AAAA,EACpB;AACA,SAAO;AACT;AAEO,SAAS,mBAAmB,UAAU;AAC3C,QAAM,YAAY,SAAS,IAAI,WAAW;AAC1C,QAAM,MAAM,WAAW,SAAS;AAChC,SAAO,EAAE,WAAW,IAAA;AACtB;"}

package/dist/maps/index.d.ts

@@ -1,4 +0,0 @@
-export * from './column-navigation';
-export * from './column-correlation';
-export * from './inset-map';
-export * from './layers';

package/dist/maps/inset-map/index.cjs

@@ -1,71 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const mapInterface = require("@macrostrat/map-interface");
-const h = require("@macrostrat/hyper");
-const mapboxReact = require("@macrostrat/mapbox-react");
-const uiComponents = require("@macrostrat/ui-components");
-const mapboxUtils = require("@macrostrat/mapbox-utils");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const h__default = /* @__PURE__ */ _interopDefault(h);
-function InsetMap({
-  controls,
-  className,
-  children,
-  style,
-  mapStyle,
-  accessToken,
-  showLabels = false,
-  showAdmin = false,
-  showRoads = false,
-  ...rest
-}) {
-  const inDarkMode = uiComponents.useInDarkMode();
-  const _style = React.useMemo(() => {
-    return mapStyle ?? mapInterface.getBasicMapStyle({ inDarkMode });
-  }, [mapStyle, inDarkMode]);
-  const transformStyle = React.useCallback(
-    (style2) => {
-      let newStyle = style2;
-      if (!showLabels) {
-        newStyle = mapboxUtils.removeMapLabels(newStyle);
-      }
-      if (!showAdmin) {
-        newStyle = mapboxUtils.removeSourceFromStyle(newStyle, null, "admin");
-      }
-      if (!showRoads) {
-        newStyle = mapboxUtils.removeSourceFromStyle(newStyle, null, "road");
-        newStyle = mapboxUtils.removeSourceFromStyle(newStyle, null, "aeroway");
-      }
-      return newStyle;
-    },
-    [mapStyle, showLabels, showRoads, showAdmin]
-  );
-  return h__default.default("div.inset-map", { className, style }, [
-    h__default.default(mapboxReact.MapboxMapProvider, [
-      controls,
-      h__default.default(
-        mapInterface.MapView,
-        {
-          style: _style,
-          accessToken,
-          standalone: true,
-          /* Default map position that centers on the bulk of Macrostrat columns
-           */
-          mapPosition: {
-            camera: {
-              lng: -100,
-              lat: 38,
-              altitude: 5e6
-            }
-          },
-          transformStyle,
-          ...rest
-        },
-        children
-      )
-    ])
-  ]);
-}
-exports.InsetMap = InsetMap;
-//# sourceMappingURL=index.cjs.map

package/dist/maps/inset-map/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/maps/inset-map/index.ts"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport {\n  MapView,\n  getBasicMapStyle,\n  MapViewProps,\n} from \"@macrostrat/map-interface\";\nimport h from \"@macrostrat/hyper\";\nimport { MapboxMapProvider } from \"@macrostrat/mapbox-react\";\nimport { useInDarkMode } from \"@macrostrat/ui-components\";\nimport {\n  removeMapLabels,\n  removeSourceFromStyle,\n} from \"@macrostrat/mapbox-utils\";\nimport type { ReactNode, CSSProperties } from \"react\";\n\nexport interface InsetMapProps extends Omit<MapViewProps, \"style\"> {\n  controls?: ReactNode;\n  className?: string;\n  children?: ReactNode;\n  style?: CSSProperties;\n  mapStyle?: mapboxgl.Style | string;\n  showLabels?: boolean;\n  showAdmin?: boolean;\n  showRoads?: boolean;\n}\n\nexport function InsetMap({\n  controls,\n  className,\n  children,\n  style,\n  mapStyle,\n  accessToken,\n  showLabels = false,\n  showAdmin = false,\n  showRoads = false,\n  ...rest\n}: InsetMapProps) {\n  const inDarkMode = useInDarkMode();\n  const _style = useMemo((): mapboxgl.Style | string => {\n    return mapStyle ?? getBasicMapStyle({ inDarkMode });\n  }, [mapStyle, inDarkMode]);\n\n  const transformStyle = useCallback(\n    (style) => {\n      let newStyle = style;\n      if (!showLabels) {\n        newStyle = removeMapLabels(newStyle);\n      }\n      if (!showAdmin) {\n        newStyle = removeSourceFromStyle(newStyle, null, \"admin\");\n      }\n      if (!showRoads) {\n        newStyle = removeSourceFromStyle(newStyle, null, \"road\");\n        newStyle = removeSourceFromStyle(newStyle, null, \"aeroway\");\n      }\n      return newStyle;\n    },\n    [mapStyle, showLabels, showRoads, showAdmin],\n  );\n\n  return h(\"div.inset-map\", { className, style }, [\n    h(MapboxMapProvider, [\n      controls,\n      h(\n        MapView,\n        {\n          style: _style,\n          accessToken,\n          standalone: true,\n          /* Default map position that centers on the bulk of Macrostrat columns\n           */\n          mapPosition: {\n            camera: {\n              lng: -100,\n              lat: 38,\n              altitude: 5000000,\n            },\n          },\n          transformStyle,\n          ...rest,\n        },\n        children,\n      ),\n    ]),\n  ]);\n}\n"],"names":["useInDarkMode","useMemo","getBasicMapStyle","useCallback","style","removeMapLabels","removeSourceFromStyle","h","MapboxMapProvider","MapView"],"mappings":";;;;;;;;;;AA0BO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,GAAG;AACL,GAAkB;AAChB,QAAM,aAAaA,aAAAA,cAAA;AACnB,QAAM,SAASC,MAAAA,QAAQ,MAA+B;AACpD,WAAO,YAAYC,aAAAA,iBAAiB,EAAE,YAAY;AAAA,EACpD,GAAG,CAAC,UAAU,UAAU,CAAC;AAEzB,QAAM,iBAAiBC,MAAAA;AAAAA,IACrB,CAACC,WAAU;AACT,UAAI,WAAWA;AACf,UAAI,CAAC,YAAY;AACf,mBAAWC,YAAAA,gBAAgB,QAAQ;AAAA,MACrC;AACA,UAAI,CAAC,WAAW;AACd,mBAAWC,YAAAA,sBAAsB,UAAU,MAAM,OAAO;AAAA,MAC1D;AACA,UAAI,CAAC,WAAW;AACd,mBAAWA,YAAAA,sBAAsB,UAAU,MAAM,MAAM;AACvD,mBAAWA,YAAAA,sBAAsB,UAAU,MAAM,SAAS;AAAA,MAC5D;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,UAAU,YAAY,WAAW,SAAS;AAAA,EAAA;AAG7C,SAAOC,WAAAA,QAAE,iBAAiB,EAAE,WAAW,SAAS;AAAA,IAC9CA,WAAAA,QAAEC,YAAAA,mBAAmB;AAAA,MACnB;AAAA,MACAD,WAAAA;AAAAA,QACEE,aAAAA;AAAAA,QACA;AAAA,UACE,OAAO;AAAA,UACP;AAAA,UACA,YAAY;AAAA;AAAA;AAAA,UAGZ,aAAa;AAAA,YACX,QAAQ;AAAA,cACN,KAAK;AAAA,cACL,KAAK;AAAA,cACL,UAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UAEF;AAAA,UACA,GAAG;AAAA,QAAA;AAAA,QAEL;AAAA,MAAA;AAAA,IACF,CACD;AAAA,EAAA,CACF;AACH;;"}

package/dist/maps/inset-map/index.d.ts

@@ -1,16 +0,0 @@
-import { MapViewProps } from '@macrostrat/map-interface';
-import { ReactNode, CSSProperties } from 'react';
-export interface InsetMapProps extends Omit<MapViewProps, "style"> {
-    controls?: ReactNode;
-    className?: string;
-    children?: ReactNode;
-    style?: CSSProperties;
-    mapStyle?: mapboxgl.Style | string;
-    showLabels?: boolean;
-    showAdmin?: boolean;
-    showRoads?: boolean;
-}
-export declare function InsetMap({ controls, className, children, style, mapStyle, accessToken, showLabels, showAdmin, showRoads, ...rest }: InsetMapProps): import('react').ReactElement<{
-    className: string | undefined;
-    style: CSSProperties | undefined;
-}, string | import('react').JSXElementConstructor<any>>;

package/dist/maps/inset-map/index.js

@@ -1,69 +0,0 @@
-import { useMemo, useCallback } from "react";
-import { getBasicMapStyle, MapView } from "@macrostrat/map-interface";
-import h from "@macrostrat/hyper";
-import { MapboxMapProvider } from "@macrostrat/mapbox-react";
-import { useInDarkMode } from "@macrostrat/ui-components";
-import { removeMapLabels, removeSourceFromStyle } from "@macrostrat/mapbox-utils";
-function InsetMap({
-  controls,
-  className,
-  children,
-  style,
-  mapStyle,
-  accessToken,
-  showLabels = false,
-  showAdmin = false,
-  showRoads = false,
-  ...rest
-}) {
-  const inDarkMode = useInDarkMode();
-  const _style = useMemo(() => {
-    return mapStyle ?? getBasicMapStyle({ inDarkMode });
-  }, [mapStyle, inDarkMode]);
-  const transformStyle = useCallback(
-    (style2) => {
-      let newStyle = style2;
-      if (!showLabels) {
-        newStyle = removeMapLabels(newStyle);
-      }
-      if (!showAdmin) {
-        newStyle = removeSourceFromStyle(newStyle, null, "admin");
-      }
-      if (!showRoads) {
-        newStyle = removeSourceFromStyle(newStyle, null, "road");
-        newStyle = removeSourceFromStyle(newStyle, null, "aeroway");
-      }
-      return newStyle;
-    },
-    [mapStyle, showLabels, showRoads, showAdmin]
-  );
-  return h("div.inset-map", { className, style }, [
-    h(MapboxMapProvider, [
-      controls,
-      h(
-        MapView,
-        {
-          style: _style,
-          accessToken,
-          standalone: true,
-          /* Default map position that centers on the bulk of Macrostrat columns
-           */
-          mapPosition: {
-            camera: {
-              lng: -100,
-              lat: 38,
-              altitude: 5e6
-            }
-          },
-          transformStyle,
-          ...rest
-        },
-        children
-      )
-    ])
-  ]);
-}
-export {
-  InsetMap
-};
-//# sourceMappingURL=index.js.map

package/dist/maps/inset-map/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/maps/inset-map/index.ts"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport {\n  MapView,\n  getBasicMapStyle,\n  MapViewProps,\n} from \"@macrostrat/map-interface\";\nimport h from \"@macrostrat/hyper\";\nimport { MapboxMapProvider } from \"@macrostrat/mapbox-react\";\nimport { useInDarkMode } from \"@macrostrat/ui-components\";\nimport {\n  removeMapLabels,\n  removeSourceFromStyle,\n} from \"@macrostrat/mapbox-utils\";\nimport type { ReactNode, CSSProperties } from \"react\";\n\nexport interface InsetMapProps extends Omit<MapViewProps, \"style\"> {\n  controls?: ReactNode;\n  className?: string;\n  children?: ReactNode;\n  style?: CSSProperties;\n  mapStyle?: mapboxgl.Style | string;\n  showLabels?: boolean;\n  showAdmin?: boolean;\n  showRoads?: boolean;\n}\n\nexport function InsetMap({\n  controls,\n  className,\n  children,\n  style,\n  mapStyle,\n  accessToken,\n  showLabels = false,\n  showAdmin = false,\n  showRoads = false,\n  ...rest\n}: InsetMapProps) {\n  const inDarkMode = useInDarkMode();\n  const _style = useMemo((): mapboxgl.Style | string => {\n    return mapStyle ?? getBasicMapStyle({ inDarkMode });\n  }, [mapStyle, inDarkMode]);\n\n  const transformStyle = useCallback(\n    (style) => {\n      let newStyle = style;\n      if (!showLabels) {\n        newStyle = removeMapLabels(newStyle);\n      }\n      if (!showAdmin) {\n        newStyle = removeSourceFromStyle(newStyle, null, \"admin\");\n      }\n      if (!showRoads) {\n        newStyle = removeSourceFromStyle(newStyle, null, \"road\");\n        newStyle = removeSourceFromStyle(newStyle, null, \"aeroway\");\n      }\n      return newStyle;\n    },\n    [mapStyle, showLabels, showRoads, showAdmin],\n  );\n\n  return h(\"div.inset-map\", { className, style }, [\n    h(MapboxMapProvider, [\n      controls,\n      h(\n        MapView,\n        {\n          style: _style,\n          accessToken,\n          standalone: true,\n          /* Default map position that centers on the bulk of Macrostrat columns\n           */\n          mapPosition: {\n            camera: {\n              lng: -100,\n              lat: 38,\n              altitude: 5000000,\n            },\n          },\n          transformStyle,\n          ...rest,\n        },\n        children,\n      ),\n    ]),\n  ]);\n}\n"],"names":["style"],"mappings":";;;;;;AA0BO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,GAAG;AACL,GAAkB;AAChB,QAAM,aAAa,cAAA;AACnB,QAAM,SAAS,QAAQ,MAA+B;AACpD,WAAO,YAAY,iBAAiB,EAAE,YAAY;AAAA,EACpD,GAAG,CAAC,UAAU,UAAU,CAAC;AAEzB,QAAM,iBAAiB;AAAA,IACrB,CAACA,WAAU;AACT,UAAI,WAAWA;AACf,UAAI,CAAC,YAAY;AACf,mBAAW,gBAAgB,QAAQ;AAAA,MACrC;AACA,UAAI,CAAC,WAAW;AACd,mBAAW,sBAAsB,UAAU,MAAM,OAAO;AAAA,MAC1D;AACA,UAAI,CAAC,WAAW;AACd,mBAAW,sBAAsB,UAAU,MAAM,MAAM;AACvD,mBAAW,sBAAsB,UAAU,MAAM,SAAS;AAAA,MAC5D;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,UAAU,YAAY,WAAW,SAAS;AAAA,EAAA;AAG7C,SAAO,EAAE,iBAAiB,EAAE,WAAW,SAAS;AAAA,IAC9C,EAAE,mBAAmB;AAAA,MACnB;AAAA,MACA;AAAA,QACE;AAAA,QACA;AAAA,UACE,OAAO;AAAA,UACP;AAAA,UACA,YAAY;AAAA;AAAA;AAAA,UAGZ,aAAa;AAAA,YACX,QAAQ;AAAA,cACN,KAAK;AAAA,cACL,KAAK;AAAA,cACL,UAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UAEF;AAAA,UACA,GAAG;AAAA,QAAA;AAAA,QAEL;AAAA,MAAA;AAAA,IACF,CACD;AAAA,EAAA,CACF;AACH;"}

package/dist/maps/layers/columns.cjs

@@ -1,165 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const mapboxReact = require("@macrostrat/mapbox-react");
-const mapboxUtils = require("@macrostrat/mapbox-utils");
-const colorUtils = require("@macrostrat/color-utils");
-function BaseColumnsLayer({
-  enabled = true,
-  columns,
-  ...rest
-}) {
-  mapboxReact.useOverlayStyle(() => enabled ? buildColumnsStyle(rest) : null, [enabled]);
-  mapboxReact.useMapStyleOperator(
-    (map) => {
-      if (columns == null) {
-        return;
-      }
-      mapboxUtils.setGeoJSON(map, "columns", promoteToFeatureCollection(columns));
-    },
-    [columns, enabled]
-  );
-  return null;
-}
-function promoteToFeatureCollection(data) {
-  if (data == null) return null;
-  if ("type" in data && data.type == "Feature") {
-    return {
-      type: "FeatureCollection",
-      features: [data]
-    };
-  }
-  if ("type" in data && data.type == "FeatureCollection" && "features" in data) {
-    return data;
-  }
-  return {
-    type: "FeatureCollection",
-    features: data
-  };
-}
-function buildColumnsStyle(opts = {}) {
-  const { color } = opts;
-  const columnBaseColor = color ?? colorUtils.getCSSVariable("--text-subtle-color", "black");
-  let columnColor = columnBaseColor;
-  const columnSelectedColor = opts.selectedColor ?? colorUtils.getCSSVariable("--selection-color", "purple");
-  const lineColor = opts.lineColor ?? columnBaseColor;
-  const isHovered = [
-    "any",
-    ["boolean", ["feature-state", "hover"], false],
-    ["boolean", ["feature-state", "highlighted"], false]
-  ];
-  if (typeof columnColor === "string") {
-    columnColor = [
-      "coalesce",
-      ["feature-state", "color"],
-      ["get", "color"],
-      columnColor
-    ];
-  }
-  const fillOpacity = opts.opacity ?? 0.1;
-  const lineOpacity = opts.lineOpacity ?? 0.5;
-  const lineWidth = opts.lineWidth ?? 2;
-  const circleRadius = opts.circleRadius ?? 4;
-  return {
-    sources: {
-      columns: mapboxUtils.buildGeoJSONSource()
-    },
-    version: 8,
-    layers: [
-      {
-        id: "columns-fill",
-        type: "fill",
-        source: "columns",
-        paint: {
-          "fill-color": columnColor,
-          "fill-opacity": fillOpacity
-        }
-      },
-      {
-        id: "columns-points",
-        type: "circle",
-        source: "columns",
-        paint: {
-          "circle-radius": circleRadius,
-          "circle-color": columnColor,
-          "circle-opacity": fillOpacity
-        },
-        filter: ["==", "$type", "Point"]
-      },
-      {
-        id: "columns-line",
-        type: "line",
-        source: "columns",
-        paint: {
-          "line-color": ["case", isHovered, columnSelectedColor, lineColor],
-          "line-width": lineWidth,
-          "line-opacity": ["case", isHovered, 1, lineOpacity]
-        }
-      }
-    ]
-  };
-}
-const selectedColumnSourceID = "selectedColumn";
-function SelectedColumnOverlay({
-  selectedColumn,
-  ...styleOpts
-}) {
-  mapboxReact.useOverlayStyle(() => buildSelectedColumnStyle(styleOpts), []);
-  mapboxReact.useMapStyleOperator(
-    (map) => {
-      mapboxUtils.setGeoJSON(
-        map,
-        selectedColumnSourceID,
-        promoteToFeatureCollection(selectedColumn)
-      );
-    },
-    [selectedColumn]
-  );
-  return null;
-}
-function buildSelectedColumnStyle(opts = {}) {
-  const columnSelectedColor = opts.color ?? colorUtils.getCSSVariable("--selection-color", "purple");
-  return {
-    sources: {
-      selectedColumn: mapboxUtils.buildGeoJSONSource()
-    },
-    version: 8,
-    layers: [
-      {
-        id: "selected-column-highlight",
-        type: "fill",
-        source: selectedColumnSourceID,
-        paint: {
-          "fill-color": columnSelectedColor,
-          "fill-opacity": 0.5
-        },
-        filter: ["==", "$type", "Polygon"]
-      },
-      {
-        id: "selected-column-edge",
-        type: "line",
-        source: selectedColumnSourceID,
-        paint: {
-          "line-color": columnSelectedColor,
-          "line-width": 2,
-          "line-opacity": 1
-        },
-        filter: ["==", "$type", "Polygon"]
-      },
-      {
-        id: "selected-column-point",
-        type: "circle",
-        source: selectedColumnSourceID,
-        paint: {
-          "circle-radius": 6,
-          "circle-color": columnSelectedColor,
-          "circle-opacity": 1
-        },
-        filter: ["==", "$type", "Point"]
-      }
-    ]
-  };
-}
-exports.BaseColumnsLayer = BaseColumnsLayer;
-exports.SelectedColumnOverlay = SelectedColumnOverlay;
-exports.buildColumnsStyle = buildColumnsStyle;
-//# sourceMappingURL=columns.cjs.map