@macrostrat/column-views 1.0.3 → 2.0.1

package/dist/esm/column-views.3bec70d6.js

@@ -0,0 +1,167 @@
+import {buildColumnsStyle as $1dbfddc9637b572c$export$d2995719c3a4ae17} from "./column-views.33dbc778.js";
+import {InsetMap as $5593f90ffec284da$export$1e8149fc0d15fed0} from "./column-views.3de4dc43.js";
+import {ColumnNavigationProvider as $09486427d129f589$export$8da3b11f62ebf019, useColumnNavigationStore as $09486427d129f589$export$642c2b57c47ea41} from "./column-views.9804efda.js";
+import {buildKeyboardNavigationStyle as $ab1043903d5406ef$export$c613fba0aabeee13, ColumnKeyboardNavigation as $ab1043903d5406ef$export$8c41dd563753848} from "./column-views.b775c0a3.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=column-views.3bec70d6.js.map

package/dist/esm/column-views.3bec70d6.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":"column-views.3bec70d6.js.map"}

package/dist/esm/column-views.3de4dc43.js

@@ -0,0 +1,66 @@
+import {useMemo as $8KE3g$useMemo, useCallback as $8KE3g$useCallback} from "react";
+import {getBasicMapStyle as $8KE3g$getBasicMapStyle, MapView as $8KE3g$MapView} from "@macrostrat/map-interface";
+import $8KE3g$macrostrathyper from "@macrostrat/hyper";
+import {MapboxMapProvider as $8KE3g$MapboxMapProvider} from "@macrostrat/mapbox-react";
+import {useInDarkMode as $8KE3g$useInDarkMode} from "@macrostrat/ui-components";
+import {removeMapLabels as $8KE3g$removeMapLabels, removeSourceFromStyle as $8KE3g$removeSourceFromStyle} from "@macrostrat/mapbox-utils";
+
+
+
+
+
+
+
+function $5593f90ffec284da$export$1e8149fc0d15fed0({ controls: controls, className: className, children: children, style: style, mapStyle: mapStyle, accessToken: accessToken, showLabels: showLabels = false, showAdmin: showAdmin = false, showRoads: showRoads = false, ...rest }) {
+    const inDarkMode = (0, $8KE3g$useInDarkMode)();
+    const _style = (0, $8KE3g$useMemo)(()=>{
+        return mapStyle ?? (0, $8KE3g$getBasicMapStyle)({
+            inDarkMode: inDarkMode
+        });
+    }, [
+        mapStyle,
+        inDarkMode
+    ]);
+    const transformStyle = (0, $8KE3g$useCallback)((style)=>{
+        let newStyle = style;
+        if (!showLabels) newStyle = (0, $8KE3g$removeMapLabels)(newStyle);
+        if (!showAdmin) newStyle = (0, $8KE3g$removeSourceFromStyle)(newStyle, null, "admin");
+        if (!showRoads) {
+            newStyle = (0, $8KE3g$removeSourceFromStyle)(newStyle, null, "road");
+            newStyle = (0, $8KE3g$removeSourceFromStyle)(newStyle, null, "aeroway");
+        }
+        return newStyle;
+    }, [
+        mapStyle,
+        showLabels,
+        showRoads,
+        showAdmin
+    ]);
+    return (0, $8KE3g$macrostrathyper)("div.inset-map", {
+        className: className,
+        style: style
+    }, [
+        (0, $8KE3g$macrostrathyper)((0, $8KE3g$MapboxMapProvider), [
+            controls,
+            (0, $8KE3g$macrostrathyper)((0, $8KE3g$MapView), {
+                style: _style,
+                accessToken: accessToken,
+                standalone: true,
+                /* Default map position that centers on the bulk of Macrostrat columns
+           */ mapPosition: {
+                    camera: {
+                        lng: -100,
+                        lat: 38,
+                        altitude: 5000000
+                    }
+                },
+                transformStyle: transformStyle,
+                ...rest
+            }, children)
+        ])
+    ]);
+}
+
+
+export {$5593f90ffec284da$export$1e8149fc0d15fed0 as InsetMap};
+//# sourceMappingURL=column-views.3de4dc43.js.map

package/dist/esm/column-views.3de4dc43.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;AA0BO,SAAS,0CAAS,YACvB,QAAQ,aACR,SAAS,YACT,QAAQ,SACR,KAAK,YACL,QAAQ,eACR,WAAW,cACX,aAAa,kBACb,YAAY,kBACZ,YAAY,OACZ,GAAG,MACW;IACd,MAAM,aAAa,CAAA,GAAA,oBAAY;IAC/B,MAAM,SAAS,CAAA,GAAA,cAAM,EAAE;QACrB,OAAO,YAAY,CAAA,GAAA,uBAAe,EAAE;wBAAE;QAAW;IACnD,GAAG;QAAC;QAAU;KAAW;IAEzB,MAAM,iBAAiB,CAAA,GAAA,kBAAU,EAC/B,CAAC;QACC,IAAI,WAAW;QACf,IAAI,CAAC,YACH,WAAW,CAAA,GAAA,sBAAc,EAAE;QAE7B,IAAI,CAAC,WACH,WAAW,CAAA,GAAA,4BAAoB,EAAE,UAAU,MAAM;QAEnD,IAAI,CAAC,WAAW;YACd,WAAW,CAAA,GAAA,4BAAoB,EAAE,UAAU,MAAM;YACjD,WAAW,CAAA,GAAA,4BAAoB,EAAE,UAAU,MAAM;QACnD;QACA,OAAO;IACT,GACA;QAAC;QAAU;QAAY;QAAW;KAAU;IAG9C,OAAO,CAAA,GAAA,sBAAA,EAAE,iBAAiB;mBAAE;eAAW;IAAM,GAAG;QAC9C,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,wBAAgB,GAAG;YACnB;YACA,CAAA,GAAA,sBAAA,EACE,CAAA,GAAA,cAAM,GACN;gBACE,OAAO;6BACP;gBACA,YAAY;gBACZ;WACC,GACD,aAAa;oBACX,QAAQ;wBACN,KAAK;wBACL,KAAK;wBACL,UAAU;oBACZ;gBACF;gCACA;gBACA,GAAG,IAAI;YACT,GACA;SAEH;KACF;AACH","sources":["packages/column-views/src/maps/_shared/inset-map.ts"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport {\n  MapView,\n  getBasicMapStyle,\n  MapViewProps,\n} from \"@macrostrat/map-interface\";\nimport h from \"@macrostrat/hyper\";\nimport { MapboxMapProvider } from \"@macrostrat/mapbox-react\";\nimport { useInDarkMode } from \"@macrostrat/ui-components\";\nimport {\n  removeMapLabels,\n  removeSourceFromStyle,\n} from \"@macrostrat/mapbox-utils\";\nimport type { ReactNode, CSSProperties } from \"react\";\n\nexport interface InsetMapProps extends Omit<MapViewProps, \"style\"> {\n  controls?: ReactNode;\n  className?: string;\n  children?: ReactNode;\n  style?: CSSProperties;\n  mapStyle?: mapboxgl.Style | string;\n  showLabels?: boolean;\n  showAdmin?: boolean;\n  showRoads?: boolean;\n}\n\nexport function InsetMap({\n  controls,\n  className,\n  children,\n  style,\n  mapStyle,\n  accessToken,\n  showLabels = false,\n  showAdmin = false,\n  showRoads = false,\n  ...rest\n}: InsetMapProps) {\n  const inDarkMode = useInDarkMode();\n  const _style = useMemo((): mapboxgl.Style | string => {\n    return mapStyle ?? getBasicMapStyle({ inDarkMode });\n  }, [mapStyle, inDarkMode]);\n\n  const transformStyle = useCallback(\n    (style) => {\n      let newStyle = style;\n      if (!showLabels) {\n        newStyle = removeMapLabels(newStyle);\n      }\n      if (!showAdmin) {\n        newStyle = removeSourceFromStyle(newStyle, null, \"admin\");\n      }\n      if (!showRoads) {\n        newStyle = removeSourceFromStyle(newStyle, null, \"road\");\n        newStyle = removeSourceFromStyle(newStyle, null, \"aeroway\");\n      }\n      return newStyle;\n    },\n    [mapStyle, showLabels, showRoads, showAdmin]\n  );\n\n  return h(\"div.inset-map\", { className, style }, [\n    h(MapboxMapProvider, [\n      controls,\n      h(\n        MapView,\n        {\n          style: _style,\n          accessToken,\n          standalone: true,\n          /* Default map position that centers on the bulk of Macrostrat columns\n           */\n          mapPosition: {\n            camera: {\n              lng: -100,\n              lat: 38,\n              altitude: 5000000,\n            },\n          },\n          transformStyle,\n          ...rest,\n        },\n        children\n      ),\n    ]),\n  ]);\n}\n"],"names":[],"version":3,"file":"column-views.3de4dc43.js.map"}

package/dist/esm/{column.db058031.js → column-views.3f4db8cb.js}

@@ -1,8 +1,8 @@
-import {SimpleUnitsColumn as $4c8184c4a7317749$export$2006342ddaa547c6} from "./units.361088d4.js";
-import {IsotopesColumn as $d5a3eba6c540ff58$export$5d8aa8022c284748} from "./isotopes-column.7cb5cc45.js";
-import {MacrostratColumnProvider as $29bf41d89292aad4$export$9e42f9b6e0d67c7d} from "./providers.cd1e652f.js";
-import $hEPNH$columnmodule7f47d25ajs from "./column.module.7f47d25a.js";
-import "./column.module.cbb072df.css";
+import {SimpleUnitsColumn as $4c8184c4a7317749$export$2006342ddaa547c6} from "./column-views.343b5aa2.js";
+import {IsotopesColumn as $d5a3eba6c540ff58$export$5d8aa8022c284748} from "./column-views.ac9fb5e1.js";
+import {MacrostratColumnProvider as $774a5efa27d1c77b$export$9e42f9b6e0d67c7d} from "./column-views.28ee5f43.js";
+import $hEPNH$columnviews94b5cca1js from "./column-views.94b5cca1.js";
+import "./column-views.a7be0a4a.css";
 import $hEPNH$macrostrathyper from "@macrostrat/hyper";
 import {group as $hEPNH$group} from "d3-array";
 import {useAPIResult as $hEPNH$useAPIResult} from "@macrostrat/ui-components";
@@ -22,7 +22,7 @@ function $parcel$interopDefault(a) {
 
 
 
-const $132b1b0fb905c489$var$h = (0, $hEPNH$macrostrathyper).styled((0, ($parcel$interopDefault($hEPNH$columnmodule7f47d25ajs))));
+const $132b1b0fb905c489$var$h = (0, $hEPNH$macrostrathyper).styled((0, ($parcel$interopDefault($hEPNH$columnviews94b5cca1js))));
 const $132b1b0fb905c489$var$AgeAxis = ({ ticks: ticks })=>{
     const { pixelHeight: pixelHeight } = (0, $hEPNH$useContext)((0, $hEPNH$ColumnContext));
     // A tick roughly every 40 pixels
@@ -46,7 +46,7 @@ const $132b1b0fb905c489$export$6e2c8f0811a474ce = (props)=>{
         const targetHeight = 50 * data.length;
         pixelScale = Math.ceil(targetHeight / dAge);
     }
-    return $132b1b0fb905c489$var$h((0, $29bf41d89292aad4$export$9e42f9b6e0d67c7d), {
+    return $132b1b0fb905c489$var$h((0, $774a5efa27d1c77b$export$9e42f9b6e0d67c7d), {
         divisions: data,
         range: range,
         pixelsPerMeter: pixelScale
@@ -114,4 +114,4 @@ var $132b1b0fb905c489$export$2e2bcd8739ae039 = $132b1b0fb905c489$var$Column;
 
 
 export {$132b1b0fb905c489$export$6e2c8f0811a474ce as Section, $132b1b0fb905c489$export$2e2bcd8739ae039 as default};
-//# sourceMappingURL=column.db058031.js.map
+//# sourceMappingURL=column-views.3f4db8cb.js.map

package/dist/esm/column-views.3f4db8cb.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,uEAAK;AAS5B,MAAM,gCAAU,CAAC,SAAE,KAAK,EAAE;IACxB,MAAM,eAAE,WAAW,EAAE,GAAG,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,oBAAY;IAC/C,iCAAiC;IACjC,IAAI,IAAI,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC,cAAc,KAAK;IAE/C,OAAO,wBAAE,CAAA,GAAA,iBAAS,GAAG;QACnB,OAAO;QACP,YAAY;IACd;AACF;AAEA,MAAM,4CAAU,CAAC;IACf,oCAAoC;IACpC,MAAM,QACJ,IAAI,kBACJ,iBAAiB,aACjB,QAAQ;QAAC,IAAI,CAAC,KAAK,MAAM,GAAG,EAAE,CAAC,KAAK;QAAE,IAAI,CAAC,EAAE,CAAC,KAAK;KAAC,EACrD,GAAG;IACJ,IAAI,cAAE,UAAU,EAAE,GAAG;IAErB,MAAM,cAAc;IAEpB,IAAI,CAAC,YAAY;QACf,wBAAwB;QACxB,MAAM,OAAO,KAAK,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE;QAChC,MAAM,eAAe,KAAK,KAAK,MAAM;QACrC,aAAa,KAAK,IAAI,CAAC,eAAe;IACxC;IAEA,OAAO,wBACL,CAAA,GAAA,yCAAuB,GACvB;QACE,WAAW;eACX;QACA,gBAAgB;IAClB,GACA;QACE,wBACE,CAAA,GAAA,gBAAQ,GACR;YACE,OAAO;YACP,SAAS;YACT,YAAY;YACZ,eAAe;QACjB,GACA;YACE,wBAAE;YACF,wBAAE,CAAA,GAAA,yCAAgB,GAAG;gBACnB,OAAO;gBACP,aAAa;YACf;YACA,wBAAE,CAAA,GAAA,yCAAa,GAAG;gBAChB,WAAW;gBACX,OAAO;gBACP,OAAO;gBACP,aAAa;gBACb,QAAQ;gBACR,UAAU;gBACV,WAAW;YACb;YACA,wBAAE,CAAA,GAAA,yCAAa,GAAG;gBAChB,WAAW;gBACX,OAAO;gBACP,OAAO;gBACP,QAAQ;oBAAC;oBAAK;iBAAE;gBAChB,OAAO;gBACP,aAAa;gBACb,QAAQ;gBACR,UAAU;gBACV,WAAW;YACb;SACD;KAEJ;AAEL;AAIA,SAAS,6BAAO,KAA0D;IACxE,MAAM,UAAE,MAAM,EAAE,GAAG;IACnB,MAAM,OAAgB,CAAA,GAAA,mBAAW,EAAE,UAAU;QAC3C,KAAK;QACL,GAAG,MAAM;QACT,UAAU;IACZ;IACA,IAAI,QAAQ,MAAM,OAAO;IAEzB,IAAI,gBAAgB,MAAM,IAAI,CAAC,CAAA,GAAA,YAAI,EAAE,MAAM,CAAC,IAAM,EAAE,UAAU;IAE9D,kDAAkD;IAElD,OAAO,wBAAE,cAAc;QACrB,wBAAE,sBAAsB;QACxB,wBACE,mBACA,cAAc,GAAG,CAAC,CAAC,CAAC,IAAI,OAAO,EAAE;YAC/B,OAAO,wBAAE,CAAC,YAAY,EAAE,IAAI,EAAE;gBAC5B,wBAAE,2CAAS;oBACT,MAAM;oBACN,gBAAgB,KAAK,cAAc,MAAM,GAAG;gBAC9C;aACD;QACH;KAEH;AACH;IAGA,2CAAe","sources":["packages/column-views/src/carbon-isotopes/column.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport { group } from \"d3-array\";\nimport { useAPIResult } from \"@macrostrat/ui-components\";\nimport {\n  ColumnSVG,\n  ColumnAxis,\n  ColumnContext,\n} from \"@macrostrat/column-components\";\nimport { SimpleUnitsColumn, IUnit } from \"../units\";\nimport { useContext } from \"react\";\nimport { IsotopesColumn } from \"./isotopes-column\";\nimport { MacrostratColumnProvider } from \"../data-provider\";\nimport styles from \"./column.module.sass\";\n\nconst h = hyper.styled(styles);\n\ninterface IColumnProps {\n  data: IUnit[];\n  pixelScale?: number;\n  isOldestColumn: boolean;\n  range?: [number, number];\n}\n\nconst AgeAxis = ({ ticks }) => {\n  const { pixelHeight } = useContext(ColumnContext);\n  // A tick roughly every 40 pixels\n  let v = Math.max(Math.round(pixelHeight / 40), 1);\n\n  return h(ColumnAxis, {\n    ticks: v,\n    showDomain: false,\n  });\n};\n\nconst Section = (props: IColumnProps) => {\n  // Section with \"squishy\" time scale\n  const {\n    data,\n    isOldestColumn = true,\n    range = [data[data.length - 1].b_age, data[0].t_age],\n  } = props;\n  let { pixelScale } = props;\n\n  const notesOffset = 100;\n\n  if (!pixelScale) {\n    // Make up a pixel scale\n    const dAge = range[0] - range[1];\n    const targetHeight = 50 * data.length;\n    pixelScale = Math.ceil(targetHeight / dAge);\n  }\n\n  return h(\n    MacrostratColumnProvider,\n    {\n      divisions: data,\n      range,\n      pixelsPerMeter: pixelScale, // Actually pixels per myr\n    },\n    [\n      h(\n        ColumnSVG,\n        {\n          width: 650,\n          padding: 20,\n          paddingTop: 5,\n          paddingBottom: 25,\n        },\n        [\n          h(AgeAxis),\n          h(SimpleUnitsColumn, {\n            width: 400,\n            columnWidth: 90,\n          }),\n          h(IsotopesColumn, {\n            parameter: \"D13C\",\n            label: \"δ¹³C\",\n            width: 100,\n            // @ts-ignore\n            nTicks: 4,\n            showAxis: isOldestColumn,\n            transform: \"translate(250,0)\",\n          }),\n          h(IsotopesColumn, {\n            parameter: \"D18O\",\n            label: \"δ¹⁸O\",\n            color: \"red\",\n            domain: [-40, 0],\n            width: 100,\n            // @ts-ignore\n            nTicks: 4,\n            showAxis: isOldestColumn,\n            transform: \"translate(370,0)\",\n          }),\n        ]\n      ),\n    ]\n  );\n};\n\ntype ColumnArgs = any;\n\nfunction Column(props: Omit<IColumnProps, \"data\"> & { params: ColumnArgs }) {\n  const { params } = props;\n  const data: IUnit[] = useAPIResult(\"/units\", {\n    all: true,\n    ...params,\n    response: \"long\",\n  });\n  if (data == null) return null;\n\n  let sectionGroups = Array.from(group(data, (d) => d.section_id));\n\n  //sectionGroups.sort((a, b) => a.t_age - b.t_age);\n\n  return h(\"div.column\", [\n    h(\"div.age-axis-label\", \"Age (Ma)\"),\n    h(\n      \"div.main-column\",\n      sectionGroups.map(([id, values], i) => {\n        return h(`div.section-${id}`, [\n          h(Section, {\n            data: values,\n            isOldestColumn: i == sectionGroups.length - 1,\n          }),\n        ]);\n      })\n    ),\n  ]);\n}\n\nexport { Section, IColumnProps };\nexport default Column;\n"],"names":[],"version":3,"file":"column-views.3f4db8cb.js.map"}

package/dist/esm/column-views.40c1f361.js

@@ -0,0 +1,206 @@
+import {useCorrelationMapStore as $74e211dc185c20b4$export$21398703d3a9bb4d} from "./column-views.30646469.js";
+import {buildColumnsStyle as $1dbfddc9637b572c$export$d2995719c3a4ae17} from "./column-views.33dbc778.js";
+import {InsetMap as $5593f90ffec284da$export$1e8149fc0d15fed0} from "./column-views.3de4dc43.js";
+import {useMapClickHandler as $6wt91$useMapClickHandler, useMapStyleOperator as $6wt91$useMapStyleOperator, useMapEaseTo as $6wt91$useMapEaseTo} from "@macrostrat/mapbox-react";
+import {LngLatBounds as $6wt91$LngLatBounds} from "mapbox-gl";
+import $6wt91$macrostrathyper from "@macrostrat/hyper";
+import {useMemo as $6wt91$useMemo} from "react";
+import {setGeoJSON as $6wt91$setGeoJSON} from "@macrostrat/mapbox-utils";
+import {buildCrossSectionLayers as $6wt91$buildCrossSectionLayers} from "@macrostrat/map-styles";
+
+
+
+
+
+
+
+
+
+function $dcd183b733f66144$export$8e7d97509e84cc49(props) {
+    const { padding: padding = 50, children: children, columnColor: columnColor, ...rest } = props;
+    const overlayStyles = (0, $6wt91$useMemo)(()=>{
+        return [
+            (0, $1dbfddc9637b572c$export$d2995719c3a4ae17)(columnColor),
+            $dcd183b733f66144$var$selectedColumnsStyle,
+            $dcd183b733f66144$var$lineOfSectionStyle
+        ];
+    }, [
+        columnColor
+    ]);
+    return (0, $6wt91$macrostrathyper)((0, $5593f90ffec284da$export$1e8149fc0d15fed0), {
+        ...rest,
+        boxZoom: false,
+        dragRotate: false,
+        overlayStyles: overlayStyles
+    }, [
+        (0, $6wt91$macrostrathyper)($dcd183b733f66144$var$ColumnsLayer),
+        (0, $6wt91$macrostrathyper)($dcd183b733f66144$var$SelectedColumnsLayer),
+        (0, $6wt91$macrostrathyper)($dcd183b733f66144$var$MapClickHandler),
+        (0, $6wt91$macrostrathyper)($dcd183b733f66144$var$SectionLine, {
+            padding: padding
+        }),
+        children
+    ]);
+}
+function $dcd183b733f66144$var$MapClickHandler() {
+    const onClickMap = (0, $74e211dc185c20b4$export$21398703d3a9bb4d)((state)=>state.onClickMap);
+    (0, $6wt91$useMapClickHandler)((e)=>{
+        onClickMap(e, {
+            type: "Point",
+            coordinates: e.lngLat.toArray()
+        });
+    }, [
+        onClickMap
+    ]);
+    return null;
+}
+function $dcd183b733f66144$var$SelectedColumnsLayer() {
+    const focusedColumns = (0, $74e211dc185c20b4$export$21398703d3a9bb4d)((state)=>state.focusedColumns);
+    (0, $6wt91$useMapStyleOperator)((map)=>{
+        let features = focusedColumns;
+        const data = {
+            type: "FeatureCollection",
+            features: features
+        };
+        const columnCentroidLine = {
+            type: "Feature",
+            geometry: {
+                type: "LineString",
+                coordinates: features.map((col)=>col.properties.centroid.geometry.coordinates)
+            },
+            properties: {}
+        };
+        (0, $6wt91$setGeoJSON)(map, "selected-columns", data);
+        (0, $6wt91$setGeoJSON)(map, "selected-column-centroids", {
+            type: "FeatureCollection",
+            features: [
+                columnCentroidLine
+            ]
+        });
+    }, [
+        focusedColumns
+    ]);
+    return null;
+}
+function $dcd183b733f66144$var$ColumnsLayer({ enabled: enabled = true }) {
+    const columns = (0, $74e211dc185c20b4$export$21398703d3a9bb4d)((state)=>state.columns);
+    (0, $6wt91$useMapStyleOperator)((map)=>{
+        if (columns == null) return;
+        const data = {
+            type: "FeatureCollection",
+            features: columns
+        };
+        console.log(" columns", data);
+        (0, $6wt91$setGeoJSON)(map, "columns", data);
+    }, [
+        columns,
+        enabled
+    ]);
+    return null;
+}
+const $dcd183b733f66144$var$selectedColumnsStyle = {
+    sources: {
+        "selected-columns": $dcd183b733f66144$var$buildGeoJSONSource(),
+        "selected-column-centroids": $dcd183b733f66144$var$buildGeoJSONSource()
+    },
+    layers: [
+        {
+            id: "selected-columns-fill",
+            type: "fill",
+            source: "selected-columns",
+            paint: {
+                "fill-color": "rgba(255, 0, 0, 0.1)"
+            }
+        },
+        {
+            id: "selected-column-centroids-line",
+            type: "line",
+            source: "selected-column-centroids",
+            paint: {
+                "line-color": "rgba(255, 0, 0, 0.8)",
+                "line-width": 2,
+                "line-dasharray": [
+                    2,
+                    2
+                ]
+            }
+        },
+        {
+            id: "selected-column-centroids-points",
+            type: "circle",
+            source: "selected-column-centroids",
+            paint: {
+                "circle-radius": 4,
+                "circle-color": "rgba(255, 0, 0, 0.8)"
+            }
+        }
+    ]
+};
+const $dcd183b733f66144$var$lineOfSectionStyle = {
+    sources: {
+        elevationMarker: $dcd183b733f66144$var$buildGeoJSONSource(),
+        crossSectionLine: $dcd183b733f66144$var$buildGeoJSONSource(),
+        crossSectionEndpoints: $dcd183b733f66144$var$buildGeoJSONSource()
+    },
+    layers: (0, $6wt91$buildCrossSectionLayers)()
+};
+function $dcd183b733f66144$var$buildGeoJSONSource(data = null) {
+    return {
+        type: "geojson",
+        data: data ?? {
+            type: "FeatureCollection",
+            features: []
+        }
+    };
+}
+function $dcd183b733f66144$var$SectionLine({ padding: padding }) {
+    const focusedLine = (0, $74e211dc185c20b4$export$21398703d3a9bb4d)((state)=>state.focusedLine);
+    // Setup focused line
+    (0, $6wt91$useMapStyleOperator)((map)=>{
+        if (focusedLine == null) return;
+        const data = {
+            type: "FeatureCollection",
+            features: [
+                {
+                    type: "Feature",
+                    geometry: focusedLine,
+                    properties: {
+                        id: "focusedLine"
+                    }
+                }
+            ]
+        };
+        (0, $6wt91$setGeoJSON)(map, "crossSectionLine", data);
+        (0, $6wt91$setGeoJSON)(map, "crossSectionEndpoints", {
+            type: "FeatureCollection",
+            features: focusedLine.coordinates.map((coord)=>({
+                    type: "Feature",
+                    geometry: {
+                        type: "Point",
+                        coordinates: coord
+                    },
+                    properties: {}
+                }))
+        });
+    }, [
+        focusedLine
+    ]);
+    const bounds = (0, $6wt91$useMemo)(()=>{
+        if (focusedLine == null || focusedLine?.coordinates.length < 2) return null;
+        let bounds = new (0, $6wt91$LngLatBounds)();
+        for (let coord of focusedLine.coordinates)bounds.extend(coord);
+        return bounds;
+    }, [
+        focusedLine
+    ]);
+    (0, $6wt91$useMapEaseTo)({
+        bounds: bounds,
+        padding: padding,
+        trackResize: true
+    });
+    return null;
+}
+
+
+export {$dcd183b733f66144$export$8e7d97509e84cc49 as ColumnCorrelationMap};
+//# sourceMappingURL=column-views.40c1f361.js.map

package/dist/esm/column-views.40c1f361.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;AAuBO,SAAS,0CAAqB,KAA0B;IAC7D,MAAM,WAAE,UAAU,cAAI,QAAQ,eAAE,WAAW,EAAE,GAAG,MAAM,GAAG;IAEzD,MAAM,gBAAgB,CAAA,GAAA,cAAM,EAAE;QAC5B,OAAO;YACL,CAAA,GAAA,yCAAgB,EAAE;YAClB;YACA;SACD;IACH,GAAG;QAAC;KAAY;IAEhB,OAAO,CAAA,GAAA,sBAAA,EACL,CAAA,GAAA,yCAAO,GACP;QACE,GAAG,IAAI;QACP,SAAS;QACT,YAAY;uBACZ;IACF,GACA;QACE,CAAA,GAAA,sBAAA,EAAE;QACF,CAAA,GAAA,sBAAA,EAAE;QACF,CAAA,GAAA,sBAAA,EAAE;QACF,CAAA,GAAA,sBAAA,EAAE,mCAAa;qBAAE;QAAQ;QACzB;KACD;AAEL;AAEA,SAAS;IACP,MAAM,aAAa,CAAA,GAAA,yCAAqB,EAAE,CAAC,QAAU,MAAM,UAAU;IAErE,CAAA,GAAA,yBAAiB,EACf,CAAC;QACC,WAAW,GAAG;YAAE,MAAM;YAAS,aAAa,EAAE,MAAM,CAAC,OAAO;QAAG;IACjE,GACA;QAAC;KAAW;IAGd,OAAO;AACT;AAEA,SAAS;IACP,MAAM,iBAAiB,CAAA,GAAA,yCAAqB,EAC1C,CAAC,QAAU,MAAM,cAAc;IAGjC,CAAA,GAAA,0BAAkB,EAChB,CAAC;QACC,IAAI,WAAW;QAEf,MAAM,OAA0B;YAC9B,MAAM;sBACN;QACF;QAEA,MAAM,qBAA8B;YAClC,MAAM;YACN,UAAU;gBACR,MAAM;gBACN,aAAa,SAAS,GAAG,CACvB,CAAC,MAAQ,IAAI,UAAU,CAAC,QAAQ,CAAC,QAAQ,CAAC,WAAW;YAEzD;YACA,YAAY,CAAC;QACf;QAEA,CAAA,GAAA,iBAAS,EAAE,KAAK,oBAAoB;QACpC,CAAA,GAAA,iBAAS,EAAE,KAAK,6BAA6B;YAC3C,MAAM;YACN,UAAU;gBAAC;aAAmB;QAChC;IACF,GACA;QAAC;KAAe;IAElB,OAAO;AACT;AAEA,SAAS,mCAAa,WAAE,UAAU,MAAM;IACtC,MAAM,UAAU,CAAA,GAAA,yCAAqB,EAAE,CAAC,QAAU,MAAM,OAAO;IAE/D,CAAA,GAAA,0BAAkB,EAChB,CAAC;QACC,IAAI,WAAW,MACb;QAEF,MAAM,OAA0B;YAC9B,MAAM;YACN,UAAU;QACZ;QAEA,QAAQ,GAAG,CAAC,YAAY;QACxB,CAAA,GAAA,iBAAS,EAAE,KAAK,WAAW;IAC7B,GACA;QAAC;QAAS;KAAQ;IAEpB,OAAO;AACT;AAEA,MAAM,6CAAuB;IAC3B,SAAS;QACP,oBAAoB;QACpB,6BAA6B;IAC/B;IACA,QAAQ;QACN;YACE,IAAI;YACJ,MAAM;YACN,QAAQ;YACR,OAAO;gBACL,cAAc;YAChB;QACF;QACA;YACE,IAAI;YACJ,MAAM;YACN,QAAQ;YACR,OAAO;gBACL,cAAc;gBACd,cAAc;gBACd,kBAAkB;oBAAC;oBAAG;iBAAE;YAC1B;QACF;QACA;YACE,IAAI;YACJ,MAAM;YACN,QAAQ;YACR,OAAO;gBACL,iBAAiB;gBACjB,gBAAgB;YAClB;QACF;KACD;AACH;AAEA,MAAM,2CAAqB;IACzB,SAAS;QACP,iBAAiB;QACjB,kBAAkB;QAClB,uBAAuB;IACzB;IACA,QAAQ,CAAA,GAAA,8BAAsB;AAChC;AAEA,SAAS,yCAAmB,OAAiC,IAAI;IAC/D,OAAO;QACL,MAAM;QACN,MAAM,QAAQ;YACZ,MAAM;YACN,UAAU,EAAE;QACd;IACF;AACF;AAEA,SAAS,kCAAY,WAAE,OAAO,EAAuB;IACnD,MAAM,cAAc,CAAA,GAAA,yCAAqB,EAAE,CAAC,QAAU,MAAM,WAAW;IAEvE,qBAAqB;IACrB,CAAA,GAAA,0BAAkB,EAChB,CAAC;QACC,IAAI,eAAe,MACjB;QAEF,MAAM,OAA0B;YAC9B,MAAM;YACN,UAAU;gBACR;oBACE,MAAM;oBACN,UAAU;oBACV,YAAY;wBAAE,IAAI;oBAAc;gBAClC;aACD;QACH;QAEA,CAAA,GAAA,iBAAS,EAAE,KAAK,oBAAoB;QACpC,CAAA,GAAA,iBAAS,EAAE,KAAK,yBAAyB;YACvC,MAAM;YACN,UAAU,YAAY,WAAW,CAAC,GAAG,CAAC,CAAC,QAAW,CAAA;oBAChD,MAAM;oBACN,UAAU;wBAAE,MAAM;wBAAS,aAAa;oBAAM;oBAC9C,YAAY,CAAC;gBACf,CAAA;QACF;IACF,GACA;QAAC;KAAY;IAGf,MAAM,SAAS,CAAA,GAAA,cAAM,EAAE;QACrB,IAAI,eAAe,QAAQ,aAAa,YAAY,SAAS,GAC3D,OAAO;QAET,IAAI,SAAS,IAAI,CAAA,GAAA,mBAAW;QAC5B,KAAK,IAAI,SAAS,YAAY,WAAW,CACvC,OAAO,MAAM,CAAC;QAEhB,OAAO;IACT,GAAG;QAAC;KAAY;IAEhB,CAAA,GAAA,mBAAW,EAAE;gBAAE;iBAAQ;QAAS,aAAa;IAAK;IAElD,OAAO;AACT","sources":["packages/column-views/src/maps/column-correlation/core.ts"],"sourcesContent":["import { MapViewProps } from \"@macrostrat/map-interface\";\nimport {\n  useMapClickHandler,\n  useMapEaseTo,\n  useMapStyleOperator,\n} from \"@macrostrat/mapbox-react\";\nimport { LngLatBounds } from \"mapbox-gl\";\nimport h from \"@macrostrat/hyper\";\nimport { Feature, FeatureCollection } from \"geojson\";\nimport { ReactNode, useMemo } from \"react\";\nimport { setGeoJSON } from \"@macrostrat/mapbox-utils\";\n\nimport { useCorrelationMapStore } from \"./state\";\nimport { buildColumnsStyle, InsetMap, InsetMapProps } from \"../_shared\";\nimport { buildCrossSectionLayers } from \"@macrostrat/map-styles\";\n\nexport interface CorrelationMapProps extends InsetMapProps {\n  padding?: number;\n  children?: ReactNode;\n  accessToken?: string;\n  columnColor?: string;\n}\n\nexport function ColumnCorrelationMap(props: CorrelationMapProps) {\n  const { padding = 50, children, columnColor, ...rest } = props;\n\n  const overlayStyles = useMemo(() => {\n    return [\n      buildColumnsStyle(columnColor),\n      selectedColumnsStyle,\n      lineOfSectionStyle,\n    ];\n  }, [columnColor]);\n\n  return h(\n    InsetMap,\n    {\n      ...rest,\n      boxZoom: false,\n      dragRotate: false,\n      overlayStyles,\n    },\n    [\n      h(ColumnsLayer),\n      h(SelectedColumnsLayer),\n      h(MapClickHandler),\n      h(SectionLine, { padding }),\n      children,\n    ]\n  );\n}\n\nfunction MapClickHandler() {\n  const onClickMap = useCorrelationMapStore((state) => state.onClickMap);\n\n  useMapClickHandler(\n    (e) => {\n      onClickMap(e, { type: \"Point\", coordinates: e.lngLat.toArray() });\n    },\n    [onClickMap]\n  );\n\n  return null;\n}\n\nfunction SelectedColumnsLayer() {\n  const focusedColumns = useCorrelationMapStore(\n    (state) => state.focusedColumns\n  );\n\n  useMapStyleOperator(\n    (map) => {\n      let features = focusedColumns;\n\n      const data: FeatureCollection = {\n        type: \"FeatureCollection\",\n        features,\n      };\n\n      const columnCentroidLine: Feature = {\n        type: \"Feature\",\n        geometry: {\n          type: \"LineString\",\n          coordinates: features.map(\n            (col) => col.properties.centroid.geometry.coordinates\n          ),\n        },\n        properties: {},\n      };\n\n      setGeoJSON(map, \"selected-columns\", data);\n      setGeoJSON(map, \"selected-column-centroids\", {\n        type: \"FeatureCollection\",\n        features: [columnCentroidLine],\n      });\n    },\n    [focusedColumns]\n  );\n  return null;\n}\n\nfunction ColumnsLayer({ enabled = true }) {\n  const columns = useCorrelationMapStore((state) => state.columns);\n\n  useMapStyleOperator(\n    (map) => {\n      if (columns == null) {\n        return;\n      }\n      const data: FeatureCollection = {\n        type: \"FeatureCollection\",\n        features: columns,\n      };\n\n      console.log(\" columns\", data);\n      setGeoJSON(map, \"columns\", data);\n    },\n    [columns, enabled]\n  );\n  return null;\n}\n\nconst selectedColumnsStyle = {\n  sources: {\n    \"selected-columns\": buildGeoJSONSource(),\n    \"selected-column-centroids\": buildGeoJSONSource(),\n  },\n  layers: [\n    {\n      id: \"selected-columns-fill\",\n      type: \"fill\",\n      source: \"selected-columns\",\n      paint: {\n        \"fill-color\": \"rgba(255, 0, 0, 0.1)\",\n      },\n    },\n    {\n      id: \"selected-column-centroids-line\",\n      type: \"line\",\n      source: \"selected-column-centroids\",\n      paint: {\n        \"line-color\": \"rgba(255, 0, 0, 0.8)\",\n        \"line-width\": 2,\n        \"line-dasharray\": [2, 2],\n      },\n    },\n    {\n      id: \"selected-column-centroids-points\",\n      type: \"circle\",\n      source: \"selected-column-centroids\",\n      paint: {\n        \"circle-radius\": 4,\n        \"circle-color\": \"rgba(255, 0, 0, 0.8)\",\n      },\n    },\n  ],\n};\n\nconst lineOfSectionStyle = {\n  sources: {\n    elevationMarker: buildGeoJSONSource(),\n    crossSectionLine: buildGeoJSONSource(),\n    crossSectionEndpoints: buildGeoJSONSource(),\n  },\n  layers: buildCrossSectionLayers(),\n};\n\nfunction buildGeoJSONSource(data: FeatureCollection | null = null) {\n  return {\n    type: \"geojson\",\n    data: data ?? {\n      type: \"FeatureCollection\",\n      features: [],\n    },\n  };\n}\n\nfunction SectionLine({ padding }: { padding: number }) {\n  const focusedLine = useCorrelationMapStore((state) => state.focusedLine);\n\n  // Setup focused line\n  useMapStyleOperator(\n    (map) => {\n      if (focusedLine == null) {\n        return;\n      }\n      const data: FeatureCollection = {\n        type: \"FeatureCollection\",\n        features: [\n          {\n            type: \"Feature\",\n            geometry: focusedLine,\n            properties: { id: \"focusedLine\" },\n          },\n        ],\n      };\n\n      setGeoJSON(map, \"crossSectionLine\", data);\n      setGeoJSON(map, \"crossSectionEndpoints\", {\n        type: \"FeatureCollection\",\n        features: focusedLine.coordinates.map((coord) => ({\n          type: \"Feature\",\n          geometry: { type: \"Point\", coordinates: coord },\n          properties: {},\n        })),\n      });\n    },\n    [focusedLine]\n  );\n\n  const bounds = useMemo(() => {\n    if (focusedLine == null || focusedLine?.coordinates.length < 2) {\n      return null;\n    }\n    let bounds = new LngLatBounds();\n    for (let coord of focusedLine.coordinates) {\n      bounds.extend(coord);\n    }\n    return bounds;\n  }, [focusedLine]);\n\n  useMapEaseTo({ bounds, padding, trackResize: true });\n\n  return null;\n}\n"],"names":[],"version":3,"file":"column-views.40c1f361.js.map"}

package/dist/esm/{composite.module.0638e7ee.js → column-views.40cd59b5.js}

@@ -10,4 +10,4 @@ $b571b03091fbb2c9$export$66e2544324d5808e = `kMKW0a_unit-label`;
 
 
 export {$b571b03091fbb2c9$exports as default};
-//# sourceMappingURL=composite.module.0638e7ee.js.map
+//# sourceMappingURL=column-views.40cd59b5.js.map

package/dist/esm/{composite.module.0638e7ee.js.map → column-views.40cd59b5.js.map}

@@ -1 +1 @@
-{"mappings":";;;;;;;AAAA,IAAA;AAAA,4CAA+B,CAAC,iBAAiB,CAAC","sources":["packages/column-views/src/units/composite.module.sass"],"sourcesContent":[".unit-label\n  text-align: center\n"],"names":[],"version":3,"file":"composite.module.0638e7ee.js.map"}
+{"mappings":";;;;;;;AAAA,IAAA;AAAA,4CAA+B,CAAC,iBAAiB,CAAC","sources":["packages/column-views/src/units/composite.module.sass"],"sourcesContent":[".unit-label\n  text-align: center\n"],"names":[],"version":3,"file":"column-views.40cd59b5.js.map"}

package/dist/esm/column-views.4637f4ce.js

@@ -0,0 +1,46 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $6cbea5de739af804$exports = {};
+
+$parcel$export($6cbea5de739af804$exports, "column-container", () => $6cbea5de739af804$export$e908cef0cccb98df, (v) => $6cbea5de739af804$export$e908cef0cccb98df = v);
+$parcel$export($6cbea5de739af804$exports, "timescale-column", () => $6cbea5de739af804$export$82c2e1a892d790ab, (v) => $6cbea5de739af804$export$82c2e1a892d790ab = v);
+$parcel$export($6cbea5de739af804$exports, "section-main", () => $6cbea5de739af804$export$add6075ee40659c8, (v) => $6cbea5de739af804$export$add6075ee40659c8 = v);
+$parcel$export($6cbea5de739af804$exports, "section-units-container", () => $6cbea5de739af804$export$37c0a390e37eb2da, (v) => $6cbea5de739af804$export$37c0a390e37eb2da = v);
+$parcel$export($6cbea5de739af804$exports, "main-column", () => $6cbea5de739af804$export$9c88f9a435c40ccb, (v) => $6cbea5de739af804$export$9c88f9a435c40ccb = v);
+$parcel$export($6cbea5de739af804$exports, "unconformity-labels", () => $6cbea5de739af804$export$d726faed2da21993, (v) => $6cbea5de739af804$export$d726faed2da21993 = v);
+$parcel$export($6cbea5de739af804$exports, "unconformity", () => $6cbea5de739af804$export$7b4a6d978979c0fa, (v) => $6cbea5de739af804$export$7b4a6d978979c0fa = v);
+$parcel$export($6cbea5de739af804$exports, "giga", () => $6cbea5de739af804$export$197e40aa3a484017, (v) => $6cbea5de739af804$export$197e40aa3a484017 = v);
+$parcel$export($6cbea5de739af804$exports, "mega", () => $6cbea5de739af804$export$580f1e8cf64f2815, (v) => $6cbea5de739af804$export$580f1e8cf64f2815 = v);
+$parcel$export($6cbea5de739af804$exports, "large", () => $6cbea5de739af804$export$f09585a853dddd32, (v) => $6cbea5de739af804$export$f09585a853dddd32 = v);
+$parcel$export($6cbea5de739af804$exports, "small", () => $6cbea5de739af804$export$3c17b0e969a90510, (v) => $6cbea5de739af804$export$3c17b0e969a90510 = v);
+$parcel$export($6cbea5de739af804$exports, "unconformity-text", () => $6cbea5de739af804$export$925235908943319a, (v) => $6cbea5de739af804$export$925235908943319a = v);
+var $6cbea5de739af804$export$e908cef0cccb98df;
+var $6cbea5de739af804$export$82c2e1a892d790ab;
+var $6cbea5de739af804$export$add6075ee40659c8;
+var $6cbea5de739af804$export$37c0a390e37eb2da;
+var $6cbea5de739af804$export$9c88f9a435c40ccb;
+var $6cbea5de739af804$export$d726faed2da21993;
+var $6cbea5de739af804$export$7b4a6d978979c0fa;
+var $6cbea5de739af804$export$197e40aa3a484017;
+var $6cbea5de739af804$export$580f1e8cf64f2815;
+var $6cbea5de739af804$export$f09585a853dddd32;
+var $6cbea5de739af804$export$3c17b0e969a90510;
+var $6cbea5de739af804$export$925235908943319a;
+$6cbea5de739af804$export$e908cef0cccb98df = "column-container_afc440";
+$6cbea5de739af804$export$82c2e1a892d790ab = "timescale-column_afc440";
+$6cbea5de739af804$export$add6075ee40659c8 = "section-main_afc440";
+$6cbea5de739af804$export$37c0a390e37eb2da = "section-units-container_afc440";
+$6cbea5de739af804$export$9c88f9a435c40ccb = "main-column_afc440";
+$6cbea5de739af804$export$d726faed2da21993 = "unconformity-labels_afc440";
+$6cbea5de739af804$export$7b4a6d978979c0fa = "unconformity_afc440";
+$6cbea5de739af804$export$197e40aa3a484017 = "giga_afc440";
+$6cbea5de739af804$export$580f1e8cf64f2815 = "mega_afc440";
+$6cbea5de739af804$export$f09585a853dddd32 = "large_afc440";
+$6cbea5de739af804$export$3c17b0e969a90510 = "small_afc440";
+$6cbea5de739af804$export$925235908943319a = "unconformity-text_afc440";
+
+
+export {$6cbea5de739af804$exports as default};
+//# sourceMappingURL=column-views.4637f4ce.js.map

package/dist/esm/column-views.4637f4ce.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;AAXA,4CAAqC;AACrC,4CAAqC;AACrC,4CAAiC;AACjC,4CAA4C;AAC5C,4CAAgC;AAChC,4CAAwC;AACxC,4CAAiC;AACjC,4CAAyB;AACzB,4CAAyB;AACzB,4CAA0B;AAC1B,4CAA0B;AAC1B,4CAAsC","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\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  margin-top: 3px\n  padding: 2px\n  padding-left: 3px\n  line-height: 9px\n  border-left: none !important\n\n.column-container :global g.height-range\n  display: none\n\n.column-container :global .note-inner\n  border: none\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.4637f4ce.js.map"}