@macrostrat/column-views 2.0.0 → 2.1.0

package/dist/esm/column-views.edeab611.js

@@ -0,0 +1,204 @@
+import "./column-views.e4975dd6.css";
+import $4j32K$columnviews09f22f45js from "./column-views.09f22f45.js";
+import $4j32K$macrostrathyper from "@macrostrat/hyper";
+import {LngLatCoords as $4j32K$LngLatCoords} from "@macrostrat/map-interface";
+import {useDarkMode as $4j32K$useDarkMode} from "@macrostrat/ui-components";
+import {Icon as $4j32K$Icon} from "@blueprintjs/core";
+import $4j32K$mapboxgl from "mapbox-gl";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/** Checkin list component
+ *
+ * TODO: Integrate or deduplicate with CheckinListing component
+ * */ 
+
+
+
+
+
+const $500a668ff823147a$var$h = (0, $4j32K$macrostrathyper).styled((0, ($parcel$interopDefault($4j32K$columnviews09f22f45js))));
+function $500a668ff823147a$export$fc86211e0a3a7d82(props) {
+    /** Checkin list component used in the Rockd website */ const { result: result, mapRef: mapRef, setInspectPosition: setInspectPosition, rockdAPIUrl: rockdAPIUrl } = props;
+    const isDarkMode = (0, $4j32K$useDarkMode)().isEnabled;
+    let checkins = [];
+    const map = mapRef?.current;
+    const len = result.length;
+    const color = isDarkMode ? "white" : "black";
+    return $500a668ff823147a$var$h(result.map((checkin)=>{
+        // format rating
+        let ratingArr = [];
+        for(var i = 0; i < checkin.rating; i++)ratingArr.push($500a668ff823147a$var$h((0, $4j32K$Icon), {
+            className: "star",
+            icon: "star",
+            style: {
+                color: color
+            }
+        }));
+        for(var i = 0; i < 5 - checkin.rating; i++)ratingArr.push($500a668ff823147a$var$h((0, $4j32K$Icon), {
+            className: "star",
+            icon: "star-empty",
+            style: {
+                color: color
+            }
+        }));
+        let imageView = null;
+        if (checkin.photo != null) {
+            const imgSrc = $500a668ff823147a$var$getImageUrl(checkin.person_id, checkin.photo, rockdAPIUrl);
+            imageView = $500a668ff823147a$var$h([
+                $500a668ff823147a$var$h("img.observation-img", {
+                    className: "observation-img",
+                    src: imgSrc
+                }),
+                $500a668ff823147a$var$h("div.image-details", [
+                    $500a668ff823147a$var$h("h1.details", "Details"),
+                    $500a668ff823147a$var$h((0, $4j32K$Icon), {
+                        className: "details-image",
+                        icon: "arrow-right",
+                        style: {
+                            color: color
+                        }
+                    })
+                ])
+            ]);
+        } else imageView = $500a668ff823147a$var$h("div.no-image", [
+            $500a668ff823147a$var$h("h1.details", "Details"),
+            $500a668ff823147a$var$h((0, $4j32K$Icon), {
+                className: "details-image",
+                icon: "arrow-right",
+                style: {
+                    color: color
+                }
+            })
+        ]);
+        // for trips
+        const stop_name = checkin?.name ?? null;
+        const LngLatProps = {
+            position: {
+                lat: checkin.lat,
+                lng: checkin.lng
+            },
+            precision: 3,
+            zoom: 10
+        };
+        return $500a668ff823147a$var$h("div.checkin", {
+            onClick: ()=>{
+                map.flyTo({
+                    center: [
+                        checkin.lng,
+                        checkin.lat
+                    ],
+                    zoom: 12
+                });
+                if (setInspectPosition) setInspectPosition({
+                    lat: checkin.lat,
+                    lng: checkin.lng
+                });
+            },
+            onMouseEnter: ()=>{
+                if (len > 1) {
+                    // marker
+                    const el = document.createElement("div");
+                    el.className = "marker_pin";
+                    // Create marker
+                    new (0, $4j32K$mapboxgl).Marker(el).setLngLat([
+                        checkin.lng,
+                        checkin.lat
+                    ]).addTo(map);
+                }
+            },
+            onMouseLeave: ()=>{
+                let previous = document.querySelectorAll(".marker_pin");
+                previous.forEach((marker)=>{
+                    marker.remove();
+                });
+            }
+        }, [
+            $500a668ff823147a$var$h("h1.stop-name", stop_name),
+            $500a668ff823147a$var$h("div.checkin-header", [
+                !stop_name ? $500a668ff823147a$var$h("h3.profile-pic", $500a668ff823147a$var$h("img.profile-pic", {
+                    src: $500a668ff823147a$var$getProfilePicUrl(checkin.person_id, rockdAPIUrl)
+                })) : null,
+                $500a668ff823147a$var$h("div.checkin-info", [
+                    !stop_name ? $500a668ff823147a$var$h("h3", {
+                        className: "name"
+                    }, checkin.first_name + " " + checkin.last_name) : null,
+                    $500a668ff823147a$var$h("h4", {
+                        className: "edited"
+                    }, checkin.created),
+                    $500a668ff823147a$var$h("p", "Near " + checkin.near),
+                    $500a668ff823147a$var$h((0, $4j32K$LngLatCoords), LngLatProps),
+                    $500a668ff823147a$var$h("h3", {
+                        className: "rating"
+                    }, ratingArr)
+                ])
+            ]),
+            $500a668ff823147a$var$h("p", {
+                className: "description"
+            }, checkin.notes),
+            $500a668ff823147a$var$h("a", {
+                className: "checkin-link",
+                href: "/checkin/" + checkin.checkin_id,
+                target: "_blank"
+            }, imageView),
+            $500a668ff823147a$var$h("div", {
+                className: "checkin-footer"
+            }, [
+                $500a668ff823147a$var$h("div", {
+                    className: "likes-container"
+                }, [
+                    $500a668ff823147a$var$h((0, $4j32K$Icon), {
+                        className: "likes-icon " + (isDarkMode ? "icon-dark-mode" : ""),
+                        icon: "thumbs-up",
+                        style: {
+                            color: color
+                        }
+                    }),
+                    $500a668ff823147a$var$h("h3", {
+                        className: "likes"
+                    }, checkin.likes)
+                ]),
+                $500a668ff823147a$var$h("div", {
+                    className: "observations-container"
+                }, [
+                    $500a668ff823147a$var$h((0, $4j32K$Icon), {
+                        className: "observations-icon " + (isDarkMode ? "icon-dark-mode" : ""),
+                        icon: "camera",
+                        style: {
+                            color: color
+                        }
+                    }),
+                    $500a668ff823147a$var$h("h3", {
+                        className: "likes"
+                    }, checkin.observations.length)
+                ]),
+                $500a668ff823147a$var$h("div", {
+                    className: "comments-container"
+                }, [
+                    $500a668ff823147a$var$h((0, $4j32K$Icon), {
+                        className: "comments-icon " + (isDarkMode ? "icon-dark-mode" : ""),
+                        icon: "comment",
+                        style: {
+                            color: color
+                        }
+                    }),
+                    $500a668ff823147a$var$h("h3", {
+                        className: "comments"
+                    }, checkin.comments)
+                ])
+            ])
+        ]);
+    }));
+}
+function $500a668ff823147a$var$getImageUrl(person_id, photo_id, rockdAPIUrl) {
+    return rockdAPIUrl + "/protected/image/" + person_id + "/thumb_large/" + photo_id;
+}
+function $500a668ff823147a$var$getProfilePicUrl(person_id, rockdAPIUrl) {
+    return rockdAPIUrl + "/protected/gravatar/" + person_id;
+}
+
+
+export {$500a668ff823147a$export$fc86211e0a3a7d82 as RockdWebsiteCheckinList};
+//# sourceMappingURL=column-views.edeab611.js.map

package/dist/esm/column-views.edeab611.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/data-components/src/field-locations/rockd-checkins/index.ts"],"sourcesContent":["/** Checkin list component\n *\n * TODO: Integrate or deduplicate with CheckinListing component\n * */\n\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./index.module.sass\";\nimport { LngLatCoords } from \"@macrostrat/map-interface\";\nimport { useDarkMode } from \"@macrostrat/ui-components\";\nimport { Icon } from \"@blueprintjs/core\";\nimport mapboxgl from \"mapbox-gl\";\n\nconst h = hyper.styled(styles);\n\nexport interface CheckinProps {\n  result: Array<{\n    checkin_id: number;\n    person_id: number;\n    first_name: string;\n    last_name: string;\n    notes: string;\n    rating: number;\n    lng: number;\n    lat: number;\n    near: string;\n    created: string;\n    added: string;\n    photo: string | null;\n    likes: string;\n    comments: number;\n    liked: boolean;\n    status: number;\n    observations: Array<{\n      obs_id: number;\n      photo: number;\n      lng: number | null;\n      lat: number | null;\n      orientation: object;\n      rocks: object;\n      fossils: object;\n      minerals: object;\n      comments: number;\n    }>;\n    xp: {\n      checkin: number;\n      observation: number;\n      comment: number;\n      like: number;\n      total: number;\n    };\n    name?: string | null;\n  }>;\n  mapRef?: React.RefObject<mapboxgl.Map>;\n  setInspectPosition?: (position: { lat: number; lng: number }) => void;\n  rockdAPIUrl: string;\n}\n\nexport function RockdWebsiteCheckinList(props: CheckinProps) {\n  /** Checkin list component used in the Rockd website */\n  const { result, mapRef, setInspectPosition, rockdAPIUrl } = props;\n  const isDarkMode = useDarkMode().isEnabled;\n  let checkins = [];\n  const map = mapRef?.current;\n  const len = result.length;\n  const color = isDarkMode ? \"white\" : \"black\";\n\n  return h(\n    result.map((checkin) => {\n      // format rating\n      let ratingArr = [];\n      for (var i = 0; i < checkin.rating; i++) {\n        ratingArr.push(\n          h(Icon, { className: \"star\", icon: \"star\", style: { color } }),\n        );\n      }\n\n      for (var i = 0; i < 5 - checkin.rating; i++) {\n        ratingArr.push(\n          h(Icon, { className: \"star\", icon: \"star-empty\", style: { color } }),\n        );\n      }\n\n      let imageView = null;\n\n      if (checkin.photo != null) {\n        const imgSrc = getImageUrl(\n          checkin.person_id,\n          checkin.photo,\n          rockdAPIUrl,\n        );\n        imageView = h([\n          h(\"img.observation-img\", {\n            className: \"observation-img\",\n            src: imgSrc,\n          }),\n          h(\"div.image-details\", [\n            h(\"h1.details\", \"Details\"),\n            h(Icon, {\n              className: \"details-image\",\n              icon: \"arrow-right\",\n              style: { color },\n            }),\n          ]),\n        ]);\n      } else {\n        imageView = h(\"div.no-image\", [\n          h(\"h1.details\", \"Details\"),\n          h(Icon, {\n            className: \"details-image\",\n            icon: \"arrow-right\",\n            style: { color },\n          }),\n        ]);\n      }\n\n      // for trips\n      const stop_name = checkin?.name ?? null;\n      const LngLatProps = {\n        position: {\n          lat: checkin.lat,\n          lng: checkin.lng,\n        },\n        precision: 3,\n        zoom: 10,\n      };\n\n      return h(\n        \"div.checkin\",\n        {\n          onClick: () => {\n            map.flyTo({ center: [checkin.lng, checkin.lat], zoom: 12 });\n            if (setInspectPosition)\n              setInspectPosition({ lat: checkin.lat, lng: checkin.lng });\n          },\n          onMouseEnter: () => {\n            if (len > 1) {\n              // marker\n              const el = document.createElement(\"div\");\n              el.className = \"marker_pin\";\n\n              // Create marker\n              new mapboxgl.Marker(el)\n                .setLngLat([checkin.lng, checkin.lat])\n                .addTo(map);\n            }\n          },\n          onMouseLeave: () => {\n            let previous = document.querySelectorAll(\".marker_pin\");\n            previous.forEach((marker) => {\n              marker.remove();\n            });\n          },\n        },\n        [\n          h(\"h1.stop-name\", stop_name),\n          h(\"div.checkin-header\", [\n            !stop_name\n              ? h(\n                  \"h3.profile-pic\",\n\n                  h(\"img.profile-pic\", {\n                    src: getProfilePicUrl(checkin.person_id, rockdAPIUrl),\n                  }),\n                )\n              : null,\n            h(\"div.checkin-info\", [\n              !stop_name\n                ? h(\n                    \"h3\",\n                    { className: \"name\" },\n                    checkin.first_name + \" \" + checkin.last_name,\n                  )\n                : null,\n              h(\"h4\", { className: \"edited\" }, checkin.created),\n              h(\"p\", \"Near \" + checkin.near),\n              h(LngLatCoords, LngLatProps),\n              h(\"h3\", { className: \"rating\" }, ratingArr),\n            ]),\n          ]),\n          h(\"p\", { className: \"description\" }, checkin.notes),\n          h(\n            \"a\",\n            {\n              className: \"checkin-link\",\n              href: \"/checkin/\" + checkin.checkin_id,\n              target: \"_blank\",\n            },\n            imageView,\n          ),\n          h(\"div\", { className: \"checkin-footer\" }, [\n            h(\"div\", { className: \"likes-container\" }, [\n              h(Icon, {\n                className: \"likes-icon \" + (isDarkMode ? \"icon-dark-mode\" : \"\"),\n                icon: \"thumbs-up\",\n                style: { color },\n              }),\n              h(\"h3\", { className: \"likes\" }, checkin.likes),\n            ]),\n            h(\"div\", { className: \"observations-container\" }, [\n              h(Icon, {\n                className:\n                  \"observations-icon \" + (isDarkMode ? \"icon-dark-mode\" : \"\"),\n                icon: \"camera\",\n                style: { color },\n              }),\n              h(\"h3\", { className: \"likes\" }, checkin.observations.length),\n            ]),\n            h(\"div\", { className: \"comments-container\" }, [\n              h(Icon, {\n                className:\n                  \"comments-icon \" + (isDarkMode ? \"icon-dark-mode\" : \"\"),\n                icon: \"comment\",\n                style: { color },\n              }),\n              h(\"h3\", { className: \"comments\" }, checkin.comments),\n            ]),\n          ]),\n        ],\n      );\n    }),\n  );\n}\n\nfunction getImageUrl(person_id, photo_id, rockdAPIUrl) {\n  return (\n    rockdAPIUrl + \"/protected/image/\" + person_id + \"/thumb_large/\" + photo_id\n  );\n}\n\nfunction getProfilePicUrl(person_id, rockdAPIUrl) {\n  return rockdAPIUrl + \"/protected/gravatar/\" + person_id;\n}\n"],"names":[],"version":3,"file":"column-views.edeab611.js.map"}

package/dist/esm/{popover.module.c4ba4189.js → column-views.edf77621.js}

@@ -19,4 +19,4 @@ $8872ef7e7fd4a8d2$export$85b6d6914dbd94dc = `mMIlxW_popover-main`;
 
 
 export {$8872ef7e7fd4a8d2$exports as default};
-//# sourceMappingURL=popover.module.c4ba4189.js.map
+//# sourceMappingURL=column-views.edf77621.js.map

package/dist/esm/{popover.module.c4ba4189.js.map → column-views.edf77621.js.map}

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAHA,4CAAsC,CAAC,wBAAwB,CAAC;AAChE,4CAAqC,CAAC,uBAAuB,CAAC;AAC9D,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAAiC,CAAC,mBAAmB,CAAC","sources":["packages/column-views/src/unit-details/popover.module.sass"],"sourcesContent":[".popover-main\n  position: absolute\n  pointer-events: none\n\n  :global(.bp5-overlay)\n    pointer-events: all\n\n  :global(.bp5-popover-target)\n    height: 100%\n    width: 100%\n    display: block\n    line-height: 0\n    pointer-events: none\n    outline: 2px solid #f22\n\n  :global(.bp5-popover-content)\n    overflow: hidden\n\n.legend-panel\n  width: 25em\n  max-height: 60vh\n  background-color: var(--panel-background-color)\n\n.legend-info-panel\n  padding: 1em\n\n.legend-json-view\n  padding-left: 0\n  margin-left: -0.5em\n"],"names":[],"version":3,"file":"popover.module.c4ba4189.js.map"}
+{"mappings":";;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAHA,4CAAsC,CAAC,wBAAwB,CAAC;AAChE,4CAAqC,CAAC,uBAAuB,CAAC;AAC9D,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAAiC,CAAC,mBAAmB,CAAC","sources":["packages/column-views/src/unit-details/popover.module.sass"],"sourcesContent":[".popover-main\n  position: absolute\n  pointer-events: none\n\n  :global(.bp5-overlay)\n    pointer-events: all\n\n  :global(.bp5-popover-target)\n    height: 100%\n    width: 100%\n    display: block\n    line-height: 0\n    pointer-events: none\n    outline: 2px solid #f22\n\n  :global(.bp5-popover-content)\n    overflow: hidden\n\n.legend-panel\n  width: 25em\n  max-height: 60vh\n  background-color: var(--panel-background-color)\n\n.legend-info-panel\n  padding: 1em\n\n.legend-json-view\n  padding-left: 0\n  margin-left: -0.5em\n"],"names":[],"version":3,"file":"column-views.edf77621.js.map"}

package/dist/esm/{prepare-data.d4284b4a.js → column-views.f08929e2.js}

@@ -1,4 +1,4 @@
-import {MergeSectionsMode as $76e92a964ee11b97$export$e1644389ce074058, prepareColumnUnits as $76e92a964ee11b97$export$be8c5a449df4bde4, preprocessUnits as $a52J6$preprocessUnits} from "./prepare-units.6c890a96.js";
+import {MergeSectionsMode as $76e92a964ee11b97$export$e1644389ce074058, prepareColumnUnits as $76e92a964ee11b97$export$be8c5a449df4bde4, preprocessUnits as $a52J6$preprocessUnits} from "./column-views.c71c321c.js";
 import {ColumnAxisType as $a52J6$ColumnAxisType} from "@macrostrat/column-components";
 import {mergeAgeRanges as $a52J6$mergeAgeRanges} from "@macrostrat/stratigraphy-utils";
 
@@ -122,4 +122,4 @@ function $2c6a8e6a98a077ae$export$63b33da9b6dd754c(col) {
 
 
 export {$2c6a8e6a98a077ae$export$7f21dc14b8199dc0 as buildCorrelationChartData, $2c6a8e6a98a077ae$export$cc5d9b95e199a6de as findLaterallyExtensiveUnits, $2c6a8e6a98a077ae$export$3e71a3125322d04b as splitStratIntoBoxes, $2c6a8e6a98a077ae$export$63b33da9b6dd754c as columnGeoJSONRecordToColumnIdentifier};
-//# sourceMappingURL=prepare-data.d4284b4a.js.map
+//# sourceMappingURL=column-views.f08929e2.js.map

package/dist/esm/column-views.f08929e2.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/column-views/src/correlation-chart/prepare-data.ts"],"sourcesContent":["import { CompositeStratigraphicScaleInfo } from \"../age-axis\";\nimport { PackageLayoutData } from \"../prepare-units/composite-scale\";\nimport { ColumnAxisType } from \"@macrostrat/column-components\";\nimport { type ColumnGeoJSONRecord, UnitLong } from \"@macrostrat/api-types\";\nimport {\n  MergeSectionsMode,\n  PrepareColumnOptions,\n  prepareColumnUnits,\n  preprocessUnits,\n} from \"../prepare-units\";\nimport { mergeAgeRanges } from \"@macrostrat/stratigraphy-utils\";\n\nexport interface ColumnIdentifier {\n  col_id: number;\n  col_name: string;\n  project_id: number;\n}\n\ninterface ColumnData {\n  columnID: number;\n  units: UnitLong[];\n}\n\nexport interface CorrelationChartSettings\n  extends Omit<PrepareColumnOptions, \"axisType\"> {\n  targetUnitHeight?: number;\n}\n\nexport interface CorrelationChartData {\n  packages: MultiColumnPackageData[];\n  scaleInfo: CompositeStratigraphicScaleInfo;\n  nColumns: number;\n}\n\nexport interface ColumnIdentifier {\n  col_id: number;\n  col_name: string;\n  project_id: number;\n}\n\nexport function buildCorrelationChartData(\n  columns: ColumnData[],\n  settings: CorrelationChartSettings,\n): CorrelationChartData {\n  console.log(settings);\n  const {\n    mergeSections = MergeSectionsMode.OVERLAPPING,\n    targetUnitHeight,\n    ...rest\n  } = settings;\n\n  const opts: PrepareColumnOptions = {\n    axisType: ColumnAxisType.AGE,\n    targetUnitHeight,\n    ...rest,\n  };\n\n  if (columns.length == 0) {\n    return null;\n  }\n\n  // Flatten the units array to pretend that all units are in the same column\n  const _units = columns.map((d) => d.units).flat();\n\n  const columnIDs = columns.map((d) => d.columnID);\n\n  const preparedUnits = prepareColumnUnits(_units, opts);\n\n  const { sections, totalHeight } = preparedUnits;\n\n  const scaleInfo: CompositeStratigraphicScaleInfo = {\n    axisType: ColumnAxisType.AGE,\n    totalHeight,\n    packages: sections.map((d) => d.scaleInfo),\n  };\n\n  const packages = sections.map((d) => {\n    return separateColumns(d, columnIDs);\n  });\n\n  return { scaleInfo, packages, nColumns: columnIDs.length };\n}\n\ninterface UnitGroup {\n  b_age: number;\n  t_age: number;\n  strat_name_id: number;\n  strat_name_long: string;\n  units: (UnitLong | null)[];\n}\n\nexport interface UnitGroupBox extends UnitGroup {\n  units: UnitLong[];\n  startCol: number;\n  endCol: number;\n}\n\ninterface ColumnExt {\n  columnID: number;\n  units: UnitLong[];\n}\n\ninterface MultiColumnPackageData {\n  columnData: ColumnExt[];\n  bestPixelScale: number;\n  b_age: number;\n  t_age: number;\n}\n\nexport function findLaterallyExtensiveUnits(\n  pkg: MultiColumnPackageData,\n): UnitGroup[] {\n  const { columnData, b_age, t_age } = pkg;\n  // Group units by strat_name_id\n  const unitIndex = new Map<number, Map<number, UnitLong>>();\n  for (const column of columnData) {\n    const { units } = column;\n    for (const unit of units) {\n      if (unit.strat_name_id == null) continue;\n      if (!unitIndex.has(unit.strat_name_id)) {\n        unitIndex.set(unit.strat_name_id, new Map());\n      }\n      unitIndex.get(unit.strat_name_id).set(column.columnID, unit);\n    }\n  }\n\n  // Prepare grouped units for rendering\n  const unitGroups: UnitGroup[] = [];\n  for (const [strat_name_id, unitIndex0] of unitIndex) {\n    const units = columnData.map((d) => unitIndex0.get(d.columnID) ?? null);\n    const filteredUnits = units.filter((d) => d != null);\n    const [t_age, b_age] = mergeAgeRanges(\n      filteredUnits.map((d) => [d.t_age, d.b_age]),\n    );\n    if (filteredUnits.length <= 1) continue;\n\n    unitGroups.push({\n      b_age,\n      t_age,\n      strat_name_id,\n      strat_name_long: filteredUnits[0].strat_name_long,\n      units,\n    });\n  }\n\n  return unitGroups;\n}\n\nexport function splitStratIntoBoxes(pkg: UnitGroup): UnitGroupBox[] {\n  const { strat_name_long, strat_name_id, units } = pkg;\n  const boxes: UnitGroupBox[] = [];\n  let currentBox: UnitGroupBox = null;\n  for (let i = 0; i < units.length; i++) {\n    const unit = units[i];\n    if (unit == null) {\n      if (currentBox != null) {\n        boxes.push(currentBox);\n        currentBox = null;\n      }\n      continue;\n    }\n    if (currentBox == null) {\n      currentBox = {\n        startCol: i,\n        endCol: i,\n        strat_name_id,\n        strat_name_long,\n        t_age: unit.t_age,\n        b_age: unit.b_age,\n        units: [],\n      };\n    } else {\n      currentBox.endCol = i;\n    }\n    currentBox.units.push(unit);\n  }\n  return boxes;\n}\n\nfunction separateColumns(\n  pkg: PackageLayoutData,\n  columnIDs: number[],\n): MultiColumnPackageData {\n  /** Separate columns by col_id */\n  const { units, t_age, b_age } = pkg;\n\n  return {\n    columnData: columnIDs.map((d) => {\n      const u1 = units.filter((unit) => unit.col_id == d);\n      u1.sort((a, b) => a.t_age - b.t_age);\n      return {\n        columnID: d,\n        // Ensure that the units correctly show overlap\n        units: preprocessUnits(\n          {\n            ...pkg,\n            units: u1,\n          },\n          ColumnAxisType.AGE,\n        ),\n      };\n    }),\n    bestPixelScale: pkg.scaleInfo.pixelScale,\n    t_age,\n    b_age,\n  };\n}\n\nexport function columnGeoJSONRecordToColumnIdentifier(\n  col: ColumnGeoJSONRecord,\n): ColumnIdentifier {\n  return {\n    col_id: col.properties.col_id,\n    col_name: col.properties.col_name,\n    project_id: col.properties.project_id,\n  };\n}\n"],"names":[],"version":3,"file":"column-views.f08929e2.js.map"}

package/dist/esm/column-views.f13a1d6e.js

@@ -0,0 +1,37 @@
+import {ColumnNotesProvider as $8c8238faa5cde49c$export$6cc7a9df4edde18} from "./column-views.d2037465.js";
+import {useCompositeScale as $d5074f164411387e$export$a7fc62995ec4f76, useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./column-views.1e055ed5.js";
+import $aB7pQ$macrostrathyper from "@macrostrat/hyper";
+import {SVG as $aB7pQ$SVG, StaticNotesColumn as $aB7pQ$StaticNotesColumn} from "@macrostrat/column-components";
+
+
+
+
+
+function $9e52fe4012c88296$export$fc5babae10f3f77d({ notes: notes, width: width = 200, noteComponent: noteComponent, paddingLeft: paddingLeft = 60, deltaConnectorAttachment: deltaConnectorAttachment, children: children }) {
+    const { totalHeight: totalHeight } = (0, $d5074f164411387e$export$f8509b7cce386c7d)();
+    const scale = (0, $d5074f164411387e$export$a7fc62995ec4f76)();
+    return (0, $aB7pQ$macrostrathyper)((0, $8c8238faa5cde49c$export$6cc7a9df4edde18), {
+        scale: scale,
+        totalHeight: totalHeight,
+        pixelScale: -1
+    }, [
+        (0, $aB7pQ$macrostrathyper)((0, $aB7pQ$SVG), {
+            width: width,
+            height: totalHeight,
+            paddingH: 4
+        }, [
+            (0, $aB7pQ$macrostrathyper)((0, $aB7pQ$StaticNotesColumn), {
+                width: width,
+                notes: notes,
+                noteComponent: noteComponent,
+                paddingLeft: paddingLeft,
+                deltaConnectorAttachment: deltaConnectorAttachment
+            })
+        ]),
+        children
+    ]);
+}
+
+
+export {$9e52fe4012c88296$export$fc5babae10f3f77d as ColumnNotes};
+//# sourceMappingURL=column-views.f13a1d6e.js.map

package/dist/esm/column-views.f13a1d6e.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;AAiBO,SAAS,0CAAY,SAC1B,KAAK,SACL,QAAQ,oBACR,aAAa,eACb,cAAc,8BACd,wBAAwB,YACxB,QAAQ,EACS;IACjB,MAAM,eAAE,WAAW,EAAE,GAAG,CAAA,GAAA,yCAAsB;IAC9C,MAAM,QAAQ,CAAA,GAAA,wCAAgB;IAE9B,OAAO,CAAA,GAAA,sBAAA,EACL,CAAA,GAAA,wCAAkB,GAClB;eACE;qBACA;QACA,YAAY;IACd,GACA;QACE,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,UAAE,GAAG;mBAAE;YAAO,QAAQ;YAAa,UAAU;QAAE,GAAG;YAClD,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,wBAAgB,GAAG;uBACnB;uBACA;+BACA;6BACA;0CACA;YACF;SACD;QACD;KACD;AAEL","sources":["packages/column-views/src/notes.ts"],"sourcesContent":["import h from \"@macrostrat/hyper\";\n\nimport { ColumnNotesProvider } from \"./units\";\n\nimport { StaticNotesColumn, SVG } from \"@macrostrat/column-components\";\nimport { useCompositeScale, useMacrostratColumnData } from \"./data-provider\";\nimport type { 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}\n\nexport function ColumnNotes({\n  notes,\n  width = 200,\n  noteComponent,\n  paddingLeft = 60,\n  deltaConnectorAttachment,\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(StaticNotesColumn, {\n          width,\n          notes,\n          noteComponent,\n          paddingLeft,\n          deltaConnectorAttachment,\n        }),\n      ]),\n      children,\n    ],\n  );\n}\n"],"names":[],"version":3,"file":"column-views.f13a1d6e.js.map"}

package/dist/esm/column-views.f2948ff8.js

@@ -0,0 +1,101 @@
+import "./column-views.ad472a38.css";
+import $e3ONS$columnviews4950ea28js from "./column-views.4950ea28.js";
+import {useState as $e3ONS$useState, useEffect as $e3ONS$useEffect} from "react";
+import $e3ONS$axios from "axios";
+import {hyperStyled as $e3ONS$hyperStyled} from "@macrostrat/hyper";
+import {Spinner as $e3ONS$Spinner} from "@blueprintjs/core";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+
+
+
+
+const $0f8616b716a13cdc$var$h = (0, $e3ONS$hyperStyled)((0, ($parcel$interopDefault($e3ONS$columnviews4950ea28js))));
+const $0f8616b716a13cdc$var$paleoUrl = "https://paleobiodb.org/data1.2/occs/prevalence.json";
+const $0f8616b716a13cdc$var$macrostratUrl = "https://macrostrat.org/api/v2/fossils";
+async function $0f8616b716a13cdc$var$fetchPrevalentTaxa(strat_name_id) {
+    const res = await (0, $e3ONS$axios).get($0f8616b716a13cdc$var$macrostratUrl, {
+        params: {
+            strat_name_id: strat_name_id
+        }
+    });
+    const collections = res.data.success.data.map((c)=>c.cltn_id);
+    if (collections.length > 0) {
+        const paleoRes = await (0, $e3ONS$axios).get($0f8616b716a13cdc$var$paleoUrl, {
+            params: {
+                limit: 5,
+                coll_id: collections.join(",")
+            }
+        });
+        paleoRes.data.records.forEach((d)=>{
+            var splitName = d.nam.split(" ");
+            d.nam = splitName[0] + (splitName.length > 1 ? "*" : "");
+        });
+        return paleoRes.data.records;
+    }
+    return [];
+}
+function $0f8616b716a13cdc$export$1cf0bc392c5bec1f({ strat_name_id: strat_name_id }) {
+    const [state, setState] = (0, $e3ONS$useState)();
+    console.log(state);
+    (0, $e3ONS$useEffect)(()=>{
+        async function fetch() {
+            const data = await $0f8616b716a13cdc$var$fetchPrevalentTaxa(strat_name_id);
+            setState(data);
+        }
+        fetch();
+    }, [
+        strat_name_id
+    ]);
+    if (typeof state === "undefined") return $0f8616b716a13cdc$var$h((0, $e3ONS$Spinner));
+    return $0f8616b716a13cdc$var$h(`div.row .prevalent-taxa-row`, [
+        $0f8616b716a13cdc$var$h("div.prevalent-taxa-container", [
+            $0f8616b716a13cdc$var$h("div.prevalent-taxa", [
+                $0f8616b716a13cdc$var$h("p", {
+                    id: "prevalent-taxa-title"
+                }, [
+                    "Prevalent taxa"
+                ]),
+                $0f8616b716a13cdc$var$h("p", [
+                    $0f8616b716a13cdc$var$h("small", [
+                        "via ",
+                        $0f8616b716a13cdc$var$h("a.normalize-link", {
+                            href: "https://paleobiodb.org",
+                            target: "_blank"
+                        }, [
+                            "PaleoBioDB"
+                        ])
+                    ])
+                ])
+            ])
+        ]),
+        state.map((d, i)=>{
+            return $0f8616b716a13cdc$var$h("div.prevalent-taxa-container", {
+                key: i
+            }, [
+                $0f8616b716a13cdc$var$h("div.prevalent-taxa", [
+                    $0f8616b716a13cdc$var$h("img", {
+                        src: d.img ? "https://paleobiodb.org/data1.2/taxa/thumb.png?id=" + d.img : "",
+                        title: d.nam + " (" + d.noc + " occurrences)"
+                    }),
+                    $0f8616b716a13cdc$var$h("p", [
+                        $0f8616b716a13cdc$var$h("a.normalize-link", {
+                            href: "https://paleobiodb.org/cgi-bin/bridge.pl?a=basicTaxonInfo&taxon_no=" + d.oid,
+                            target: "_blank"
+                        }, [
+                            d.nam
+                        ])
+                    ])
+                ])
+            ]);
+        })
+    ]);
+}
+
+
+export {$0f8616b716a13cdc$export$1cf0bc392c5bec1f as PrevalentTaxa};
+//# sourceMappingURL=column-views.f2948ff8.js.map

package/dist/esm/column-views.f2948ff8.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;AAQA,MAAM,0BAAI,CAAA,GAAA,kBAAU,EAAE,CAAA,GAAA,uEAAK;AAE3B,MAAM,iCAAW;AACjB,MAAM,sCAAgB;AAEtB,eAAe,yCAAmB,aAA8B;IAC9D,MAAM,MAAM,MAAM,CAAA,GAAA,YAAI,EAAE,GAAG,CAAC,qCAAe;QACzC,QAAQ;YAAE,eAAe;QAAc;IACzC;IAEA,MAAM,cAAc,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAC3C,CAAC,IAA2B,EAAE,OAAO;IAEvC,IAAI,YAAY,MAAM,GAAG,GAAG;QAC1B,MAAM,WAAW,MAAM,CAAA,GAAA,YAAI,EAAE,GAAG,CAAC,gCAAU;YACzC,QAAQ;gBAAE,OAAO;gBAAG,SAAS,YAAY,IAAI,CAAC;YAAK;QACrD;QAEA,SAAS,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAC7B,IAAI,YAAY,EAAE,GAAG,CAAC,KAAK,CAAC;YAC5B,EAAE,GAAG,GAAG,SAAS,CAAC,EAAE,GAAI,CAAA,UAAU,MAAM,GAAG,IAAI,MAAM,EAAC;QACxD;QAEA,OAAO,SAAS,IAAI,CAAC,OAAO;IAC9B;IACA,OAAO,EAAE;AACX;AASA,SAAS,0CAAc,iBAAE,aAAa,EAAsC;IAC1E,MAAM,CAAC,OAAO,SAAS,GAAG,CAAA,GAAA,eAAO;IACjC,QAAQ,GAAG,CAAC;IACZ,CAAA,GAAA,gBAAQ,EAAE;QACR,eAAe;YACb,MAAM,OAAO,MAAM,yCAAmB;YACtC,SAAS;QACX;QACA;IACF,GAAG;QAAC;KAAc;IAElB,IAAI,OAAO,UAAU,aACnB,OAAO,wBAAE,CAAA,GAAA,cAAM;IAGjB,OAAO,wBAAE,CAAC,2BAA2B,CAAC,EAAE;QACtC,wBAAE,gCAAgC;YAChC,wBAAE,sBAAsB;gBACtB,wBAAE,KAAK;oBAAE,IAAI;gBAAuB,GAAG;oBAAC;iBAAiB;gBACzD,wBAAE,KAAK;oBACL,wBAAE,SAAS;wBACT;wBACA,wBACE,oBACA;4BAAE,MAAM;4BAA0B,QAAQ;wBAAS,GACnD;4BAAC;yBAAa;qBAEjB;iBACF;aACF;SACF;QACD,MAAM,GAAG,CAAC,CAAC,GAAG;YACZ,OAAO,wBAAE,gCAAgC;gBAAE,KAAK;YAAE,GAAG;gBACnD,wBAAE,sBAAsB;oBACtB,wBAAE,OAAO;wBACP,KAAK,EAAE,GAAG,GACN,sDAAsD,EAAE,GAAG,GAC3D;wBACJ,OAAO,EAAE,GAAG,GAAG,OAAO,EAAE,GAAG,GAAG;oBAChC;oBACA,wBAAE,KAAK;wBACL,wBACE,oBACA;4BACE,MACE,wEACA,EAAE,GAAG;4BACP,QAAQ;wBACV,GACA;4BAAC,EAAE,GAAG;yBAAC;qBAEV;iBACF;aACF;QACH;KACD;AACH","sources":["packages/data-components/src/components/prevalent-taxa/prevalent-taxa.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport axios from \"axios\";\nimport { hyperStyled } from \"@macrostrat/hyper\";\n//@ts-ignore\nimport styles from \"./taxa.module.scss\";\nimport { Spinner } from \"@blueprintjs/core\";\nimport fetch from \"node-fetch\";\n\nconst h = hyperStyled(styles);\n\nconst paleoUrl = \"https://paleobiodb.org/data1.2/occs/prevalence.json\";\nconst macrostratUrl = \"https://macrostrat.org/api/v2/fossils\";\n\nasync function fetchPrevalentTaxa(strat_name_id: number | string) {\n  const res = await axios.get(macrostratUrl, {\n    params: { strat_name_id: strat_name_id },\n  });\n\n  const collections = res.data.success.data.map(\n    (c: { cltn_id: number }) => c.cltn_id,\n  );\n  if (collections.length > 0) {\n    const paleoRes = await axios.get(paleoUrl, {\n      params: { limit: 5, coll_id: collections.join(\",\") },\n    });\n\n    paleoRes.data.records.forEach((d: PrevalentTaxaResI) => {\n      var splitName = d.nam.split(\" \");\n      d.nam = splitName[0] + (splitName.length > 1 ? \"*\" : \"\");\n    });\n\n    return paleoRes.data.records;\n  }\n  return [];\n}\n\ninterface PrevalentTaxaResI {\n  img: any;\n  nam: string;\n  noc: string;\n  oid: string;\n}\n\nfunction PrevalentTaxa({ strat_name_id }: { strat_name_id: number | string }) {\n  const [state, setState] = useState<PrevalentTaxaResI[]>();\n  console.log(state);\n  useEffect(() => {\n    async function fetch() {\n      const data = await fetchPrevalentTaxa(strat_name_id);\n      setState(data);\n    }\n    fetch();\n  }, [strat_name_id]);\n\n  if (typeof state === \"undefined\") {\n    return h(Spinner);\n  }\n\n  return h(`div.row .prevalent-taxa-row`, [\n    h(\"div.prevalent-taxa-container\", [\n      h(\"div.prevalent-taxa\", [\n        h(\"p\", { id: \"prevalent-taxa-title\" }, [\"Prevalent taxa\"]),\n        h(\"p\", [\n          h(\"small\", [\n            \"via \",\n            h(\n              \"a.normalize-link\",\n              { href: \"https://paleobiodb.org\", target: \"_blank\" },\n              [\"PaleoBioDB\"],\n            ),\n          ]),\n        ]),\n      ]),\n    ]),\n    state.map((d, i) => {\n      return h(\"div.prevalent-taxa-container\", { key: i }, [\n        h(\"div.prevalent-taxa\", [\n          h(\"img\", {\n            src: d.img\n              ? \"https://paleobiodb.org/data1.2/taxa/thumb.png?id=\" + d.img\n              : \"\",\n            title: d.nam + \" (\" + d.noc + \" occurrences)\",\n          }),\n          h(\"p\", [\n            h(\n              \"a.normalize-link\",\n              {\n                href:\n                  \"https://paleobiodb.org/cgi-bin/bridge.pl?a=basicTaxonInfo&taxon_no=\" +\n                  d.oid,\n                target: \"_blank\",\n              },\n              [d.nam],\n            ),\n          ]),\n        ]),\n      ]);\n    }),\n  ]);\n}\n\nexport { PrevalentTaxa };\n"],"names":[],"version":3,"file":"column-views.f2948ff8.js.map"}

package/dist/esm/column-views.f9dab157.js

@@ -0,0 +1,3 @@
+
+
+//# sourceMappingURL=column-views.f9dab157.js.map

package/dist/esm/column-views.f9dab157.js.map

@@ -0,0 +1 @@
+{"mappings":"","sources":["packages/column-views/src/units/types.ts"],"sourcesContent":["export interface IUnit {\n  unit_id: number;\n  col_id: number;\n  section_id: number;\n  t_age: number;\n  b_age: number;\n  [x: string]: any;\n  patternID?: string | number;\n  color?: string;\n}\n\nexport interface RectBounds {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n"],"names":[],"version":3,"file":"column-views.f9dab157.js.map"}

package/dist/esm/column-views.fa19cea0.js

@@ -0,0 +1,108 @@
+import {getUnitHeightRange as $b6657fba8924a702$export$70e712e2ac0237a} from "./column-views.39657bbf.js";
+import {useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./column-views.1e055ed5.js";
+import {useFossilData as $a3ff7da576c02df0$export$e6af757fa9780077} from "./column-views.3048acc1.js";
+import {ColumnNotes as $9e52fe4012c88296$export$fc5babae10f3f77d} from "./column-views.f13a1d6e.js";
+import "./column-views.57636733.css";
+import $6u76g$columnviews1c92b88fjs from "./column-views.1c92b88f.js";
+import $6u76g$macrostrathyper from "@macrostrat/hyper";
+import {useMemo as $6u76g$useMemo} from "react";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+
+
+
+
+
+
+const $b9286605a04210d4$var$h = (0, $6u76g$macrostrathyper).styled((0, ($parcel$interopDefault($6u76g$columnviews1c92b88fjs))));
+function $b9286605a04210d4$var$FossilInfo(props) {
+    const { note: note, spacing: spacing } = props;
+    const { data: data, unit: unit } = note;
+    let d1 = data;
+    let tooMany = null;
+    if (data.length > 5) {
+        const n = data.length - 5;
+        d1 = data.slice(0, 5);
+        tooMany = $b9286605a04210d4$var$h("li.too-many", `and ${n} more`);
+    }
+    return $b9286605a04210d4$var$h("ul.fossil-collections", [
+        d1.map((d)=>{
+            return $b9286605a04210d4$var$h("li.collection", {
+                key: d.cltn_id
+            }, [
+                $b9286605a04210d4$var$h($b9286605a04210d4$var$PBDBCollectionLink, {
+                    collection: d
+                })
+            ]);
+        }),
+        tooMany
+    ]);
+}
+function $b9286605a04210d4$var$PBDBCollectionLink({ collection: collection }) {
+    return $b9286605a04210d4$var$h("a.link-id", {
+        href: `https://paleobiodb.org/classic/basicCollectionSearch?collection_no=${collection.cltn_id}`
+    }, collection.cltn_name);
+}
+const $b9286605a04210d4$var$matchingUnit = (dz)=>(d)=>d.unit_id == dz.unit_id;
+function $b9286605a04210d4$export$554267114407ef68({ columnID: columnID, color: color = "magenta" }) {
+    const data = (0, $a3ff7da576c02df0$export$e6af757fa9780077)({
+        col_id: columnID
+    });
+    const { axisType: axisType, units: units } = (0, $d5074f164411387e$export$f8509b7cce386c7d)();
+    const notes = (0, $6u76g$useMemo)(()=>{
+        if (data == null || units == null) return [];
+        let unitRefData = Array.from(data.values()).map((d)=>{
+            return {
+                data: d,
+                unit: units.find($b9286605a04210d4$var$matchingUnit(d[0]))
+            };
+        }).filter((d)=>d.unit != null);
+        unitRefData.sort((a, b)=>{
+            const v1 = units.indexOf(a.unit);
+            const v2 = units.indexOf(b.unit);
+            return v1 - v2;
+        });
+        return unitRefData.map((d)=>{
+            const { unit: unit, data: data } = d;
+            const heightRange = (0, $b6657fba8924a702$export$70e712e2ac0237a)(unit, axisType);
+            return {
+                top_height: heightRange[1],
+                height: heightRange[0],
+                data: data,
+                unit: unit,
+                id: unit.unit_id
+            };
+        });
+    }, [
+        data,
+        units
+    ]);
+    const width = 500;
+    const paddingLeft = 40;
+    const noteComponent = (0, $6u76g$useMemo)(()=>{
+        return (props)=>{
+            return $b9286605a04210d4$var$h($b9286605a04210d4$var$FossilInfo, {
+                color: color,
+                ...props
+            });
+        };
+    }, [
+        width,
+        color
+    ]);
+    if (data == null || units == null) return null;
+    return $b9286605a04210d4$var$h("div.dz-spectra", $b9286605a04210d4$var$h((0, $9e52fe4012c88296$export$fc5babae10f3f77d), {
+        width: width,
+        paddingLeft: paddingLeft,
+        notes: notes,
+        noteComponent: noteComponent
+    }));
+}
+
+
+export {$b9286605a04210d4$export$554267114407ef68 as PBDBFossilsColumn};
+//# sourceMappingURL=column-views.fa19cea0.js.map

package/dist/esm/column-views.fa19cea0.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;AAUA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,uEAAK;AAgB5B,SAAS,iCAAW,KAAsB;IACxC,MAAM,QAAE,IAAI,WAAE,OAAO,EAAE,GAAG;IAC1B,MAAM,QAAE,IAAI,QAAE,IAAI,EAAE,GAAG;IAEvB,IAAI,KAAK;IAET,IAAI,UAAU;IACd,IAAI,KAAK,MAAM,GAAG,GAAG;QACnB,MAAM,IAAI,KAAK,MAAM,GAAG;QACxB,KAAK,KAAK,KAAK,CAAC,GAAG;QACnB,UAAU,wBAAE,eAAe,CAAC,IAAI,EAAE,EAAE,KAAK,CAAC;IAC5C;IAEA,OAAO,wBAAE,yBAAyB;QAChC,GAAG,GAAG,CAAC,CAAC;YACN,OAAO,wBAAE,iBAAiB;gBAAE,KAAK,EAAE,OAAO;YAAC,GAAG;gBAC5C,wBAAE,0CAAoB;oBAAE,YAAY;gBAAE;aACvC;QACH;QACA;KACD;AACH;AAEA,SAAS,yCAAmB,cAAE,UAAU,EAAkC;IACxE,OAAO,wBACL,aACA;QACE,MAAM,CAAC,mEAAmE,EAAE,WAAW,OAAO,EAAE;IAClG,GACA,WAAW,SAAS;AAExB;AAEA,MAAM,qCAAe,CAAC,KAAO,CAAC,IAAM,EAAE,OAAO,IAAI,GAAG,OAAO;AAEpD,SAAS,0CAAkB,YAAE,QAAQ,SAAE,QAAQ,WAAW;IAC/D,MAAM,OAAO,CAAA,GAAA,yCAAY,EAAE;QAAE,QAAQ;IAAS;IAC9C,MAAM,YAAE,QAAQ,SAAE,KAAK,EAAE,GAAG,CAAA,GAAA,yCAAsB;IAElD,MAAM,QAAe,CAAA,GAAA,cAAM,EAAE;QAC3B,IAAI,QAAQ,QAAQ,SAAS,MAAM,OAAO,EAAE;QAC5C,IAAI,cAAc,MAAM,IAAI,CAAC,KAAK,MAAM,IACrC,GAAG,CAAC,CAAC;YACJ,OAAO;gBACL,MAAM;gBACN,MAAM,MAAM,IAAI,CAAC,mCAAa,CAAC,CAAC,EAAE;YACpC;QACF,GACC,MAAM,CAAC,CAAC,IAAM,EAAE,IAAI,IAAI;QAE3B,YAAY,IAAI,CAAC,CAAC,GAAG;YACnB,MAAM,KAAK,MAAM,OAAO,CAAC,EAAE,IAAI;YAC/B,MAAM,KAAK,MAAM,OAAO,CAAC,EAAE,IAAI;YAC/B,OAAO,KAAK;QACd;QAEA,OAAO,YAAY,GAAG,CAAC,CAAC;YACtB,MAAM,QAAE,IAAI,QAAE,IAAI,EAAE,GAAG;YACvB,MAAM,cAAc,CAAA,GAAA,wCAAiB,EAAE,MAAM;YAE7C,OAAO;gBACL,YAAY,WAAW,CAAC,EAAE;gBAC1B,QAAQ,WAAW,CAAC,EAAE;sBACtB;sBACA;gBACA,IAAI,KAAK,OAAO;YAClB;QACF;IACF,GAAG;QAAC;QAAM;KAAM;IAEhB,MAAM,QAAQ;IACd,MAAM,cAAc;IAEpB,MAAM,gBAAgB,CAAA,GAAA,cAAM,EAAE;QAC5B,OAAO,CAAC;YACN,OAAO,wBAAE,kCAAY;uBACnB;gBACA,GAAG,KAAK;YACV;QACF;IACF,GAAG;QAAC;QAAO;KAAM;IAEjB,IAAI,QAAQ,QAAQ,SAAS,MAAM,OAAO;IAE1C,OAAO,wBACL,kBACA,wBAAE,CAAA,GAAA,yCAAU,GAAG;eACb;qBACA;eACA;uBACA;IACF;AAEJ","sources":["packages/column-views/src/facets/fossils/index.ts"],"sourcesContent":["import { getUnitHeightRange } from \"../../prepare-units\";\nimport { useMacrostratColumnData } from \"../../data-provider\";\nimport hyper from \"@macrostrat/hyper\";\nimport { PBDBCollection, useFossilData } from \"./provider\";\nimport { useMacrostratUnits } from \"../../data-provider\";\nimport { ColumnNotes } from \"../../notes\";\nimport { useMemo } from \"react\";\nimport type { IUnit } from \"../../units\";\nimport styles from \"./index.module.sass\";\n\nconst h = hyper.styled(styles);\n\ninterface FossilItemProps {\n  note: {\n    data: PBDBCollection[];\n    unit?: IUnit;\n  };\n  spacing?: {\n    below?: number;\n    above?: number;\n  };\n  width?: number;\n  height?: number;\n  color?: string;\n}\n\nfunction FossilInfo(props: FossilItemProps) {\n  const { note, spacing } = props;\n  const { data, unit } = note;\n\n  let d1 = data;\n\n  let tooMany = null;\n  if (data.length > 5) {\n    const n = data.length - 5;\n    d1 = data.slice(0, 5);\n    tooMany = h(\"li.too-many\", `and ${n} more`);\n  }\n\n  return h(\"ul.fossil-collections\", [\n    d1.map((d) => {\n      return h(\"li.collection\", { key: d.cltn_id }, [\n        h(PBDBCollectionLink, { collection: d }),\n      ]);\n    }),\n    tooMany,\n  ]);\n}\n\nfunction PBDBCollectionLink({ collection }: { collection: PBDBCollection }) {\n  return h(\n    \"a.link-id\",\n    {\n      href: `https://paleobiodb.org/classic/basicCollectionSearch?collection_no=${collection.cltn_id}`,\n    },\n    collection.cltn_name,\n  );\n}\n\nconst matchingUnit = (dz) => (d) => d.unit_id == dz.unit_id;\n\nexport function PBDBFossilsColumn({ columnID, color = \"magenta\" }) {\n  const data = useFossilData({ col_id: columnID });\n  const { axisType, units } = useMacrostratColumnData();\n\n  const notes: any[] = useMemo(() => {\n    if (data == null || units == null) return [];\n    let unitRefData = Array.from(data.values())\n      .map((d) => {\n        return {\n          data: d,\n          unit: units.find(matchingUnit(d[0])),\n        };\n      })\n      .filter((d) => d.unit != null);\n\n    unitRefData.sort((a, b) => {\n      const v1 = units.indexOf(a.unit);\n      const v2 = units.indexOf(b.unit);\n      return v1 - v2;\n    });\n\n    return unitRefData.map((d) => {\n      const { unit, data } = d;\n      const heightRange = getUnitHeightRange(unit, axisType);\n\n      return {\n        top_height: heightRange[1],\n        height: heightRange[0],\n        data,\n        unit,\n        id: unit.unit_id,\n      };\n    });\n  }, [data, units]);\n\n  const width = 500;\n  const paddingLeft = 40;\n\n  const noteComponent = useMemo(() => {\n    return (props) => {\n      return h(FossilInfo, {\n        color,\n        ...props,\n      });\n    };\n  }, [width, color]);\n\n  if (data == null || units == null) return null;\n\n  return h(\n    \"div.dz-spectra\",\n    h(ColumnNotes, {\n      width,\n      paddingLeft,\n      notes,\n      noteComponent,\n    }),\n  );\n}\n"],"names":[],"version":3,"file":"column-views.fa19cea0.js.map"}