@macrostrat/column-views 2.0.0 → 2.1.0

package/dist/esm/column-views.7a414dd1.css

@@ -0,0 +1,56 @@
+.I-a59W_data-field {
+  margin: .5em 0 1em;
+}
+
+.I-a59W_data-field.I-a59W_flex {
+  flex-flow: wrap;
+  justify-content: end;
+  align-items: baseline;
+  gap: .5em;
+  display: flex;
+}
+
+.I-a59W_data-field.I-a59W_flex .I-a59W_data-container {
+  text-align: right;
+}
+
+.I-a59W_data-field.I-a59W_inline .I-a59W_label {
+  display: inline-block;
+}
+
+.I-a59W_data-field .I-a59W_label {
+  color: var(--secondary-color);
+  text-align: left;
+  flex-grow: 1;
+  padding-right: 1em;
+  font-weight: bold;
+  display: block;
+}
+
+.I-a59W_data-field .I-a59W_value-container {
+  text-align: right;
+  break-inside: avoid;
+}
+
+.I-a59W_data-field.I-a59W_tag-field > * {
+  margin: 0;
+  display: block;
+}
+
+.I-a59W_unit {
+  color: var(--text-subtle-color);
+  font-style: var(--text-font-style);
+}
+
+.I-a59W_parenthetical .I-a59W_content {
+  color: var(--parenthetical-text-color, var(--text-subtle-color));
+}
+
+.I-a59W_parenthetical .I-a59W_sep {
+  color: var(--parenthetical-sep-color, var(--secondary-color));
+}
+
+.I-a59W_parenthetical .I-a59W_unit {
+  color: var(--secondary-color);
+}
+/*# sourceMappingURL=column-views.7a414dd1.css.map */

package/dist/esm/column-views.7a414dd1.css.map

@@ -0,0 +1 @@
+{"mappings":"AAAA;;;;AAEE;;;;;;;;AAME;;;;AAGA;;;;AAGF;;;;;;;;;AAQA;;;;;AAOE;;;;;AAIJ;;;;;AAKE;;;;AAEA;;;;AAEA","sources":["packages/data-components/src/components/unit-details/base.module.sass"],"sourcesContent":[".data-field\n  margin: 0.5em 0 1em\n  &.flex\n    display: flex\n    flex-flow: row wrap\n    align-items: baseline\n    justify-content: end\n    gap: 0.5em\n    .data-container\n      text-align: right\n  &.inline\n    .label\n      display: inline-block\n\n  .label\n    //font-size: 0.9em\n    padding-right: 1em\n    font-weight: bold\n    flex-grow: 1\n    display: block\n    color: var(--secondary-color)\n    text-align: left\n  .value-container\n    text-align: right\n    //font-size: 0.9em\n    //display: inline-block\n    break-inside: avoid\n\n  &.tag-field\n    &>*\n      margin: 0\n      display: block\n\n.unit\n  color: var(--text-subtle-color)\n  font-style: var(--text-font-style)\n\n.parenthetical\n  .content\n    color: var(--parenthetical-text-color, var(--text-subtle-color))\n  .sep\n    color: var(--parenthetical-sep-color, var(--secondary-color))\n  .unit\n    color: var(--secondary-color)\n"],"names":[],"version":3,"file":"column-views.7a414dd1.css.map"}

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

@@ -0,0 +1,24 @@
+import {LocationBasicInfo as $e915d4119f4f3a7c$export$bee34b546af763f0} from "./column-views.88984b34.js";
+import $3yrRT$macrostrathyper from "@macrostrat/hyper";
+
+
+
+function $c3eec7de9bf904cc$export$d4ffce179c2206c0(props) {
+    const { spot: spot } = props;
+    const image = spot.images?.[0];
+    let imageURL = null;
+    if (image != null) imageURL = `https://strabospot.org/pi/${image.id}`;
+    let year = new Date(spot.date).getFullYear();
+    return (0, $3yrRT$macrostrathyper)((0, $e915d4119f4f3a7c$export$bee34b546af763f0), {
+        title: spot.name,
+        year: year,
+        description: spot.notes,
+        imageURL: imageURL,
+        link: spot.landing_page,
+        className: "spot"
+    });
+}
+
+
+export {$c3eec7de9bf904cc$export$d4ffce179c2206c0 as SpotListing};
+//# sourceMappingURL=column-views.7a726ca9.js.map

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

@@ -0,0 +1 @@
+{"mappings":";;;;;AAkCO,SAAS,0CAAY,KAAuB;IACjD,MAAM,QAAE,IAAI,EAAE,GAAG;IAEjB,MAAM,QAAQ,KAAK,MAAM,EAAE,CAAC,EAAE;IAE9B,IAAI,WAAW;IACf,IAAI,SAAS,MACX,WAAW,CAAC,0BAA0B,EAAE,MAAM,EAAE,EAAE;IAGpD,IAAI,OAAO,IAAI,KAAK,KAAK,IAAI,EAAE,WAAW;IAE1C,OAAO,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,yCAAgB,GAAG;QAC1B,OAAO,KAAK,IAAI;cAChB;QACA,aAAa,KAAK,KAAK;kBACvB;QACA,MAAM,KAAK,YAAY;QACvB,WAAW;IACb;AACF","sources":["packages/data-components/src/field-locations/spots.ts"],"sourcesContent":["import h from \"@macrostrat/hyper\";\nimport { LocationBasicInfo } from \"./base\";\n\nexport interface SpotBasicData {\n  id: number;\n  date: string;\n  name: string;\n  notes: string;\n  images?: SpotImage[];\n  altitude: number;\n  landing_page: string;\n}\n\ninterface SpotImage {\n  id: number;\n  width: number;\n  height: number;\n  caption: string;\n  title: string;\n}\n\nexport interface SpotListingProps {\n  spot: SpotBasicData;\n  rockdBaseURL?: string;\n}\n\n/* Image URLs:\nOriginal Image:\nhttps://strabospot.org/pi/17326427706747\n\nThumbnail Image:\nhttps://strabospot.org/pi_thumbnail/17326427706747\n */\n\nexport function SpotListing(props: SpotListingProps) {\n  const { spot } = props;\n\n  const image = spot.images?.[0];\n\n  let imageURL = null;\n  if (image != null) {\n    imageURL = `https://strabospot.org/pi/${image.id}`;\n  }\n\n  let year = new Date(spot.date).getFullYear();\n\n  return h(LocationBasicInfo, {\n    title: spot.name,\n    year,\n    description: spot.notes,\n    imageURL,\n    link: spot.landing_page,\n    className: \"spot\",\n  });\n}\n"],"names":[],"version":3,"file":"column-views.7a726ca9.js.map"}

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

@@ -0,0 +1,34 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $6979419940038203$exports = {};
+
+$parcel$export($6979419940038203$exports, "clickable", () => $6979419940038203$export$60d5655c6babb2a0, (v) => $6979419940038203$export$60d5655c6babb2a0 = v);
+$parcel$export($6979419940038203$exports, "details", () => $6979419940038203$export$41ee12f6f6f05843, (v) => $6979419940038203$export$41ee12f6f6f05843 = v);
+$parcel$export($6979419940038203$exports, "lithology-id", () => $6979419940038203$export$83ee472850228c6f, (v) => $6979419940038203$export$83ee472850228c6f = v);
+$parcel$export($6979419940038203$exports, "main", () => $6979419940038203$export$f22da7240b7add18, (v) => $6979419940038203$export$f22da7240b7add18 = v);
+$parcel$export($6979419940038203$exports, "prefix", () => $6979419940038203$export$82e9f45cca5ba907, (v) => $6979419940038203$export$82e9f45cca5ba907 = v);
+$parcel$export($6979419940038203$exports, "tag", () => $6979419940038203$export$2b067c6666111485, (v) => $6979419940038203$export$2b067c6666111485 = v);
+$parcel$export($6979419940038203$exports, "tag-list", () => $6979419940038203$export$475fe1b2c145f76d, (v) => $6979419940038203$export$475fe1b2c145f76d = v);
+$parcel$export($6979419940038203$exports, "tight-list", () => $6979419940038203$export$838fa88f7f618188, (v) => $6979419940038203$export$838fa88f7f618188 = v);
+var $6979419940038203$export$60d5655c6babb2a0;
+var $6979419940038203$export$41ee12f6f6f05843;
+var $6979419940038203$export$83ee472850228c6f;
+var $6979419940038203$export$f22da7240b7add18;
+var $6979419940038203$export$82e9f45cca5ba907;
+var $6979419940038203$export$2b067c6666111485;
+var $6979419940038203$export$475fe1b2c145f76d;
+var $6979419940038203$export$838fa88f7f618188;
+$6979419940038203$export$60d5655c6babb2a0 = `LvaZuq_clickable`;
+$6979419940038203$export$41ee12f6f6f05843 = `LvaZuq_details`;
+$6979419940038203$export$83ee472850228c6f = `LvaZuq_lithology-id`;
+$6979419940038203$export$f22da7240b7add18 = `LvaZuq_main`;
+$6979419940038203$export$82e9f45cca5ba907 = `LvaZuq_prefix`;
+$6979419940038203$export$2b067c6666111485 = `LvaZuq_tag`;
+$6979419940038203$export$475fe1b2c145f76d = `LvaZuq_tag-list`;
+$6979419940038203$export$838fa88f7f618188 = `LvaZuq_tight-list`;
+
+
+export {$6979419940038203$exports as default};
+//# sourceMappingURL=column-views.7e21d1ec.js.map

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

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAPA,4CAA8B,CAAC,gBAAgB,CAAC;AAChD,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAAyB,CAAC,WAAW,CAAC;AACtC,4CAA2B,CAAC,aAAa,CAAC;AAC1C,4CAAwB,CAAC,UAAU,CAAC;AACpC,4CAA6B,CAAC,eAAe,CAAC;AAC9C,4CAA+B,CAAC,iBAAiB,CAAC","sources":["packages/data-components/src/components/unit-details/tag.module.sass"],"sourcesContent":[".lithology-id\n  &::before\n    content: '#'\n  padding-left: 0.5em\n\n.tight-list\n  padding-left: 1em\n\n.clickable\n  cursor: pointer\n\n.tag\n  font-size: var(--font-size)\n  align-items: center\n  display: inline-flex\n  border-radius: 0.3em\n  flex-direction: row\n  background-color: var(--tag-secondary-background, var(--secondary-background))\n  color: var(--secondary-color)\n  .prefix\n    //display: inline-block\n    padding: 0 0.5em\n\n  .main\n    align-items: center\n    display: inline-flex\n    padding: 0.2em 0.5em\n    border-radius: 0.3em\n    color: var(--text-color)\n    background-color: var(--tag-background, var(--tertiary-background))\n\n  //.lithology-id\n  //  width: 0\n  //  overflow: hidden\n  //  white-space: nowrap\n  //  transition: width 0.3s\n  //&:hover\n  //  .lithology-id\n  //    width: 100%\n\n  .details\n    color: var(--secondary-color)\n    font-style: italic\n    padding-left: 0.3em\n\n.tag-list\n  display: inline\n  flex-flow: row wrap\n  align-items: baseline\n  justify-content: end\n  .tag\n    margin-bottom: 0.5em\n    margin-left: 0.5em\n\n"],"names":[],"version":3,"file":"column-views.7e21d1ec.js.map"}

package/dist/esm/{column-correlation.c8dcfe98.js → column-views.7e350ae2.js}

@@ -1,9 +1,9 @@
-import {ColumnCorrelationMap as $dcd183b733f66144$export$8e7d97509e84cc49} from "./core.91ede078.js";
-import {ColumnCorrelationProvider as $74e211dc185c20b4$export$72ffe141ebf87ef1, useCorrelationMapStore as $74e211dc185c20b4$export$21398703d3a9bb4d} from "./state.2952cbca.js";
+import {ColumnCorrelationMap as $dcd183b733f66144$export$8e7d97509e84cc49} from "./column-views.89b9e542.js";
+import {ColumnCorrelationProvider as $74e211dc185c20b4$export$72ffe141ebf87ef1, useCorrelationMapStore as $74e211dc185c20b4$export$21398703d3a9bb4d} from "./column-views.85c6a716.js";
 
 
 
 
 
 export {$dcd183b733f66144$export$8e7d97509e84cc49 as ColumnCorrelationMap, $74e211dc185c20b4$export$72ffe141ebf87ef1 as ColumnCorrelationProvider, $74e211dc185c20b4$export$21398703d3a9bb4d as useCorrelationMapStore};
-//# sourceMappingURL=column-correlation.c8dcfe98.js.map
+//# sourceMappingURL=column-views.7e350ae2.js.map

package/dist/esm/{column-correlation.c8dcfe98.js.map → column-views.7e350ae2.js.map}

@@ -1 +1 @@
-{"mappings":"","sources":["packages/column-views/src/maps/column-correlation/index.ts"],"sourcesContent":["export * from \"./core\";\nexport * from \"./state\";\n"],"names":[],"version":3,"file":"column-correlation.c8dcfe98.js.map"}
+{"mappings":"","sources":["packages/column-views/src/maps/column-correlation/index.ts"],"sourcesContent":["export * from \"./core\";\nexport * from \"./state\";\n"],"names":[],"version":3,"file":"column-views.7e350ae2.js.map"}

package/dist/esm/column-views.83a557b3.js

@@ -0,0 +1,11 @@
+import {TagSize as $e969cdc1e0421ee2$export$33ced837a1e5dd9, Tag as $e969cdc1e0421ee2$export$3288d34c523a1192, BaseTagList as $e969cdc1e0421ee2$export$253448fb46c13164, ItemList as $e969cdc1e0421ee2$export$168eb813a5fc3f58} from "./column-views.68afac63.js";
+import {LithologyTagFeature as $54f22e1233427546$export$7bf80657e8a4330e, LithologyTag as $54f22e1233427546$export$17064b7382e320b2, LithologyList as $54f22e1233427546$export$74b2d34b17326341, EnvironmentsList as $54f22e1233427546$export$7370a955ae18866e} from "./column-views.8f108485.js";
+import {DataField as $ed781bff07b3e4da$export$6a468d428727394e, Value as $ed781bff07b3e4da$export$4c8d1a57a761ef94, IntervalField as $ed781bff07b3e4da$export$f026c1ff1dfd9085, IntervalTag as $ed781bff07b3e4da$export$cec07089f4042438, TagField as $ed781bff07b3e4da$export$c99859d779d8150a, Parenthetical as $ed781bff07b3e4da$export$bad733389c823cbd} from "./column-views.8a1db14e.js";
+
+
+
+
+
+
+export {$e969cdc1e0421ee2$export$33ced837a1e5dd9 as TagSize, $e969cdc1e0421ee2$export$3288d34c523a1192 as Tag, $e969cdc1e0421ee2$export$253448fb46c13164 as BaseTagList, $e969cdc1e0421ee2$export$168eb813a5fc3f58 as ItemList, $54f22e1233427546$export$7bf80657e8a4330e as LithologyTagFeature, $54f22e1233427546$export$17064b7382e320b2 as LithologyTag, $54f22e1233427546$export$74b2d34b17326341 as LithologyList, $54f22e1233427546$export$7370a955ae18866e as EnvironmentsList, $ed781bff07b3e4da$export$6a468d428727394e as DataField, $ed781bff07b3e4da$export$4c8d1a57a761ef94 as Value, $ed781bff07b3e4da$export$f026c1ff1dfd9085 as IntervalField, $ed781bff07b3e4da$export$cec07089f4042438 as IntervalTag, $ed781bff07b3e4da$export$c99859d779d8150a as TagField, $ed781bff07b3e4da$export$bad733389c823cbd as Parenthetical};
+//# sourceMappingURL=column-views.83a557b3.js.map

package/dist/esm/column-views.83a557b3.js.map

@@ -0,0 +1 @@
+{"mappings":"","sources":["packages/data-components/src/components/unit-details/index.ts"],"sourcesContent":["export * from \"./tag\";\nexport * from \"./lithology-tag\";\nexport * from \"./base\";\n"],"names":[],"version":3,"file":"column-views.83a557b3.js.map"}

package/dist/esm/{state.2952cbca.js → column-views.85c6a716.js}

@@ -1,4 +1,4 @@
-import {useMacrostratColumns as $774a5efa27d1c77b$export$81eaae0b474404fd} from "./base.910b80b4.js";
+import {useMacrostratColumns as $774a5efa27d1c77b$export$81eaae0b474404fd} from "./column-views.3ba9213d.js";
 import {create as $i7Wch$create, useStore as $i7Wch$useStore} from "zustand";
 import {lineIntersect as $i7Wch$lineIntersect} from "@turf/line-intersect";
 import $i7Wch$turfdistance from "@turf/distance";
@@ -115,4 +115,4 @@ function $74e211dc185c20b4$var$sorted(data, accessor) {
 
 
 export {$74e211dc185c20b4$export$72ffe141ebf87ef1 as ColumnCorrelationProvider, $74e211dc185c20b4$export$21398703d3a9bb4d as useCorrelationMapStore};
-//# sourceMappingURL=state.2952cbca.js.map
+//# sourceMappingURL=column-views.85c6a716.js.map

package/dist/esm/column-views.85c6a716.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/column-views/src/maps/column-correlation/state.ts"],"sourcesContent":["import { LineString, Point } from \"geojson\";\nimport { create, StoreApi, useStore } from \"zustand\";\nimport type { ColumnGeoJSONRecord } from \"@macrostrat/api-types\";\n// Turf intersection\nimport { lineIntersect } from \"@turf/line-intersect\";\nimport distance from \"@turf/distance\";\nimport { nearestPointOnLine } from \"@turf/nearest-point-on-line\";\nimport { centroid } from \"@turf/centroid\";\nimport mapboxgl from \"mapbox-gl\";\nimport {\n  createContext,\n  useState,\n  useContext,\n  ReactNode,\n  useEffect,\n} from \"react\";\nimport h from \"@macrostrat/hyper\";\nimport { createComputed } from \"zustand-computed\";\nimport { useMacrostratColumns } from \"../../data-provider/base\";\n\nexport interface CorrelationMapInput {\n  columns: ColumnGeoJSONRecord[];\n  focusedLine: LineString | null;\n}\n\nexport interface CorrelationMapStore extends CorrelationMapInput {\n  onClickMap: (event: mapboxgl.MapMouseEvent, point: Point) => void;\n}\n\nexport interface CorrelationProviderProps extends CorrelationMapInput {\n  projectID?: number;\n  inProcess?: boolean;\n  columns: ColumnGeoJSONRecord[] | null;\n  children: ReactNode;\n  onSelectColumns?: (\n    columns: FocusedColumnGeoJSONRecord[],\n    line: LineString | null,\n  ) => void;\n}\n\nconst CorrelationStoreContext =\n  createContext<StoreApi<CorrelationMapStore> | null>(null);\n\ntype ComputedStore = {\n  focusedColumns: FocusedColumnGeoJSONRecord[];\n};\n\n/** A computed store that will automatically update when the state changes */\nconst computed = createComputed((state: CorrelationMapStore): ComputedStore => {\n  return {\n    // We compute the focused columns based on columns and focusedLine\n    focusedColumns: buildCorrelationColumns(state.columns, state.focusedLine),\n  };\n}) as any;\n\nexport function ColumnCorrelationProvider({\n  children,\n  columns,\n  projectID,\n  inProcess,\n  focusedLine,\n  onSelectColumns,\n}: CorrelationProviderProps) {\n  const [store] = useState(() => {\n    return create<CorrelationMapStore & ComputedStore>(\n      computed((set, get): CorrelationMapStore => {\n        return {\n          focusedLine,\n          columns: null,\n          onClickMap(event: mapboxgl.MapMouseEvent, point: Point) {\n            const state = get();\n            // Check if shift key is pressed\n            const shiftKeyPressed = event.originalEvent.shiftKey;\n            let existingCoords = state.focusedLine?.coordinates ?? [];\n\n            if (existingCoords.length >= 2 && !shiftKeyPressed) {\n              // Reset the line to zero length\n              existingCoords = [];\n            }\n            set({\n              focusedLine: {\n                type: \"LineString\",\n                coordinates: [...existingCoords, point.coordinates],\n              },\n            });\n          },\n        };\n      }),\n    );\n  });\n\n  // Set up the store\n  /** TODO: move the fetching of all columns to within the map */\n  const _columns = useMacrostratColumns(projectID, inProcess);\n  useEffect(() => {\n    if (_columns != null) {\n      store.setState({ columns: _columns });\n    }\n  }, [_columns]);\n\n  // Kind of an awkward way to do this but we need to allow the selector to run\n  const focusedColumns = useStore(store, (state) => state.focusedColumns);\n  const _focusedLine = useStore(store, (state) => state.focusedLine);\n\n  useEffect(() => {\n    onSelectColumns?.(focusedColumns, _focusedLine);\n  }, [focusedColumns, _focusedLine]);\n\n  return h(CorrelationStoreContext.Provider, { value: store }, children);\n}\n\nexport function useCorrelationMapStore(\n  selector: (state: CorrelationMapStore & ComputedStore) => any,\n) {\n  const storeApi = useContext(CorrelationStoreContext);\n  if (storeApi == null) {\n    throw new Error(\"Missing CorrelationMapProvider\");\n  }\n  return useStore(storeApi, selector);\n}\n\nfunction buildCorrelationColumns(\n  columns: ColumnGeoJSONRecord[],\n  line: LineString,\n): FocusedColumnGeoJSONRecord[] {\n  if (columns == null || line == null || line.coordinates.length < 2) {\n    return [];\n  }\n  return orderColumnsByDistance(\n    computeIntersectingColumns(columns, line),\n    line,\n  );\n}\n\nfunction computeIntersectingColumns(\n  columns: ColumnGeoJSONRecord[],\n  line: LineString,\n): ColumnGeoJSONRecord[] {\n  if (columns == null || line == null) {\n    return [];\n  }\n\n  return columns.filter((col) => {\n    const poly = col.geometry;\n\n    // Some in-process datasets seem to have null geometries\n    if (poly == null) return false;\n    if (poly.type != \"Polygon\" && poly.type != \"MultiPolygon\") return false;\n\n    const intersection = lineIntersect(line, poly);\n    return intersection.features.length > 0;\n  });\n}\n\ninterface FocusedColumnGeoJSONRecord extends ColumnGeoJSONRecord {\n  properties: {\n    centroid: Point;\n    nearestPointOnLine: Point;\n    distanceAlongLine: number;\n  } & ColumnGeoJSONRecord[\"properties\"];\n}\n\nfunction orderColumnsByDistance(\n  columns: ColumnGeoJSONRecord[],\n  line: LineString,\n): FocusedColumnGeoJSONRecord[] {\n  const centroids = columns.map((col) => centroid(col.geometry));\n  const projectedPoints = centroids.map((point) =>\n    nearestPointOnLine(line, point),\n  );\n  const distances = projectedPoints.map((point) =>\n    distance(point.geometry.coordinates, line.coordinates[0]),\n  );\n\n  let newColumns = columns.map((col, i) => {\n    return {\n      ...col,\n      properties: {\n        ...col.properties,\n        centroid: centroids[i],\n        nearestPointOnLine: projectedPoints[i],\n        distanceAlongLine: distances[i],\n      },\n    };\n  });\n\n  return sorted(newColumns, (d) => d.properties.distanceAlongLine);\n}\n\nfunction sorted(data, accessor: (d) => number) {\n  return data.sort((a, b) => accessor(a) - accessor(b));\n}\n"],"names":[],"version":3,"file":"column-views.85c6a716.js.map"}

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

@@ -0,0 +1,9 @@
+import {IsotopesDataset as $d71d096cfe00860f$export$c69bd0285aa5d775, IsotopesColumn as $d71d096cfe00860f$export$5d8aa8022c284748} from "./column-views.5e2dc19d.js";
+import {MeasurementDataContext as $5dbb619f2c7bef60$export$c644ef985ce7a4c4, MeasurementDataProvider as $5dbb619f2c7bef60$export$5f01d5b342a89841, useMeasurementData as $5dbb619f2c7bef60$export$8a0335fd9ff72150} from "./column-views.a7c5ae16.js";
+
+
+
+
+
+export {$d71d096cfe00860f$export$c69bd0285aa5d775 as IsotopesDataset, $d71d096cfe00860f$export$5d8aa8022c284748 as IsotopesColumn, $5dbb619f2c7bef60$export$c644ef985ce7a4c4 as MeasurementDataContext, $5dbb619f2c7bef60$export$5f01d5b342a89841 as MeasurementDataProvider, $5dbb619f2c7bef60$export$8a0335fd9ff72150 as useMeasurementData};
+//# sourceMappingURL=column-views.86619334.js.map

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

@@ -0,0 +1 @@
+{"mappings":"","sources":["packages/column-views/src/facets/carbon-isotopes/index.ts"],"sourcesContent":["export * from \"./isotopes-column\";\nexport * from \"./data-provider\";\n"],"names":[],"version":3,"file":"column-views.86619334.js.map"}

package/dist/esm/{age-axis.4a8cf5e6.js → column-views.8833218c.js}

@@ -1,6 +1,7 @@
-import "./age-axis.module.03773a80.css";
-import $lfxOo$ageaxismodule3cc91335js from "./age-axis.module.3cc91335.js";
-import {useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./store.c4d7a8a4.js";
+import "./column-views.b17f793f.css";
+import $lfxOo$columnviews686d21adjs from "./column-views.686d21ad.js";
+import {useCompositeScale as $d5074f164411387e$export$a7fc62995ec4f76, useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./column-views.1e055ed5.js";
+import {AgeLabel as $448b24baeef3b229$export$37ebfd237811b1eb} from "./column-views.66f823ba.js";
 import $lfxOo$macrostrathyper from "@macrostrat/hyper";
 import {ColumnContext as $lfxOo$ColumnContext, ColumnAxis as $lfxOo$ColumnAxis, ColumnAxisType as $lfxOo$ColumnAxisType, SVG as $lfxOo$SVG, AgeAxis as $lfxOo$AgeAxis} from "@macrostrat/column-components";
 import {useContext as $lfxOo$useContext} from "react";
@@ -16,7 +17,8 @@ function $parcel$interopDefault(a) {
 
 
 
-const $43794af7643cdf40$var$h = (0, $lfxOo$macrostrathyper).styled((0, ($parcel$interopDefault($lfxOo$ageaxismodule3cc91335js))));
+
+const $43794af7643cdf40$var$h = (0, $lfxOo$macrostrathyper).styled((0, ($parcel$interopDefault($lfxOo$columnviews686d21adjs))));
 const $43794af7643cdf40$var$AgeAxisCore = ({ ticks: ticks, tickSpacing: tickSpacing = 40, showDomain: showDomain = false })=>{
     const { pixelHeight: pixelHeight } = (0, $lfxOo$useContext)((0, $lfxOo$ColumnContext));
     // A tick roughly every 40 pixels
@@ -92,7 +94,24 @@ function $43794af7643cdf40$export$ac30ca3cf5df959d(props) {
         }))
     ]);
 }
+function $43794af7643cdf40$export$20d84abfcfa68dfa({ age: age }) {
+    /** A cursor that shows the age at a specific point on the age axis. */ const scale = (0, $d5074f164411387e$export$a7fc62995ec4f76)();
+    const heightPx = scale(age);
+    console.log(age, heightPx);
+    if (age == null || heightPx == null) return null;
+    return $43794af7643cdf40$var$h("div.age-cursor", {
+        style: {
+            top: heightPx
+        }
+    }, [
+        $43794af7643cdf40$var$h("div.line"),
+        $43794af7643cdf40$var$h((0, $448b24baeef3b229$export$37ebfd237811b1eb), {
+            age: age,
+            className: "label"
+        })
+    ]);
+}
 
 
-export {$43794af7643cdf40$export$64204d5cbb3e8227 as VerticalAxisLabel, $43794af7643cdf40$export$40b6b0e4520eeb34 as CompositeAgeAxis, $43794af7643cdf40$export$ac30ca3cf5df959d as CompositeAgeAxisCore};
-//# sourceMappingURL=age-axis.4a8cf5e6.js.map
+export {$43794af7643cdf40$export$64204d5cbb3e8227 as VerticalAxisLabel, $43794af7643cdf40$export$40b6b0e4520eeb34 as CompositeAgeAxis, $43794af7643cdf40$export$ac30ca3cf5df959d as CompositeAgeAxisCore, $43794af7643cdf40$export$20d84abfcfa68dfa as AgeCursor};
+//# sourceMappingURL=column-views.8833218c.js.map

package/dist/esm/column-views.8833218c.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;AAeA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,uEAAK;AAE5B,MAAM,oCAAc,CAAC,SAAE,KAAK,eAAE,cAAc,gBAAI,aAAa,OAAO;IAClE,MAAM,eAAE,WAAW,EAAE,GAAG,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,oBAAY;IAC/C,iCAAiC;IACjC,IAAI,IAAI,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC,cAAc,cAAc;IAExD,OAAO,wBAAE,UAAU;QAAE,WAAW;IAAkB,GAAG;QACnD,wBAAE,CAAA,GAAA,iBAAS,GAAG;YACZ,OAAO;wBACP;QACF;KACD;AACH;AAEO,SAAS,0CAAkB,KAAK;IACrC,MAAM,SAAE,QAAQ,aAAO,OAAO,iBAAM,SAAS,EAAE,GAAG;IAClD,OAAO,wBAAE,wCAAwC;mBAAE;IAAU,GAAG;QAC9D;QACA;QACA,wBAAE,EAAE,CAAC,MAAM,CAAA,GAAA,oBAAY,GAAG;YAAE,WAAW;QAAgB,GAAG;KAC3D;AACH;AAEO,SAAS;IACd,MAAM,YAAE,QAAQ,YAAE,QAAQ,eAAE,WAAW,EAAE,GAAG,CAAA,GAAA,yCAAsB;IAElE,MAAM,WAAW,SAAS,GAAG,CAAC,CAAC;QAC7B,OAAO;YACL,KAAK,CAAC,QAAQ,EAAE,QAAQ,UAAU,EAAE;YACpC,GAAG,QAAQ,SAAS;QACtB;IACF;IAEA,OAAO,wBAAE,2CAAsB;kBAC7B;kBACA;qBACA;IACF;AACF;AAQO,SAAS,0CAAqB,KAAsC;IACzE,MAAM,YAAE,QAAQ,eAAE,WAAW,YAAE,QAAQ,EAAE,GAAG;IAE5C,IAAI,YAAY,CAAA,GAAA,qBAAa,EAAE,OAAO,EACpC,OAAO;IAGT,IAAI,YAAoB;IACxB,IAAI,WAAW;IACf,IAAI,YAAY,CAAA,GAAA,qBAAa,EAAE,KAAK,EAAE;QACpC,YAAY;QACZ,WAAW;IACb,OAAO,IAAI,YAAY,CAAA,GAAA,qBAAa,EAAE,MAAM,EAAE;QAC5C,YAAY;QACZ,WAAW;IACb;IAEA,OAAO,wBAAE;QACP,wBAAE,2CAAmB;YACnB,OAAO;YACP,MAAM;QACR;QACA,wBACE,CAAA,GAAA,UAAE,GACF;YACE,WAAW;YACX,OAAO;gBAAE,OAAO,CAAC,IAAI,CAAC;gBAAE,QAAQ,GAAG,YAAY,EAAE,CAAC;YAAC;YACnD,OAAO;YACP,QAAQ;QACV,GACA,SAAS,GAAG,CAAC,CAAC,OAAO;YACnB,MAAM,OAAE,GAAG,SAAE,KAAK,EAAE,GAAG;YAEvB,OAAO,wBAAE,CAAA,GAAA,cAAM,GAAG;qBAChB;gBACA,WAAW;uBACX;gBACA,eAAe;YACjB;QACF;KAEH;AACH;AAEO,SAAS,0CAAU,OAAE,GAAG,EAAE;IAC/B,qEAAqE,GACrE,MAAM,QAAQ,CAAA,GAAA,wCAAgB;IAC9B,MAAM,WAAW,MAAM;IAEvB,QAAQ,GAAG,CAAC,KAAK;IAEjB,IAAI,OAAO,QAAQ,YAAY,MAC7B,OAAO;IAGT,OAAO,wBACL,kBACA;QACE,OAAO;YACL,KAAK;QACP;IACF,GACA;QAAC,wBAAE;QAAa,wBAAE,CAAA,GAAA,yCAAO,GAAG;iBAAE;YAAK,WAAW;QAAQ;KAAG;AAE7D","sources":["packages/column-views/src/age-axis.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport {\n  SVG,\n  ColumnAxis,\n  ColumnContext,\n  ColumnAxisType,\n  AgeAxis,\n} from \"@macrostrat/column-components\";\nimport { useContext } from \"react\";\nimport styles from \"./age-axis.module.sass\";\nimport { useCompositeScale, useMacrostratColumnData } from \"./data-provider\";\nimport { Parenthetical } from \"@macrostrat/data-components\";\nimport { PackageScaleLayoutData } from \"./prepare-units/composite-scale\";\nimport { AgeLabel } from \"./unit-details\";\n\nconst h = hyper.styled(styles);\n\nconst AgeAxisCore = ({ ticks, tickSpacing = 40, showDomain = false }) => {\n  const { pixelHeight } = useContext(ColumnContext);\n  // A tick roughly every 40 pixels\n  let v = Math.max(Math.round(pixelHeight / tickSpacing), 1);\n\n  return h(\"g.axis\", { transform: \"translate(20 0)\" }, [\n    h(ColumnAxis, {\n      ticks: v,\n      showDomain,\n    }),\n  ]);\n};\n\nexport function VerticalAxisLabel(props) {\n  const { label = \"Age\", unit = \"Ma\", className } = props;\n  return h(\"div.column-axis-label.age-axis-label\", { className }, [\n    label,\n    \" \",\n    h.if(unit)(Parenthetical, { className: \"age-axis-unit\" }, unit),\n  ]);\n}\n\nexport function CompositeAgeAxis() {\n  const { axisType, sections, totalHeight } = useMacrostratColumnData();\n\n  const packages = sections.map((section) => {\n    return {\n      key: `section-${section.section_id}`,\n      ...section.scaleInfo,\n    };\n  });\n\n  return h(CompositeAgeAxisCore, {\n    axisType,\n    packages,\n    totalHeight,\n  });\n}\n\nexport interface CompositeStratigraphicScaleInfo {\n  axisType: ColumnAxisType;\n  totalHeight: number;\n  packages: PackageScaleLayoutData[];\n}\n\nexport function CompositeAgeAxisCore(props: CompositeStratigraphicScaleInfo) {\n  const { axisType, totalHeight, packages } = props;\n\n  if (axisType == ColumnAxisType.ORDINAL) {\n    return null;\n  }\n\n  let axisLabel: string = \"Age\";\n  let axisUnit = \"Ma\";\n  if (axisType == ColumnAxisType.DEPTH) {\n    axisLabel = \"Depth\";\n    axisUnit = \"m\";\n  } else if (axisType == ColumnAxisType.HEIGHT) {\n    axisLabel = \"Height\";\n    axisUnit = \"m\";\n  }\n\n  return h([\n    h(VerticalAxisLabel, {\n      label: axisLabel,\n      unit: axisUnit,\n    }),\n    h(\n      SVG,\n      {\n        className: \"age-axis-column\",\n        style: { width: `22px`, height: `${totalHeight}px` },\n        width: 22,\n        height: totalHeight,\n      },\n      packages.map((group, i) => {\n        const { key, scale } = group;\n\n        return h(AgeAxis, {\n          key,\n          className: \"age-axis\",\n          scale,\n          tickSizeOuter: 3,\n        });\n      }),\n    ),\n  ]);\n}\n\nexport function AgeCursor({ age }) {\n  /** A cursor that shows the age at a specific point on the age axis. */\n  const scale = useCompositeScale();\n  const heightPx = scale(age);\n\n  console.log(age, heightPx);\n\n  if (age == null || heightPx == null) {\n    return null;\n  }\n\n  return h(\n    \"div.age-cursor\",\n    {\n      style: {\n        top: heightPx,\n      },\n    },\n    [h(\"div.line\"), h(AgeLabel, { age, className: \"label\" })],\n  );\n}\n"],"names":[],"version":3,"file":"column-views.8833218c.js.map"}

package/dist/esm/column-views.88984b34.js

@@ -0,0 +1,92 @@
+import "./column-views.bba13f77.css";
+import $ezo9Z$columnviewsc5e108f9js from "./column-views.c5e108f9.js";
+import $ezo9Z$macrostrathyper from "@macrostrat/hyper";
+import {Icon as $ezo9Z$Icon} from "@blueprintjs/core";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+
+
+const $e915d4119f4f3a7c$var$h = (0, $ezo9Z$macrostrathyper).styled((0, ($parcel$interopDefault($ezo9Z$columnviewsc5e108f9js))));
+function $e915d4119f4f3a7c$export$bee34b546af763f0({ title: title, year: year, description: description, imageURL: imageURL, link: link, rating: rating, className: className, location: location }) {
+    let _title = title ?? "";
+    let headerClassName = null;
+    if (title == "") {
+        _title = "Unnamed location";
+        headerClassName = "unnamed";
+    }
+    const hasImage = imageURL != null;
+    return $e915d4119f4f3a7c$var$h("div.location-basic-info", {
+        className: className
+    }, [
+        $e915d4119f4f3a7c$var$h("div.location-header", {
+            className: headerClassName
+        }, [
+            $e915d4119f4f3a7c$var$h.if(location != null)($e915d4119f4f3a7c$var$LocationButton, {
+                location: location
+            }),
+            $e915d4119f4f3a7c$var$h("h3.title", [
+                title
+            ]),
+            $e915d4119f4f3a7c$var$h("h4.year", [
+                year
+            ]),
+            $e915d4119f4f3a7c$var$h($e915d4119f4f3a7c$export$97b9ccd15d05bf44, {
+                href: link
+            })
+        ]),
+        $e915d4119f4f3a7c$var$h.if(description != null)("p.description", [
+            description
+        ]),
+        $e915d4119f4f3a7c$var$h("div.image-panel", {
+            className: hasImage ? "has-image" : "no-image"
+        }, [
+            $e915d4119f4f3a7c$var$h.if(hasImage)("img", {
+                src: imageURL
+            }),
+            $e915d4119f4f3a7c$var$h.if(rating != null)($e915d4119f4f3a7c$export$e6536e97719252ae, {
+                rating: rating
+            })
+        ])
+    ]);
+}
+function $e915d4119f4f3a7c$export$e6536e97719252ae({ rating: r }) {
+    const stars = Array.from({
+        length: 5
+    }, (_, i)=>{
+        const icon = i < r ? "star" : "star-empty";
+        return $e915d4119f4f3a7c$var$h((0, $ezo9Z$Icon), {
+            icon: icon
+        });
+    });
+    return $e915d4119f4f3a7c$var$h("div.star-rating", stars);
+}
+function $e915d4119f4f3a7c$export$97b9ccd15d05bf44({ href: href, children: children }) {
+    return $e915d4119f4f3a7c$var$h("a", {
+        href: href,
+        className: "location-link",
+        target: "_blank"
+    }, [
+        $e915d4119f4f3a7c$var$h((0, $ezo9Z$Icon), {
+            icon: "link",
+            size: 14
+        }),
+        children
+    ]);
+}
+function $e915d4119f4f3a7c$var$LocationButton({ location: location, onClick: onClick }) {
+    return $e915d4119f4f3a7c$var$h("button.location-button", {
+        onClick: onClick
+    }, [
+        $e915d4119f4f3a7c$var$h((0, $ezo9Z$Icon), {
+            icon: "map-marker"
+        })
+    ]);
+}
+
+
+export {$e915d4119f4f3a7c$export$bee34b546af763f0 as LocationBasicInfo, $e915d4119f4f3a7c$export$97b9ccd15d05bf44 as LocationLink, $e915d4119f4f3a7c$export$e6536e97719252ae as StarRatingComponent};
+//# sourceMappingURL=column-views.88984b34.js.map

package/dist/esm/column-views.88984b34.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;AAKA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,uEAAK;AAarB,SAAS,0CAAkB,SAChC,KAAK,QACL,IAAI,eACJ,WAAW,YACX,QAAQ,QACR,IAAI,UACJ,MAAM,aACN,SAAS,YACT,QAAQ,EACe;IACvB,IAAI,SAAS,SAAS;IACtB,IAAI,kBAAkB;IACtB,IAAI,SAAS,IAAI;QACf,SAAS;QACT,kBAAkB;IACpB;IAEA,MAAM,WAAW,YAAY;IAE7B,OAAO,wBAAE,2BAA2B;mBAAE;IAAU,GAAG;QACjD,wBAAE,uBAAuB;YAAE,WAAW;QAAgB,GAAG;YACvD,wBAAE,EAAE,CAAC,YAAY,MAAM,sCAAgB;0BAAE;YAAS;YAClD,wBAAE,YAAY;gBAAC;aAAM;YACrB,wBAAE,WAAW;gBAAC;aAAK;YACnB,wBAAE,2CAAc;gBAAE,MAAM;YAAK;SAC9B;QACD,wBAAE,EAAE,CAAC,eAAe,MAAM,iBAAiB;YAAC;SAAY;QACxD,wBAAE,mBAAmB;YAAE,WAAW,WAAW,cAAc;QAAW,GAAG;YACvE,wBAAE,EAAE,CAAC,UAAU,OAAO;gBAAE,KAAK;YAAS;YACtC,wBAAE,EAAE,CAAC,UAAU,MAAM,2CAAqB;wBAAE;YAAO;SACpD;KACF;AACH;AAEO,SAAS,0CAAoB,EAAE,QAAQ,CAAC,EAAE;IAC/C,MAAM,QAAQ,MAAM,IAAI,CAAC;QAAE,QAAQ;IAAE,GAAG,CAAC,GAAG;QAC1C,MAAM,OAAO,IAAI,IAAI,SAAS;QAC9B,OAAO,wBAAE,CAAA,GAAA,WAAG,GAAG;kBAAE;QAAK;IACxB;IACA,OAAO,wBAAE,mBAAmB;AAC9B;AAEO,SAAS,0CAAa,QAC3B,IAAI,YACJ,QAAQ,EAIT;IACC,OAAO,wBACL,KACA;cACE;QACA,WAAW;QACX,QAAQ;IACV,GACA;QAAC,wBAAE,CAAA,GAAA,WAAG,GAAG;YAAE,MAAM;YAAQ,MAAM;QAAG;QAAI;KAAS;AAEnD;AAEA,SAAS,qCAAe,YACtB,QAAQ,WACR,OAAO,EAIR;IACC,OAAO,wBAAE,0BAA0B;iBAAE;IAAQ,GAAG;QAC9C,wBAAE,CAAA,GAAA,WAAG,GAAG;YAAE,MAAM;QAAa;KAC9B;AACH","sources":["packages/data-components/src/field-locations/base.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport { Icon } from \"@blueprintjs/core\";\nimport styles from \"./base.module.sass\";\nimport type { AnyMapPosition } from \"@macrostrat/mapbox-utils\";\n\nconst h = hyper.styled(styles);\n\nexport interface LocationBasicInfoProps {\n  title: string | null;\n  year: string | number;\n  description?: string;\n  imageURL?: string;\n  link: string;\n  rating?: number;\n  className?: string;\n  location?: AnyMapPosition;\n}\n\nexport function LocationBasicInfo({\n  title,\n  year,\n  description,\n  imageURL,\n  link,\n  rating,\n  className,\n  location,\n}: LocationBasicInfoProps) {\n  let _title = title ?? \"\";\n  let headerClassName = null;\n  if (title == \"\") {\n    _title = \"Unnamed location\";\n    headerClassName = \"unnamed\";\n  }\n\n  const hasImage = imageURL != null;\n\n  return h(\"div.location-basic-info\", { className }, [\n    h(\"div.location-header\", { className: headerClassName }, [\n      h.if(location != null)(LocationButton, { location }),\n      h(\"h3.title\", [title]),\n      h(\"h4.year\", [year]),\n      h(LocationLink, { href: link }),\n    ]),\n    h.if(description != null)(\"p.description\", [description]),\n    h(\"div.image-panel\", { className: hasImage ? \"has-image\" : \"no-image\" }, [\n      h.if(hasImage)(\"img\", { src: imageURL }),\n      h.if(rating != null)(StarRatingComponent, { rating }),\n    ]),\n  ]);\n}\n\nexport function StarRatingComponent({ rating: r }) {\n  const stars = Array.from({ length: 5 }, (_, i) => {\n    const icon = i < r ? \"star\" : \"star-empty\";\n    return h(Icon, { icon });\n  });\n  return h(\"div.star-rating\", stars);\n}\n\nexport function LocationLink({\n  href,\n  children,\n}: {\n  href: string;\n  children: any;\n}) {\n  return h(\n    \"a\",\n    {\n      href,\n      className: \"location-link\",\n      target: \"_blank\",\n    },\n    [h(Icon, { icon: \"link\", size: 14 }), children],\n  );\n}\n\nfunction LocationButton({\n  location,\n  onClick,\n}: {\n  location: AnyMapPosition;\n  onClick?: () => void;\n}) {\n  return h(\"button.location-button\", { onClick }, [\n    h(Icon, { icon: \"map-marker\" }),\n  ]);\n}\n"],"names":[],"version":3,"file":"column-views.88984b34.js.map"}

package/dist/esm/{core.91ede078.js → column-views.89b9e542.js}

@@ -1,11 +1,11 @@
-import {useCorrelationMapStore as $74e211dc185c20b4$export$21398703d3a9bb4d} from "./state.2952cbca.js";
-import {buildColumnsStyle as $1dbfddc9637b572c$export$d2995719c3a4ae17} from "./styles.7bc776d1.js";
-import {InsetMap as $5593f90ffec284da$export$1e8149fc0d15fed0} from "./inset-map.3c18106d.js";
+import {useCorrelationMapStore as $74e211dc185c20b4$export$21398703d3a9bb4d} from "./column-views.85c6a716.js";
+import {buildColumnsStyle as $1dbfddc9637b572c$export$d2995719c3a4ae17} from "./column-views.633c42a3.js";
+import {InsetMap as $5593f90ffec284da$export$1e8149fc0d15fed0} from "./column-views.3de4dc43.js";
 import {useMapClickHandler as $6wt91$useMapClickHandler, useMapStyleOperator as $6wt91$useMapStyleOperator, useMapEaseTo as $6wt91$useMapEaseTo} from "@macrostrat/mapbox-react";
 import {LngLatBounds as $6wt91$LngLatBounds} from "mapbox-gl";
 import $6wt91$macrostrathyper from "@macrostrat/hyper";
 import {useMemo as $6wt91$useMemo} from "react";
-import {setGeoJSON as $6wt91$setGeoJSON} from "@macrostrat/mapbox-utils";
+import {setGeoJSON as $6wt91$setGeoJSON, buildGeoJSONSource as $6wt91$buildGeoJSONSource} from "@macrostrat/mapbox-utils";
 import {buildCrossSectionLayers as $6wt91$buildCrossSectionLayers} from "@macrostrat/map-styles";
 
 
@@ -99,9 +99,10 @@ function $dcd183b733f66144$var$ColumnsLayer({ enabled: enabled = true }) {
     return null;
 }
 const $dcd183b733f66144$var$selectedColumnsStyle = {
+    version: 8,
     sources: {
-        "selected-columns": $dcd183b733f66144$var$buildGeoJSONSource(),
-        "selected-column-centroids": $dcd183b733f66144$var$buildGeoJSONSource()
+        "selected-columns": (0, $6wt91$buildGeoJSONSource)(),
+        "selected-column-centroids": (0, $6wt91$buildGeoJSONSource)()
     },
     layers: [
         {
@@ -137,22 +138,14 @@ const $dcd183b733f66144$var$selectedColumnsStyle = {
     ]
 };
 const $dcd183b733f66144$var$lineOfSectionStyle = {
+    version: 8,
     sources: {
-        elevationMarker: $dcd183b733f66144$var$buildGeoJSONSource(),
-        crossSectionLine: $dcd183b733f66144$var$buildGeoJSONSource(),
-        crossSectionEndpoints: $dcd183b733f66144$var$buildGeoJSONSource()
+        elevationMarker: (0, $6wt91$buildGeoJSONSource)(),
+        crossSectionLine: (0, $6wt91$buildGeoJSONSource)(),
+        crossSectionEndpoints: (0, $6wt91$buildGeoJSONSource)()
     },
     layers: (0, $6wt91$buildCrossSectionLayers)()
 };
-function $dcd183b733f66144$var$buildGeoJSONSource(data = null) {
-    return {
-        type: "geojson",
-        data: data ?? {
-            type: "FeatureCollection",
-            features: []
-        }
-    };
-}
 function $dcd183b733f66144$var$SectionLine({ padding: padding }) {
     const focusedLine = (0, $74e211dc185c20b4$export$21398703d3a9bb4d)((state)=>state.focusedLine);
     // Setup focused line
@@ -203,4 +196,4 @@ function $dcd183b733f66144$var$SectionLine({ padding: padding }) {
 
 
 export {$dcd183b733f66144$export$8e7d97509e84cc49 as ColumnCorrelationMap};
-//# sourceMappingURL=core.91ede078.js.map
+//# sourceMappingURL=column-views.89b9e542.js.map

package/dist/esm/column-views.89b9e542.js.map

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

package/dist/esm/column-views.8a1db14e.js

@@ -0,0 +1,105 @@
+import "./column-views.7a414dd1.css";
+import $heaZk$columnviews8e7b01d2js from "./column-views.8e7b01d2.js";
+import {Tag as $e969cdc1e0421ee2$export$3288d34c523a1192} from "./column-views.68afac63.js";
+import $heaZk$macrostrathyper from "@macrostrat/hyper";
+import $heaZk$classnames from "classnames";
+import {mergeAgeRanges as $heaZk$mergeAgeRanges} from "@macrostrat/stratigraphy-utils";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+
+
+
+
+const $ed781bff07b3e4da$var$h = (0, $heaZk$macrostrathyper).styled((0, ($parcel$interopDefault($heaZk$columnviews8e7b01d2js))));
+function $ed781bff07b3e4da$export$6a468d428727394e({ label: label, value: value, inline: inline = false, showIfEmpty: showIfEmpty = false, className: className, children: children, unit: unit }) {
+    if (!showIfEmpty && (value == null || value === "") && children == null) return null;
+    return $ed781bff07b3e4da$var$h("div.data-field", {
+        className: (0, $heaZk$classnames)(className, {
+            inline: inline,
+            flex: !inline
+        })
+    }, [
+        $ed781bff07b3e4da$var$h("div.label", label),
+        $ed781bff07b3e4da$var$h.if(value != null)("div.value-container", $ed781bff07b3e4da$var$h($ed781bff07b3e4da$export$4c8d1a57a761ef94, {
+            value: value,
+            unit: unit
+        })),
+        children
+    ]);
+}
+function $ed781bff07b3e4da$export$f026c1ff1dfd9085({ intervals: intervals }) {
+    const unique = $ed781bff07b3e4da$var$uniqueIntervals(...intervals);
+    const ageRange = (0, $heaZk$mergeAgeRanges)(unique.map((d)=>[
+            d.b_age,
+            d.t_age
+        ]));
+    return $ed781bff07b3e4da$var$h([
+        $ed781bff07b3e4da$var$h($ed781bff07b3e4da$export$6a468d428727394e, {
+            label: "Intervals"
+        }, [
+            unique.map((interval)=>{
+                return $ed781bff07b3e4da$var$h($ed781bff07b3e4da$export$cec07089f4042438, {
+                    key: interval.id,
+                    interval: interval,
+                    showAgeRange: true
+                });
+            }),
+            $ed781bff07b3e4da$var$h($ed781bff07b3e4da$export$4c8d1a57a761ef94, {
+                unit: "Ma",
+                value: `${ageRange[0]} - ${ageRange[1]}`
+            })
+        ])
+    ]);
+}
+function $ed781bff07b3e4da$export$4c8d1a57a761ef94({ value: value, unit: unit, className: className, children: children }) {
+    const val = value ?? children;
+    return $ed781bff07b3e4da$var$h("span.value-container", {
+        className: className
+    }, [
+        $ed781bff07b3e4da$var$h("span.value", val),
+        $ed781bff07b3e4da$var$h.if(unit != null)([
+            " ",
+            $ed781bff07b3e4da$var$h("span.unit", unit)
+        ])
+    ]);
+}
+function $ed781bff07b3e4da$export$cec07089f4042438({ interval: interval, showAgeRange: showAgeRange = false, color: color, onClick: onClick, ...rest }) {
+    return $ed781bff07b3e4da$var$h((0, $e969cdc1e0421ee2$export$3288d34c523a1192), {
+        onClick: onClick,
+        name: interval.name,
+        color: color ?? interval.color,
+        ...rest
+    });
+}
+function $ed781bff07b3e4da$var$uniqueIntervals(...intervals) {
+    const unique = new Map();
+    for (const interval of intervals){
+        if (interval == null) continue;
+        unique.set(interval.id, interval);
+    }
+    return Array.from(unique.values()).sort((a, b)=>b.b_age - a.b_age);
+}
+function $ed781bff07b3e4da$export$c99859d779d8150a({ label: label, className: className, children: children, onClick: onClick }) {
+    return $ed781bff07b3e4da$var$h($ed781bff07b3e4da$export$6a468d428727394e, {
+        className: (0, $heaZk$classnames)("tag-field", className),
+        label: label
+    }, children);
+}
+function $ed781bff07b3e4da$export$bad733389c823cbd({ children: children, className: className }) {
+    if (children == null) return null;
+    return $ed781bff07b3e4da$var$h("span.parenthetical", {
+        className: className
+    }, [
+        $ed781bff07b3e4da$var$h("span.sep", "("),
+        $ed781bff07b3e4da$var$h("span.content", null, children),
+        $ed781bff07b3e4da$var$h("span.sep", ")")
+    ]);
+}
+
+
+export {$ed781bff07b3e4da$export$6a468d428727394e as DataField, $ed781bff07b3e4da$export$4c8d1a57a761ef94 as Value, $ed781bff07b3e4da$export$f026c1ff1dfd9085 as IntervalField, $ed781bff07b3e4da$export$cec07089f4042438 as IntervalTag, $ed781bff07b3e4da$export$c99859d779d8150a as TagField, $ed781bff07b3e4da$export$bad733389c823cbd as Parenthetical};
+//# sourceMappingURL=column-views.8a1db14e.js.map

package/dist/esm/column-views.8a1db14e.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;AAGA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,uEAAK;AAOrB,SAAS,0CAAU,SACxB,KAAK,SACL,KAAK,UACL,SAAS,oBACT,cAAc,kBACd,SAAS,YACT,QAAQ,QACR,IAAI,EASL;IACC,IAAI,CAAC,eAAgB,CAAA,SAAS,QAAQ,UAAU,EAAC,KAAM,YAAY,MACjE,OAAO;IAGT,OAAO,wBACL,kBACA;QAAE,WAAW,CAAA,GAAA,iBAAS,EAAE,WAAW;oBAAE;YAAQ,MAAM,CAAC;QAAO;IAAG,GAC9D;QACE,wBAAE,aAAa;QACf,wBAAE,EAAE,CAAC,SAAS,MAAM,uBAAuB,wBAAE,2CAAO;mBAAE;kBAAO;QAAK;QAClE;KACD;AAEL;AAcO,SAAS,0CAAc,aAAE,SAAS,EAAkC;IACzE,MAAM,SAAS,yCAAmB;IAClC,MAAM,WAAW,CAAA,GAAA,qBAAa,EAAE,OAAO,GAAG,CAAC,CAAC,IAAM;YAAC,EAAE,KAAK;YAAE,EAAE,KAAK;SAAC;IACpE,OAAO,wBAAE;QACP,wBACE,2CACA;YACE,OAAO;QACT,GACA;YACE,OAAO,GAAG,CAAC,CAAC;gBACV,OAAO,wBAAE,2CAAa;oBACpB,KAAK,SAAS,EAAE;8BAChB;oBACA,cAAc;gBAChB;YACF;YACA,wBAAE,2CAAO;gBAAE,MAAM;gBAAM,OAAO,GAAG,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,EAAE;YAAC;SACjE;KAEJ;AACH;AAEO,SAAS,0CAAM,SACpB,KAAK,QACL,IAAI,aACJ,SAAS,YACT,QAAQ,EAMT;IACC,MAAM,MAAM,SAAS;IACrB,OAAO,wBAAE,wBAAwB;mBAAE;IAAU,GAAG;QAC9C,wBAAE,cAAc;QAChB,wBAAE,EAAE,CAAC,QAAQ,MAAM;YAAC;YAAK,wBAAE,aAAa;SAAM;KAC/C;AACH;AAOO,SAAS,0CAAY,YAC1B,QAAQ,gBACR,eAAe,cACf,KAAK,WACL,OAAO,EACP,GAAG,MACc;IACjB,OAAO,wBAAE,CAAA,GAAA,yCAAE,GAAG;iBACZ;QACA,MAAM,SAAS,IAAI;QACnB,OAAO,SAAS,SAAS,KAAK;QAC9B,GAAG,IAAI;IACT;AACF;AAEA,SAAS,sCACP,GAAG,SAAwC;IAE3C,MAAM,SAAS,IAAI;IACnB,KAAK,MAAM,YAAY,UAAW;QAChC,IAAI,YAAY,MAAM;QACtB,OAAO,GAAG,CAAC,SAAS,EAAE,EAAE;IAC1B;IACA,OAAO,MAAM,IAAI,CAAC,OAAO,MAAM,IAAI,IAAI,CAAC,CAAC,GAAG,IAAM,EAAE,KAAK,GAAG,EAAE,KAAK;AACrE;AAEO,SAAS,0CAAS,SACvB,KAAK,aACL,SAAS,YACT,QAAQ,WACR,OAAO,EAMR;IACC,OAAO,wBACL,2CACA;QAAE,WAAW,CAAA,GAAA,iBAAS,EAAE,aAAa;eAAY;IAAM,GACvD;AAEJ;AAEO,SAAS,0CAAc,YAAE,QAAQ,aAAE,SAAS,EAAE;IACnD,IAAI,YAAY,MAAM,OAAO;IAC7B,OAAO,wBAAE,sBAAsB;mBAAE;IAAU,GAAG;QAC5C,wBAAE,YAAY;QACd,wBAAE,gBAAgB,MAAM;QACxB,wBAAE,YAAY;KACf;AACH","sources":["packages/data-components/src/components/unit-details/base.ts"],"sourcesContent":["import styles from \"./base.module.sass\";\nimport hyper from \"@macrostrat/hyper\";\n\nconst h = hyper.styled(styles);\n\nimport classNames from \"classnames\";\nimport { mergeAgeRanges } from \"@macrostrat/stratigraphy-utils\";\nimport { Tag, BaseTagProps } from \"./tag\";\nimport { ReactNode } from \"react\";\n\nexport function DataField({\n  label,\n  value,\n  inline = false,\n  showIfEmpty = false,\n  className,\n  children,\n  unit,\n}: {\n  label?: string;\n  value?: any;\n  inline?: boolean;\n  showIfEmpty?: boolean;\n  className?: string;\n  children?: any;\n  unit?: string;\n}) {\n  if (!showIfEmpty && (value == null || value === \"\") && children == null) {\n    return null;\n  }\n\n  return h(\n    \"div.data-field\",\n    { className: classNames(className, { inline, flex: !inline }) },\n    [\n      h(\"div.label\", label),\n      h.if(value != null)(\"div.value-container\", h(Value, { value, unit })),\n      children,\n    ],\n  );\n}\n\nexport type IntervalID = {\n  id: number;\n  name: string;\n};\n\nexport type IntervalShort = IntervalID & {\n  b_age: number;\n  t_age: number;\n  color: string;\n  rank: number;\n};\n\nexport function IntervalField({ intervals }: { intervals: IntervalShort[] }) {\n  const unique = uniqueIntervals(...intervals);\n  const ageRange = mergeAgeRanges(unique.map((d) => [d.b_age, d.t_age]));\n  return h([\n    h(\n      DataField,\n      {\n        label: \"Intervals\",\n      },\n      [\n        unique.map((interval) => {\n          return h(IntervalTag, {\n            key: interval.id,\n            interval,\n            showAgeRange: true,\n          });\n        }),\n        h(Value, { unit: \"Ma\", value: `${ageRange[0]} - ${ageRange[1]}` }),\n      ],\n    ),\n  ]);\n}\n\nexport function Value({\n  value,\n  unit,\n  className,\n  children,\n}: {\n  value?: any;\n  unit?: string;\n  children?: any;\n  className?: string;\n}) {\n  const val = value ?? children;\n  return h(\"span.value-container\", { className }, [\n    h(\"span.value\", val),\n    h.if(unit != null)([\" \", h(\"span.unit\", unit)]),\n  ]);\n}\n\ninterface IntervalTagProps extends Omit<BaseTagProps, \"name\"> {\n  interval: IntervalShort;\n  showAgeRange?: boolean;\n}\n\nexport function IntervalTag({\n  interval,\n  showAgeRange = false,\n  color,\n  onClick,\n  ...rest\n}: IntervalTagProps) {\n  return h(Tag, {\n    onClick,\n    name: interval.name,\n    color: color ?? interval.color,\n    ...rest,\n  });\n}\n\nfunction uniqueIntervals(\n  ...intervals: (IntervalShort | undefined)[]\n): IntervalShort[] {\n  const unique = new Map<number, IntervalShort>();\n  for (const interval of intervals) {\n    if (interval == null) continue;\n    unique.set(interval.id, interval);\n  }\n  return Array.from(unique.values()).sort((a, b) => b.b_age - a.b_age);\n}\n\nexport function TagField({\n  label,\n  className,\n  children,\n  onClick,\n}: {\n  label?: string;\n  className?: string;\n  children?: ReactNode;\n  onClick?: () => void;\n}) {\n  return h(\n    DataField,\n    { className: classNames(\"tag-field\", className), label },\n    children,\n  );\n}\n\nexport function Parenthetical({ children, className }) {\n  if (children == null) return null;\n  return h(\"span.parenthetical\", { className }, [\n    h(\"span.sep\", \"(\"),\n    h(\"span.content\", null, children),\n    h(\"span.sep\", \")\"),\n  ]);\n}\n"],"names":[],"version":3,"file":"column-views.8a1db14e.js.map"}