@macrostrat/column-views 2.4.4 → 3.0.0

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

@@ -0,0 +1,175 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const h = require("@macrostrat/hyper");
+const svgMapComponents = require("@macrostrat/svg-map-components");
+const uiComponents = require("@macrostrat/ui-components");
+const chroma = require("chroma-js");
+const React = require("react");
+const keyboardNavigation = require("../utils/keyboard-navigation.cjs");
+const fetch = require("../../../data-provider/fetch.cjs");
+const defaultStyle = {
+  fill: "rgb(239, 180, 249)",
+  stroke: "magenta"
+};
+function MeasurementsLayer(props) {
+  const { style = defaultStyle, ...params } = props;
+  const res = uiComponents.useAPIResult("/measurements", {
+    ...params,
+    format: "geojson",
+    response: "light"
+  });
+  if (res == null) return null;
+  return h(svgMapComponents.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(
+    svgMapComponents.FeatureLayer,
+    {
+      className: "columns",
+      useCanvas: onClick == null,
+      style: {
+        fill: c.alpha(0.2).css(),
+        stroke: c.alpha(0.4).css()
+      }
+    },
+    features?.map((f) => {
+      return h(svgMapComponents.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 } = React.useContext(svgMapComponents.MapContext);
+  const { centroids, tri } = React.useMemo(
+    () => keyboardNavigation.buildTriangulation(features),
+    [features]
+  );
+  const currentIndex = React.useMemo(() => {
+    return features.findIndex((d) => d.properties.col_id == col_id);
+  }, [features, col_id]);
+  const neighbors = tri.delaunay.neighbors[currentIndex];
+  const keyMapping = React.useMemo(() => {
+    return keyboardNavigation.buildKeyMapping(neighbors, centroids, currentIndex, projection);
+  }, [neighbors, currentIndex]);
+  uiComponents.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(svgMapComponents.FeatureLayer, {
+      features: tri.links().features,
+      useCanvas: false,
+      style: {
+        stroke: "purple",
+        fill: "transparent"
+      }
+    }),
+    h(svgMapComponents.FeatureLayer, {
+      features: neighborFeatures,
+      useCanvas: false,
+      style: {
+        stroke: "rgb(93, 101, 212)",
+        strokeWidth: 3,
+        fill: "rgba(93, 101, 212, 0.5)"
+      }
+    }),
+    h(svgMapComponents.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 = fetch.useColumnFeatures({
+    apiRoute,
+    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(svgMapComponents.FeatureLayer, {
+    features: [feature],
+    style: {
+      fill: "rgba(255,0,0,0.4)",
+      stroke: "rgba(255,0,0,0.6)",
+      strokeWidth: 2
+    }
+  });
+};
+exports.ColumnCenters = ColumnCenters;
+exports.ColumnFeatures = ColumnFeatures;
+exports.ColumnKeyboardNavigation = ColumnKeyboardNavigation;
+exports.Columns = Columns;
+exports.CurrentColumn = CurrentColumn;
+exports.MeasurementsLayer = MeasurementsLayer;
+//# sourceMappingURL=layers.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layers.cjs","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-provider\";\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":["useAPIResult","FeatureLayer","Feature","useContext","MapContext","useMemo","buildTriangulation","buildKeyMapping","useKeyHandler","useColumnFeatures"],"mappings":"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"}

package/dist/maps/column-navigation/svg/layers.d.ts

@@ -0,0 +1,54 @@
+import { ExtendedFeature } from 'd3-geo';
+import { Polygon } from 'geojson';
+export declare function MeasurementsLayer(props: any): import('react').FunctionComponentElement<{
+    [k: string]: any;
+    geometry?: object;
+    features?: import('@macrostrat/svg-map-components').IFeature[];
+    useCanvas?: boolean;
+} & {
+    children?: import('react').ReactNode | undefined;
+}>;
+type ColumnProps = {
+    col_id: number;
+};
+type ColumnFeature = ExtendedFeature<Polygon, ColumnProps>;
+declare function ColumnFeatures(props: any): import('react').FunctionComponentElement<{
+    [k: string]: any;
+    geometry?: object;
+    features?: import('@macrostrat/svg-map-components').IFeature[];
+    useCanvas?: boolean;
+} & {
+    children?: import('react').ReactNode | undefined;
+}>;
+declare enum MacrostratStatusCode {
+    InProcess = "in process"
+}
+interface ColumnNavProps {
+    col_id: number;
+    status_code?: MacrostratStatusCode;
+    project_id?: number;
+    onChange(col_id: number): void;
+}
+interface KeyboardNavProps extends ColumnNavProps {
+    features: ColumnFeature[];
+    showLayers: boolean;
+}
+declare function ColumnKeyboardNavigation(props: KeyboardNavProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+interface ColumnExtraInfo {
+    apiRoute?: string;
+    color?: string;
+    filterColumns?(d: ColumnFeature): boolean;
+    showDebugLayers?: boolean;
+    format?: "topojson" | "geojson";
+}
+declare const Columns: (props: ColumnNavProps & ColumnExtraInfo) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+declare const ColumnCenters: (props: ColumnNavProps) => import('react').FunctionComponentElement<ColumnNavProps & ColumnExtraInfo>;
+declare const CurrentColumn: (props: any) => import('react').FunctionComponentElement<{
+    [k: string]: any;
+    geometry?: object;
+    features?: import('@macrostrat/svg-map-components').IFeature[];
+    useCanvas?: boolean;
+} & {
+    children?: import('react').ReactNode | undefined;
+}>;
+export { Columns, CurrentColumn, ColumnCenters, ColumnFeatures, ColumnKeyboardNavigation, };

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

@@ -0,0 +1,175 @@
+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 { buildTriangulation, buildKeyMapping } from "../utils/keyboard-navigation.js";
+import { useColumnFeatures } from "../../../data-provider/fetch.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({
+    apiRoute,
+    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

@@ -0,0 +1 @@
+{"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-provider\";\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

@@ -0,0 +1,50 @@
+"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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1,50 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,3 @@
+export * from './column-navigation';
+export * from './column-correlation';
+export * from './_shared';

package/dist/notes.cjs

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const h = require("@macrostrat/hyper");
+const columnComponents = require("@macrostrat/column-components");
+const composite = require("./units/composite.cjs");
+const store = require("./data-provider/store.cjs");
+function ColumnNotes({
+  notes,
+  width = 200,
+  noteComponent,
+  paddingLeft = 60,
+  deltaConnectorAttachment,
+  focusedNoteComponent,
+  children
+}) {
+  const { totalHeight } = store.useMacrostratColumnData();
+  const scale = store.useCompositeScale();
+  return h(
+    composite.ColumnNotesProvider,
+    {
+      scale,
+      totalHeight,
+      pixelScale: -1
+    },
+    [
+      h(columnComponents.SVG, { width, height: totalHeight, paddingH: 4 }, [
+        h(columnComponents.NotesColumn, {
+          width,
+          notes,
+          noteComponent,
+          paddingLeft,
+          deltaConnectorAttachment,
+          focusedNoteComponent
+        })
+      ]),
+      children
+    ]
+  );
+}
+exports.ColumnNotes = ColumnNotes;
+//# sourceMappingURL=notes.cjs.map

package/dist/notes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"notes.cjs","sources":["../src/notes.ts"],"sourcesContent":["import h from \"@macrostrat/hyper\";\n\nimport { ColumnNotesProvider } from \"./units\";\n\nimport { NotesColumn, SVG } from \"@macrostrat/column-components\";\nimport { useCompositeScale, useMacrostratColumnData } from \"./data-provider\";\nimport type { ComponentType, ReactNode } from \"react\";\n\ninterface ColumnNotesProps {\n  notes: any[];\n  width?: number;\n  noteComponent?: any;\n  paddingLeft?: number;\n  deltaConnectorAttachment?: number;\n  children?: ReactNode;\n  focusedNoteComponent?: ComponentType<any> | null;\n}\n\nexport function ColumnNotes({\n  notes,\n  width = 200,\n  noteComponent,\n  paddingLeft = 60,\n  deltaConnectorAttachment,\n  focusedNoteComponent,\n  children,\n}: ColumnNotesProps) {\n  const { totalHeight } = useMacrostratColumnData();\n  const scale = useCompositeScale();\n\n  return h(\n    ColumnNotesProvider,\n    {\n      scale,\n      totalHeight,\n      pixelScale: -1,\n    },\n    [\n      h(SVG, { width, height: totalHeight, paddingH: 4 }, [\n        h(NotesColumn, {\n          width,\n          notes,\n          noteComponent,\n          paddingLeft,\n          deltaConnectorAttachment,\n          focusedNoteComponent,\n        }),\n      ]),\n      children,\n    ],\n  );\n}\n"],"names":["useMacrostratColumnData","useCompositeScale","ColumnNotesProvider","SVG","NotesColumn"],"mappings":";;;;;;AAkBO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AACF,GAAqB;AACnB,QAAM,EAAE,YAAA,IAAgBA,8BAAA;AACxB,QAAM,QAAQC,MAAAA,kBAAA;AAEd,SAAO;AAAA,IACLC,UAAAA;AAAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA,YAAY;AAAA,IAAA;AAAA,IAEd;AAAA,MACE,EAAEC,iBAAAA,KAAK,EAAE,OAAO,QAAQ,aAAa,UAAU,KAAK;AAAA,QAClD,EAAEC,iBAAAA,aAAa;AAAA,UACb;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA,CACD;AAAA,MAAA,CACF;AAAA,MACD;AAAA,IAAA;AAAA,EACF;AAEJ;;"}

package/dist/notes.d.ts

@@ -0,0 +1,12 @@
+import { ComponentType, ReactNode } from 'react';
+interface ColumnNotesProps {
+    notes: any[];
+    width?: number;
+    noteComponent?: any;
+    paddingLeft?: number;
+    deltaConnectorAttachment?: number;
+    children?: ReactNode;
+    focusedNoteComponent?: ComponentType<any> | null;
+}
+export declare function ColumnNotes({ notes, width, noteComponent, paddingLeft, deltaConnectorAttachment, focusedNoteComponent, children, }: ColumnNotesProps): import('react').FunctionComponentElement<any>;
+export {};