@macrostrat/column-views 2.4.4 → 3.0.1

package/dist/esm/column-views.76fb9948.js

@@ -1,169 +0,0 @@
-import {useColumnFeatures as $33a46f9423c8104a$export$e3270a4e30e40ff9} from "./column-views.5e1c216f.js";
-import {buildKeyMapping as $40b71acee908f16d$export$b3975a0f05980d25, buildTriangulation as $40b71acee908f16d$export$39cd73f2cb8dc4f7} from "./column-views.dc42f5d0.js";
-import $26TqL$macrostrathyper from "@macrostrat/hyper";
-import {FeatureLayer as $26TqL$FeatureLayer, Feature as $26TqL$Feature, MapContext as $26TqL$MapContext} from "@macrostrat/svg-map-components";
-import {useAPIResult as $26TqL$useAPIResult, useKeyHandler as $26TqL$useKeyHandler} from "@macrostrat/ui-components";
-import $26TqL$chromajs from "chroma-js";
-import {useContext as $26TqL$useContext, useMemo as $26TqL$useMemo} from "react";
-
-
-
-
-
-
-
-
-const $93f116a6493b17c3$var$defaultStyle = {
-    fill: "rgb(239, 180, 249)",
-    stroke: "magenta"
-};
-function $93f116a6493b17c3$export$2254347cd20e6080(props) {
-    const { style: style = $93f116a6493b17c3$var$defaultStyle, ...params } = props;
-    const res = (0, $26TqL$useAPIResult)("/measurements", {
-        ...params,
-        format: "geojson",
-        response: "light"
-    });
-    if (res == null) return null;
-    return (0, $26TqL$macrostrathyper)((0, $26TqL$FeatureLayer), {
-        useCanvas: false,
-        style: style,
-        features: res.features?.filter((d)=>d.properties.unit_id != null) ?? []
-    });
-}
-function $93f116a6493b17c3$export$f177ff57c101017a(props) {
-    const { features: features, onClick: onClick, color: color = "rgba(150,150,150, 1)", singleFeature: singleFeature = true } = props;
-    const c = (0, $26TqL$chromajs)(color);
-    return (0, $26TqL$macrostrathyper)((0, $26TqL$FeatureLayer), {
-        className: "columns",
-        useCanvas: onClick == null,
-        style: {
-            fill: c.alpha(0.2).css(),
-            stroke: c.alpha(0.4).css()
-        }
-    }, features?.map((f)=>{
-        return (0, $26TqL$macrostrathyper)((0, $26TqL$Feature), {
-            id: f.id ?? f.properties.col_id,
-            onClick: onClick,
-            feature: f
-        });
-    }));
-}
-var $93f116a6493b17c3$var$MacrostratStatusCode = /*#__PURE__*/ function(MacrostratStatusCode) {
-    MacrostratStatusCode["InProcess"] = "in process";
-    return MacrostratStatusCode;
-}($93f116a6493b17c3$var$MacrostratStatusCode || {});
-function $93f116a6493b17c3$export$8c41dd563753848(props) {
-    /** Keyboard navigation of columns using a Delaunay triangulation */ const { features: features = [], col_id: col_id = null, onChange: onChange, showLayers: showLayers = false, ...projectArgs } = props;
-    const { projection: projection } = (0, $26TqL$useContext)((0, $26TqL$MapContext));
-    const { centroids: centroids, tri: tri } = (0, $26TqL$useMemo)(()=>(0, $40b71acee908f16d$export$39cd73f2cb8dc4f7)(features), [
-        features
-    ]);
-    const currentIndex = (0, $26TqL$useMemo)(()=>{
-        return features.findIndex((d)=>d.properties.col_id == col_id);
-    }, [
-        features,
-        col_id
-    ]);
-    const neighbors = tri.delaunay.neighbors[currentIndex];
-    const keyMapping = (0, $26TqL$useMemo)(()=>{
-        return (0, $40b71acee908f16d$export$b3975a0f05980d25)(neighbors, centroids, currentIndex, projection);
-    }, [
-        neighbors,
-        currentIndex
-    ]);
-    (0, $26TqL$useKeyHandler)((event)=>{
-        const nextColumnIx = keyMapping[event.keyCode];
-        if (nextColumnIx == null) return;
-        // @ts-ignore
-        onChange(features[nextColumnIx]);
-    }, [
-        keyMapping
-    ]);
-    if (neighbors == null) return null;
-    const neighborFeatures = neighbors.map((d)=>features[d]);
-    return (0, $26TqL$macrostrathyper).if(showLayers)([
-        (0, $26TqL$macrostrathyper)((0, $26TqL$FeatureLayer), {
-            features: tri.links().features,
-            useCanvas: false,
-            style: {
-                stroke: "purple",
-                fill: "transparent"
-            }
-        }),
-        (0, $26TqL$macrostrathyper)((0, $26TqL$FeatureLayer), {
-            features: neighborFeatures,
-            useCanvas: false,
-            style: {
-                stroke: "rgb(93, 101, 212)",
-                strokeWidth: 3,
-                fill: "rgba(93, 101, 212, 0.5)"
-            }
-        }),
-        (0, $26TqL$macrostrathyper)((0, $26TqL$FeatureLayer), {
-            features: [
-                {
-                    type: "Feature",
-                    geometry: {
-                        type: "MultiPoint",
-                        coordinates: centroids
-                    }
-                }
-            ],
-            useCanvas: false,
-            style: {
-                r: 1,
-                fill: "purple"
-            }
-        })
-    ]);
-}
-const $93f116a6493b17c3$export$f02cc02ad0e0bba3 = (props)=>{
-    const { apiRoute: apiRoute = "/columns", onChange: onChange, col_id: col_id = null, status_code: status_code, project_id: project_id, color: color, filterColumns: filterColumns, showDebugLayers: showDebugLayers = false, format: format = "topojson" } = props;
-    let features = (0, $33a46f9423c8104a$export$e3270a4e30e40ff9)({
-        apiRoute: apiRoute,
-        status_code: status_code,
-        project_id: project_id,
-        format: format
-    });
-    if (features == null) return null;
-    if (filterColumns != null) features = features.filter(filterColumns);
-    return (0, $26TqL$macrostrathyper)([
-        (0, $26TqL$macrostrathyper)($93f116a6493b17c3$export$8c41dd563753848, {
-            features: features,
-            col_id: col_id,
-            onChange: onChange,
-            status_code: status_code,
-            project_id: project_id,
-            showLayers: showDebugLayers
-        }),
-        (0, $26TqL$macrostrathyper)($93f116a6493b17c3$export$f177ff57c101017a, {
-            features: features,
-            onClick: onChange,
-            color: color
-        })
-    ]);
-};
-const $93f116a6493b17c3$export$4d8f6e6df85d9012 = (props)=>{
-    return (0, $26TqL$macrostrathyper)($93f116a6493b17c3$export$f02cc02ad0e0bba3, {
-        apiRoute: "/defs/columns",
-        ...props
-    });
-};
-const $93f116a6493b17c3$export$b9d912252344e099 = (props)=>{
-    const { feature: feature } = props;
-    return (0, $26TqL$macrostrathyper)((0, $26TqL$FeatureLayer), {
-        features: [
-            feature
-        ],
-        style: {
-            fill: "rgba(255,0,0,0.4)",
-            stroke: "rgba(255,0,0,0.6)",
-            strokeWidth: 2
-        }
-    });
-};
-
-
-export {$93f116a6493b17c3$export$2254347cd20e6080 as MeasurementsLayer, $93f116a6493b17c3$export$f177ff57c101017a as ColumnFeatures, $93f116a6493b17c3$export$8c41dd563753848 as ColumnKeyboardNavigation, $93f116a6493b17c3$export$f02cc02ad0e0bba3 as Columns, $93f116a6493b17c3$export$4d8f6e6df85d9012 as ColumnCenters, $93f116a6493b17c3$export$b9d912252344e099 as CurrentColumn};
-//# sourceMappingURL=column-views.76fb9948.js.map

package/dist/esm/column-views.76fb9948.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/column-views/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":[],"version":3,"file":"column-views.76fb9948.js.map"}

package/dist/esm/column-views.7bfb4318.js

@@ -1,161 +0,0 @@
-import {FossilDataType as $a3ff7da576c02df0$export$a990c76b38782f57, useFossilData as $a3ff7da576c02df0$export$e6af757fa9780077} from "./column-views.6fff7602.js";
-import {useCompositeScale as $d5074f164411387e$export$a7fc62995ec4f76, useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./column-views.362aae9a.js";
-import "./column-views.cb6fc808.css";
-import $kg3Dq$columnviewsd5e788e8js from "./column-views.d5e788e8.js";
-import $kg3Dq$macrostrathyper from "@macrostrat/hyper";
-import {Box as $kg3Dq$Box, useElementSize as $kg3Dq$useElementSize} from "@macrostrat/ui-components";
-import {group as $kg3Dq$group} from "d3-array";
-import {ColumnSVG as $kg3Dq$ColumnSVG, ColumnAxisType as $kg3Dq$ColumnAxisType} from "@macrostrat/column-components";
-import {useRef as $kg3Dq$useRef} from "react";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-
-
-
-
-
-
-
-const $d419340b86dbd2ea$var$h = (0, $kg3Dq$macrostrathyper).styled((0, ($parcel$interopDefault($kg3Dq$columnviewsd5e788e8js))));
-function $d419340b86dbd2ea$export$652730986cccff7a({ columnID: columnID }) {
-    /* A column for a matrix of taxon occurrences displayed as a table beside the main column. This will
-  eventually be extended with first/last occurrence markers and range bars.
-   */ const data = (0, $a3ff7da576c02df0$export$e6af757fa9780077)(columnID, (0, $a3ff7da576c02df0$export$a990c76b38782f57).Occurrences);
-    const col = (0, $d5074f164411387e$export$f8509b7cce386c7d)();
-    const scale = (0, $d5074f164411387e$export$a7fc62995ec4f76)();
-    if (data == null) return null;
-    // convert the data to a map
-    const occurrenceMap = new Map((0, $kg3Dq$group)(data, (d)=>d.unit_id));
-    const matrix = $d419340b86dbd2ea$var$createOccurrenceMatrix(col.units, occurrenceMap, col.axisType);
-    const { taxonRanges: taxonRanges } = matrix;
-    const padding = 16;
-    const spacing = 16;
-    const taxonEntries = Array.from(taxonRanges.entries());
-    //const taxon = taxonEntries.slice(0, 50); // limit to top 50 taxa
-    const width = padding * 2 + spacing * taxonEntries.length;
-    return $d419340b86dbd2ea$var$h((0, $kg3Dq$Box), {
-        className: "taxon-ranges",
-        width: width,
-        height: col.totalHeight
-    }, [
-        $d419340b86dbd2ea$var$h($d419340b86dbd2ea$var$TaxonOccurrenceLabels, {
-            taxonEntries: taxonEntries,
-            padding: padding,
-            spacing: spacing,
-            scale: scale
-        }),
-        $d419340b86dbd2ea$var$h((0, $kg3Dq$ColumnSVG), {
-            width: padding * 2 + spacing * taxonEntries.length
-        }, $d419340b86dbd2ea$var$h("g.taxa-occurrences-matrix", taxonEntries.map(([taxonName, ranges], rowIndex)=>{
-            const xPosition = padding + rowIndex * spacing;
-            return $d419340b86dbd2ea$var$h("g", {
-                transform: `translate(${xPosition})`
-            }, [
-                ranges.map(([top, bottom])=>{
-                    return $d419340b86dbd2ea$var$h("line", {
-                        y1: scale(top),
-                        y2: scale(bottom)
-                    });
-                })
-            ]);
-        })))
-    ]);
-}
-function $d419340b86dbd2ea$var$TaxonOccurrenceLabels({ taxonEntries: taxonEntries, padding: padding, spacing: spacing, scale: scale }) {
-    return $d419340b86dbd2ea$var$h("div.taxon-labels", [
-        taxonEntries.map(([taxonName, ranges], rowIndex)=>{
-            const top = ranges[0]?.[0] ?? 0;
-            let topPx = scale(top) - 20;
-            if (topPx < 200) topPx = 0;
-            return $d419340b86dbd2ea$var$h($d419340b86dbd2ea$var$TaxonLabel, {
-                top: topPx,
-                left: padding + rowIndex * spacing,
-                taxonName: taxonName
-            });
-        })
-    ]);
-}
-function $d419340b86dbd2ea$var$TaxonLabel({ top: top, left: left, taxonName: taxonName }) {
-    const ref = (0, $kg3Dq$useRef)();
-    const textSize = (0, $kg3Dq$useElementSize)(ref);
-    const labelWidth = textSize?.height ?? 200;
-    return $d419340b86dbd2ea$var$h("div.taxon-label", {
-        style: {
-            top: `${top}px`,
-            marginLeft: `${left}px`,
-            "--label-width": `${labelWidth}px`
-        }
-    }, $d419340b86dbd2ea$var$h("div.taxon-label-inner", $d419340b86dbd2ea$var$h("div.taxon-label-text", {
-        ref: ref
-    }, taxonName)));
-}
-function $d419340b86dbd2ea$var$TaxonOccurrenceEntry({ xPosition: xPosition, ranges: ranges, scale: scale, name: name }) {
-    return $d419340b86dbd2ea$var$h("g", {
-        transform: `translate(${xPosition})`
-    }, [
-        ranges.map(([top, bottom])=>{
-            return $d419340b86dbd2ea$var$h("line", {
-                y1: scale(top),
-                y2: scale(bottom)
-            });
-        })
-    ]);
-}
-function $d419340b86dbd2ea$var$createOccurrenceMatrix(units, data, axisType = (0, $kg3Dq$ColumnAxisType).AGE) {
-    const taxonUnitMap = new Map();
-    const taxonOccurrenceMap = new Map();
-    for (const [unit_id, occurrences] of data.entries())for (const occ of occurrences){
-        const taxonName = occ.best_name ?? occ.taxon_name;
-        if (!taxonUnitMap.has(taxonName)) {
-            taxonUnitMap.set(taxonName, new Set());
-            taxonOccurrenceMap.set(taxonName, []);
-        }
-        taxonUnitMap.get(taxonName).add(unit_id);
-        taxonOccurrenceMap.get(taxonName).push(occ);
-    }
-    // sort the taxon occurrence map by number of occurrences
-    const sortedTaxa = Array.from(taxonUnitMap.entries()).sort((a, b)=>{
-        // Sort alphabetically by taxon name
-        return b[0].localeCompare(a[0]);
-    });
-    const taxonRanges = new Map();
-    for (const [taxonName, unitSet] of taxonUnitMap.entries())taxonRanges.set(taxonName, $d419340b86dbd2ea$var$accumulatePresenceDomains(units, unitSet, axisType));
-    return {
-        occurrenceMap: data,
-        taxonUnitMap: new Map(sortedTaxa),
-        taxonOccurrenceMap: taxonOccurrenceMap,
-        taxonRanges: taxonRanges
-    };
-}
-function $d419340b86dbd2ea$var$accumulatePresenceDomains(unit, presenceUnits, axisType) {
-    const domains = [];
-    let currentDomain = null;
-    for (const u of unit){
-        if (presenceUnits.has(u.unit_id)) {
-            if (currentDomain == null) {
-                if (axisType == (0, $kg3Dq$ColumnAxisType).DEPTH || axisType == (0, $kg3Dq$ColumnAxisType).HEIGHT) currentDomain = [
-                    u.t_pos,
-                    u.b_pos
-                ];
-                else currentDomain = [
-                    u.t_age,
-                    u.b_age
-                ];
-            } else if (axisType == (0, $kg3Dq$ColumnAxisType).DEPTH || axisType == (0, $kg3Dq$ColumnAxisType).HEIGHT) currentDomain[1] = u.b_pos;
-            else currentDomain[1] = u.b_age;
-        } else if (currentDomain != null) {
-            domains.push(currentDomain);
-            currentDomain = null;
-        }
-    }
-    if (currentDomain != null) domains.push(currentDomain);
-    return domains;
-}
-
-
-export {$d419340b86dbd2ea$export$652730986cccff7a as PBDBOccurrencesMatrix};
-//# sourceMappingURL=column-views.7bfb4318.js.map

package/dist/esm/column-views.7bfb4318.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/column-views/src/facets/fossils/taxon-ranges.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport {\n  FossilDataType,\n  PBDBEntity,\n  PBDBOccurrence,\n  useFossilData,\n} from \"./provider\";\nimport { Box, useElementSize } from \"@macrostrat/ui-components\";\nimport { group } from \"d3-array\";\nimport { ColumnAxisType, ColumnSVG } from \"@macrostrat/column-components\";\nimport {\n  useMacrostratColumnData,\n  useCompositeScale,\n} from \"../../data-provider\";\nimport { UnitLong } from \"@macrostrat/api-types\";\nimport styles from \"./taxon-ranges.module.sass\";\nimport { useRef } from \"react\";\n\nconst h = hyper.styled(styles);\n\nexport function PBDBOccurrencesMatrix({ columnID }) {\n  /* A column for a matrix of taxon occurrences displayed as a table beside the main column. This will\n  eventually be extended with first/last occurrence markers and range bars.\n   */\n  const data = useFossilData(columnID, FossilDataType.Occurrences);\n  const col = useMacrostratColumnData();\n  const scale = useCompositeScale();\n\n  if (data == null) return null;\n\n  // convert the data to a map\n  const occurrenceMap = new Map(group(data, (d) => d.unit_id)) as Map<\n    number,\n    PBDBOccurrence[]\n  >;\n\n  const matrix = createOccurrenceMatrix(col.units, occurrenceMap, col.axisType);\n\n  const { taxonRanges } = matrix;\n\n  const padding = 16;\n  const spacing = 16;\n\n  const taxonEntries = Array.from(taxonRanges.entries());\n  //const taxon = taxonEntries.slice(0, 50); // limit to top 50 taxa\n\n  const width = padding * 2 + spacing * taxonEntries.length;\n\n  return h(Box, { className: \"taxon-ranges\", width, height: col.totalHeight }, [\n    h(TaxonOccurrenceLabels, {\n      taxonEntries,\n      padding,\n      spacing,\n      scale,\n    }),\n    h(\n      ColumnSVG,\n      {\n        width: padding * 2 + spacing * taxonEntries.length,\n      },\n      h(\n        \"g.taxa-occurrences-matrix\",\n        taxonEntries.map(([taxonName, ranges], rowIndex) => {\n          const xPosition = padding + rowIndex * spacing;\n          return h(\"g\", { transform: `translate(${xPosition})` }, [\n            ranges.map(([top, bottom]) => {\n              return h(\"line\", {\n                y1: scale(top),\n                y2: scale(bottom),\n              });\n            }),\n          ]);\n        }),\n      ),\n    ),\n  ]);\n}\n\nfunction TaxonOccurrenceLabels({ taxonEntries, padding, spacing, scale }) {\n  return h(\"div.taxon-labels\", [\n    taxonEntries.map(([taxonName, ranges], rowIndex) => {\n      const top = ranges[0]?.[0] ?? 0;\n      let topPx = scale(top) - 20;\n      if (topPx < 200) topPx = 0;\n\n      return h(TaxonLabel, {\n        top: topPx,\n        left: padding + rowIndex * spacing,\n        taxonName,\n      });\n    }),\n  ]);\n}\n\nfunction TaxonLabel({ top, left, taxonName }) {\n  const ref = useRef();\n  const textSize = useElementSize(ref);\n  const labelWidth = textSize?.height ?? 200;\n  return h(\n    \"div.taxon-label\",\n    {\n      style: {\n        top: `${top}px`,\n        marginLeft: `${left}px`,\n        \"--label-width\": `${labelWidth}px`,\n      },\n    },\n    h(\"div.taxon-label-inner\", h(\"div.taxon-label-text\", { ref }, taxonName)),\n  );\n}\n\ntype TaxonUnitMap = Map<string, Set<number>>;\n\ninterface OccurrenceMatrixData {\n  occurrenceMap: Map<number, PBDBEntity[]>; // Map of unit IDs to occurrences (original data)\n  taxonUnitMap: TaxonUnitMap; // Map of taxon names to sets of unit IDs\n  taxonOccurrenceMap: Map<string, PBDBOccurrence[]>; // Map of taxon names to occurrences\n  taxonRanges: Map<string, [number, number][]>; // Map of taxon names to [top, bottom] pixel ranges\n}\n\nfunction TaxonOccurrenceEntry({\n  xPosition,\n  ranges,\n  scale,\n  name,\n}: {\n  xPosition: number;\n  units: Set<number>;\n  ranges: any;\n  scale: any;\n  name: string;\n}) {\n  return h(\"g\", { transform: `translate(${xPosition})` }, [\n    ranges.map(([top, bottom]) => {\n      return h(\"line\", {\n        y1: scale(top),\n        y2: scale(bottom),\n      });\n    }),\n  ]);\n}\n\nfunction createOccurrenceMatrix(\n  units: UnitLong[],\n  data: Map<number, PBDBOccurrence[]>,\n  axisType: ColumnAxisType = ColumnAxisType.AGE,\n): OccurrenceMatrixData {\n  const taxonUnitMap = new Map<string, Set<number>>();\n  const taxonOccurrenceMap = new Map<string, PBDBOccurrence[]>();\n\n  for (const [unit_id, occurrences] of data.entries()) {\n    for (const occ of occurrences) {\n      const taxonName = occ.best_name ?? occ.taxon_name;\n      if (!taxonUnitMap.has(taxonName)) {\n        taxonUnitMap.set(taxonName, new Set());\n        taxonOccurrenceMap.set(taxonName, []);\n      }\n      taxonUnitMap.get(taxonName).add(unit_id);\n      taxonOccurrenceMap.get(taxonName).push(occ);\n    }\n  }\n\n  // sort the taxon occurrence map by number of occurrences\n  const sortedTaxa = Array.from(taxonUnitMap.entries()).sort((a, b) => {\n    // Sort alphabetically by taxon name\n    return b[0].localeCompare(a[0]);\n  });\n\n  const taxonRanges = new Map<string, [number, number][]>();\n  for (const [taxonName, unitSet] of taxonUnitMap.entries()) {\n    taxonRanges.set(\n      taxonName,\n      accumulatePresenceDomains(units, unitSet, axisType),\n    );\n  }\n\n  return {\n    occurrenceMap: data,\n    taxonUnitMap: new Map(sortedTaxa),\n    taxonOccurrenceMap: taxonOccurrenceMap,\n    taxonRanges,\n  };\n}\n\nfunction accumulatePresenceDomains(\n  unit: UnitLong[],\n  presenceUnits: Set<number>,\n  axisType: ColumnAxisType,\n): Array<[number, number]> {\n  const domains: Array<[number, number]> = [];\n  let currentDomain: [number, number] | null = null;\n\n  for (const u of unit) {\n    if (presenceUnits.has(u.unit_id)) {\n      if (currentDomain == null) {\n        if (\n          axisType == ColumnAxisType.DEPTH ||\n          axisType == ColumnAxisType.HEIGHT\n        ) {\n          currentDomain = [u.t_pos, u.b_pos];\n        } else {\n          currentDomain = [u.t_age, u.b_age];\n        }\n      } else {\n        if (\n          axisType == ColumnAxisType.DEPTH ||\n          axisType == ColumnAxisType.HEIGHT\n        ) {\n          currentDomain[1] = u.b_pos;\n        } else {\n          currentDomain[1] = u.b_age;\n        }\n      }\n    } else {\n      if (currentDomain != null) {\n        domains.push(currentDomain);\n        currentDomain = null;\n      }\n    }\n  }\n\n  if (currentDomain != null) {\n    domains.push(currentDomain);\n  }\n\n  return domains;\n}\n"],"names":[],"version":3,"file":"column-views.7bfb4318.js.map"}

package/dist/esm/column-views.7dc53f1b.js

@@ -1,168 +0,0 @@
-import {buildColumnsStyle as $1dbfddc9637b572c$export$d2995719c3a4ae17} from "./column-views.33d35a44.js";
-import {InsetMap as $5593f90ffec284da$export$1e8149fc0d15fed0} from "./column-views.3de4dc43.js";
-import {ColumnNavigationProvider as $09486427d129f589$export$8da3b11f62ebf019, useColumnNavigationStore as $09486427d129f589$export$642c2b57c47ea41} from "./column-views.8da2b857.js";
-import {buildKeyboardNavigationStyle as $ab1043903d5406ef$export$c613fba0aabeee13, ColumnKeyboardNavigation as $ab1043903d5406ef$export$8c41dd563753848} from "./column-views.74837922.js";
-import {useMapStyleOperator as $lRXWn$useMapStyleOperator} from "@macrostrat/mapbox-react";
-import $lRXWn$macrostrathyper from "@macrostrat/hyper";
-import {useMemo as $lRXWn$useMemo, useRef as $lRXWn$useRef} from "react";
-import {setGeoJSON as $lRXWn$setGeoJSON} from "@macrostrat/mapbox-utils";
-import {geoCentroid as $lRXWn$geoCentroid} from "d3-geo";
-
-
-
-
-
-
-
-
-
-function $9d5d216fa2057b5b$export$821baedf611249f3(props) {
-    const { columns: columns, columnIDs: columnIDs, onSelectColumn: onSelectColumn, onHoverColumn: onHoverColumn, selectedColumn: selectedColumn, hoveredColumn: hoveredColumn, projectID: projectID, children: children, inProcess: inProcess, ...rest } = props;
-    return (0, $lRXWn$macrostrathyper)((0, $09486427d129f589$export$8da3b11f62ebf019), {
-        columns: columns,
-        columnIDs: columnIDs,
-        onSelectColumn: onSelectColumn,
-        onHoverColumn: onHoverColumn,
-        selectedColumn: selectedColumn,
-        hoveredColumn: hoveredColumn,
-        projectID: projectID,
-        inProcess: inProcess
-    }, (0, $lRXWn$macrostrathyper)($9d5d216fa2057b5b$var$_ColumnNavigationMap, props));
-}
-function $9d5d216fa2057b5b$var$_ColumnNavigationMap(props) {
-    const { padding: padding = 50, children: children, columnColor: columnColor, showTriangulation: showTriangulation, triangulationColor: triangulationColor, keyboardNavigation: keyboardNavigation = true, ...rest } = props;
-    const overlayStyles = (0, $lRXWn$useMemo)(()=>{
-        let styles = [
-            (0, $1dbfddc9637b572c$export$d2995719c3a4ae17)(columnColor)
-        ];
-        if (showTriangulation) styles.push((0, $ab1043903d5406ef$export$c613fba0aabeee13)(triangulationColor));
-        return styles;
-    }, [
-        columnColor,
-        showTriangulation,
-        triangulationColor
-    ]);
-    return (0, $lRXWn$macrostrathyper)((0, $5593f90ffec284da$export$1e8149fc0d15fed0), {
-        ...rest,
-        boxZoom: false,
-        dragRotate: false,
-        overlayStyles: overlayStyles
-    }, [
-        (0, $lRXWn$macrostrathyper)($9d5d216fa2057b5b$var$ColumnsLayer),
-        children,
-        (0, $lRXWn$macrostrathyper).if(keyboardNavigation)((0, $ab1043903d5406ef$export$8c41dd563753848), {
-            showTriangulation: showTriangulation
-        })
-    ]);
-}
-function $9d5d216fa2057b5b$var$ColumnsLayer({ enabled: enabled = true }) {
-    const columns = (0, $09486427d129f589$export$642c2b57c47ea41)((state)=>state.columns);
-    const selectedColumn = (0, $09486427d129f589$export$642c2b57c47ea41)((state)=>state.selectedColumn);
-    const hoveredColumn = (0, $09486427d129f589$export$642c2b57c47ea41)((state)=>state.hoveredColumn);
-    const selectColumn = (0, $09486427d129f589$export$642c2b57c47ea41)((state)=>state.selectColumn);
-    const setHoveredColumn = (0, $09486427d129f589$export$642c2b57c47ea41)((state)=>state.setHoveredColumn);
-    (0, $lRXWn$useMapStyleOperator)((map)=>{
-        if (columns == null) return;
-        const data = {
-            type: "FeatureCollection",
-            features: columns
-        };
-        (0, $lRXWn$setGeoJSON)(map, "columns", data);
-        const mouseMove = (event)=>{
-            if (event.features.length == 0) return;
-            const hoveredFeature = event.features[0];
-            setHoveredColumn(hoveredFeature.id);
-            map.getCanvas().style.cursor = "pointer";
-        };
-        const mouseLeave = ()=>{
-            setHoveredColumn(null);
-            map.getCanvas().style.cursor = "";
-        };
-        const clickHandler = (event)=>{
-            if (event.features.length == 0) return;
-            const selectedColumn = event.features[0];
-            const id = selectedColumn.id;
-            selectColumn(id);
-        };
-        // Setup hover styles on map
-        const layers = [
-            "columns-points",
-            "columns-fill"
-        ];
-        map.on("mousemove", layers, mouseMove);
-        map.on("mouseleave", layers, mouseLeave);
-        map.on("click", layers, clickHandler);
-        return ()=>{
-            map.off("mouseenter", layers, mouseMove);
-            map.off("mouseleave", layers, mouseLeave);
-            map.off("click", layers, clickHandler);
-        };
-    }, [
-        columns,
-        enabled
-    ]);
-    const hoveredColumnRef = (0, $lRXWn$useRef)(null);
-    (0, $lRXWn$useMapStyleOperator)((map)=>{
-        const prevHoveredColumn = hoveredColumnRef.current;
-        if (hoveredColumn == prevHoveredColumn) return;
-        if (prevHoveredColumn != null) // Deselect previous column
-        map.setFeatureState({
-            source: "columns",
-            id: prevHoveredColumn
-        }, {
-            hover: false
-        });
-        hoveredColumnRef.current = hoveredColumn;
-        // Select the current column
-        map.setFeatureState({
-            source: "columns",
-            id: hoveredColumn
-        }, {
-            hover: true
-        });
-    }, [
-        hoveredColumn,
-        columns
-    ]);
-    /** Set feature state for selected columns */ const selectedColumnRef = (0, $lRXWn$useRef)(null);
-    const initialRenderRef = (0, $lRXWn$useRef)(true);
-    (0, $lRXWn$useMapStyleOperator)((map)=>{
-        if (columns == null) return;
-        const prevSelectedColumn = selectedColumnRef.current;
-        if (selectedColumn == prevSelectedColumn) return;
-        if (prevSelectedColumn != null) // Deselect previous column
-        map.setFeatureState({
-            source: "columns",
-            id: prevSelectedColumn
-        }, {
-            selected: false
-        });
-        selectedColumnRef.current = selectedColumn;
-        // Select the current column
-        map.setFeatureState({
-            source: "columns",
-            id: selectedColumn
-        }, {
-            selected: true
-        });
-        // Center the selected column
-        const columnGeometry = columns.find((d)=>d.id == selectedColumn)?.geometry;
-        if (columnGeometry == null) return;
-        const center = (0, $lRXWn$geoCentroid)(columnGeometry);
-        const isInitialRender = initialRenderRef.current;
-        map.easeTo({
-            center: center
-        }, {
-            duration: isInitialRender ? 0 : 500
-        });
-        if (isInitialRender) initialRenderRef.current = false;
-    }, [
-        selectedColumn,
-        columns
-    ]);
-    return null;
-}
-
-
-export {$9d5d216fa2057b5b$export$821baedf611249f3 as ColumnNavigationMap};
-//# sourceMappingURL=column-views.7dc53f1b.js.map

package/dist/esm/column-views.7dc53f1b.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/column-views/src/maps/column-navigation/mapbox/index.ts"],"sourcesContent":["import { useMapStyleOperator } from \"@macrostrat/mapbox-react\";\nimport h from \"@macrostrat/hyper\";\nimport { FeatureCollection } from \"geojson\";\nimport { ReactNode, useMemo, useRef } from \"react\";\nimport { buildColumnsStyle, InsetMapProps } from \"../../_shared\";\nimport { setGeoJSON } from \"@macrostrat/mapbox-utils\";\n\nimport {\n  ColumnNavigationProvider,\n  NavigationProviderProps,\n  useColumnNavigationStore,\n} from \"./state\";\nimport { InsetMap } from \"../../_shared\";\nimport { geoCentroid } from \"d3-geo\";\nimport {\n  ColumnKeyboardNavigation,\n  buildKeyboardNavigationStyle,\n} from \"./keyboard-navigation\";\n\nexport interface ColumnNavigationMapProps extends InsetMapProps {\n  padding?: number;\n  children?: ReactNode;\n  accessToken?: string;\n  selectedColumn?: number;\n  hoveredColumn?: number;\n  onSelectColumn?: (colID: number | null) => void;\n  onHoverColumn?: (colID: number | null) => void;\n  showTriangulation?: boolean;\n  columnColor?: string;\n  triangulationColor?: string;\n  keyboardNavigation?: boolean;\n}\n\nexport function ColumnNavigationMap(\n  props: ColumnNavigationMapProps & NavigationProviderProps,\n) {\n  const {\n    columns,\n    columnIDs,\n    onSelectColumn,\n    onHoverColumn,\n    selectedColumn,\n    hoveredColumn,\n    projectID,\n    children,\n    inProcess,\n    ...rest\n  } = props;\n\n  return h(\n    ColumnNavigationProvider,\n    {\n      columns,\n      columnIDs,\n      onSelectColumn,\n      onHoverColumn,\n      selectedColumn,\n      hoveredColumn,\n      projectID,\n      inProcess,\n    },\n    h(_ColumnNavigationMap, props),\n  );\n}\n\nfunction _ColumnNavigationMap(props: ColumnNavigationMapProps) {\n  const {\n    padding = 50,\n    children,\n    columnColor,\n    showTriangulation,\n    triangulationColor,\n    keyboardNavigation = true,\n    ...rest\n  } = props;\n\n  const overlayStyles = useMemo(() => {\n    let styles: any[] = [buildColumnsStyle(columnColor)];\n    if (showTriangulation) {\n      styles.push(buildKeyboardNavigationStyle(triangulationColor));\n    }\n    return styles;\n  }, [columnColor, showTriangulation, triangulationColor]);\n\n  return h(\n    InsetMap,\n    {\n      ...rest,\n      boxZoom: false,\n      dragRotate: false,\n      overlayStyles,\n    },\n    [\n      h(ColumnsLayer),\n      children,\n      h.if(keyboardNavigation)(ColumnKeyboardNavigation, { showTriangulation }),\n    ],\n  );\n}\n\nfunction ColumnsLayer({ enabled = true }) {\n  const columns = useColumnNavigationStore((state) => state.columns);\n  const selectedColumn = useColumnNavigationStore(\n    (state) => state.selectedColumn,\n  );\n  const hoveredColumn = useColumnNavigationStore(\n    (state) => state.hoveredColumn,\n  );\n  const selectColumn = useColumnNavigationStore((state) => state.selectColumn);\n  const setHoveredColumn = useColumnNavigationStore(\n    (state) => state.setHoveredColumn,\n  );\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      setGeoJSON(map, \"columns\", data);\n\n      const mouseMove = (event) => {\n        if (event.features.length == 0) return;\n        const hoveredFeature = event.features[0];\n        setHoveredColumn(hoveredFeature.id);\n        map.getCanvas().style.cursor = \"pointer\";\n      };\n      const mouseLeave = () => {\n        setHoveredColumn(null);\n        map.getCanvas().style.cursor = \"\";\n      };\n\n      const clickHandler = (event) => {\n        if (event.features.length == 0) return;\n        const selectedColumn = event.features[0];\n        const id = selectedColumn.id;\n        selectColumn(id);\n      };\n\n      // Setup hover styles on map\n      const layers = [\"columns-points\", \"columns-fill\"];\n      map.on(\"mousemove\", layers, mouseMove);\n      map.on(\"mouseleave\", layers, mouseLeave);\n      map.on(\"click\", layers, clickHandler);\n\n      return () => {\n        map.off(\"mouseenter\", layers, mouseMove);\n        map.off(\"mouseleave\", layers, mouseLeave);\n        map.off(\"click\", layers, clickHandler);\n      };\n    },\n    [columns, enabled],\n  );\n\n  const hoveredColumnRef = useRef(null);\n  useMapStyleOperator(\n    (map) => {\n      const prevHoveredColumn = hoveredColumnRef.current;\n      if (hoveredColumn == prevHoveredColumn) return;\n      if (prevHoveredColumn != null) {\n        // Deselect previous column\n        map.setFeatureState(\n          { source: \"columns\", id: prevHoveredColumn },\n          { hover: false },\n        );\n      }\n      hoveredColumnRef.current = hoveredColumn;\n      // Select the current column\n      map.setFeatureState(\n        { source: \"columns\", id: hoveredColumn },\n        { hover: true },\n      );\n    },\n    [hoveredColumn, columns],\n  );\n\n  /** Set feature state for selected columns */\n  const selectedColumnRef = useRef(null);\n  const initialRenderRef = useRef(true);\n  useMapStyleOperator(\n    (map) => {\n      if (columns == null) return;\n      const prevSelectedColumn = selectedColumnRef.current;\n      if (selectedColumn == prevSelectedColumn) return;\n      if (prevSelectedColumn != null) {\n        // Deselect previous column\n        map.setFeatureState(\n          { source: \"columns\", id: prevSelectedColumn },\n          { selected: false },\n        );\n      }\n\n      selectedColumnRef.current = selectedColumn;\n\n      // Select the current column\n      map.setFeatureState(\n        { source: \"columns\", id: selectedColumn },\n        { selected: true },\n      );\n\n      // Center the selected column\n      const columnGeometry = columns.find(\n        (d) => d.id == selectedColumn,\n      )?.geometry;\n      if (columnGeometry == null) return;\n      const center = geoCentroid(columnGeometry);\n\n      const isInitialRender = initialRenderRef.current;\n\n      map.easeTo({ center }, { duration: isInitialRender ? 0 : 500 });\n      if (isInitialRender) {\n        initialRenderRef.current = false;\n      }\n    },\n    [selectedColumn, columns],\n  );\n\n  return null;\n}\n"],"names":[],"version":3,"file":"column-views.7dc53f1b.js.map"}