@macrostrat/column-views 1.0.3 → 2.0.0

package/dist/esm/mapbox.cac42eed.js

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

package/dist/esm/mapbox.cac42eed.js.map

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

package/dist/esm/maps.bcdea9c1.js

@@ -0,0 +1,11 @@
+import {ColumnNavigationMap as $9d5d216fa2057b5b$export$821baedf611249f3, ResizableMapFrame as $e6046e00d2c8a163$export$c4313db718750a5a, ColumnNavigationSVGMap as $e6046e00d2c8a163$export$9595c40c7a4c4f7b, MeasurementsLayer as $93f116a6493b17c3$export$2254347cd20e6080, ColumnFeatures as $93f116a6493b17c3$export$f177ff57c101017a, ColumnKeyboardNavigation as $93f116a6493b17c3$export$8c41dd563753848, Columns as $93f116a6493b17c3$export$f02cc02ad0e0bba3, ColumnCenters as $93f116a6493b17c3$export$4d8f6e6df85d9012, CurrentColumn as $93f116a6493b17c3$export$b9d912252344e099} from "./column-navigation.37cd3245.js";
+import {ColumnCorrelationMap as $dcd183b733f66144$export$8e7d97509e84cc49, ColumnCorrelationProvider as $74e211dc185c20b4$export$72ffe141ebf87ef1, useCorrelationMapStore as $74e211dc185c20b4$export$21398703d3a9bb4d} from "./column-correlation.c8dcfe98.js";
+import {InsetMap as $5593f90ffec284da$export$1e8149fc0d15fed0, buildColumnsStyle as $1dbfddc9637b572c$export$d2995719c3a4ae17} from "./_shared.f7eec55a.js";
+
+
+
+
+
+
+export {$9d5d216fa2057b5b$export$821baedf611249f3 as ColumnNavigationMap, $e6046e00d2c8a163$export$c4313db718750a5a as ResizableMapFrame, $e6046e00d2c8a163$export$9595c40c7a4c4f7b as ColumnNavigationSVGMap, $93f116a6493b17c3$export$2254347cd20e6080 as MeasurementsLayer, $93f116a6493b17c3$export$f177ff57c101017a as ColumnFeatures, $93f116a6493b17c3$export$8c41dd563753848 as ColumnKeyboardNavigation, $93f116a6493b17c3$export$f02cc02ad0e0bba3 as Columns, $93f116a6493b17c3$export$4d8f6e6df85d9012 as ColumnCenters, $93f116a6493b17c3$export$b9d912252344e099 as CurrentColumn, $dcd183b733f66144$export$8e7d97509e84cc49 as ColumnCorrelationMap, $74e211dc185c20b4$export$72ffe141ebf87ef1 as ColumnCorrelationProvider, $74e211dc185c20b4$export$21398703d3a9bb4d as useCorrelationMapStore, $5593f90ffec284da$export$1e8149fc0d15fed0 as InsetMap, $1dbfddc9637b572c$export$d2995719c3a4ae17 as buildColumnsStyle};
+//# sourceMappingURL=maps.bcdea9c1.js.map

package/dist/esm/maps.bcdea9c1.js.map

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

package/dist/esm/{names.f6a4e9a4.js → names.a8f2b452.js}

@@ -1,4 +1,4 @@
-import {transformAxisType as $faf1eba02aecac6a$export$ab2a19f8a72df19b} from "./types.f016e032.js";
+import {getUnitHeightRange as $b6657fba8924a702$export$70e712e2ac0237a} from "./utils.d7a43a2a.js";
 import $5ZBll$macrostrathyper from "@macrostrat/hyper";
 import $5ZBll$react, {useContext as $5ZBll$useContext, useCallback as $5ZBll$useCallback} from "react";
 import {ColumnContext as $5ZBll$ColumnContext, NotesColumn as $5ZBll$NotesColumn} from "@macrostrat/column-components";
@@ -9,10 +9,10 @@ import {ColumnContext as $5ZBll$ColumnContext, NotesColumn as $5ZBll$NotesColumn
 
 function $bc17276da4abb183$export$2f2e65a797f8fc1e(div, opts) {
     const { axisType: axisType } = opts;
-    const key = (0, $faf1eba02aecac6a$export$ab2a19f8a72df19b)(axisType);
+    const [height, top_height] = (0, $b6657fba8924a702$export$70e712e2ac0237a)(div, axisType);
     return {
-        height: div[`b_${key}`],
-        top_height: div[`t_${key}`],
+        height: height,
+        top_height: top_height,
         data: div,
         id: div.unit_id
     };
@@ -62,4 +62,4 @@ function $bc17276da4abb183$export$594d19cdd88f8c16(props) {
 
 
 export {$bc17276da4abb183$export$2f2e65a797f8fc1e as noteForDivision, $bc17276da4abb183$export$c9757aeb43a67df0 as defaultNameFunction, $bc17276da4abb183$export$6316e673796ccb55 as UnitDataColumn, $bc17276da4abb183$export$594d19cdd88f8c16 as UnitNamesColumn};
-//# sourceMappingURL=names.f6a4e9a4.js.map
+//# sourceMappingURL=names.a8f2b452.js.map

package/dist/esm/names.a8f2b452.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;AA+BA,SAAS,0CACP,GAAU,EACV,IAAkC;IAElC,MAAM,YAAE,QAAQ,EAAE,GAAG;IAErB,MAAM,CAAC,QAAQ,WAAW,GAAG,CAAA,GAAA,wCAAiB,EAAE,KAAK;IAErD,OAAO;gBACL;oBACA;QACA,MAAM;QACN,IAAI,IAAI,OAAO;IACjB;AACF;AAEA,MAAM,4CAAsB,CAAC;IAC3B,OAAO,IAAI,SAAS,CACjB,OAAO,CAAC,OAAO,UACf,OAAO,CAAC,MAAM,aACd,OAAO,CAAC,MAAM;AACnB;AAEA,SAAS,sCAAgB,KAAoB;IAC3C,MAAM,MAAM,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,oBAAY;IACnC,MAAM,QACJ,IAAI,iBACJ,aAAa,oBACb,mBAAmB,CAAC,MAA8B,IAAc,qBAChE,gBAAgB,cAChB,YAAY,KAAK,WACjB,GAAG,MACJ,GAAG;IAEJ,MAAM,SAAE,KAAK,EAAE,GAAG;IAElB,MAAM,sBAAsB,CAAA,GAAA,kBAAU,EACpC,CAAC;QACC,IAAI,iBAAiB,GAAG,OAAO;QAC/B,MAAM,KAAK,KAAK,GAAG,CAAC,MAAM,EAAE,UAAU,IAAI,MAAM,EAAE,MAAM;QACxD,OAAO,KAAK;IACd,GACA;QAAC;QAAO;KAAc;IAGxB,IAAI,aAAa,MAAM,OAAO;IAC9B,MAAM,QAAoB,UACvB,MAAM,CAAC,kBACP,GAAG,CAAC,CAAC,IAAa,0CAAgB,GAAG;YAAE,UAAU,IAAI,QAAQ;QAAC,IAC9D,MAAM,CAAC;IAEV,OAAO,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,kBAAU,GAAG;QACpB,WAAW,CAAC,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAC;QACpC,UAAU;uBACV;eACA;QACA,cAAc;YACZ,aAAa;QACf;QACA,GAAG,IAAI;IACT;AACF;AAEA,MAAM,4CAAiB,CAAA,GAAA,YAAI,EAAE,IAAI,CAAC;AAQ3B,SAAS,0CAAgB,KAAqB;IACnD,MAAM,mBACJ,kBAAkB,0DAClB,aAAa,EACb,GAAG,MACJ,GAAG;IAEJ,MAAM,gBAAgB,CAAC;QACrB,MAAM,QAAE,IAAI,EAAE,GAAG;QACjB,OAAO,CAAA,GAAA,sBAAA,EAAE,oBAAoB,gBAAgB,KAAK,IAAI;IACxD;IAEA,OAAO,CAAA,GAAA,sBAAA,EAAE,2CAAgB;QACvB,eAAe,iBAAiB;QAChC,GAAG,IAAI;IACT;AACF","sources":["packages/column-views/src/units/names.ts"],"sourcesContent":["import h from \"@macrostrat/hyper\";\nimport { useContext, useCallback } from \"react\";\nimport {\n  ColumnContext,\n  ColumnAxisType,\n  NotesColumn,\n  NotesColumnProps,\n} from \"@macrostrat/column-components\";\nimport type { ColumnDivision } from \"@macrostrat/column-components\";\nimport { IUnit } from \"./types\";\nimport React from \"react\";\nimport { getUnitHeightRange } from \"../prepare-units/utils\";\nimport { CompositeColumnScale } from \"./composite\";\n\ninterface UnitDataProps extends NotesColumnProps {\n  left?: number;\n  transform?: string;\n  noteComponent?: React.ComponentType<any>;\n  shouldRenderNote?(div: ColumnDivision | IUnit, index: number): boolean;\n  divisions?: IUnit[];\n  minimumHeight?: number;\n  scale?: CompositeColumnScale;\n}\n\ntype UnitNote = {\n  height: number;\n  top_height: number;\n  data: IUnit;\n  id: number;\n};\n\nfunction noteForDivision(\n  div: IUnit,\n  opts: { axisType: ColumnAxisType }\n): UnitNote {\n  const { axisType } = opts;\n\n  const [height, top_height] = getUnitHeightRange(div, axisType);\n\n  return {\n    height,\n    top_height,\n    data: div,\n    id: div.unit_id,\n  };\n}\n\nconst defaultNameFunction = (div) => {\n  return div.unit_name\n    .replace(\"Mbr\", \"Member\")\n    .replace(\"Fm\", \"Formation\")\n    .replace(\"Gp\", \"Group\");\n};\n\nfunction UnitDataColumn_(props: UnitDataProps) {\n  const ctx = useContext(ColumnContext);\n  const {\n    left,\n    noteComponent,\n    shouldRenderNote = (note: ColumnDivision | IUnit, i: number) => true,\n    minimumHeight = 0,\n    divisions = ctx?.divisions,\n    ...rest\n  } = props;\n\n  const { scale } = ctx;\n\n  const minimumHeightFilter = useCallback(\n    (d) => {\n      if (minimumHeight == 0) return true;\n      const dy = Math.abs(scale(d.top_height) - scale(d.height));\n      return dy > minimumHeight;\n    },\n    [scale, minimumHeight]\n  );\n\n  if (divisions == null) return null;\n  const notes: UnitNote[] = divisions\n    .filter(shouldRenderNote)\n    .map((d: IUnit) => noteForDivision(d, { axisType: ctx.axisType }))\n    .filter(minimumHeightFilter);\n\n  return h(NotesColumn, {\n    transform: `translate(${left || 0})`,\n    editable: false,\n    noteComponent,\n    notes,\n    forceOptions: {\n      nodeSpacing: 1,\n    },\n    ...rest,\n  });\n}\n\nconst UnitDataColumn = React.memo(UnitDataColumn_);\n\ninterface UnitNamesProps extends UnitDataProps {\n  nameForDivision?(obj: IUnit): string;\n  paddingLeft?: number;\n  width: number;\n}\n\nexport function UnitNamesColumn(props: UnitNamesProps) {\n  const {\n    nameForDivision = defaultNameFunction,\n    noteComponent,\n    ...rest\n  } = props;\n\n  const NoteComponent = (props) => {\n    const { note } = props;\n    return h(\"p.col-note-label\", nameForDivision(note.data));\n  };\n\n  return h(UnitDataColumn, {\n    noteComponent: noteComponent ?? NoteComponent,\n    ...rest,\n  });\n}\n\nexport type { UnitNamesProps };\nexport { defaultNameFunction, noteForDivision, UnitDataColumn };\n"],"names":[],"version":3,"file":"names.a8f2b452.js.map"}

package/dist/esm/panel.598f76a5.js

@@ -0,0 +1,420 @@
+import "./panel.module.3d2ea3c6.css";
+import $01tAX$panelmodule386166ccjs from "./panel.module.386166cc.js";
+import {defaultNameFunction as $bc17276da4abb183$export$c9757aeb43a67df0} from "./names.a8f2b452.js";
+import {useMacrostratData as $774a5efa27d1c77b$export$b9c9fc603d74a555, useMacrostratDefs as $774a5efa27d1c77b$export$89dd4e5ae4a82373} from "./base.910b80b4.js";
+import $01tAX$macrostrathyper from "@macrostrat/hyper";
+import {JSONView as $01tAX$JSONView} from "@macrostrat/ui-components";
+import {Button as $01tAX$Button, ButtonGroup as $01tAX$ButtonGroup} from "@blueprintjs/core";
+import {useState as $01tAX$useState, useMemo as $01tAX$useMemo} from "react";
+import {LithologyTagFeature as $01tAX$LithologyTagFeature, DataField as $01tAX$DataField, Parenthetical as $01tAX$Parenthetical, Value as $01tAX$Value, LithologyList as $01tAX$LithologyList, EnvironmentsList as $01tAX$EnvironmentsList, ItemList as $01tAX$ItemList, IntervalTag as $01tAX$IntervalTag} from "@macrostrat/data-components";
+import $01tAX$classnames from "classnames";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+
+
+
+
+
+
+
+
+const $448b24baeef3b229$var$h = (0, $01tAX$macrostrathyper).styled((0, ($parcel$interopDefault($01tAX$panelmodule386166ccjs))));
+function $448b24baeef3b229$export$fbd245232df17557({ unit: unit, onClose: onClose, className: className, features: features = new Set([
+    "adjacent-units",
+    "outcrop-type",
+    "json-toggle",
+    "depth-range"
+]), lithologyFeatures: lithologyFeatures, actions: actions, selectUnit: selectUnit, columnUnits: columnUnits }) {
+    const [showJSON, setShowJSON] = (0, $01tAX$useState)(false);
+    let content = null;
+    if (showJSON) content = $448b24baeef3b229$var$h((0, $01tAX$JSONView), {
+        data: unit,
+        showRoot: false
+    });
+    else content = $448b24baeef3b229$var$h($448b24baeef3b229$var$UnitDetailsContent, {
+        unit: unit,
+        features: features,
+        lithologyFeatures: lithologyFeatures
+    });
+    let title = (0, $bc17276da4abb183$export$c9757aeb43a67df0)(unit);
+    let hiddenActions = null;
+    if (features.has("json-toggle")) hiddenActions = $448b24baeef3b229$var$h((0, $01tAX$Button), {
+        icon: "code",
+        small: true,
+        minimal: true,
+        key: "json-view-toggle",
+        className: (0, $01tAX$classnames)("json-view-toggle", {
+            enabled: setShowJSON
+        }),
+        onClick (evt) {
+            setShowJSON(!showJSON);
+            evt.stopPropagation();
+        }
+    });
+    return $448b24baeef3b229$var$h("div.unit-details-panel", {
+        className: className
+    }, [
+        $448b24baeef3b229$var$h($448b24baeef3b229$export$fc503c39cc5cff43, {
+            onClose: onClose,
+            title: title,
+            id: unit.unit_id,
+            actions: actions,
+            hiddenActions: hiddenActions
+        }),
+        $448b24baeef3b229$var$h("div.unit-details-content-holder", content)
+    ]);
+}
+function $448b24baeef3b229$export$fc503c39cc5cff43({ title: title, id: id, onClose: onClose, actions: actions = null, hiddenActions: hiddenActions }) {
+    return $448b24baeef3b229$var$h("header.legend-panel-header", [
+        $448b24baeef3b229$var$h("div.title-container", [
+            $448b24baeef3b229$var$h.if(title != null)("h3", title),
+            $448b24baeef3b229$var$h.if(hiddenActions != null)("div.hidden-actions", hiddenActions)
+        ]),
+        $448b24baeef3b229$var$h("div.spacer"),
+        $448b24baeef3b229$var$h.if(id != null)("code", id),
+        $448b24baeef3b229$var$h.if(actions != null)((0, $01tAX$ButtonGroup), {
+            minimal: true
+        }, actions),
+        $448b24baeef3b229$var$h.if(onClose != null)((0, $01tAX$Button), {
+            icon: "cross",
+            minimal: true,
+            small: true,
+            onClick () {
+                onClose();
+            }
+        })
+    ]);
+}
+var $448b24baeef3b229$export$ec297f6f9a6ccad0 = /*#__PURE__*/ function(UnitDetailsFeature) {
+    UnitDetailsFeature["AdjacentUnits"] = "adjacent-units";
+    UnitDetailsFeature["Color"] = "color";
+    UnitDetailsFeature["OutcropType"] = "outcrop-type";
+    UnitDetailsFeature["JSONToggle"] = "json-toggle";
+    UnitDetailsFeature["DepthRange"] = "depth-range";
+    return UnitDetailsFeature;
+}({});
+function $448b24baeef3b229$var$UnitDetailsContent({ unit: unit, selectUnit: selectUnit, columnUnits: columnUnits, lithologyFeatures: lithologyFeatures = new Set([
+    (0, $01tAX$LithologyTagFeature).Proportion,
+    (0, $01tAX$LithologyTagFeature).Attributes
+]), features: features = new Set([
+    "adjacent-units",
+    "outcrop-type"
+]) }) {
+    const lithMap = (0, $774a5efa27d1c77b$export$89dd4e5ae4a82373)("lithologies");
+    const envMap = (0, $774a5efa27d1c77b$export$89dd4e5ae4a82373)("environments");
+    const environments = $448b24baeef3b229$var$enhanceEnvironments(unit.environ, envMap);
+    const lithologies = $448b24baeef3b229$var$enhanceLithologies(unit.lith ?? [], lithMap);
+    // Create a lookup table of units if provided
+    const columnUnitsMap = (0, $01tAX$useMemo)(()=>{
+        const map = new Map();
+        for (const colUnit of columnUnits ?? [])map.set(colUnit.unit_id, colUnit);
+        return map;
+    }, [
+        columnUnits
+    ]);
+    let outcropField = null;
+    if (features.has("outcrop-type")) {
+        // Determine outcrop type
+        let outcrop = unit.outcrop;
+        if (outcrop == "both") outcrop = "surface and subsurface";
+        outcropField = $448b24baeef3b229$var$h((0, $01tAX$DataField), {
+            label: "Outcrop",
+            value: outcrop
+        });
+    }
+    let thicknessOrHeightRange = null;
+    const [thickness, thicknessUnit] = $448b24baeef3b229$var$getThickness(unit);
+    // Proxy for actual heights in t_pos and b_pos
+    if (features.has("depth-range") && unit.t_pos != null && unit.b_pos != null && unit.min_thick == unit.max_thick && // We have an actual fixed height
+    unit.min_thick != 0 // Not a zero thickness
+    ) {
+        const label = unit.t_pos < unit.b_pos ? "Depth" : "Height";
+        const u1 = "m";
+        thicknessOrHeightRange = $448b24baeef3b229$var$h((0, $01tAX$DataField), {
+            unit: u1,
+            label: label,
+            value: $448b24baeef3b229$var$formatRange(unit.b_pos, unit.t_pos),
+            children: $448b24baeef3b229$var$h((0, $01tAX$Parenthetical), $448b24baeef3b229$var$h((0, $01tAX$Value), {
+                value: thickness,
+                unit: thicknessUnit
+            }))
+        });
+    }
+    thicknessOrHeightRange ??= $448b24baeef3b229$var$h((0, $01tAX$DataField), {
+        label: "Thickness",
+        value: thickness,
+        unit: thicknessUnit
+    });
+    /** We are trying to move away from passing the "color" parameter in the API */ let colorSwatch = null;
+    if ("color" in unit) {
+        const unit1 = unit;
+        colorSwatch = $448b24baeef3b229$var$h("div.color-swatch", {
+            style: {
+                backgroundColor: unit1.color
+            }
+        });
+    }
+    return $448b24baeef3b229$var$h("div.unit-details-content", [
+        thicknessOrHeightRange,
+        $448b24baeef3b229$var$h((0, $01tAX$LithologyList), {
+            label: "Lithology",
+            lithologies: lithologies,
+            features: lithologyFeatures
+        }),
+        $448b24baeef3b229$var$h($448b24baeef3b229$var$AgeField, {
+            unit: unit
+        }, [
+            $448b24baeef3b229$var$h((0, $01tAX$Parenthetical), $448b24baeef3b229$var$h($448b24baeef3b229$export$3b11bc38611c5941, {
+                value: unit.b_age - unit.t_age
+            })),
+            $448b24baeef3b229$var$h($448b24baeef3b229$var$IntervalProportions, {
+                unit: unit
+            })
+        ]),
+        $448b24baeef3b229$var$h((0, $01tAX$EnvironmentsList), {
+            environments: environments
+        }),
+        $448b24baeef3b229$var$h.if(unit.strat_name_id != null)((0, $01tAX$DataField), {
+            label: "Stratigraphic name"
+        }, $448b24baeef3b229$var$h("span.strat-name-id", unit.strat_name_id)),
+        outcropField,
+        $448b24baeef3b229$var$h.if(features.has("adjacent-units"))([
+            $448b24baeef3b229$var$h((0, $01tAX$DataField), {
+                label: "Above"
+            }, $448b24baeef3b229$var$h($448b24baeef3b229$var$UnitIDList, {
+                units: unit.units_above,
+                selectUnit: selectUnit
+            })),
+            $448b24baeef3b229$var$h((0, $01tAX$DataField), {
+                label: "Below"
+            }, $448b24baeef3b229$var$h($448b24baeef3b229$var$UnitIDList, {
+                units: unit.units_below,
+                selectUnit: selectUnit
+            }))
+        ]),
+        colorSwatch,
+        $448b24baeef3b229$var$h((0, $01tAX$DataField), {
+            label: "Source",
+            inline: true
+        }, $448b24baeef3b229$var$h($448b24baeef3b229$var$BibInfo, {
+            refs: unit.refs
+        }))
+    ]);
+}
+function $448b24baeef3b229$var$getThickness(unit) {
+    let minThickness = unit.min_thick ?? 0;
+    let maxThickness = unit.max_thick ?? unit.min_thick ?? 0;
+    let _unit = "m";
+    if (minThickness == 0 && maxThickness == 0) return [
+        "Unknown",
+        null
+    ];
+    if (minThickness < 0.8 && maxThickness < 1.2) {
+        // Convert to cm
+        minThickness = minThickness * 100;
+        maxThickness = maxThickness * 100;
+        _unit = "cm";
+    } else if (minThickness > 800 && maxThickness > 1200) {
+        // Convert to km
+        minThickness = minThickness / 1000;
+        maxThickness = maxThickness / 1000;
+        _unit = "km";
+    }
+    if (minThickness == maxThickness) return [
+        $448b24baeef3b229$var$formatSignificance(minThickness),
+        _unit
+    ];
+    return [
+        $448b24baeef3b229$var$formatRange(minThickness, maxThickness),
+        _unit
+    ];
+}
+function $448b24baeef3b229$var$ThicknessField({ unit: unit, label: label = "Thickness" }) {
+    const [value, thicknessUnit] = $448b24baeef3b229$var$getThickness(unit);
+    return $448b24baeef3b229$var$h((0, $01tAX$DataField), {
+        label: label,
+        value: value,
+        unit: thicknessUnit
+    });
+}
+function $448b24baeef3b229$var$BibInfo({ refs: refs }) {
+    const refData = (0, $774a5efa27d1c77b$export$b9c9fc603d74a555)("refs", refs);
+    if (refData == null || refData.length === 0) return null;
+    if (refData.length == 1) return $448b24baeef3b229$var$h($448b24baeef3b229$var$Citation, {
+        data: refData[0],
+        tag: "span"
+    });
+    return $448b24baeef3b229$var$h("ul.refs", refData.map((data, i)=>$448b24baeef3b229$var$h($448b24baeef3b229$var$Citation, {
+            data: data,
+            tag: "li",
+            key: i
+        })));
+}
+function $448b24baeef3b229$var$Citation({ data: data, tag: tag = "p" }) {
+    return $448b24baeef3b229$var$h(tag, {
+        className: "citation"
+    }, [
+        $448b24baeef3b229$var$h("span.authors", data.author),
+        ", ",
+        $448b24baeef3b229$var$h("span.year", data.pub_year),
+        ", ",
+        $448b24baeef3b229$var$h("span.title", data.ref)
+    ]);
+}
+function $448b24baeef3b229$var$AgeField({ unit: unit, children: children }) {
+    const [b_age, t_age, _unit] = $448b24baeef3b229$var$getAgeRange(unit);
+    return $448b24baeef3b229$var$h((0, $01tAX$DataField), {
+        label: "Age",
+        value: $448b24baeef3b229$var$formatRange(b_age, t_age),
+        unit: _unit
+    }, children);
+}
+function $448b24baeef3b229$var$getAgeRange(_unit) {
+    let b_age = _unit.b_age;
+    let t_age = _unit.t_age;
+    let unit = "Ma";
+    if (b_age < 0.8 && t_age < 1.2) {
+        b_age *= 1000;
+        t_age *= 1000;
+        unit = "ka";
+    } else if (b_age > 800 && t_age > 1200) {
+        b_age /= 1000;
+        t_age /= 1000;
+        unit = "Ga";
+    }
+    return [
+        b_age,
+        t_age,
+        unit
+    ];
+}
+function $448b24baeef3b229$export$3b11bc38611c5941({ value: value, maximumFractionDigits: maximumFractionDigits = 2, minimumFractionDigits: minimumFractionDigits = 0 }) {
+    let unit = "Myr";
+    if (value < 0.8) {
+        unit = "kyr";
+        value *= 1000;
+        if (value < 5) {
+            unit = "yr";
+            value *= 1000;
+        }
+    } else if (value > 1000) {
+        unit = "Gyr";
+        value /= 1000;
+    }
+    let _value = value.toLocaleString("en-US", {
+        maximumFractionDigits: maximumFractionDigits,
+        minimumFractionDigits: minimumFractionDigits
+    });
+    return $448b24baeef3b229$var$h((0, $01tAX$Value), {
+        value: _value,
+        unit: unit
+    });
+}
+function $448b24baeef3b229$var$enhanceEnvironments(environments, envMap) {
+    return environments.map((env)=>{
+        return {
+            ...envMap?.get(env.environ_id) ?? {},
+            ...env
+        };
+    });
+}
+function $448b24baeef3b229$var$enhanceLithologies(lithologies, lithMap) {
+    return lithologies.map((lith)=>{
+        return {
+            ...lithMap?.get(lith.lith_id) ?? {},
+            ...lith
+        };
+    });
+}
+function $448b24baeef3b229$var$UnitIDList({ units: units, selectUnit: selectUnit }) {
+    const u1 = units.filter((d)=>d != 0);
+    if (u1.length === 0) return $448b24baeef3b229$var$h("span.no-units", "None");
+    let tag = "span";
+    if (selectUnit != null) tag = "a";
+    return $448b24baeef3b229$var$h((0, $01tAX$ItemList), {
+        className: "unit-id-list"
+    }, u1.map((unit)=>{
+        return $448b24baeef3b229$var$h(tag, {
+            className: "unit-id",
+            onClick () {
+                selectUnit?.(unit.id);
+            },
+            key: unit.id
+        }, unit);
+    }));
+}
+function $448b24baeef3b229$var$IntervalProportions({ unit: unit }) {
+    const i0 = unit.b_int_id;
+    const i1 = unit.t_int_id;
+    let b_prop = unit.b_prop ?? 0;
+    let t_prop = unit.t_prop ?? 1;
+    const intervalMap = (0, $774a5efa27d1c77b$export$89dd4e5ae4a82373)("intervals");
+    const int0 = intervalMap?.get(i0) ?? {};
+    const interval0 = {
+        ...int0,
+        id: i0,
+        name: unit.b_int_name
+    };
+    let p0 = null;
+    const int1 = intervalMap?.get(i1) ?? {};
+    const p1 = $448b24baeef3b229$var$h($448b24baeef3b229$var$Proportion, {
+        value: t_prop
+    });
+    if (i0 !== i1 || b_prop !== 0 || t_prop !== 1) // We have a single interval with undefined proportions
+    p0 = $448b24baeef3b229$var$h($448b24baeef3b229$var$Proportion, {
+        value: b_prop
+    });
+    if (i0 === i1 && (b_prop !== 0 || t_prop !== 1)) p0 = $448b24baeef3b229$var$h("span.joint-proportion", [
+        p0,
+        $448b24baeef3b229$var$h("span.sep", "to"),
+        p1
+    ]);
+    return $448b24baeef3b229$var$h("div.interval-proportions", [
+        $448b24baeef3b229$var$h((0, $01tAX$IntervalTag), {
+            interval: interval0,
+            prefix: p0
+        }),
+        $448b24baeef3b229$var$h.if(i0 != i1)("span.discourage-break", [
+            $448b24baeef3b229$var$h("span.sep", "to"),
+            $448b24baeef3b229$var$h((0, $01tAX$IntervalTag), {
+                interval: {
+                    ...int1,
+                    id: i1,
+                    name: unit.t_int_name
+                },
+                prefix: p1
+            })
+        ])
+    ]);
+}
+const $448b24baeef3b229$var$formatProportion = (d)=>{
+    if (d == null) return null;
+    return d.toFixed(1);
+};
+function $448b24baeef3b229$var$Proportion({ value: value }) {
+    let content = null;
+    if (value == 0) content = "base";
+    else if (value == 1) content = "top";
+    else content = $448b24baeef3b229$var$formatProportion(value * 100) + "%";
+    return $448b24baeef3b229$var$h("span.proportion", content);
+}
+function $448b24baeef3b229$var$formatRange(min, max, precision = null) {
+    if (min == null || max == null) return null;
+    if (min === max) return min.toFixed(precision);
+    return `${$448b24baeef3b229$var$formatSignificance(min, precision)}\u{2013}${$448b24baeef3b229$var$formatSignificance(max, precision)}`;
+}
+function $448b24baeef3b229$var$formatSignificance(value, precision = null) {
+    // Format to preserve a reasonable number of significant figures
+    // this could be done with an easier algorithm, probably:
+    if (precision == null) return value.toLocaleString();
+    if (precision >= 0) return value.toFixed(precision);
+    if (precision < 0) return (value / Math.pow(10, -precision)).toFixed(0) + "0".repeat(-precision);
+}
+
+
+export {$448b24baeef3b229$export$fbd245232df17557 as UnitDetailsPanel, $448b24baeef3b229$export$fc503c39cc5cff43 as LegendPanelHeader, $448b24baeef3b229$export$ec297f6f9a6ccad0 as UnitDetailsFeature, $448b24baeef3b229$export$3b11bc38611c5941 as Duration};
+//# sourceMappingURL=panel.598f76a5.js.map