@macrostrat/column-views 2.4.3 → 3.0.0

package/dist/index.js

@@ -0,0 +1,164 @@
+import { BasicUnitComponent, ColoredUnitComponent, EnvironmentColoredUnitComponent, SimpleUnitsColumn, UnitComponent, UnitsColumn, useUnitColor, useUnitColorByEnvironment } from "./units/index.js";
+import { AgeCursor, ApproximateHeightAxis, CompositeAgeAxis, CompositeAgeAxisCore, VerticalAxisLabel } from "./age-axis.js";
+import { prepareColumnUnits, usePreparedColumnUnits } from "./prepare-units/index.js";
+import { Column, ColumnBasicInfo, ColumnContainer } from "./column.js";
+import { BoundaryAgeModelOverlay, ComputedSurfacesOverlay } from "./age-model-overlay.js";
+import { ColumnNotes } from "./notes.js";
+import { AgeLabel, ClickableText, Duration, Identifier, LegendPanelHeader, ReferencesField, UnitDetailsFeature, UnitDetailsPanel } from "./unit-details/panel.js";
+import { AnnotatedUnitsColumn, ColumnNotesProvider, CompositeUnitComponent, CompositeUnitsColumn, LabelTrackerProvider, SectionLabelsColumn, TrackedLabeledUnit } from "./units/composite.js";
+import { BaseMeasurementsColumn, TruncatedList, groupNotesByPixelDistance, mergeHeightRanges, standardizeMeasurementHeight } from "./facets/measurements/base.js";
+import { ColumnCenters, ColumnFeatures, ColumnKeyboardNavigation, Columns, CurrentColumn, MeasurementsLayer } from "./maps/column-navigation/svg/layers.js";
+import { ColumnCorrelationMap } from "./maps/column-correlation/core.js";
+import { ColumnCorrelationProvider, useCorrelationMapStore } from "./maps/column-correlation/state.js";
+import { ColumnNavProvider, useColumnNav } from "./data-provider/column-nav.js";
+import { ColumnNavigationMap } from "./maps/column-navigation/mapbox/index.js";
+import { ColumnNavigationSVGMap, ResizableMapFrame } from "./maps/column-navigation/svg/index.js";
+import { CorrelationChart } from "./correlation-chart/main.js";
+import { DetritalColumn, DetritalGroup } from "./facets/detrital-zircon/index.js";
+import { FossilDataType, useFossilData } from "./facets/fossils/provider.js";
+import { HeightMethod, HybridScaleType } from "./prepare-units/types.js";
+import { InsetMap } from "./maps/_shared/inset-map.js";
+import { IsotopesColumn, IsotopesDataset } from "./facets/carbon-isotopes/isotopes-column.js";
+import { LithologiesProvider, MacrostratAPIProvider, MacrostratColumnProvider, MacrostratDataProvider, useEnvironments, useLithologies, useMacrostratBaseURL, useMacrostratColumnInfo, useMacrostratColumns, useMacrostratData, useMacrostratDefs, useMacrostratFetch, useMacrostratStore } from "./data-provider/base.js";
+import { MacrostratColumnDataProvider, MacrostratColumnStateProvider, UnitSelectionProvider, useColumnUnitsMap, useCompositeScale, useMacrostratColumnData, useMacrostratUnits } from "./data-provider/store.js";
+import { MeasurementDataContext, MeasurementDataProvider, useMeasurementData } from "./facets/carbon-isotopes/data-provider.js";
+import { MergeSectionsMode, agesOverlap, createUnitSorter, ensureArray, ensureRealFloat, getPositionWithinUnit, getUnitHeightRange, unitsOverlap } from "./prepare-units/utils.js";
+import { PBDBFossilsColumn } from "./facets/fossils/index.js";
+import { PBDBOccurrencesMatrix } from "./facets/fossils/taxon-ranges.js";
+import { SGPMeasurementsColumn } from "./facets/measurements/sgp.js";
+import { UnitDetailsPanelWithNavigation } from "./unit-details/modal-panel.js";
+import { UnitDetailsPopover, UnitSelectionPopover } from "./unit-details/popover.js";
+import { UnitKeyboardNavigation, UnitSelectionCallbackManager, allowUnitSelectionAtom, selectedUnitIDAtom, useAtomOverlayPosition, useColumnRef, useSelectedUnit, useUnitSelectionDispatch, useUnitSelectionTarget } from "./data-provider/unit-selection.js";
+import { buildColumnsStyle } from "./maps/_shared/styles.js";
+import { fetchAllColumns, fetchColumnUnits, fetchEnvironments, fetchIntervals, fetchLithologies, fetchRefs, fetchStratNames, fetchUnits, useColumnFeatures } from "./data-provider/fetch.js";
+import { getMixedUnitColor } from "./units/colors.js";
+import { parseLineFromString, stringifyLine } from "./correlation-chart/hash-string.js";
+import { preprocessUnits } from "./prepare-units/helpers.js";
+export {
+  AgeCursor,
+  AgeLabel,
+  AnnotatedUnitsColumn,
+  ApproximateHeightAxis,
+  BaseMeasurementsColumn,
+  BasicUnitComponent,
+  BoundaryAgeModelOverlay,
+  ClickableText,
+  ColoredUnitComponent,
+  Column,
+  ColumnBasicInfo,
+  ColumnCenters,
+  ColumnContainer,
+  ColumnCorrelationMap,
+  ColumnCorrelationProvider,
+  ColumnFeatures,
+  ColumnKeyboardNavigation,
+  ColumnNavProvider,
+  ColumnNavigationMap,
+  ColumnNavigationSVGMap,
+  ColumnNotes,
+  ColumnNotesProvider,
+  Columns,
+  CompositeAgeAxis,
+  CompositeAgeAxisCore,
+  CompositeUnitComponent,
+  CompositeUnitsColumn,
+  ComputedSurfacesOverlay,
+  CorrelationChart,
+  CurrentColumn,
+  DetritalColumn,
+  DetritalGroup,
+  Duration,
+  EnvironmentColoredUnitComponent,
+  FossilDataType,
+  HeightMethod,
+  HybridScaleType,
+  Identifier,
+  InsetMap,
+  IsotopesColumn,
+  IsotopesDataset,
+  LabelTrackerProvider,
+  LegendPanelHeader,
+  LithologiesProvider,
+  MacrostratAPIProvider,
+  MacrostratColumnDataProvider,
+  MacrostratColumnProvider,
+  MacrostratColumnStateProvider,
+  MacrostratDataProvider,
+  MeasurementDataContext,
+  MeasurementDataProvider,
+  MeasurementsLayer,
+  MergeSectionsMode,
+  PBDBFossilsColumn,
+  PBDBOccurrencesMatrix,
+  ReferencesField,
+  ResizableMapFrame,
+  SGPMeasurementsColumn,
+  SectionLabelsColumn,
+  SimpleUnitsColumn,
+  TrackedLabeledUnit,
+  TruncatedList,
+  UnitComponent,
+  UnitDetailsFeature,
+  UnitDetailsPanel,
+  UnitDetailsPanelWithNavigation,
+  UnitDetailsPopover,
+  UnitKeyboardNavigation,
+  UnitSelectionCallbackManager,
+  UnitSelectionPopover,
+  UnitSelectionProvider,
+  UnitsColumn,
+  VerticalAxisLabel,
+  agesOverlap,
+  allowUnitSelectionAtom,
+  buildColumnsStyle,
+  createUnitSorter,
+  ensureArray,
+  ensureRealFloat,
+  fetchAllColumns,
+  fetchColumnUnits,
+  fetchEnvironments,
+  fetchIntervals,
+  fetchLithologies,
+  fetchRefs,
+  fetchStratNames,
+  fetchUnits,
+  getMixedUnitColor,
+  getPositionWithinUnit,
+  getUnitHeightRange,
+  groupNotesByPixelDistance,
+  mergeHeightRanges,
+  parseLineFromString,
+  prepareColumnUnits,
+  preprocessUnits,
+  selectedUnitIDAtom,
+  standardizeMeasurementHeight,
+  stringifyLine,
+  unitsOverlap,
+  useAtomOverlayPosition,
+  useColumnFeatures,
+  useColumnNav,
+  useColumnRef,
+  useColumnUnitsMap,
+  useCompositeScale,
+  useCorrelationMapStore,
+  useEnvironments,
+  useFossilData,
+  useLithologies,
+  useMacrostratBaseURL,
+  useMacrostratColumnData,
+  useMacrostratColumnInfo,
+  useMacrostratColumns,
+  useMacrostratData,
+  useMacrostratDefs,
+  useMacrostratFetch,
+  useMacrostratStore,
+  useMacrostratUnits,
+  useMeasurementData,
+  usePreparedColumnUnits,
+  useSelectedUnit,
+  useUnitColor,
+  useUnitColorByEnvironment,
+  useUnitSelectionDispatch,
+  useUnitSelectionTarget
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/maps/_shared/index.d.ts

@@ -0,0 +1,2 @@
+export * from './inset-map';
+export * from './styles';

package/dist/maps/_shared/inset-map.cjs

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const mapInterface = require("@macrostrat/map-interface");
+const h = require("@macrostrat/hyper");
+const mapboxReact = require("@macrostrat/mapbox-react");
+const uiComponents = require("@macrostrat/ui-components");
+const mapboxUtils = require("@macrostrat/mapbox-utils");
+function InsetMap({
+  controls,
+  className,
+  children,
+  style,
+  mapStyle,
+  accessToken,
+  showLabels = false,
+  showAdmin = false,
+  showRoads = false,
+  ...rest
+}) {
+  const inDarkMode = uiComponents.useInDarkMode();
+  const _style = React.useMemo(() => {
+    return mapStyle ?? mapInterface.getBasicMapStyle({ inDarkMode });
+  }, [mapStyle, inDarkMode]);
+  const transformStyle = React.useCallback(
+    (style2) => {
+      let newStyle = style2;
+      if (!showLabels) {
+        newStyle = mapboxUtils.removeMapLabels(newStyle);
+      }
+      if (!showAdmin) {
+        newStyle = mapboxUtils.removeSourceFromStyle(newStyle, null, "admin");
+      }
+      if (!showRoads) {
+        newStyle = mapboxUtils.removeSourceFromStyle(newStyle, null, "road");
+        newStyle = mapboxUtils.removeSourceFromStyle(newStyle, null, "aeroway");
+      }
+      return newStyle;
+    },
+    [mapStyle, showLabels, showRoads, showAdmin]
+  );
+  return h("div.inset-map", { className, style }, [
+    h(mapboxReact.MapboxMapProvider, [
+      controls,
+      h(
+        mapInterface.MapView,
+        {
+          style: _style,
+          accessToken,
+          standalone: true,
+          /* Default map position that centers on the bulk of Macrostrat columns
+           */
+          mapPosition: {
+            camera: {
+              lng: -100,
+              lat: 38,
+              altitude: 5e6
+            }
+          },
+          transformStyle,
+          ...rest
+        },
+        children
+      )
+    ])
+  ]);
+}
+exports.InsetMap = InsetMap;
+//# sourceMappingURL=inset-map.cjs.map

package/dist/maps/_shared/inset-map.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"inset-map.cjs","sources":["../../../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":["useInDarkMode","useMemo","getBasicMapStyle","useCallback","style","removeMapLabels","removeSourceFromStyle","MapboxMapProvider","MapView"],"mappings":";;;;;;;;AA0BO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,GAAG;AACL,GAAkB;AAChB,QAAM,aAAaA,aAAAA,cAAA;AACnB,QAAM,SAASC,MAAAA,QAAQ,MAA+B;AACpD,WAAO,YAAYC,aAAAA,iBAAiB,EAAE,YAAY;AAAA,EACpD,GAAG,CAAC,UAAU,UAAU,CAAC;AAEzB,QAAM,iBAAiBC,MAAAA;AAAAA,IACrB,CAACC,WAAU;AACT,UAAI,WAAWA;AACf,UAAI,CAAC,YAAY;AACf,mBAAWC,YAAAA,gBAAgB,QAAQ;AAAA,MACrC;AACA,UAAI,CAAC,WAAW;AACd,mBAAWC,YAAAA,sBAAsB,UAAU,MAAM,OAAO;AAAA,MAC1D;AACA,UAAI,CAAC,WAAW;AACd,mBAAWA,YAAAA,sBAAsB,UAAU,MAAM,MAAM;AACvD,mBAAWA,YAAAA,sBAAsB,UAAU,MAAM,SAAS;AAAA,MAC5D;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,UAAU,YAAY,WAAW,SAAS;AAAA,EAAA;AAG7C,SAAO,EAAE,iBAAiB,EAAE,WAAW,SAAS;AAAA,IAC9C,EAAEC,YAAAA,mBAAmB;AAAA,MACnB;AAAA,MACA;AAAA,QACEC,aAAAA;AAAAA,QACA;AAAA,UACE,OAAO;AAAA,UACP;AAAA,UACA,YAAY;AAAA;AAAA;AAAA,UAGZ,aAAa;AAAA,YACX,QAAQ;AAAA,cACN,KAAK;AAAA,cACL,KAAK;AAAA,cACL,UAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UAEF;AAAA,UACA,GAAG;AAAA,QAAA;AAAA,QAEL;AAAA,MAAA;AAAA,IACF,CACD;AAAA,EAAA,CACF;AACH;;"}

package/dist/maps/_shared/inset-map.d.ts

@@ -0,0 +1,16 @@
+import { MapViewProps } from '@macrostrat/map-interface';
+import { ReactNode, CSSProperties } from 'react';
+export interface InsetMapProps extends Omit<MapViewProps, "style"> {
+    controls?: ReactNode;
+    className?: string;
+    children?: ReactNode;
+    style?: CSSProperties;
+    mapStyle?: mapboxgl.Style | string;
+    showLabels?: boolean;
+    showAdmin?: boolean;
+    showRoads?: boolean;
+}
+export declare function InsetMap({ controls, className, children, style, mapStyle, accessToken, showLabels, showAdmin, showRoads, ...rest }: InsetMapProps): import('react').ReactElement<{
+    className: string;
+    style: CSSProperties;
+}, string | import('react').JSXElementConstructor<any>>;

package/dist/maps/_shared/inset-map.js

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

package/dist/maps/_shared/inset-map.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inset-map.js","sources":["../../../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":["style"],"mappings":";;;;;;AA0BO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,GAAG;AACL,GAAkB;AAChB,QAAM,aAAa,cAAA;AACnB,QAAM,SAAS,QAAQ,MAA+B;AACpD,WAAO,YAAY,iBAAiB,EAAE,YAAY;AAAA,EACpD,GAAG,CAAC,UAAU,UAAU,CAAC;AAEzB,QAAM,iBAAiB;AAAA,IACrB,CAACA,WAAU;AACT,UAAI,WAAWA;AACf,UAAI,CAAC,YAAY;AACf,mBAAW,gBAAgB,QAAQ;AAAA,MACrC;AACA,UAAI,CAAC,WAAW;AACd,mBAAW,sBAAsB,UAAU,MAAM,OAAO;AAAA,MAC1D;AACA,UAAI,CAAC,WAAW;AACd,mBAAW,sBAAsB,UAAU,MAAM,MAAM;AACvD,mBAAW,sBAAsB,UAAU,MAAM,SAAS;AAAA,MAC5D;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,UAAU,YAAY,WAAW,SAAS;AAAA,EAAA;AAG7C,SAAO,EAAE,iBAAiB,EAAE,WAAW,SAAS;AAAA,IAC9C,EAAE,mBAAmB;AAAA,MACnB;AAAA,MACA;AAAA,QACE;AAAA,QACA;AAAA,UACE,OAAO;AAAA,UACP;AAAA,UACA,YAAY;AAAA;AAAA;AAAA,UAGZ,aAAa;AAAA,YACX,QAAQ;AAAA,cACN,KAAK;AAAA,cACL,KAAK;AAAA,cACL,UAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UAEF;AAAA,UACA,GAAG;AAAA,QAAA;AAAA,QAEL;AAAA,MAAA;AAAA,IACF,CACD;AAAA,EAAA,CACF;AACH;"}

package/dist/maps/_shared/styles.cjs

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const colorUtils = require("@macrostrat/color-utils");
+const mapboxUtils = require("@macrostrat/mapbox-utils");
+function buildColumnsStyle(color) {
+  let columnColor = color ?? colorUtils.getCSSVariable("--text-subtle-color", "black");
+  const columnSelectedColor = colorUtils.getCSSVariable("--selection-color", "purple");
+  columnColor = ["coalesce", ["get", "color"], columnColor];
+  return {
+    sources: {
+      columns: mapboxUtils.buildGeoJSONSource()
+    },
+    version: 8,
+    layers: [
+      {
+        id: "columns-fill",
+        type: "fill",
+        source: "columns",
+        paint: {
+          "fill-color": columnColor,
+          "fill-opacity": [
+            "case",
+            ["boolean", ["feature-state", "selected"], false],
+            0.5,
+            ["boolean", ["feature-state", "hover"], false],
+            0.3,
+            0.1
+          ]
+        }
+      },
+      {
+        id: "columns-line",
+        type: "line",
+        source: "columns",
+        paint: {
+          "line-color": columnColor,
+          "line-width": 2,
+          "line-opacity": 0.5
+        }
+      },
+      {
+        id: "columns-points",
+        type: "circle",
+        source: "columns",
+        paint: {
+          "circle-radius": 4,
+          "circle-color": [
+            "case",
+            ["boolean", ["feature-state", "selected"], false],
+            columnSelectedColor,
+            columnColor
+          ],
+          "circle-opacity": [
+            "case",
+            ["boolean", ["feature-state", "selected"], false],
+            1,
+            ["boolean", ["feature-state", "hover"], false],
+            0.7,
+            0.5
+          ]
+        },
+        filter: ["==", "$type", "Point"]
+      }
+    ]
+  };
+}
+exports.buildColumnsStyle = buildColumnsStyle;
+//# sourceMappingURL=styles.cjs.map

package/dist/maps/_shared/styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.cjs","sources":["../../../src/maps/_shared/styles.ts"],"sourcesContent":["import { getCSSVariable } from \"@macrostrat/color-utils\";\nimport { buildGeoJSONSource } from \"@macrostrat/mapbox-utils\";\nimport type { Style } from \"mapbox-gl\";\n\nexport function buildColumnsStyle(color: string): Style {\n  let columnColor = color ?? getCSSVariable(\"--text-subtle-color\", \"black\");\n  const columnSelectedColor = getCSSVariable(\"--selection-color\", \"purple\");\n\n  // If color is in the geojson properties, use that\n  columnColor = [\"coalesce\", [\"get\", \"color\"], columnColor];\n\n  return {\n    sources: {\n      columns: buildGeoJSONSource(),\n    },\n    version: 8,\n    layers: [\n      {\n        id: \"columns-fill\",\n        type: \"fill\",\n        source: \"columns\",\n        paint: {\n          \"fill-color\": columnColor,\n          \"fill-opacity\": [\n            \"case\",\n            [\"boolean\", [\"feature-state\", \"selected\"], false],\n            0.5,\n            [\"boolean\", [\"feature-state\", \"hover\"], false],\n            0.3,\n            0.1,\n          ],\n        },\n      },\n      {\n        id: \"columns-line\",\n        type: \"line\",\n        source: \"columns\",\n        paint: {\n          \"line-color\": columnColor,\n          \"line-width\": 2,\n          \"line-opacity\": 0.5,\n        },\n      },\n      {\n        id: \"columns-points\",\n        type: \"circle\",\n        source: \"columns\",\n        paint: {\n          \"circle-radius\": 4,\n          \"circle-color\": [\n            \"case\",\n            [\"boolean\", [\"feature-state\", \"selected\"], false],\n            columnSelectedColor,\n            columnColor,\n          ],\n          \"circle-opacity\": [\n            \"case\",\n            [\"boolean\", [\"feature-state\", \"selected\"], false],\n            1,\n            [\"boolean\", [\"feature-state\", \"hover\"], false],\n            0.7,\n            0.5,\n          ],\n        },\n        filter: [\"==\", \"$type\", \"Point\"],\n      },\n    ],\n  };\n}\n"],"names":["getCSSVariable","buildGeoJSONSource"],"mappings":";;;;AAIO,SAAS,kBAAkB,OAAsB;AACtD,MAAI,cAAc,SAASA,0BAAe,uBAAuB,OAAO;AACxE,QAAM,sBAAsBA,WAAAA,eAAe,qBAAqB,QAAQ;AAGxE,gBAAc,CAAC,YAAY,CAAC,OAAO,OAAO,GAAG,WAAW;AAExD,SAAO;AAAA,IACL,SAAS;AAAA,MACP,SAASC,YAAAA,mBAAA;AAAA,IAAmB;AAAA,IAE9B,SAAS;AAAA,IACT,QAAQ;AAAA,MACN;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,UACL,cAAc;AAAA,UACd,gBAAgB;AAAA,YACd;AAAA,YACA,CAAC,WAAW,CAAC,iBAAiB,UAAU,GAAG,KAAK;AAAA,YAChD;AAAA,YACA,CAAC,WAAW,CAAC,iBAAiB,OAAO,GAAG,KAAK;AAAA,YAC7C;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,MACF;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,UACL,cAAc;AAAA,UACd,cAAc;AAAA,UACd,gBAAgB;AAAA,QAAA;AAAA,MAClB;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,UACL,iBAAiB;AAAA,UACjB,gBAAgB;AAAA,YACd;AAAA,YACA,CAAC,WAAW,CAAC,iBAAiB,UAAU,GAAG,KAAK;AAAA,YAChD;AAAA,YACA;AAAA,UAAA;AAAA,UAEF,kBAAkB;AAAA,YAChB;AAAA,YACA,CAAC,WAAW,CAAC,iBAAiB,UAAU,GAAG,KAAK;AAAA,YAChD;AAAA,YACA,CAAC,WAAW,CAAC,iBAAiB,OAAO,GAAG,KAAK;AAAA,YAC7C;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,QAEF,QAAQ,CAAC,MAAM,SAAS,OAAO;AAAA,MAAA;AAAA,IACjC;AAAA,EACF;AAEJ;;"}

package/dist/maps/_shared/styles.d.ts

@@ -0,0 +1,2 @@
+import { Style } from 'mapbox-gl';
+export declare function buildColumnsStyle(color: string): Style;

package/dist/maps/_shared/styles.js

@@ -0,0 +1,68 @@
+import { getCSSVariable } from "@macrostrat/color-utils";
+import { buildGeoJSONSource } from "@macrostrat/mapbox-utils";
+function buildColumnsStyle(color) {
+  let columnColor = color ?? getCSSVariable("--text-subtle-color", "black");
+  const columnSelectedColor = getCSSVariable("--selection-color", "purple");
+  columnColor = ["coalesce", ["get", "color"], columnColor];
+  return {
+    sources: {
+      columns: buildGeoJSONSource()
+    },
+    version: 8,
+    layers: [
+      {
+        id: "columns-fill",
+        type: "fill",
+        source: "columns",
+        paint: {
+          "fill-color": columnColor,
+          "fill-opacity": [
+            "case",
+            ["boolean", ["feature-state", "selected"], false],
+            0.5,
+            ["boolean", ["feature-state", "hover"], false],
+            0.3,
+            0.1
+          ]
+        }
+      },
+      {
+        id: "columns-line",
+        type: "line",
+        source: "columns",
+        paint: {
+          "line-color": columnColor,
+          "line-width": 2,
+          "line-opacity": 0.5
+        }
+      },
+      {
+        id: "columns-points",
+        type: "circle",
+        source: "columns",
+        paint: {
+          "circle-radius": 4,
+          "circle-color": [
+            "case",
+            ["boolean", ["feature-state", "selected"], false],
+            columnSelectedColor,
+            columnColor
+          ],
+          "circle-opacity": [
+            "case",
+            ["boolean", ["feature-state", "selected"], false],
+            1,
+            ["boolean", ["feature-state", "hover"], false],
+            0.7,
+            0.5
+          ]
+        },
+        filter: ["==", "$type", "Point"]
+      }
+    ]
+  };
+}
+export {
+  buildColumnsStyle
+};
+//# sourceMappingURL=styles.js.map

package/dist/maps/_shared/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../src/maps/_shared/styles.ts"],"sourcesContent":["import { getCSSVariable } from \"@macrostrat/color-utils\";\nimport { buildGeoJSONSource } from \"@macrostrat/mapbox-utils\";\nimport type { Style } from \"mapbox-gl\";\n\nexport function buildColumnsStyle(color: string): Style {\n  let columnColor = color ?? getCSSVariable(\"--text-subtle-color\", \"black\");\n  const columnSelectedColor = getCSSVariable(\"--selection-color\", \"purple\");\n\n  // If color is in the geojson properties, use that\n  columnColor = [\"coalesce\", [\"get\", \"color\"], columnColor];\n\n  return {\n    sources: {\n      columns: buildGeoJSONSource(),\n    },\n    version: 8,\n    layers: [\n      {\n        id: \"columns-fill\",\n        type: \"fill\",\n        source: \"columns\",\n        paint: {\n          \"fill-color\": columnColor,\n          \"fill-opacity\": [\n            \"case\",\n            [\"boolean\", [\"feature-state\", \"selected\"], false],\n            0.5,\n            [\"boolean\", [\"feature-state\", \"hover\"], false],\n            0.3,\n            0.1,\n          ],\n        },\n      },\n      {\n        id: \"columns-line\",\n        type: \"line\",\n        source: \"columns\",\n        paint: {\n          \"line-color\": columnColor,\n          \"line-width\": 2,\n          \"line-opacity\": 0.5,\n        },\n      },\n      {\n        id: \"columns-points\",\n        type: \"circle\",\n        source: \"columns\",\n        paint: {\n          \"circle-radius\": 4,\n          \"circle-color\": [\n            \"case\",\n            [\"boolean\", [\"feature-state\", \"selected\"], false],\n            columnSelectedColor,\n            columnColor,\n          ],\n          \"circle-opacity\": [\n            \"case\",\n            [\"boolean\", [\"feature-state\", \"selected\"], false],\n            1,\n            [\"boolean\", [\"feature-state\", \"hover\"], false],\n            0.7,\n            0.5,\n          ],\n        },\n        filter: [\"==\", \"$type\", \"Point\"],\n      },\n    ],\n  };\n}\n"],"names":[],"mappings":";;AAIO,SAAS,kBAAkB,OAAsB;AACtD,MAAI,cAAc,SAAS,eAAe,uBAAuB,OAAO;AACxE,QAAM,sBAAsB,eAAe,qBAAqB,QAAQ;AAGxE,gBAAc,CAAC,YAAY,CAAC,OAAO,OAAO,GAAG,WAAW;AAExD,SAAO;AAAA,IACL,SAAS;AAAA,MACP,SAAS,mBAAA;AAAA,IAAmB;AAAA,IAE9B,SAAS;AAAA,IACT,QAAQ;AAAA,MACN;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,UACL,cAAc;AAAA,UACd,gBAAgB;AAAA,YACd;AAAA,YACA,CAAC,WAAW,CAAC,iBAAiB,UAAU,GAAG,KAAK;AAAA,YAChD;AAAA,YACA,CAAC,WAAW,CAAC,iBAAiB,OAAO,GAAG,KAAK;AAAA,YAC7C;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,MACF;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,UACL,cAAc;AAAA,UACd,cAAc;AAAA,UACd,gBAAgB;AAAA,QAAA;AAAA,MAClB;AAAA,MAEF;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,UACL,iBAAiB;AAAA,UACjB,gBAAgB;AAAA,YACd;AAAA,YACA,CAAC,WAAW,CAAC,iBAAiB,UAAU,GAAG,KAAK;AAAA,YAChD;AAAA,YACA;AAAA,UAAA;AAAA,UAEF,kBAAkB;AAAA,YAChB;AAAA,YACA,CAAC,WAAW,CAAC,iBAAiB,UAAU,GAAG,KAAK;AAAA,YAChD;AAAA,YACA,CAAC,WAAW,CAAC,iBAAiB,OAAO,GAAG,KAAK;AAAA,YAC7C;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,QAEF,QAAQ,CAAC,MAAM,SAAS,OAAO;AAAA,MAAA;AAAA,IACjC;AAAA,EACF;AAEJ;"}