@macrostrat/column-views 2.0.1 → 2.1.0

package/CHANGELOG.md

@@ -4,6 +4,17 @@ All notable changes to this project will be documented in this file. The format
 is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this
 project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2.1.0] - 2025-06-25
+
+- `UnitDetailsContent` allows setting item click or href for Environments,
+  Lithologies, and Intervals.
+- Add mouseover handlers to allow age cursor to be reported
+- Add an `AgeCursor` component
+- Reactivate carbon isotopes, detrital zircon, and PBDB integrations
+- Make unit selection entirely optional
+- Improve styling across the board
+- Fix rendering bugs for sections with overlapping units
+
 ## [2.0.1] - 2025-05-08
 
 Solve a problem with strict mode

package/dist/esm/{column-views.8dd877af.js → column-views.006d5180.js}

@@ -54,6 +54,7 @@ const $d3e69bd163d41f63$var$symbolIndex = {
     diamictite: 681
 };
 const $d3e69bd163d41f63$export$7be7d732f3de9464 = (d)=>{
+    if (d.lith == null || d.lith.length == 0) return null;
     let liths = [
         ...d.lith
     ];
@@ -93,4 +94,4 @@ const $d3e69bd163d41f63$export$e8deec7b02ce51eb = (id)=>{
 
 
 export {$d3e69bd163d41f63$export$7be7d732f3de9464 as resolveID, $d3e69bd163d41f63$export$e8deec7b02ce51eb as scalePattern};
-//# sourceMappingURL=column-views.8dd877af.js.map
+//# sourceMappingURL=column-views.006d5180.js.map

package/dist/esm/column-views.006d5180.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,MAAM,oCAAc;IAClB,sBAAsB;IACtB,eAAe;IACf,WAAW;IACX,kBAAkB;IAClB,aAAa;IACb,MAAM;IACN,WAAW;IACX,MAAM;IACN,eAAe;IACf,KAAK;IACL,uBAAuB;IACvB,OAAO;IACP,WAAW;IACX,UAAU;IACV,cAAc;IACd,WAAW;IACX,qBAAqB;IACrB,WAAW;IACX,UAAU;IACV,OAAO;IACP,kBAAkB;IAClB,WAAW;IACX,QAAQ;IACR,QAAQ;IACR,WAAW;IACX,WAAW;IACX,WAAW;IACX,QAAQ;IACR,QAAQ;IACR,SAAS;IACT,UAAU;IACV,UAAU;IACV,MAAM;IACN,OAAO;IACP,mBAAmB;IACnB,kBAAkB;IAClB,OAAO;IACP,QAAQ;IACR,UAAU;IACV,SAAS;IACT,MAAM;IACN,SAAS;IACT,MAAM;IACN,UAAU;IACV,aAAa;IACb,gBAAgB;IAChB,WAAW;IACX,QAAQ;IACR,UAAU;IACV,cAAc;IACd,WAAW;IACX,WAAW;IACX,YAAY;AACd;AAEA,MAAM,4CAAY,CAAC;IACjB,IAAI,EAAE,IAAI,IAAI,QAAQ,EAAE,IAAI,CAAC,MAAM,IAAI,GACrC,OAAO;IAET,IAAI,QAAQ;WAAI,EAAE,IAAI;KAAC;IACvB,IAAI,WAAW,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,IAAM,EAAE,IAAI,EAAE,IAAI,CAAC;IACjD,MAAM,IAAI,CAAC,CAAC,GAAG,IAAM,EAAE,IAAI,GAAG,EAAE,IAAI;IAEpC,+DAA+D;IAE/D,IAAI,MAAM;IAEV,6BAA6B;IAC7B,IAAI,EAAE,SAAS,IAAI,QACjB,OAAO;IAET,IAAI,EAAE,SAAS,IAAI,mBACjB,OAAO;IAGT,KAAK,MAAM,KAAK,MAAO;QACrB,IAAI,EAAE,IAAI,IAAI,aAAa;YACzB,8BAA8B;YAC9B,IAAI,SAAS,QAAQ,CAAC,SACpB,OAAO;YAET,IAAI,SAAS,QAAQ,CAAC,WACpB,OAAO;YAET,IAAI,SAAS,QAAQ,CAAC,UACpB,OAAO;YAET,IAAI,SAAS,QAAQ,CAAC,UACpB,OAAO;QAEX;QAEA,IAAI,EAAE,IAAI,IAAI,gBAAgB;YAC5B,8BAA8B;YAC9B,IAAI,SAAS,QAAQ,CAAC,YACpB,OAAO;QAEX;QAEA,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,SAClB,OAAO;QAET,MAAM,iCAAW,CAAC,EAAE,IAAI,CAAC;QACzB,IAAI,OAAO,MACT,OAAO;QAGT,IAAI,EAAE,IAAI,IAAI,YACZ,OAAO;IAEX;IACA,OAAO;AACT;AAEA,MAAM,qCAAe;IACnB,OAAO;IACP,OAAO;AACT;AAEA,MAAM,4CAAe,CAAC;IACpB,OAAO,kCAAY,CAAC,GAAG,IAAI,CAAC,IAAI;AAClC","sources":["packages/column-views/src/units/resolvers.ts"],"sourcesContent":["const symbolIndex = {\n  \"dolomite-limestone\": 641,\n  lime_mudstone: 627,\n  sandstone: 607,\n  \"quartz arenite\": 607,\n  litharenite: 608,\n  sand: 608,\n  siltstone: 616,\n  silt: 616,\n  siliciclastic: 615,\n  mud: 620,\n  \"dolomitic siltstone\": 616,\n  shale: 620,\n  limestone: 627,\n  dolomite: 642,\n  conglomerate: 602,\n  carbonate: 627,\n  \"dolomite-mudstone\": 642,\n  dolostone: 642,\n  mudstone: 620,\n  slate: 703,\n  \"sandy-dolomite\": 645,\n  quartzite: 702,\n  halite: 668,\n  gypsum: 667,\n  evaporite: 667,\n  claystone: 620,\n  anhydrite: 667,\n  gabbro: 720,\n  basalt: 717,\n  diabase: 717,\n  rhyolite: 722,\n  andesite: 723,\n  till: 681,\n  loess: 684,\n  \"calcareous ooze\": 653,\n  \"siliceous ooze\": 653,\n  chalk: 626,\n  gravel: 601,\n  plutonic: 721,\n  granite: 719,\n  clay: 660,\n  syenite: 722,\n  tuff: 711,\n  volcanic: 725,\n  metamorphic: 707,\n  volcaniclastic: 714,\n  migmatite: 709,\n  gneiss: 708,\n  tonalite: 727,\n  granodiorite: 725,\n  monzonite: 723,\n  argillite: 624,\n  diamictite: 681,\n};\n\nconst resolveID = (d: any) => {\n  if (d.lith == null || d.lith.length == 0) {\n    return null;\n  }\n  let liths = [...d.lith];\n  let environs = d.environ.map((d) => d.name).join(\" \");\n  liths.sort((a, b) => b.prop - a.prop);\n\n  //console.log(d, d.unit_name, liths.map(d => d.name), environs)\n\n  let sym = null;\n\n  // overrides for IODP columns\n  if (d.unit_name == \"clay\") {\n    return \"650\";\n  }\n  if (d.unit_name == \"calcareous clay\") {\n    return \"651\";\n  }\n\n  for (const k of liths) {\n    if (k.name == \"sandstone\") {\n      // Special cases for sandstone\n      if (environs.includes(\"dune\")) {\n        return \"609\";\n      }\n      if (environs.includes(\"marine\")) {\n        return \"608\";\n      }\n      if (environs.includes(\"shore\")) {\n        return \"611\";\n      }\n      if (environs.includes(\"loess\")) {\n        return \"686\";\n      }\n    }\n\n    if (k.name == \"conglomerate\") {\n      // Special cases for sandstone\n      if (environs.includes(\"fluvial\")) {\n        return \"603\";\n      }\n    }\n\n    if (k.name.includes(\"tuff\")) {\n      return \"711\";\n    }\n    sym = symbolIndex[k.name];\n    if (sym != null) {\n      return sym;\n    }\n\n    if (k.type == \"volcanic\") {\n      return \"725\";\n    }\n  }\n  return sym;\n};\n\nconst patternScale = {\n  \"609\": 1.5,\n  \"603\": 1.5,\n};\n\nconst scalePattern = (id) => {\n  return patternScale[`${id}`] ?? 1;\n};\n\nexport { resolveID, scalePattern };\n"],"names":[],"version":3,"file":"column-views.006d5180.js.map"}

package/dist/esm/column-views.05586d1f.js

@@ -0,0 +1,22 @@
+import {group as $dbahB$group} from "d3-array";
+import {useAPIResult as $dbahB$useAPIResult} from "@macrostrat/ui-components";
+
+
+
+function $9f310bd6e88a58bc$export$1b0cf9c36f060135(columnArgs) {
+    const params = {
+        ...columnArgs,
+        measure_phase: "zircon",
+        response: "long",
+        show_values: true,
+        // Other isotope systems are organized separately
+        measurement: "207Pb-206Pb"
+    };
+    const res = (0, $dbahB$useAPIResult)("/measurements", params, columnArgs);
+    if (res == null) return null;
+    return (0, $dbahB$group)(res, (d)=>d.unit_id);
+}
+
+
+export {$9f310bd6e88a58bc$export$1b0cf9c36f060135 as useDetritalMeasurements};
+//# sourceMappingURL=column-views.05586d1f.js.map

package/dist/esm/column-views.05586d1f.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;AAkCO,SAAS,0CAAwB,UAAU;IAChD,MAAM,SAAS;QACb,GAAG,UAAU;QACb,eAAe;QACf,UAAU;QACV,aAAa;QACb,iDAAiD;QACjD,aAAa;IACf;IACA,MAAM,MAAyB,CAAA,GAAA,mBAAW,EACxC,iBACA,QACA;IAEF,IAAI,OAAO,MAAM,OAAO;IACxB,OAAO,CAAA,GAAA,YAAI,EAAE,KAAK,CAAC,IAAM,EAAE,OAAO;AACpC","sources":["packages/column-views/src/facets/detrital-zircon/provider.ts"],"sourcesContent":["import { group } from \"d3-array\";\nimport { useAPIResult } from \"@macrostrat/ui-components\";\n\nexport interface MeasurementInfo {\n  measurement_id: number;\n  measuremeta_id: number;\n  measurement: string;\n  measure_units: string;\n  measure_phase: string;\n  method: string;\n  n: number;\n  ref_id: number;\n  sample_name: string;\n  geo_unit: string;\n  samp_lith: string;\n  samp_lith_id: number;\n  samp_desc: string;\n  samp_age: string;\n  lat: number;\n  lng: number;\n  unit_id: number;\n  unit_rel_pos?: any;\n  col_id: number;\n  strat_name_id: number;\n  match_basis: string;\n  ref: string;\n  measure_value: number[];\n  measure_error: number[];\n  measure_position: any[];\n  measure_n: number[];\n  sample_no: string[];\n  error_units: string;\n}\n\nexport function useDetritalMeasurements(columnArgs) {\n  const params = {\n    ...columnArgs,\n    measure_phase: \"zircon\",\n    response: \"long\",\n    show_values: true,\n    // Other isotope systems are organized separately\n    measurement: \"207Pb-206Pb\",\n  };\n  const res: MeasurementInfo[] = useAPIResult(\n    \"/measurements\",\n    params,\n    columnArgs,\n  );\n  if (res == null) return null;\n  return group(res, (d) => d.unit_id);\n}\n"],"names":[],"version":3,"file":"column-views.05586d1f.js.map"}

package/dist/esm/column-views.0732894f.js

@@ -0,0 +1,86 @@
+import {useCompositeScale as $d5074f164411387e$export$a7fc62995ec4f76} from "./column-views.1e055ed5.js";
+import {line as $iZTQD$line} from "d3-shape";
+import {createContext as $iZTQD$createContext, useContext as $iZTQD$useContext} from "react";
+import $iZTQD$macrostrathyper from "@macrostrat/hyper";
+import {ColumnLayoutContext as $iZTQD$ColumnLayoutContext} from "@macrostrat/column-components";
+
+
+
+
+
+
+const $5f39f3d52558a1d0$var$inDomain = (scale, num)=>{
+    const domain = scale.domain();
+    return domain[0] < num < domain[1];
+};
+const $5f39f3d52558a1d0$var$createPointLocator = function(opts) {
+    const { xScale: xScale, scale: scale, getHeight: getHeight, ...rest } = opts;
+    return function(d, s = 0) {
+        const height = getHeight(d);
+        if (!$5f39f3d52558a1d0$var$inDomain(scale, height)) return null;
+        return [
+            xScale(d.value),
+            scale(height)
+        ];
+    };
+};
+const $5f39f3d52558a1d0$var$IsotopesDataContext = (0, $iZTQD$createContext)(null);
+const $5f39f3d52558a1d0$export$309ef8546e07d921 = function(props) {
+    const xScale = (0, $iZTQD$useContext)((0, $iZTQD$ColumnLayoutContext))?.xScale;
+    const scale = (0, $d5074f164411387e$export$a7fc62995ec4f76)();
+    let { corrected: corrected, system: system, children: children, getHeight: getHeight, clipY: clipY = false } = props;
+    if (getHeight == null) getHeight = function(d) {
+        if (d.height == null) console.log(d);
+        return d.height;
+    };
+    // Handlers for creating points and lines
+    const pointLocator = $5f39f3d52558a1d0$var$createPointLocator({
+        xScale: xScale,
+        scale: scale,
+        corrected: corrected,
+        system: system,
+        getHeight: getHeight
+    });
+    let column = "avg_" + system;
+    if (corrected) column += "_corr";
+    const lineLocator = (0, $iZTQD$line)().x((d)=>xScale(d[column]))// @ts-ignore
+    .y((d)=>scale(d.height));
+    const value = {
+        pointLocator: pointLocator,
+        lineLocator: lineLocator,
+        corrected: corrected,
+        system: system,
+        clipY: clipY
+    };
+    return (0, $iZTQD$macrostrathyper)($5f39f3d52558a1d0$var$IsotopesDataContext.Provider, {
+        value: value
+    }, (0, $iZTQD$macrostrathyper)("g.data", children));
+};
+const $5f39f3d52558a1d0$export$4cb5d059db4e2bd = function(props) {
+    const { pointLocator: pointLocator } = (0, $iZTQD$useContext)($5f39f3d52558a1d0$var$IsotopesDataContext);
+    const { datum: datum, strokeWidth: strokeWidth, ...rest } = props;
+    const loc = pointLocator(datum);
+    if (loc == null) return null;
+    const [cx, cy] = loc;
+    return (0, $iZTQD$macrostrathyper)("circle", {
+        key: datum.sample_id,
+        cx: cx,
+        cy: cy,
+        r: 2,
+        ...rest
+    });
+};
+const $5f39f3d52558a1d0$export$628a3ef6eb9c3a89 = function(props) {
+    const { values: lineValues, ...rest } = props;
+    const { lineLocator: lineLocator } = (0, $iZTQD$useContext)($5f39f3d52558a1d0$var$IsotopesDataContext);
+    return (0, $iZTQD$macrostrathyper)("path", {
+        d: lineLocator(lineValues),
+        fill: "transparent",
+        ...rest
+    });
+};
+const $5f39f3d52558a1d0$export$919dbb10b6b5b75 = ()=>(0, $iZTQD$useContext)($5f39f3d52558a1d0$var$IsotopesDataContext);
+
+
+export {$5f39f3d52558a1d0$export$309ef8546e07d921 as IsotopesDataArea, $5f39f3d52558a1d0$export$4cb5d059db4e2bd as IsotopeDataPoint, $5f39f3d52558a1d0$export$628a3ef6eb9c3a89 as IsotopeDataLine, $5f39f3d52558a1d0$export$919dbb10b6b5b75 as useDataLocator};
+//# sourceMappingURL=column-views.0732894f.js.map

package/dist/esm/column-views.0732894f.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AAMA,MAAM,iCAAW,CAAC,OAAO;IACvB,MAAM,SAAS,MAAM,MAAM;IAC3B,OAAO,MAAM,CAAC,EAAE,GAAG,MAAM,MAAM,CAAC,EAAE;AACpC;AAEA,MAAM,2CAAqB,SAAU,IAAI;IACvC,MAAM,UAAE,MAAM,SAAE,KAAK,aAAE,SAAS,EAAE,GAAG,MAAM,GAAG;IAC9C,OAAO,SAAU,CAAC,EAAE,IAAI,CAAC;QACvB,MAAM,SAAS,UAAU;QACzB,IAAI,CAAC,+BAAS,OAAO,SAAS,OAAO;QACrC,OAAO;YAAC,OAAO,EAAE,KAAK;YAAG,MAAM;SAAQ;IACzC;AACF;AAEA,MAAM,4CAAsB,CAAA,GAAA,oBAAY,EAAE;AAW1C,MAAM,4CAAmB,SAAU,KAAoB;IACrD,MAAM,SAAS,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,0BAAkB,IAAI;IAEhD,MAAM,QAAQ,CAAA,GAAA,wCAAgB;IAE9B,IAAI,aAAE,SAAS,UAAE,MAAM,YAAE,QAAQ,aAAE,SAAS,SAAE,QAAQ,OAAO,GAAG;IAChE,IAAI,aAAa,MACf,YAAY,SAAU,CAAC;QACrB,IAAI,EAAE,MAAM,IAAI,MACd,QAAQ,GAAG,CAAC;QAEd,OAAO,EAAE,MAAM;IACjB;IAGF,yCAAyC;IACzC,MAAM,eAAe,yCAAmB;gBACtC;eACA;mBACA;gBACA;mBACA;IACF;IAEA,IAAI,SAAS,SAAS;IACtB,IAAI,WACF,UAAU;IAEZ,MAAM,cAAc,CAAA,GAAA,WAAG,IACpB,CAAC,CAAC,CAAC,IAAM,OAAO,CAAC,CAAC,OAAO,EAC1B,aAAa;KACZ,CAAC,CAAC,CAAC,IAAM,MAAM,EAAE,MAAM;IAE1B,MAAM,QAAQ;sBAAE;qBAAc;mBAAa;gBAAW;eAAQ;IAAM;IACpE,OAAO,CAAA,GAAA,sBAAA,EAAE,0CAAoB,QAAQ,EAAE;eAAE;IAAM,GAAG,CAAA,GAAA,sBAAA,EAAE,UAAU;AAChE;AAEA,MAAM,2CAAmB,SAAU,KAAK;IACtC,MAAM,gBAAE,YAAY,EAAE,GAAG,CAAA,GAAA,iBAAS,EAAE;IACpC,MAAM,SAAE,KAAK,eAAE,WAAW,EAAE,GAAG,MAAM,GAAG;IACxC,MAAM,MAAM,aAAa;IACzB,IAAI,OAAO,MAAM,OAAO;IACxB,MAAM,CAAC,IAAI,GAAG,GAAG;IAEjB,OAAO,CAAA,GAAA,sBAAA,EAAE,UAAU;QACjB,KAAK,MAAM,SAAS;YACpB;YACA;QACA,GAAG;QACH,GAAG,IAAI;IACT;AACF;AAEA,MAAM,4CAAkB,SAAU,KAAK;IACrC,MAAM,EAAE,QAAQ,UAAU,EAAE,GAAG,MAAM,GAAG;IACxC,MAAM,eAAE,WAAW,EAAE,GAAG,CAAA,GAAA,iBAAS,EAAE;IACnC,OAAO,CAAA,GAAA,sBAAA,EAAE,QAAQ;QACf,GAAG,YAAY;QACf,MAAM;QACN,GAAG,IAAI;IACT;AACF;AAEA,MAAM,2CAAiB,IAAM,CAAA,GAAA,iBAAS,EAAE","sources":["packages/column-views/src/facets/carbon-isotopes/data-area.ts"],"sourcesContent":["import { line } from \"d3-shape\";\nimport { createContext, useContext } from \"react\";\nimport h from \"@macrostrat/hyper\";\nimport { ColumnLayoutContext } from \"@macrostrat/column-components\";\nimport { useCompositeScale } from \"../../data-provider\";\n\nconst inDomain = (scale, num) => {\n  const domain = scale.domain();\n  return domain[0] < num < domain[1];\n};\n\nconst createPointLocator = function (opts) {\n  const { xScale, scale, getHeight, ...rest } = opts;\n  return function (d, s = 0) {\n    const height = getHeight(d);\n    if (!inDomain(scale, height)) return null;\n    return [xScale(d.value), scale(height)];\n  };\n};\n\nconst IsotopesDataContext = createContext(null);\n\nexport interface DataAreaProps {\n  clipY: boolean;\n  parameter: string;\n  corrected: boolean;\n  system: string;\n  children: React.ReactNode;\n  getHeight?: Function;\n}\n\nconst IsotopesDataArea = function (props: DataAreaProps) {\n  const xScale = useContext(ColumnLayoutContext)?.xScale;\n\n  const scale = useCompositeScale();\n\n  let { corrected, system, children, getHeight, clipY = false } = props;\n  if (getHeight == null) {\n    getHeight = function (d) {\n      if (d.height == null) {\n        console.log(d);\n      }\n      return d.height;\n    };\n  }\n\n  // Handlers for creating points and lines\n  const pointLocator = createPointLocator({\n    xScale,\n    scale,\n    corrected,\n    system,\n    getHeight,\n  });\n\n  let column = \"avg_\" + system;\n  if (corrected) {\n    column += \"_corr\";\n  }\n  const lineLocator = line()\n    .x((d) => xScale(d[column]))\n    // @ts-ignore\n    .y((d) => scale(d.height));\n\n  const value = { pointLocator, lineLocator, corrected, system, clipY };\n  return h(IsotopesDataContext.Provider, { value }, h(\"g.data\", children));\n};\n\nconst IsotopeDataPoint = function (props) {\n  const { pointLocator } = useContext(IsotopesDataContext);\n  const { datum, strokeWidth, ...rest } = props;\n  const loc = pointLocator(datum);\n  if (loc == null) return null;\n  const [cx, cy] = loc;\n\n  return h(\"circle\", {\n    key: datum.sample_id,\n    cx,\n    cy,\n    r: 2,\n    ...rest,\n  });\n};\n\nconst IsotopeDataLine = function (props) {\n  const { values: lineValues, ...rest } = props;\n  const { lineLocator } = useContext(IsotopesDataContext);\n  return h(\"path\", {\n    d: lineLocator(lineValues),\n    fill: \"transparent\",\n    ...rest,\n  });\n};\n\nconst useDataLocator = () => useContext(IsotopesDataContext);\n\nexport { IsotopesDataArea, IsotopeDataPoint, IsotopeDataLine, useDataLocator };\n"],"names":[],"version":3,"file":"column-views.0732894f.js.map"}

package/dist/esm/column-views.09f22f45.js

@@ -0,0 +1,64 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $95f54bd375fec68f$exports = {};
+
+$parcel$export($95f54bd375fec68f$exports, "box-header", () => $95f54bd375fec68f$export$7efb418829cb7d47, (v) => $95f54bd375fec68f$export$7efb418829cb7d47 = v);
+$parcel$export($95f54bd375fec68f$exports, "checkin", () => $95f54bd375fec68f$export$3fc21e0c499447ff, (v) => $95f54bd375fec68f$export$3fc21e0c499447ff = v);
+$parcel$export($95f54bd375fec68f$exports, "checkin-footer", () => $95f54bd375fec68f$export$6af3335e9e164dc6, (v) => $95f54bd375fec68f$export$6af3335e9e164dc6 = v);
+$parcel$export($95f54bd375fec68f$exports, "checkin-header", () => $95f54bd375fec68f$export$3690be8e7864e48c, (v) => $95f54bd375fec68f$export$3690be8e7864e48c = v);
+$parcel$export($95f54bd375fec68f$exports, "checkin-info", () => $95f54bd375fec68f$export$c90dcf94bc647ef5, (v) => $95f54bd375fec68f$export$c90dcf94bc647ef5 = v);
+$parcel$export($95f54bd375fec68f$exports, "checkin-link", () => $95f54bd375fec68f$export$9d664f50b03c7624, (v) => $95f54bd375fec68f$export$9d664f50b03c7624 = v);
+$parcel$export($95f54bd375fec68f$exports, "checkin-name", () => $95f54bd375fec68f$export$c1a2c1a24eed7af, (v) => $95f54bd375fec68f$export$c1a2c1a24eed7af = v);
+$parcel$export($95f54bd375fec68f$exports, "comments-container", () => $95f54bd375fec68f$export$8378a6fbee845932, (v) => $95f54bd375fec68f$export$8378a6fbee845932 = v);
+$parcel$export($95f54bd375fec68f$exports, "description", () => $95f54bd375fec68f$export$6d59db4903f20f7d, (v) => $95f54bd375fec68f$export$6d59db4903f20f7d = v);
+$parcel$export($95f54bd375fec68f$exports, "details", () => $95f54bd375fec68f$export$41ee12f6f6f05843, (v) => $95f54bd375fec68f$export$41ee12f6f6f05843 = v);
+$parcel$export($95f54bd375fec68f$exports, "details-image", () => $95f54bd375fec68f$export$602c345bca16bbb0, (v) => $95f54bd375fec68f$export$602c345bca16bbb0 = v);
+$parcel$export($95f54bd375fec68f$exports, "image-details", () => $95f54bd375fec68f$export$fa608140de788fe2, (v) => $95f54bd375fec68f$export$fa608140de788fe2 = v);
+$parcel$export($95f54bd375fec68f$exports, "likes-container", () => $95f54bd375fec68f$export$747c6f5c6d04a701, (v) => $95f54bd375fec68f$export$747c6f5c6d04a701 = v);
+$parcel$export($95f54bd375fec68f$exports, "no-image", () => $95f54bd375fec68f$export$66b836f317afc04f, (v) => $95f54bd375fec68f$export$66b836f317afc04f = v);
+$parcel$export($95f54bd375fec68f$exports, "observation-img", () => $95f54bd375fec68f$export$151867bc0d67477b, (v) => $95f54bd375fec68f$export$151867bc0d67477b = v);
+$parcel$export($95f54bd375fec68f$exports, "observations-container", () => $95f54bd375fec68f$export$c69bd5e0959a979d, (v) => $95f54bd375fec68f$export$c69bd5e0959a979d = v);
+$parcel$export($95f54bd375fec68f$exports, "profile-pic", () => $95f54bd375fec68f$export$f2017d9f06d18880, (v) => $95f54bd375fec68f$export$f2017d9f06d18880 = v);
+$parcel$export($95f54bd375fec68f$exports, "star", () => $95f54bd375fec68f$export$c869496b69afe520, (v) => $95f54bd375fec68f$export$c869496b69afe520 = v);
+var $95f54bd375fec68f$export$7efb418829cb7d47;
+var $95f54bd375fec68f$export$3fc21e0c499447ff;
+var $95f54bd375fec68f$export$6af3335e9e164dc6;
+var $95f54bd375fec68f$export$3690be8e7864e48c;
+var $95f54bd375fec68f$export$c90dcf94bc647ef5;
+var $95f54bd375fec68f$export$9d664f50b03c7624;
+var $95f54bd375fec68f$export$c1a2c1a24eed7af;
+var $95f54bd375fec68f$export$8378a6fbee845932;
+var $95f54bd375fec68f$export$6d59db4903f20f7d;
+var $95f54bd375fec68f$export$41ee12f6f6f05843;
+var $95f54bd375fec68f$export$602c345bca16bbb0;
+var $95f54bd375fec68f$export$fa608140de788fe2;
+var $95f54bd375fec68f$export$747c6f5c6d04a701;
+var $95f54bd375fec68f$export$66b836f317afc04f;
+var $95f54bd375fec68f$export$151867bc0d67477b;
+var $95f54bd375fec68f$export$c69bd5e0959a979d;
+var $95f54bd375fec68f$export$f2017d9f06d18880;
+var $95f54bd375fec68f$export$c869496b69afe520;
+$95f54bd375fec68f$export$7efb418829cb7d47 = `ZZ5q9W_box-header`;
+$95f54bd375fec68f$export$3fc21e0c499447ff = `ZZ5q9W_checkin`;
+$95f54bd375fec68f$export$6af3335e9e164dc6 = `ZZ5q9W_checkin-footer`;
+$95f54bd375fec68f$export$3690be8e7864e48c = `ZZ5q9W_checkin-header`;
+$95f54bd375fec68f$export$c90dcf94bc647ef5 = `ZZ5q9W_checkin-info`;
+$95f54bd375fec68f$export$9d664f50b03c7624 = `ZZ5q9W_checkin-link`;
+$95f54bd375fec68f$export$c1a2c1a24eed7af = `ZZ5q9W_checkin-name`;
+$95f54bd375fec68f$export$8378a6fbee845932 = `ZZ5q9W_comments-container`;
+$95f54bd375fec68f$export$6d59db4903f20f7d = `ZZ5q9W_description`;
+$95f54bd375fec68f$export$41ee12f6f6f05843 = `ZZ5q9W_details`;
+$95f54bd375fec68f$export$602c345bca16bbb0 = `ZZ5q9W_details-image`;
+$95f54bd375fec68f$export$fa608140de788fe2 = `ZZ5q9W_image-details`;
+$95f54bd375fec68f$export$747c6f5c6d04a701 = `ZZ5q9W_likes-container`;
+$95f54bd375fec68f$export$66b836f317afc04f = `ZZ5q9W_no-image`;
+$95f54bd375fec68f$export$151867bc0d67477b = `ZZ5q9W_observation-img`;
+$95f54bd375fec68f$export$c69bd5e0959a979d = `ZZ5q9W_observations-container`;
+$95f54bd375fec68f$export$f2017d9f06d18880 = `ZZ5q9W_profile-pic`;
+$95f54bd375fec68f$export$c869496b69afe520 = `ZZ5q9W_star`;
+
+
+export {$95f54bd375fec68f$exports as default};
+//# sourceMappingURL=column-views.09f22f45.js.map

package/dist/esm/column-views.09f22f45.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAjBA,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,2CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAAuC,CAAC,yBAAyB,CAAC;AAClE,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAAkC,CAAC,oBAAoB,CAAC;AACxD,4CAAkC,CAAC,oBAAoB,CAAC;AACxD,4CAAoC,CAAC,sBAAsB,CAAC;AAC5D,4CAA6B,CAAC,eAAe,CAAC;AAC9C,4CAAoC,CAAC,sBAAsB,CAAC;AAC5D,4CAA2C,CAAC,6BAA6B,CAAC;AAC1E,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAAyB,CAAC,WAAW,CAAC","sources":["packages/data-components/src/field-locations/rockd-checkins/index.module.sass"],"sourcesContent":[".checkin\n  background-color: var(--panel-background-color)\n  color: black\n  text-align: left\n  border: solid var(--card-shadow-color) 1px\n  padding: 6px 15px\n  padding-top: 2px\n  font-size: 14px\n  color: var(--text-emphasized-color)\n  margin-top: 10px\n  cursor: pointer\n\n  &:hover \n    border: solid var(--text-emphasized-color) 1px\n\n  .description\n    padding: 0\n\n  h3\n    color: var(--text-emphasized-color)\n\n  a\n    color: black\n    text-decoration: none\n\n    &:hover\n      color: black\n\n  .star\n    height: 15px\n\n  .checkin-header\n    display: flex\n\n  .checkin-name\n    font-size: 20px\n    font-weight: 500\n    color: #333\n    margin-bottom: 0\n\n  .profile-pic\n    height: 80px\n    width: 80px\n    border-radius: 50%\n    display: inline-block\n    margin-right: 10px\n\n  .box-header\n    display: flex\n\n  .checkin-info\n    display: grid\n    margin: auto\n    margin-left: 0\n    margin-right: 0\n    p\n      padding: 0\n\n  h3, h4, p\n    margin: 0\n\n  .checkin-link\n    position: relative\n\n    .image-details\n      position: absolute\n      top: -150px\n      left: 0\n      right: 0\n      bottom: 0\n      display: flex\n      justify-content: center\n      align-items: center\n      display: none\n      color: white\n\n    .observation-img\n      margin-top: 10px\n      width: 100%\n      height: 150px\n      object-fit: cover\n      border-radius: 2%\n\n    &:hover\n      .observation-img\n        -webkit-filter: brightness(70%)\n      .image-details\n        display: flex\n\n  .description\n    margin-top: 10px\n\n  .no-image\n    color: var(--panel-text)\n    display: flex\n    justify-content: center\n    align-items: center\n    gap: 10px\n    marigin: 0\n\n    .details-image\n      filter: var(--anti-img-color)\n\n.checkin-footer\n  display: flex\n  justify-content: center\n\n  svg\n    filter: var(--anti-img-color)\n\n  .likes-container\n    display: grid\n    grid-template-columns: 50% 50%\n    width: 25%\n    justify-content: end\n    place-items: center\n\n  .comments-container\n    display: grid\n    grid-template-columns: 50% 50%\n    width: 25%\n    place-items: center\n\n  .observations-container\n    display: grid\n    grid-template-columns: 50% 50%\n    width: 25%\n    place-items: center\n\n.details\n  color: var(--text-emphasized-color)"],"names":[],"version":3,"file":"column-views.09f22f45.js.map"}

package/dist/esm/column-views.10eba967.js

@@ -0,0 +1,11 @@
+import {PBDBFossilsColumn as $b9286605a04210d4$export$554267114407ef68} from "./column-views.fa19cea0.js";
+import {DetritalGroup as $715dd5fedd79146a$export$1b3047373cd1c8c7, DetritalColumn as $715dd5fedd79146a$export$f176396e104db8d5} from "./column-views.e20f6a4b.js";
+import {IsotopesDataset as $d71d096cfe00860f$export$c69bd0285aa5d775, IsotopesColumn as $d71d096cfe00860f$export$5d8aa8022c284748, MeasurementDataContext as $5dbb619f2c7bef60$export$c644ef985ce7a4c4, MeasurementDataProvider as $5dbb619f2c7bef60$export$5f01d5b342a89841, useMeasurementData as $5dbb619f2c7bef60$export$8a0335fd9ff72150} from "./column-views.86619334.js";
+
+
+
+
+
+
+export {$b9286605a04210d4$export$554267114407ef68 as PBDBFossilsColumn, $715dd5fedd79146a$export$1b3047373cd1c8c7 as DetritalGroup, $715dd5fedd79146a$export$f176396e104db8d5 as DetritalColumn, $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.10eba967.js.map

package/dist/esm/column-views.10eba967.js.map

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

package/dist/esm/{column-views.8e51206e.js → column-views.1af9761e.js}

@@ -15,7 +15,7 @@ function $4d5d1c15f39f6a14$export$77a278d5ca56e309() {
 }
 function $4d5d1c15f39f6a14$export$b220b1d3591dc9e5(selector) {
     const store = (0, $eIxPJ$useContext)($4d5d1c15f39f6a14$var$UnitSelectionContext);
-    if (store == null) throw new Error("useUnitSelectionStore must be used within a UnitSelectionProvider");
+    if (store == null) return null;
     return (0, $eIxPJ$useStore)(store, selector);
 }
 function $4d5d1c15f39f6a14$export$f0dd93f90aa8e5da() {
@@ -47,6 +47,21 @@ function $4d5d1c15f39f6a14$export$f19d75b1d4b676a4(props) {
                     console.log("onUnitSelected", unit, target, event);
                     const el = props.columnRef?.current;
                     let overlayPosition = null;
+                    /** This is not the natural place to get positions within the column,
+         * but it will work for now.
+         */ if (props.onClickedColumn) {
+                        // Infer height from top and bottom height of unit (because that's passed back with the call)
+                        //const py = event.y;
+                        //const [bottom, top] = getUnitHeightRange(unit, axisType);
+                        //const height = Math.abs(bottom - top);
+                        /** Ideally this would be defined at the column level */ const columnClickData = {
+                            unitID: unit?.unit_id,
+                            unit: unit,
+                            target: target,
+                            height: el?.getBoundingClientRect().height || 0
+                        };
+                        props.onClickedColumn(columnClickData, event);
+                    }
                     if (unit != null && el != null && target != null) {
                         const rect = el.getBoundingClientRect();
                         const targetRect = target.getBoundingClientRect();
@@ -92,6 +107,7 @@ function $4d5d1c15f39f6a14$export$cbbec12b1451fe7d(unit) {
     const onSelectUnit = $4d5d1c15f39f6a14$export$b220b1d3591dc9e5((state)=>state.onUnitSelected);
     const selected = selectedUnit?.unit_id == unit.unit_id;
     const onClick = (0, $eIxPJ$useCallback)((evt)=>{
+        if (onSelectUnit == null) return;
         onSelectUnit(unit, ref.current, evt);
         evt.stopPropagation();
     }, [
@@ -99,7 +115,7 @@ function $4d5d1c15f39f6a14$export$cbbec12b1451fe7d(unit) {
         onSelectUnit
     ]);
     (0, $eIxPJ$useEffect)(()=>{
-        if (!selected) return;
+        if (!selected || onSelectUnit == null) return;
         // In case we haven't set the position of the unit (if we don't have a target), set the selected unit
         onSelectUnit(unit, ref.current, null);
         // Scroll the unit into view
@@ -140,4 +156,4 @@ function $4d5d1c15f39f6a14$export$70f5ee19650fc7d1({ units: units }) {
 
 
 export {$4d5d1c15f39f6a14$export$77a278d5ca56e309 as useUnitSelectionDispatch, $4d5d1c15f39f6a14$export$b220b1d3591dc9e5 as useUnitSelectionStore, $4d5d1c15f39f6a14$export$f0dd93f90aa8e5da as useSelectedUnit, $4d5d1c15f39f6a14$export$f19d75b1d4b676a4 as UnitSelectionProvider, $4d5d1c15f39f6a14$export$cbbec12b1451fe7d as useUnitSelectionTarget, $4d5d1c15f39f6a14$export$70f5ee19650fc7d1 as UnitKeyboardNavigation};
-//# sourceMappingURL=column-views.8e51206e.js.map
+//# sourceMappingURL=column-views.1af9761e.js.map

package/dist/esm/column-views.1af9761e.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/column-views/src/units/selection.ts"],"sourcesContent":["import { BaseUnit } from \"@macrostrat/api-types\";\nimport h from \"@macrostrat/hyper\";\nimport { useKeyHandler } from \"@macrostrat/ui-components\";\nimport {\n  createContext,\n  useContext,\n  useEffect,\n  useState,\n  ReactNode,\n  RefObject,\n  useRef,\n  useCallback,\n  MouseEvent,\n} from \"react\";\nimport { createStore, StoreApi, useStore } from \"zustand\";\nimport type { RectBounds, IUnit } from \"./types\";\nimport {\n  getUnitHeightRange,\n  useMacrostratColumnData,\n} from \"@macrostrat/column-views\";\n\ntype UnitSelectDispatch = (\n  unit: BaseUnit | null,\n  target: HTMLElement | null,\n  event: Event | null,\n) => void;\n\nconst UnitSelectionContext = createContext<StoreApi<UnitSelectionStore>>(null);\n\nexport function useUnitSelectionDispatch(): UnitSelectDispatch {\n  const store = useContext(UnitSelectionContext);\n  if (store == null) {\n    return () => {};\n  }\n  return useStore(store, (state) => state.onUnitSelected);\n}\n\nexport function useUnitSelectionStore<T>(\n  selector: (state: UnitSelectionStore) => T,\n): T {\n  const store = useContext(UnitSelectionContext);\n  if (store == null) {\n    return null;\n  }\n  return useStore(store, selector);\n}\n\nexport function useSelectedUnit() {\n  return useUnitSelectionStore((state) => state.selectedUnitData);\n}\n\ninterface UnitSelectionStore {\n  selectedUnit: number | null;\n  selectedUnitData: BaseUnit | null;\n  overlayPosition: RectBounds | null;\n  onUnitSelected: UnitSelectDispatch;\n  setSelectedUnit: (unit: number | null) => void;\n}\n\nexport interface ColumnClickData {\n  unitID: number | null;\n  unit: BaseUnit | null;\n  target: HTMLElement | null;\n  height: number;\n  // Room for boundary IDs eventually\n}\n\nexport function UnitSelectionProvider<T extends BaseUnit>(props: {\n  children: ReactNode;\n  columnRef?: RefObject<HTMLElement>;\n  units: T[];\n  selectedUnit: number | null;\n  onClickedColumn?: (columnClickData: ColumnClickData, event: Event) => void;\n  onUnitSelected?: (unitID: number | null, unit: T | null) => void;\n}) {\n  const [store] = useState(() =>\n    createStore<UnitSelectionStore>((set) => ({\n      selectedUnit: null,\n      selectedUnitData: null,\n      overlayPosition: null,\n      setSelectedUnit(selectedUnit: number | null | BaseUnit) {\n        if (selectedUnit == null) {\n          set({ selectedUnit: null, selectedUnitData: null });\n          return;\n          // If it's a number, set the selected unit\n        } else if (typeof selectedUnit === \"number\") {\n          set({ selectedUnit, selectedUnitData: null });\n        } else if (\"unit_id\" in selectedUnit) {\n          set({\n            selectedUnit: selectedUnit.unit_id,\n            selectedUnitData: selectedUnit,\n          });\n        }\n      },\n      onUnitSelected: (unit: T, target: HTMLElement, event: PointerEvent) => {\n        console.log(\"onUnitSelected\", unit, target, event);\n        const el = props.columnRef?.current;\n        let overlayPosition = null;\n\n        /** This is not the natural place to get positions within the column,\n         * but it will work for now.\n         */\n        if (props.onClickedColumn) {\n          // Infer height from top and bottom height of unit (because that's passed back with the call)\n          //const py = event.y;\n          //const [bottom, top] = getUnitHeightRange(unit, axisType);\n          //const height = Math.abs(bottom - top);\n\n          /** Ideally this would be defined at the column level */\n          const columnClickData: ColumnClickData = {\n            unitID: unit?.unit_id,\n            unit,\n            target,\n            height: el?.getBoundingClientRect().height || 0,\n          };\n          props.onClickedColumn(columnClickData, event);\n        }\n\n        if (unit != null && el != null && target != null) {\n          const rect = el.getBoundingClientRect();\n          const targetRect = target.getBoundingClientRect();\n\n          overlayPosition = {\n            x: targetRect.left - rect.left,\n            y: targetRect.top - rect.top,\n            width: targetRect.width,\n            height: targetRect.height,\n          };\n        }\n        props.onUnitSelected?.(unit?.unit_id, unit);\n\n        return set({\n          selectedUnit: unit?.unit_id,\n          selectedUnitData: unit,\n          overlayPosition,\n        });\n      },\n    })),\n  );\n\n  const { units, selectedUnit } = props;\n\n  useEffect(() => {\n    // Synchronize store with provided props\n    if (selectedUnit != null) {\n      const unitData = units?.find((u) => u.unit_id === selectedUnit);\n      store.setState({ selectedUnit, selectedUnitData: unitData });\n    } else {\n      store.setState({ selectedUnit: null, selectedUnitData: null });\n    }\n  }, [selectedUnit, units]);\n\n  return h(UnitSelectionContext.Provider, { value: store }, props.children);\n}\n\nexport function useUnitSelectionTarget(\n  unit: IUnit,\n): [React.RefObject<HTMLElement>, boolean, (evt: Event) => void] {\n  const ref = useRef<HTMLElement>();\n  const selectedUnit = useSelectedUnit();\n  const onSelectUnit = useUnitSelectionStore((state) => state.onUnitSelected);\n  const selected = selectedUnit?.unit_id == unit.unit_id;\n\n  const onClick = useCallback(\n    (evt: Event) => {\n      if (onSelectUnit == null) return;\n      onSelectUnit(unit, ref.current, evt);\n      evt.stopPropagation();\n    },\n    [unit, onSelectUnit],\n  );\n\n  useEffect(() => {\n    if (!selected || onSelectUnit == null) return;\n    // In case we haven't set the position of the unit (if we don't have a target), set the selected unit\n    onSelectUnit(unit, ref.current, null);\n\n    // Scroll the unit into view\n    ref.current?.scrollIntoView({\n      behavior: \"smooth\",\n      block: \"center\",\n      inline: \"nearest\",\n    });\n  }, [selected, onSelectUnit]);\n\n  return [ref, selected, onClick];\n}\n\nexport function UnitKeyboardNavigation<T extends BaseUnit>({\n  units,\n}: {\n  units: T[];\n}) {\n  const selectedUnit = useSelectedUnit();\n  const selectUnit = useUnitSelectionDispatch();\n\n  const ix = units.findIndex((unit) => unit.unit_id === selectedUnit?.unit_id);\n\n  const keyMap = {\n    38: ix - 1,\n    40: ix + 1,\n  };\n\n  useKeyHandler(\n    (event) => {\n      const nextIx = keyMap[event.keyCode];\n      if (nextIx == null || nextIx < 0 || nextIx >= units.length) return;\n      selectUnit(units[nextIx], null, null);\n      event.stopPropagation();\n    },\n    [units, ix],\n  );\n  return null;\n}\n"],"names":[],"version":3,"file":"column-views.1af9761e.js.map"}

package/dist/esm/column-views.1c92b88f.js

@@ -0,0 +1,16 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $c6d04ae22b505264$exports = {};
+
+$parcel$export($c6d04ae22b505264$exports, "fossil-collections", () => $c6d04ae22b505264$export$33464f7dff3aaa69, (v) => $c6d04ae22b505264$export$33464f7dff3aaa69 = v);
+$parcel$export($c6d04ae22b505264$exports, "too-many", () => $c6d04ae22b505264$export$76144d85d033d82a, (v) => $c6d04ae22b505264$export$76144d85d033d82a = v);
+var $c6d04ae22b505264$export$33464f7dff3aaa69;
+var $c6d04ae22b505264$export$76144d85d033d82a;
+$c6d04ae22b505264$export$33464f7dff3aaa69 = `VC2fja_fossil-collections`;
+$c6d04ae22b505264$export$76144d85d033d82a = `VC2fja_too-many`;
+
+
+export {$c6d04ae22b505264$exports as default};
+//# sourceMappingURL=column-views.1c92b88f.js.map

package/dist/esm/column-views.1c92b88f.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;AAAA,IAAA;AACA,IAAA;AADA,4CAAuC,CAAC,yBAAyB,CAAC;AAClE,4CAA6B,CAAC,eAAe,CAAC","sources":["packages/column-views/src/facets/fossils/index.module.sass"],"sourcesContent":[".fossil-collections\n  padding-left: 0.2em\n  font-size: 0.9em\n  list-style: none\n  border-left: 1px solid var(--column-stroke-color)\n  margin: 1px 0\n  li\n    display: inline\n    &:not(:last-child):after\n      content: \", \"\n      color: var(--secondary-color)\n  li.too-many\n    color: var(--secondary-color)\n    font-style: italic\n"],"names":[],"version":3,"file":"column-views.1c92b88f.js.map"}

package/dist/esm/{column-views.ea237aa8.js → column-views.1e055ed5.js}

@@ -1,4 +1,4 @@
-import {createCompositeScale as $728f6cf6c12cd490$export$3ada7641926a616d} from "./column-views.86c4b36f.js";
+import {createCompositeScale as $728f6cf6c12cd490$export$3ada7641926a616d} from "./column-views.4ab0ec82.js";
 import {createContext as $a90Ta$createContext, useMemo as $a90Ta$useMemo, useContext as $a90Ta$useContext} from "react";
 import $a90Ta$macrostrathyper from "@macrostrat/hyper";
 
@@ -42,11 +42,12 @@ function $d5074f164411387e$export$6fb40844db555b2() {
     return $d5074f164411387e$export$f8509b7cce386c7d().units;
 }
 function $d5074f164411387e$export$a7fc62995ec4f76() {
-    const ctx = (0, $a90Ta$useContext)($d5074f164411387e$var$MacrostratColumnDataContext);
-    if (!ctx) throw new Error("useCompositeScale must be used within a MacrostratUnitsProvider");
-    return (0, $728f6cf6c12cd490$export$3ada7641926a616d)(ctx.sections, true);
+    const ctx = $d5074f164411387e$export$f8509b7cce386c7d();
+    return (0, $a90Ta$useMemo)(()=>(0, $728f6cf6c12cd490$export$3ada7641926a616d)(ctx.sections, true), [
+        ctx.sections
+    ]);
 }
 
 
 export {$d5074f164411387e$export$7fec7bd80ff9c10e as MacrostratColumnDataProvider, $d5074f164411387e$export$f8509b7cce386c7d as useMacrostratColumnData, $d5074f164411387e$export$6fb40844db555b2 as useMacrostratUnits, $d5074f164411387e$export$a7fc62995ec4f76 as useCompositeScale};
-//# sourceMappingURL=column-views.ea237aa8.js.map
+//# sourceMappingURL=column-views.1e055ed5.js.map

package/dist/esm/column-views.1e055ed5.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;AAuBA,MAAM,oDACJ,CAAA,GAAA,oBAAY,EAA+B;AAEtC,SAAS,0CAA6B,YAC3C,QAAQ,SACR,KAAK,YACL,QAAQ,eACR,WAAW,YACX,QAAQ,EAC8C;IACtD;;;;;;;;;KASG,GAEH,MAAM,QAAQ,CAAA,GAAA,cAAM,EAAE;QACpB,OAAO;mBACL;sBACA;yBACA;sBACA;QACF;IACF,GAAG;QAAC;QAAO;QAAU;QAAa;KAAS;IAE3C,OAAO,CAAA,GAAA,sBAAA,EAAE,kDAA4B,QAAQ,EAAE;eAAE;IAAM,GAAG;AAC5D;AAEO,SAAS;IACd,MAAM,MAAM,CAAA,GAAA,iBAAS,EAAE;IACvB,IAAI,CAAC,KACH,MAAM,IAAI,MACR;IAGJ,OAAO;AACT;AAEO,SAAS;IACd,OAAO,4CAA0B,KAAK;AACxC;AAEO,SAAS;IACd,MAAM,MAAM;IACZ,OAAO,CAAA,GAAA,cAAM,EACX,IAAM,CAAA,GAAA,yCAAmB,EAAE,IAAI,QAAQ,EAAE,OACzC;QAAC,IAAI,QAAQ;KAAC;AAElB","sources":["packages/column-views/src/data-provider/store.ts"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  ReactNode,\n  useMemo,\n  useEffect,\n} from \"react\";\nimport h from \"@macrostrat/hyper\";\nimport {\n  createCompositeScale,\n  PackageLayoutData,\n  CompositeColumnScale,\n} from \"../prepare-units/composite-scale\";\nimport { ExtUnit } from \"../prepare-units/helpers\";\nimport { ColumnAxisType } from \"@macrostrat/column-components\";\n\nexport interface MacrostratColumnDataContext {\n  units: ExtUnit[];\n  sections: PackageLayoutData[];\n  totalHeight?: number;\n  axisType?: ColumnAxisType;\n}\n\nconst MacrostratColumnDataContext =\n  createContext<MacrostratColumnDataContext>(null);\n\nexport function MacrostratColumnDataProvider({\n  children,\n  units,\n  sections,\n  totalHeight,\n  axisType,\n}: MacrostratColumnDataContext & { children: ReactNode }) {\n  /** Provider for Macrostrat column data.\n   * As a general rule, we want to provide data and column-axis\n   * height calculations through the context, since these need to\n   * be accessed by any component that lays out information on the\n   * column.\n   *\n   * Cross-axis layout and view configuration (e.g., showing and hiding\n   * of different components or labels) should be handled through passing\n   * props to the components themselves.\n   * */\n\n  const value = useMemo(() => {\n    return {\n      units,\n      sections,\n      totalHeight,\n      axisType,\n    };\n  }, [units, sections, totalHeight, axisType]);\n\n  return h(MacrostratColumnDataContext.Provider, { value }, children);\n}\n\nexport function useMacrostratColumnData() {\n  const ctx = useContext(MacrostratColumnDataContext);\n  if (!ctx) {\n    throw new Error(\n      \"useMacrostratColumnData must be used within a MacrostratColumnDataProvider\",\n    );\n  }\n  return ctx;\n}\n\nexport function useMacrostratUnits() {\n  return useMacrostratColumnData().units;\n}\n\nexport function useCompositeScale(): CompositeColumnScale {\n  const ctx = useMacrostratColumnData();\n  return useMemo(\n    () => createCompositeScale(ctx.sections, true),\n    [ctx.sections],\n  );\n}\n"],"names":[],"version":3,"file":"column-views.1e055ed5.js.map"}

package/dist/esm/column-views.210514ec.js

@@ -0,0 +1,11 @@
+import {Hierarchy as $d69d268451183cca$export$b3d5c8408bb86dd8} from "./column-views.cae5a0ad.js";
+import {PrevalentTaxa as $0f8616b716a13cdc$export$1cf0bc392c5bec1f} from "./column-views.a582d4b5.js";
+import {TagSize as $e969cdc1e0421ee2$export$33ced837a1e5dd9, Tag as $e969cdc1e0421ee2$export$3288d34c523a1192, BaseTagList as $e969cdc1e0421ee2$export$253448fb46c13164, ItemList as $e969cdc1e0421ee2$export$168eb813a5fc3f58, LithologyTagFeature as $54f22e1233427546$export$7bf80657e8a4330e, LithologyTag as $54f22e1233427546$export$17064b7382e320b2, LithologyList as $54f22e1233427546$export$74b2d34b17326341, EnvironmentsList as $54f22e1233427546$export$7370a955ae18866e, 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.83a557b3.js";
+
+
+
+
+
+
+export {$d69d268451183cca$export$b3d5c8408bb86dd8 as Hierarchy, $0f8616b716a13cdc$export$1cf0bc392c5bec1f as PrevalentTaxa, $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.210514ec.js.map

package/dist/esm/column-views.210514ec.js.map

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

package/dist/esm/{column-views.240ef158.css → column-views.217078ab.css}

@@ -40,6 +40,7 @@ body.dark-mode .column-container_afc440 svg pattern image {
 
 .column-container_afc440 .column {
   flex-direction: row;
+  height: fit-content;
   display: flex;
   position: relative;
 }
@@ -65,8 +66,7 @@ body.dark-mode .column-container_afc440 svg pattern image {
 }
 
 .column-container_afc440 .col-note-label {
-  margin-top: 3px;
-  padding: 2px 2px 2px 3px;
+  margin: 1px 0;
   font-size: 10px;
   line-height: 9px;
   border-left: none !important;
@@ -78,6 +78,7 @@ body.dark-mode .column-container_afc440 svg pattern image {
 
 .column-container_afc440 .note-inner {
   border: none;
+  padding: 1px;
 }
 
 .column-container_afc440 .frame rect {
@@ -156,4 +157,4 @@ body.dark-mode .column-container_afc440 svg pattern image {
   color: var(--column-stroke-color);
   --unit-font-style: normal;
 }
-/*# sourceMappingURL=column-views.240ef158.css.map */
+/*# sourceMappingURL=column-views.217078ab.css.map */

package/dist/esm/column-views.217078ab.css.map

@@ -0,0 +1 @@
+{"mappings":"AAAA;;;;;;AAWE;EACE;;;;;;;;EAOI;;;;EAEA;;;;;AAIN;;;;;;;;AAOE;;;;AAIF;;;;AAIE;;;;;;;AAOA;;;;;AAKA;;;;;AAIF;;;;;;AAKA;;;;AAGF;;;;;;;;;;;;;;;;;;;;AAgBE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BF;;;;;;;AAOE;;;;;;;;;;;;;;;AAWE;;;;;AAMF","sources":["packages/column-views/src/column.module.sass"],"sourcesContent":[".column-container, body:global(.light-mode) .column-container\n  --column-background-color: var(--background-color, #fff)\n  --column-stroke-color: var(--text-emphasized-color, #000)\n  --column-text-color: var(--text-emphasized-color, #000)\n\n/* We have to duplicate the dark mode styles here\n  because we want to set them either if the preferred\n  color scheme is dark OR if dark mode is explicitly enabled.\n  If dark mode is explicitly enabled, we want to override\n  the media query. */\n@media (prefers-color-scheme: dark)\n  body:not(:global(.light-mode)) .column-container\n    --column-background-color: var(--background-color, #000)\n    --column-stroke-color: var(--text-emphasized-color, #fff)\n    --column-text-color: var(--text-emphasized-color, #fff)\n    color-scheme: dark\n    color: var(--column-text-color)\n    :global\n      .timescale\n        color: #000\n      svg pattern image\n        filter: invert(100%)\n\nbody:global(.dark-mode) .column-container\n  --column-background-color: var(--background-color, #000)\n  --column-stroke-color: var(--text-emphasized-color, #fff)\n  --column-text-color: var(--text-emphasized-color, #fff)\n  color-scheme: dark\n  color: var(--column-text-color)\n  :global\n    .timescale\n      color: #000\n    svg pattern image\n      filter: invert(100%)\n\n.column-container :global\n  .column\n    display: flex\n    flex-direction: row\n    position: relative\n    height: fit-content\n\n  .unit\n    stroke: var(--column-stroke-color)\n    stroke-width: 1px\n\n  .selection-overlay\n    fill: var(--selection-overlay-color, red)\n    fill-opacity: var(--selection-overlay-opacity, 0.5)\n\n  g.lithology-column use.frame\n    stroke: var(--column-stroke-color)\n    stroke-width: 1.5px !important\n    pointer-events: none\n\n.column-container :global .unit-label\n  text-align: center\n\n.column-container :global .col-note-label\n  font-size: 10px\n  line-height: 9px\n  border-left: none !important\n  margin: 1px 0\n\n.column-container :global g.height-range\n  display: none\n\n.column-container :global .note-inner\n  border: none\n  padding: 1px\n\n.column-container :global .frame rect\n  fill: transparent\n\n.column-container :global .default-buttons\n  width: 100%\n  margin: 0 -10px\n\n.column-container :global div.section\n  display: flex\n  flex-direction: row\n\n.column-container :global .section .divisions .unit\n  cursor: pointer\n\n.column-container :global(.timescale)\n  width: calc(calc(1.5em + 1.5px) * var(--timescale-level-count, 4))\n  --timescale-level-size: 1.5em\n\n.timescale-column\n  position: relative\n\n.section-main\n  position: relative\n  margin-bottom: -4px\n\n.section-units-container\n  position: relative\n\n.main-column\n  position: relative\n\n.unconformity-labels\n  position: absolute\n  top: 0\n  left: 0\n  pointer-events: none\n\n\n.unconformity\n  text-align: center\n  position: absolute\n  top: 0px\n  display: flex\n  justify-content: center\n  align-items: center\n  font-size: 0.8em\n  &.giga\n    font-weight: 800\n    font-size: 1em\n  &.mega\n    font-weight: 600\n    font-weight: 700\n    font-size: 0.9em\n  &.large\n    font-weight:  600\n  &.small\n    font-weight: 300\n\n\n.unconformity-text\n  width: var(--column-width)\n  color: var(--column-stroke-color)\n  --unit-font-style: normal\n\n\n"],"names":[],"version":3,"file":"column-views.217078ab.css.map"}

package/dist/esm/column-views.2c43c055.js

@@ -0,0 +1,156 @@
+import $931eec67bef1530e$export$2e2bcd8739ae039 from "./column-views.b2b5f52c.js";
+import {kernelDensityEstimator as $bcfd78344b9c6927$export$ea0ac076732e930a, kernelGaussian as $bcfd78344b9c6927$export$71f1fc8906f65514} from "./column-views.e9f8b2a7.js";
+import "./column-views.494447ef.css";
+import $1E8Ri$columnviews69c0e90djs from "./column-views.69c0e90d.js";
+import {createContext as $1E8Ri$createContext, useContext as $1E8Ri$useContext} from "react";
+import $1E8Ri$macrostrathyper from "@macrostrat/hyper";
+import {scaleLinear as $1E8Ri$scaleLinear} from "@visx/scale";
+import {AreaClosed as $1E8Ri$AreaClosed} from "@visx/shape";
+import {AxisBottom as $1E8Ri$AxisBottom} from "@visx/axis";
+import {max as $1E8Ri$max} from "d3-array";
+import {expandInnerSize as $1E8Ri$expandInnerSize} from "@macrostrat/ui-components";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+
+
+
+
+
+
+
+
+
+const $32f3061f20373cca$var$h = (0, $1E8Ri$macrostrathyper).styled((0, ($parcel$interopDefault($1E8Ri$columnviews69c0e90djs))));
+const $32f3061f20373cca$export$caa3f53f581a9ba2 = (0, $1E8Ri$createContext)({
+    width: 200,
+    height: 50,
+    xScale: (0, $1E8Ri$scaleLinear)({
+        range: [
+            0,
+            200
+        ],
+        domain: [
+            0,
+            4000
+        ]
+    })
+});
+const $32f3061f20373cca$export$f1ef8efc9ef6fe0c = ()=>(0, $1E8Ri$useContext)($32f3061f20373cca$export$caa3f53f581a9ba2);
+const $32f3061f20373cca$var$noOp = (d)=>d;
+function $32f3061f20373cca$export$67794cfd1e5c82c8(props) {
+    const { data: data, accessor: accessor = $32f3061f20373cca$var$noOp, bandwidth: bandwidth = 60, color: color = "magenta", filled: filled = true } = props;
+    if (data == null) return null;
+    const { height: height, xScale: xScale } = (0, $1E8Ri$useContext)($32f3061f20373cca$export$caa3f53f581a9ba2);
+    const xTicks = xScale.ticks(400);
+    const kde = (0, $bcfd78344b9c6927$export$ea0ac076732e930a)((0, $bcfd78344b9c6927$export$71f1fc8906f65514)(bandwidth), xTicks);
+    const kdeData = kde(data.map(accessor));
+    // All KDEs should have same height
+    const maxProbability = (0, $1E8Ri$max)(kdeData, (d)=>d[1]);
+    const yScale = (0, $1E8Ri$scaleLinear)({
+        range: [
+            height,
+            0
+        ],
+        domain: [
+            0,
+            maxProbability
+        ]
+    });
+    let colorProps = {
+        fill: "transparent"
+    };
+    if (filled) colorProps = {
+        fill: color,
+        fillOpacity: 0.2
+    };
+    return $32f3061f20373cca$var$h((0, $1E8Ri$AreaClosed), {
+        data: kdeData,
+        yScale: yScale,
+        x (d) {
+            return xScale(d[0]);
+        },
+        y (d) {
+            return yScale(d[1]);
+        },
+        stroke: color,
+        ...colorProps
+    });
+}
+function $32f3061f20373cca$export$c6f0d6e9639e41ac(props) {
+    const { children: children, showAxisLabels: showAxisLabels = true, ...sizeProps } = props;
+    let minmax = [
+        0,
+        4000
+    ]; // extent(data, accessor);
+    const delta = minmax[1] - minmax[0];
+    //minmax = [minmax[0] - bandwidth * 4, minmax[1] + bandwidth * 4]
+    const ez = (0, $1E8Ri$expandInnerSize)({
+        padding: 10,
+        paddingBottom: showAxisLabels ? 40 : undefined,
+        innerHeight: 60,
+        width: 300,
+        ...sizeProps
+    }, false);
+    const { width: width, height: height, paddingLeft: paddingLeft, paddingTop: paddingTop, innerWidth: innerWidth, innerHeight: innerHeight } = ez;
+    const xScale = (0, $1E8Ri$scaleLinear)({
+        range: [
+            0,
+            innerWidth
+        ],
+        domain: minmax
+    });
+    let label = "Age (Ma)";
+    let tickFormat = (d)=>d;
+    if (delta > 1000) {
+        label = "Age (Ga)";
+        tickFormat = (d)=>d / 1000;
+    }
+    const fill = "var(--text-color)";
+    const labelProps = {
+        fill: fill
+    };
+    const id = "gradient_1";
+    const value = {
+        width: innerWidth,
+        height: innerHeight,
+        xScale: xScale
+    };
+    return $32f3061f20373cca$var$h($32f3061f20373cca$export$caa3f53f581a9ba2.Provider, {
+        value: value
+    }, $32f3061f20373cca$var$h("svg.detrital-spectrum-plot", {
+        width: width,
+        height: height
+    }, [
+        $32f3061f20373cca$var$h("g", {
+            transform: `translate(${paddingLeft},${paddingTop})`
+        }, [
+            $32f3061f20373cca$var$h((0, $931eec67bef1530e$export$2e2bcd8739ae039)[0], {
+                id: id
+            }),
+            $32f3061f20373cca$var$h((0, $1E8Ri$AxisBottom), {
+                scale: xScale,
+                numTicks: 10,
+                tickLength: 4,
+                tickFormat: tickFormat,
+                strokeWidth: 1.5,
+                top: innerHeight + 1,
+                tickStroke: fill,
+                stroke: fill,
+                tickLabelProps: {
+                    fill: fill
+                },
+                label: label,
+                labelProps: labelProps
+            }),
+            children
+        ])
+    ]));
+}
+
+
+export {$32f3061f20373cca$export$caa3f53f581a9ba2 as PlotAreaContext, $32f3061f20373cca$export$f1ef8efc9ef6fe0c as usePlotArea, $32f3061f20373cca$export$67794cfd1e5c82c8 as DetritalSeries, $32f3061f20373cca$export$c6f0d6e9639e41ac as DetritalSpectrumPlot, $bcfd78344b9c6927$export$ea0ac076732e930a as kernelDensityEstimator, $32f3061f20373cca$re_export$kernelEpanechnikov as kernelEpanechnikov, $bcfd78344b9c6927$export$71f1fc8906f65514 as kernelGaussian};
+//# sourceMappingURL=column-views.2c43c055.js.map

package/dist/esm/column-views.2c43c055.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,uEAAK;AAkB5B,MAAM,4CAAkB,CAAA,GAAA,oBAAY,EAAe;IACjD,OAAO;IACP,QAAQ;IACR,QAAQ,CAAA,GAAA,kBAAU,EAAE;QAClB,OAAO;YAAC;YAAG;SAAI;QACf,QAAQ;YAAC;YAAG;SAAK;IACnB;AACF;AAEA,MAAM,4CAAc,IAAM,CAAA,GAAA,iBAAS,EAAE;AAUrC,MAAM,6BAAO,CAAC,IAAM;AAEpB,SAAS,0CAAe,KAA0B;IAChD,MAAM,QACJ,IAAI,YACJ,WAAW,uCACX,YAAY,WACZ,QAAQ,mBACR,SAAS,MACV,GAAG;IACJ,IAAI,QAAQ,MACV,OAAO;IAGT,MAAM,UAAE,MAAM,UAAE,MAAM,EAAE,GAAG,CAAA,GAAA,iBAAS,EAAE;IAEtC,MAAM,SAAS,OAAO,KAAK,CAAC;IAC5B,MAAM,MAAM,CAAA,GAAA,yCAAqB,EAAE,CAAA,GAAA,yCAAa,EAAE,YAAY;IAC9D,MAAM,UAAU,IAAI,KAAK,GAAG,CAAC;IAE7B,mCAAmC;IACnC,MAAM,iBAAyB,CAAA,GAAA,UAAE,EAAE,SAAS,CAAC,IAAwB,CAAC,CAAC,EAAE;IAEzE,MAAM,SAAS,CAAA,GAAA,kBAAU,EAAE;QACzB,OAAO;YAAC;YAAQ;SAAE;QAClB,QAAQ;YAAC;YAAG;SAAe;IAC7B;IAEA,IAAI,aAAqB;QACvB,MAAM;IACR;IACA,IAAI,QACF,aAAa;QAAE,MAAM;QAAO,aAAa;IAAI;IAG/C,OAAO,wBAAE,CAAA,GAAA,iBAAS,GAAG;QACnB,MAAM;gBACN;QACA,GAAE,CAAC;YACD,OAAO,OAAO,CAAC,CAAC,EAAE;QACpB;QACA,GAAE,CAAC;YACD,OAAO,OAAO,CAAC,CAAC,EAAE;QACpB;QACA,QAAQ;QACR,GAAG,UAAU;IAEf;AACF;AAOA,SAAS,0CAAqB,KAA4B;IACxD,MAAM,YAAE,QAAQ,kBAAE,iBAAiB,MAAM,GAAG,WAAW,GAAG;IAC1D,IAAI,SAAS;QAAC;QAAG;KAAK,EAAE,0BAA0B;IAClD,MAAM,QAAQ,MAAM,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE;IACnC,iEAAiE;IAEjE,MAAM,KAAK,CAAA,GAAA,sBAAc,EACvB;QACE,SAAS;QACT,eAAe,iBAAiB,KAAK;QACrC,aAAa;QACb,OAAO;QACP,GAAG,SAAS;IACd,GACA;IAGF,MAAM,SAAE,KAAK,UAAE,MAAM,eAAE,WAAW,cAAE,UAAU,cAAE,UAAU,eAAE,WAAW,EAAE,GACvE;IAEF,MAAM,SAAS,CAAA,GAAA,kBAAU,EAAE;QACzB,OAAO;YAAC;YAAG;SAAW;QACtB,QAAQ;IACV;IAEA,IAAI,QAAQ;IACZ,IAAI,aAAa,CAAC,IAAM;IACxB,IAAI,QAAQ,MAAM;QAChB,QAAQ;QACR,aAAa,CAAC,IAAM,IAAI;IAC1B;IAEA,MAAM,OAAO;IACb,MAAM,aAAa;cAAE;IAAK;IAE1B,MAAM,KAAK;IAEX,MAAM,QAAQ;QACZ,OAAO;QACP,QAAQ;gBACR;IACF;IAEA,OAAO,wBACL,0CAAgB,QAAQ,EACxB;eAAE;IAAM,GACR,wBAAE,8BAA8B;eAAE;gBAAO;IAAO,GAAG;QACjD,wBACE,KACA;YACE,WAAW,CAAC,UAAU,EAAE,YAAY,CAAC,EAAE,WAAW,CAAC,CAAC;QACtD,GACA;YACE,wBAAE,CAAA,GAAA,wCAAQ,CAAC,CAAC,EAAE,EAAE;oBAAE;YAAG;YACrB,wBAAE,CAAA,GAAA,iBAAS,GAAG;gBACZ,OAAO;gBACP,UAAU;gBACV,YAAY;4BACZ;gBACA,aAAa;gBACb,KAAK,cAAc;gBACnB,YAAY;gBACZ,QAAQ;gBACR,gBAAgB;0BACd;gBACF;uBACA;4BACA;YACF;YACA;SACD;KAEJ;AAEL","sources":["packages/data-components/src/dz-spectrum/index.ts"],"sourcesContent":["import { createContext, useContext, ReactNode } from \"react\";\nimport hyper from \"@macrostrat/hyper\";\nimport { scaleLinear } from \"@visx/scale\";\nimport { AreaClosed } from \"@visx/shape\";\nimport { AxisBottom } from \"@visx/axis\";\nimport { max } from \"d3-array\";\nimport gradients from \"./gradients\";\nimport {\n  kernelDensityEstimator,\n  kernelEpanechnikov,\n  kernelGaussian,\n} from \"./kernel-density\";\nimport {\n  ScaleLinear,\n  ScaleLogarithmic,\n  ScalePower,\n  ScaleRadial,\n  ScaleTime,\n  ScaleQuantize,\n} from \"@visx/vendor/d3-scale\";\nimport styles from \"./index.module.sass\";\nimport { expandInnerSize, InnerSizeProps } from \"@macrostrat/ui-components\";\n\nconst h = hyper.styled(styles);\n\nexport { kernelDensityEstimator, kernelEpanechnikov, kernelGaussian };\n\ntype ContinuousScale =\n  | ScaleLinear<number, number>\n  | ScaleLogarithmic<number, number>\n  | ScalePower<number, number>\n  | ScaleRadial<number, number>\n  | ScaleTime<number, number>\n  | ScaleQuantize<number>;\n\ninterface PlotAreaCtx {\n  xScale: ContinuousScale;\n  width: number;\n  height: number;\n}\n\nconst PlotAreaContext = createContext<PlotAreaCtx>({\n  width: 200,\n  height: 50,\n  xScale: scaleLinear({\n    range: [0, 200],\n    domain: [0, 4000],\n  }),\n});\n\nconst usePlotArea = () => useContext(PlotAreaContext);\n\ninterface DetritalSeriesProps {\n  data: number[];\n  accessor?: (d: any) => number;\n  color?: string;\n  bandwidth?: number;\n  filled?: boolean;\n}\n\nconst noOp = (d) => d;\n\nfunction DetritalSeries(props: DetritalSeriesProps) {\n  const {\n    data,\n    accessor = noOp,\n    bandwidth = 60,\n    color = \"magenta\",\n    filled = true,\n  } = props;\n  if (data == null) {\n    return null;\n  }\n\n  const { height, xScale } = useContext(PlotAreaContext);\n\n  const xTicks = xScale.ticks(400);\n  const kde = kernelDensityEstimator(kernelGaussian(bandwidth), xTicks);\n  const kdeData = kde(data.map(accessor));\n\n  // All KDEs should have same height\n  const maxProbability: number = max(kdeData, (d: [number, number]) => d[1]);\n\n  const yScale = scaleLinear({\n    range: [height, 0],\n    domain: [0, maxProbability],\n  });\n\n  let colorProps: object = {\n    fill: \"transparent\",\n  };\n  if (filled) {\n    colorProps = { fill: color, fillOpacity: 0.2 };\n  }\n\n  return h(AreaClosed, {\n    data: kdeData,\n    yScale,\n    x(d) {\n      return xScale(d[0]);\n    },\n    y(d) {\n      return yScale(d[1]);\n    },\n    stroke: color,\n    ...colorProps,\n    //fill: `url(#${id})`\n  });\n}\n\ninterface DetritalSpectrumProps extends InnerSizeProps {\n  children: ReactNode;\n  showAxisLabels?: boolean;\n}\n\nfunction DetritalSpectrumPlot(props: DetritalSpectrumProps) {\n  const { children, showAxisLabels = true, ...sizeProps } = props;\n  let minmax = [0, 4000]; // extent(data, accessor);\n  const delta = minmax[1] - minmax[0];\n  //minmax = [minmax[0] - bandwidth * 4, minmax[1] + bandwidth * 4]\n\n  const ez = expandInnerSize(\n    {\n      padding: 10,\n      paddingBottom: showAxisLabels ? 40 : undefined,\n      innerHeight: 60,\n      width: 300,\n      ...sizeProps,\n    },\n    false,\n  );\n\n  const { width, height, paddingLeft, paddingTop, innerWidth, innerHeight } =\n    ez;\n\n  const xScale = scaleLinear({\n    range: [0, innerWidth],\n    domain: minmax,\n  });\n\n  let label = \"Age (Ma)\";\n  let tickFormat = (d) => d;\n  if (delta > 1000) {\n    label = \"Age (Ga)\";\n    tickFormat = (d) => d / 1000;\n  }\n\n  const fill = \"var(--text-color)\";\n  const labelProps = { fill };\n\n  const id = \"gradient_1\";\n\n  const value = {\n    width: innerWidth,\n    height: innerHeight,\n    xScale,\n  };\n\n  return h(\n    PlotAreaContext.Provider,\n    { value },\n    h(\"svg.detrital-spectrum-plot\", { width, height }, [\n      h(\n        \"g\",\n        {\n          transform: `translate(${paddingLeft},${paddingTop})`,\n        },\n        [\n          h(gradients[0], { id }),\n          h(AxisBottom, {\n            scale: xScale,\n            numTicks: 10,\n            tickLength: 4,\n            tickFormat,\n            strokeWidth: 1.5,\n            top: innerHeight + 1,\n            tickStroke: fill,\n            stroke: fill,\n            tickLabelProps: {\n              fill,\n            },\n            label,\n            labelProps,\n          }),\n          children,\n        ],\n      ),\n    ]),\n  );\n}\n\nexport { DetritalSpectrumPlot, DetritalSeries, usePlotArea, PlotAreaContext };\n"],"names":[],"version":3,"file":"column-views.2c43c055.js.map"}