@macrostrat/column-views 2.0.0 → 2.1.0

package/dist/esm/index.d.ts

@@ -1,64 +1,21 @@
-import { ScaleContinuousNumeric, ScaleLinear } from "d3-scale";
-import { Component, ReactNode, Context, FunctionComponentElement, RefObject, ProviderProps, DOMAttributes, DOMElement, JSXElementConstructor, ReactElement, ComponentElement, CSSProperties, MutableRefObject, InputHTMLAttributes, DetailedReactHTMLElement, FunctionComponent, HTMLAttributes, AriaRole, ClipboardEventHandler, CompositionEventHandler, FocusEventHandler, FormEventHandler, ReactEventHandler, KeyboardEventHandler, MouseEventHandler, DragEventHandler, TouchEventHandler, PointerEventHandler, UIEventHandler, WheelEventHandler, AnimationEventHandler, TransitionEventHandler } from "react";
 import { UnitLong, BaseUnit, ColumnGeoJSONRecord, MacrostratRef, ColumnGeoJSONRecordWithID, Environment } from "@macrostrat/api-types";
+import { ReactNode, RefObject, ProviderProps, FunctionComponentElement, Context, DOMAttributes, DOMElement, JSXElementConstructor, ReactElement, FunctionComponent, HTMLAttributes, CSSProperties, AriaRole, ClipboardEventHandler, CompositionEventHandler, FocusEventHandler, FormEventHandler, ReactEventHandler, KeyboardEventHandler, MouseEventHandler, DragEventHandler, TouchEventHandler, PointerEventHandler, UIEventHandler, WheelEventHandler, AnimationEventHandler, TransitionEventHandler, MutableRefObject } from "react";
 import { StoreApi } from "zustand";
+import { ScaleLinear } from "d3-scale";
 import { APIConfig, APIConfigOptions } from "@macrostrat/ui-components";
 import { AxiosRequestConfig, AxiosInstance } from "axios";
-import { ColumnDivision as _ColumnDivision1, ColumnProviderProps, LithologyColumnProps, CrossAxisLayoutProviderProps as _CrossAxisLayoutProviderProps1 } from "@macrostrat/column-components";
-import { AxisProps } from "@visx/axis/lib/axis/Axis";
-import mapboxgl from "mapbox-gl";
-import { Geometry, FeatureCollection, Polygon, LineString, Point } from "geojson";
+import { ColumnDivision, ColumnProviderProps, LithologyColumnProps, ColumnCtx } from "@macrostrat/column-components";
+import { MacrostratColumnDataContext as _MacrostratColumnDataContext1, ColumnContainerProps as _ColumnContainerProps1 } from "column-views/src";
+import { Style } from "mapbox-gl";
 import { ExtendedFeature } from "d3-geo";
+import { Polygon, LineString, Point } from "geojson";
 import { IFeature } from "@macrostrat/svg-map-components";
-import { MacrostratDataProviderProps as _MacrostratDataProviderProps1, MacrostratColumnDataContext as _MacrostratColumnDataContext1, ColumnContainerProps as _ColumnContainerProps1 } from "column-views/src";
-type HeightRange = [number, number];
-type ColumnScale = ScaleContinuousNumeric<HeightRange, number> | any;
-type ColumnScaleClamped = ScaleLinear<number, number>;
-interface ColumnDivision {
-    section_id: string;
-    id: number;
-    surface: number;
-    bottom: number;
-    top: number;
-    flooding_surface_order?: number;
-    grainsize?: string;
-    covered?: boolean;
-    definite_boundary?: boolean;
-    facies?: string;
-}
 enum ColumnAxisType {
     AGE = "age",
     HEIGHT = "height",
     DEPTH = "depth",
     ORDINAL = "ordinal"
 }
-interface ColumnCtx<T extends ColumnDivision> {
-    divisions: T[];
-    scaleClamped: ColumnScaleClamped;
-    pixelsPerMeter: number;
-    scale: ColumnScale;
-    axisType?: ColumnAxisType;
-    pixelHeight?: number;
-    zoom: number;
-}
-interface ColumnLayoutProviderProps<T extends ColumnDivision> extends Partial<ColumnCtx<T>> {
-    grainSizes?: string[];
-    grainsizeScale?: (d: string) => number;
-    width: number;
-    xScale?: any;
-    children?: ReactNode;
-}
-interface CrossAxisLayoutProviderProps {
-    width: number;
-    domain: number[];
-    range?: number[];
-    children?: ReactNode;
-}
-declare class CrossAxisLayoutProvider extends Component<CrossAxisLayoutProviderProps> {
-    static contextType: Context<ColumnCtx<ColumnDivision>>;
-    context: ColumnCtx<ColumnDivision>;
-    render(): FunctionComponentElement<ColumnLayoutProviderProps<ColumnDivision>>;
-}
 interface Clickable {
     onClick?: (evt: MouseEvent) => void;
 }
@@ -81,6 +38,8 @@ export interface IUnit {
     t_age: number;
     b_age: number;
     [x: string]: any;
+    patternID?: string | number;
+    color?: string;
 }
 export interface RectBounds {
     x: number;
@@ -115,7 +74,7 @@ interface UnitsOverlap {
 export const unitsOverlap: UnitsOverlap;
 /** A more permissive overlap function in the age space */
 export function agesOverlap(a: StratigraphicPackage, b: StratigraphicPackage, tolerance?: number): boolean;
-interface PossiblyClippedUnit extends BaseUnit {
+export interface PossiblyClippedUnit extends BaseUnit {
     t_clip_pos?: number;
     b_clip_pos?: number;
 }
@@ -134,11 +93,18 @@ interface UnitSelectionStore {
     onUnitSelected: UnitSelectDispatch;
     setSelectedUnit: (unit: number | null) => void;
 }
+export interface ColumnClickData {
+    unitID: number | null;
+    unit: BaseUnit | null;
+    target: HTMLElement | null;
+    height: number;
+}
 export function UnitSelectionProvider<T extends BaseUnit>(props: {
     children: ReactNode;
     columnRef?: RefObject<HTMLElement>;
     units: T[];
     selectedUnit: number | null;
+    onClickedColumn?: (columnClickData: ColumnClickData, event: Event) => void;
     onUnitSelected?: (unitID: number | null, unit: T | null) => void;
 }): FunctionComponentElement<ProviderProps<StoreApi<UnitSelectionStore>>>;
 export function useUnitSelectionTarget(unit: IUnit): [React.RefObject<HTMLElement>, boolean, (evt: Event) => void];
@@ -218,6 +184,12 @@ interface ColumnScaleOptions extends ColumnHeightScaleOptions {
 interface CompositeColumnData<T extends UnitLong = ExtUnit> extends Omit<CompositeScaleData, "sections"> {
     sections: PackageLayoutData<T>[];
 }
+interface _CompositeColumnScale1 {
+    (age: number): number | null;
+    copy(): _CompositeColumnScale1;
+    domain(): [number, number];
+    invert(pixelHeight: number): number | null;
+}
 export interface MacrostratColumnDataContext {
     units: ExtUnit[];
     sections: PackageLayoutData[];
@@ -229,7 +201,7 @@ export function MacrostratColumnDataProvider({ children, units, sections, totalH
 }): FunctionComponentElement<ProviderProps<MacrostratColumnDataContext>>;
 export function useMacrostratColumnData(): MacrostratColumnDataContext;
 export function useMacrostratUnits(): ExtUnit[];
-export function useCompositeScale(): (age: number) => number | null;
+export function useCompositeScale(): _CompositeColumnScale1;
 export interface MacrostratDataProviderProps {
     baseURL: string;
     children: React.ReactNode;
@@ -279,12 +251,13 @@ export function MacrostratAPIProvider({ children, useDev, baseURL, }: APIProvide
     }>;
     children?: React.ReactChild;
 }>;
-export function MacrostratColumnProvider(props: any): FunctionComponentElement<ColumnProviderProps<_ColumnDivision1>>;
+export function MacrostratColumnProvider(props: any): FunctionComponentElement<ColumnProviderProps<ColumnDivision>>;
 /** This is now a legacy provider */
 export function LithologiesProvider({ children }: {
     children: any;
 }): any;
 export function useLithologies(): any;
+export function useEnvironments(): any;
 export interface ColumnArgs {
     col_id?: number;
     unit_id?: number;
@@ -297,7 +270,11 @@ export function ColumnNavProvider({ children, ...defaultArgs }: {
     [x: string]: any;
     children: any;
 }): FunctionComponentElement<ProviderProps<ColumnManagerData>>;
-export function getMixedUnitColor(unit: UnitLong, lithMap: any, inDarkMode?: boolean, asBackground?: boolean): string | null;
+interface KeyOptions {
+    key?: string;
+    id_key?: string;
+}
+export function getMixedUnitColor(unit: UnitLong, lithMap: any, inDarkMode?: boolean, asBackground?: boolean, keyOpts?: KeyOptions): string | null;
 interface UnitRectOptions {
     widthFraction?: number;
     axisType?: ColumnAxisType;
@@ -305,6 +282,7 @@ interface UnitRectOptions {
 }
 interface LabeledUnitProps extends UnitRectOptions, Clickable, Partial<RectBounds> {
     division: IUnit;
+    patternID?: string | number;
     label: string;
     onLabelUpdated?(label: string, shown: boolean): any;
     halfWidth?: boolean;
@@ -356,10 +334,19 @@ export interface CompositeColumnScale {
     domain(): number[];
 }
 export function compositeScale(sections: any, opts?: CompositeScaleOpts): CompositeColumnScale;
+export function ColumnNotesProvider(props: any): FunctionComponentElement<ProviderProps<ColumnCtx<ColumnDivision>>>;
 export function UnitsColumn({ width }: {
     width?: number;
 }): FunctionComponentElement<LithologyColumnProps>;
 export function SimpleUnitsColumn(props: ICompositeUnitProps): ReactElement<any, string | JSXElementConstructor<any>>;
+export function BasicUnitComponent({ division, ...rest }: {
+    [x: string]: any;
+    division: any;
+}): FunctionComponentElement<{
+    [x: string]: any;
+    division: any;
+    nColumns?: number;
+}>;
 export function UnitComponent({ division, nColumns, ...rest }: {
     [x: string]: any;
     division: any;
@@ -369,11 +356,21 @@ export function UnitComponent({ division, nColumns, ...rest }: {
     division: any;
     nameForDivision?: (div: any) => any;
 }>;
+interface UnitColorOptions {
+    asBackground?: boolean;
+}
+export function useUnitColor(unit: any, opts?: UnitColorOptions): string | null;
 export function ColoredUnitComponent(props: any): FunctionComponentElement<{
     [x: string]: any;
     division: any;
     nColumns?: number;
 }>;
+export function useUnitColorByEnvironment(unit: any, opts?: UnitColorOptions): string | null;
+export function EnvironmentColoredUnitComponent(props: any): FunctionComponentElement<{
+    [x: string]: any;
+    division: any;
+    nColumns?: number;
+}>;
 enum LithologyTagFeature {
     Proportion = "proportion",
     Attributes = "attributes"
@@ -394,43 +391,6 @@ type MapPosition = {
     camera: CameraPosition;
     target?: TargetPosition;
 };
-export function VerticalAxisLabel(props: any): ReactElement<{
-    className: any;
-}, string | JSXElementConstructor<any>>;
-export function CompositeAgeAxis(): FunctionComponentElement<CompositeStratigraphicScaleInfo>;
-export interface CompositeStratigraphicScaleInfo {
-    axisType: ColumnAxisType;
-    totalHeight: number;
-    packages: PackageScaleLayoutData[];
-}
-export function CompositeAgeAxisCore(props: CompositeStratigraphicScaleInfo): ReactElement<any, string | JSXElementConstructor<any>>;
-export const MeasurementDataContext: Context<any>;
-export function MeasurementDataProvider(props: any): FunctionComponentElement<ProviderProps<any>>;
-export const useMeasurementData: () => any;
-interface DataAreaProps {
-    clipY: boolean;
-    parameter: string;
-    corrected: boolean;
-    system: string;
-    children: React.ReactNode;
-    getHeight?: Function;
-}
-interface IsotopesDatasetProps {
-    color: string;
-    parameter: string;
-}
-interface IsotopeColumnProps extends IsotopesDatasetProps {
-    width: number;
-    tickValues?: number[];
-    label: string;
-    domain: [number, number];
-    transform?: string;
-    getHeight?: Function;
-}
-export function IsotopesDataset(props: any): FunctionComponentElement<DataAreaProps>;
-export function IsotopesColumn(props: IsotopeColumnProps & {
-    children?: React.ReactNode;
-} & AxisProps<any>): ComponentElement<_CrossAxisLayoutProviderProps1, CrossAxisLayoutProvider>;
 type MapboxCoreOptions = Omit<mapboxgl.MapboxOptions, "container">;
 interface MapViewProps extends MapboxCoreOptions {
     showLineSymbols?: boolean;
@@ -457,211 +417,7 @@ interface MapViewProps extends MapboxCoreOptions {
 interface MapboxOptionsExt extends MapboxCoreOptions {
     mapPosition?: MapPosition;
 }
-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 function InsetMap({ controls, className, children, style, mapStyle, accessToken, showLabels, showAdmin, showRoads, ...rest }: InsetMapProps): ReactElement<{
-    className: string;
-    style: CSSProperties;
-}, string | JSXElementConstructor<any>>;
-export function buildColumnsStyle(color: string): {
-    sources: {
-        columns: {
-            type: string;
-            data: FeatureCollection<Geometry, {
-                [name: string]: any;
-            }>;
-        };
-    };
-    layers: ({
-        id: string;
-        type: string;
-        source: string;
-        paint: {
-            "fill-color": string;
-            "fill-opacity": (string | number | (string | boolean | string[])[])[];
-            "line-color"?: undefined;
-            "line-width"?: undefined;
-            "line-opacity"?: undefined;
-            "circle-radius"?: undefined;
-            "circle-color"?: undefined;
-            "circle-opacity"?: undefined;
-        };
-        filter?: undefined;
-    } | {
-        id: string;
-        type: string;
-        source: string;
-        paint: {
-            "line-color": string;
-            "line-width": number;
-            "line-opacity": number;
-            "fill-color"?: undefined;
-            "fill-opacity"?: undefined;
-            "circle-radius"?: undefined;
-            "circle-color"?: undefined;
-            "circle-opacity"?: undefined;
-        };
-        filter?: undefined;
-    } | {
-        id: string;
-        type: string;
-        source: string;
-        paint: {
-            "circle-radius": number;
-            "circle-color": string;
-            "circle-opacity": (string | number | (string | boolean | string[])[])[];
-            "fill-color"?: undefined;
-            "fill-opacity"?: undefined;
-            "line-color"?: undefined;
-            "line-width"?: undefined;
-            "line-opacity"?: undefined;
-        };
-        filter: string[];
-    })[];
-};
-interface NavigationProviderProps {
-    projectID?: number;
-    inProcess?: boolean;
-    selectedColumn?: number | null;
-    hoveredColumn?: number | null;
-    columns?: ColumnGeoJSONRecordWithID[] | null;
-    children: ReactNode;
-    onSelectColumn?: (col_id: number | null, column: any) => void;
-    onHoverColumn?: (col_id: number | null, column: any) => void;
-}
-export interface ColumnNavigationMapProps extends InsetMapProps {
-    padding?: number;
-    children?: ReactNode;
-    accessToken?: string;
-    selectedColumn?: number;
-    hoveredColumn?: number;
-    onSelectColumn?: (colID: number | null) => void;
-    onHoverColumn?: (colID: number | null) => void;
-    showTriangulation?: boolean;
-    columnColor?: string;
-    triangulationColor?: string;
-    keyboardNavigation?: boolean;
-}
-export function ColumnNavigationMap(props: ColumnNavigationMapProps & NavigationProviderProps): FunctionComponentElement<NavigationProviderProps>;
-export function MeasurementsLayer(props: any): FunctionComponentElement<{
-    [k: string]: any;
-    geometry?: object;
-    features?: IFeature[];
-    useCanvas?: boolean;
-} & {
-    children?: ReactNode | undefined;
-}>;
-type _ColumnProps1 = {
-    col_id: number;
-};
-type ColumnFeature = ExtendedFeature<Polygon, _ColumnProps1>;
-export function ColumnFeatures(props: any): FunctionComponentElement<{
-    [k: string]: any;
-    geometry?: object;
-    features?: IFeature[];
-    useCanvas?: boolean;
-} & {
-    children?: ReactNode | undefined;
-}>;
-enum MacrostratStatusCode {
-    InProcess = "in process"
-}
-interface ColumnNavProps {
-    col_id: number;
-    status_code?: MacrostratStatusCode;
-    project_id?: number;
-    onChange(col_id: number): void;
-}
-interface KeyboardNavProps extends ColumnNavProps {
-    features: ColumnFeature[];
-    showLayers: boolean;
-}
-export function ColumnKeyboardNavigation(props: KeyboardNavProps): ReactElement<any, string | JSXElementConstructor<any>>;
-interface ColumnExtraInfo {
-    apiRoute?: string;
-    color?: string;
-    filterColumns?(d: ColumnFeature): boolean;
-    showDebugLayers?: boolean;
-    format?: "topojson" | "geojson";
-}
-export const Columns: (props: ColumnNavProps & ColumnExtraInfo) => ReactElement<any, string | JSXElementConstructor<any>>;
-export const ColumnCenters: (props: ColumnNavProps) => FunctionComponentElement<ColumnNavProps & ColumnExtraInfo>;
-export const CurrentColumn: (props: any) => FunctionComponentElement<{
-    [k: string]: any;
-    geometry?: object;
-    features?: IFeature[];
-    useCanvas?: boolean;
-} & {
-    children?: ReactNode | undefined;
-}>;
-export function ResizableMapFrame(props: any): ReactElement<{
-    ref: MutableRefObject<any>;
-    style: any;
-    className: any;
-}, string | JSXElementConstructor<any>>;
-export type ColumnNavigationSVGMapProps = any;
-export function ColumnNavigationSVGMap(props: any): FunctionComponentElement<any>;
-export interface CorrelationMapInput {
-    columns: ColumnGeoJSONRecord[];
-    focusedLine: LineString | null;
-}
-export interface CorrelationMapStore extends CorrelationMapInput {
-    onClickMap: (event: mapboxgl.MapMouseEvent, point: Point) => void;
-}
-export interface CorrelationProviderProps extends CorrelationMapInput {
-    projectID?: number;
-    inProcess?: boolean;
-    columns: ColumnGeoJSONRecord[] | null;
-    children: ReactNode;
-    onSelectColumns?: (columns: FocusedColumnGeoJSONRecord[], line: LineString | null) => void;
-}
-type ComputedStore = {
-    focusedColumns: FocusedColumnGeoJSONRecord[];
-};
-export function ColumnCorrelationProvider({ children, columns, projectID, inProcess, focusedLine, onSelectColumns, }: CorrelationProviderProps): FunctionComponentElement<ProviderProps<StoreApi<CorrelationMapStore>>>;
-export function useCorrelationMapStore(selector: (state: CorrelationMapStore & ComputedStore) => any): any;
-interface FocusedColumnGeoJSONRecord extends ColumnGeoJSONRecord {
-    properties: {
-        centroid: Point;
-        nearestPointOnLine: Point;
-        distanceAlongLine: number;
-    } & ColumnGeoJSONRecord["properties"];
-}
-export interface CorrelationMapProps extends InsetMapProps {
-    padding?: number;
-    children?: ReactNode;
-    accessToken?: string;
-    columnColor?: string;
-}
-export function ColumnCorrelationMap(props: CorrelationMapProps): DetailedReactHTMLElement<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
-export function CarbonIsotopesColumn(columnArgs: any): FunctionComponentElement<_MacrostratDataProviderProps1>;
-export function CarbonIsotopesApp(): FunctionComponentElement<_MacrostratDataProviderProps1>;
-export interface PrepareColumnOptions extends ColumnScaleOptions {
-    axisType: ColumnAxisType;
-    t_age?: number;
-    b_age?: number;
-    mergeSections?: MergeSectionsMode;
-    collapseSmallUnconformities?: boolean | number;
-}
-export enum MergeSectionsMode {
-    ALL = "all",
-    OVERLAPPING = "overlapping"
-}
-export interface PreparedColumnData extends CompositeColumnData {
-    sections: PackageLayoutData[];
-    units: ExtUnit[];
-}
-export function usePreparedColumnUnits(data: UnitLong[], options: PrepareColumnOptions): PreparedColumnData;
-export function prepareColumnUnits(units: UnitLong[], options: PrepareColumnOptions): PreparedColumnData;
-export function UnitDetailsPanel({ unit, onClose, className, features, lithologyFeatures, actions, selectUnit, columnUnits, }: {
+export function UnitDetailsPanel({ unit, onClose, className, features, lithologyFeatures, actions, selectUnit, columnUnits, onClickItem, }: {
     unit: any;
     onClose?: any;
     showLithologyProportions?: boolean;
@@ -671,6 +427,7 @@ export function UnitDetailsPanel({ unit, onClose, className, features, lithology
     lithologyFeatures?: Set<LithologyTagFeature>;
     columnUnits?: UnitLong[];
     selectUnit?: (unitID: number) => void;
+    onClickItem?: (item: any) => void;
 }): ReactElement<{
     className: string;
 }, string | JSXElementConstructor<any>>;
@@ -688,6 +445,17 @@ export enum UnitDetailsFeature {
     JSONToggle = "json-toggle",
     DepthRange = "depth-range"
 }
+export function AgeLabel({ age, maximumFractionDigits, minimumFractionDigits, className, }: {
+    age: number;
+    className?: string;
+    maximumFractionDigits?: number;
+    minimumFractionDigits?: number;
+}): FunctionComponentElement<{
+    value?: any;
+    unit?: string;
+    children?: any;
+    className?: string;
+}>;
 export function Duration({ value, maximumFractionDigits, minimumFractionDigits, }: {
     value: any;
     maximumFractionDigits?: number;
@@ -696,6 +464,7 @@ export function Duration({ value, maximumFractionDigits, minimumFractionDigits,
     value?: any;
     unit?: string;
     children?: any;
+    className?: string;
 }>;
 export function UnitDetailsPopover({ style, children, viewportPadding, }: {
     style: object;
@@ -705,6 +474,40 @@ export function UnitDetailsPopover({ style, children, viewportPadding, }: {
     style: object;
 }, string | JSXElementConstructor<any>>;
 export function UnitSelectionPopover(): DOMElement<DOMAttributes<Element>, Element>;
+export function VerticalAxisLabel(props: any): ReactElement<{
+    className: any;
+}, string | JSXElementConstructor<any>>;
+export function CompositeAgeAxis(): FunctionComponentElement<CompositeStratigraphicScaleInfo>;
+export interface CompositeStratigraphicScaleInfo {
+    axisType: ColumnAxisType;
+    totalHeight: number;
+    packages: PackageScaleLayoutData[];
+}
+export function CompositeAgeAxisCore(props: CompositeStratigraphicScaleInfo): ReactElement<any, string | JSXElementConstructor<any>>;
+export function AgeCursor({ age }: {
+    age: any;
+}): ReactElement<{
+    style: {
+        top: number;
+    };
+}, string | JSXElementConstructor<any>>;
+export interface PrepareColumnOptions extends ColumnScaleOptions {
+    axisType: ColumnAxisType;
+    t_age?: number;
+    b_age?: number;
+    mergeSections?: MergeSectionsMode;
+    collapseSmallUnconformities?: boolean | number;
+}
+export enum MergeSectionsMode {
+    ALL = "all",
+    OVERLAPPING = "overlapping"
+}
+export interface PreparedColumnData extends CompositeColumnData {
+    sections: PackageLayoutData[];
+    units: ExtUnit[];
+}
+export function usePreparedColumnUnits(data: UnitLong[], options: PrepareColumnOptions): PreparedColumnData;
+export function prepareColumnUnits(units: UnitLong[], options: PrepareColumnOptions): PreparedColumnData;
 declare namespace AgeAxis {
     var defaultProps: {
         width: number;
@@ -734,6 +537,7 @@ interface BaseColumnProps extends SectionSharedProps {
     maxInternalColumns?: number;
     showTimescale?: boolean;
     timescaleLevels?: number | [number, number];
+    onMouseOver?: (unit: UnitLong | null, height: number | null, evt: MouseEvent) => void;
 }
 export interface ColumnProps extends BaseColumnProps, ColumnHeightScaleOptions {
     units: UnitLong[];
@@ -741,6 +545,7 @@ export interface ColumnProps extends BaseColumnProps, ColumnHeightScaleOptions {
     b_age?: number;
     mergeSections?: MergeSectionsMode;
     showUnitPopover?: boolean;
+    allowUnitSelection?: boolean;
     selectedUnit?: number | null;
     onUnitSelected?: (unitID: number | null, unit: any) => void;
     unconformityHeight?: number;
@@ -1019,6 +824,137 @@ export function ColumnContainer(props: ColumnContainerProps): DOMElement<{
     onTransitionEndCapture?: TransitionEventHandler<HTMLDivElement>;
     className: string;
 }, Element>;
+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 function InsetMap({ controls, className, children, style, mapStyle, accessToken, showLabels, showAdmin, showRoads, ...rest }: InsetMapProps): ReactElement<{
+    className: string;
+    style: CSSProperties;
+}, string | JSXElementConstructor<any>>;
+export function buildColumnsStyle(color: string): Style;
+interface NavigationProviderProps {
+    projectID?: number;
+    inProcess?: boolean;
+    selectedColumn?: number | null;
+    hoveredColumn?: number | null;
+    columns?: ColumnGeoJSONRecordWithID[] | null;
+    columnIDs?: number[] | null;
+    children: ReactNode;
+    onSelectColumn?: (col_id: number | null, column: any) => void;
+    onHoverColumn?: (col_id: number | null, column: any) => void;
+}
+export interface ColumnNavigationMapProps extends InsetMapProps {
+    padding?: number;
+    children?: ReactNode;
+    accessToken?: string;
+    selectedColumn?: number;
+    hoveredColumn?: number;
+    onSelectColumn?: (colID: number | null) => void;
+    onHoverColumn?: (colID: number | null) => void;
+    showTriangulation?: boolean;
+    columnColor?: string;
+    triangulationColor?: string;
+    keyboardNavigation?: boolean;
+}
+export function ColumnNavigationMap(props: ColumnNavigationMapProps & NavigationProviderProps): FunctionComponentElement<NavigationProviderProps>;
+export function MeasurementsLayer(props: any): FunctionComponentElement<{
+    [k: string]: any;
+    geometry?: object;
+    features?: IFeature[];
+    useCanvas?: boolean;
+} & {
+    children?: ReactNode | undefined;
+}>;
+type _ColumnProps1 = {
+    col_id: number;
+};
+type ColumnFeature = ExtendedFeature<Polygon, _ColumnProps1>;
+export function ColumnFeatures(props: any): FunctionComponentElement<{
+    [k: string]: any;
+    geometry?: object;
+    features?: IFeature[];
+    useCanvas?: boolean;
+} & {
+    children?: ReactNode | undefined;
+}>;
+enum MacrostratStatusCode {
+    InProcess = "in process"
+}
+interface ColumnNavProps {
+    col_id: number;
+    status_code?: MacrostratStatusCode;
+    project_id?: number;
+    onChange(col_id: number): void;
+}
+interface KeyboardNavProps extends ColumnNavProps {
+    features: ColumnFeature[];
+    showLayers: boolean;
+}
+export function ColumnKeyboardNavigation(props: KeyboardNavProps): ReactElement<any, string | JSXElementConstructor<any>>;
+interface ColumnExtraInfo {
+    apiRoute?: string;
+    color?: string;
+    filterColumns?(d: ColumnFeature): boolean;
+    showDebugLayers?: boolean;
+    format?: "topojson" | "geojson";
+}
+export const Columns: (props: ColumnNavProps & ColumnExtraInfo) => ReactElement<any, string | JSXElementConstructor<any>>;
+export const ColumnCenters: (props: ColumnNavProps) => FunctionComponentElement<ColumnNavProps & ColumnExtraInfo>;
+export const CurrentColumn: (props: any) => FunctionComponentElement<{
+    [k: string]: any;
+    geometry?: object;
+    features?: IFeature[];
+    useCanvas?: boolean;
+} & {
+    children?: ReactNode | undefined;
+}>;
+export function ResizableMapFrame(props: any): ReactElement<{
+    ref: MutableRefObject<any>;
+    style: any;
+    className: any;
+}, string | JSXElementConstructor<any>>;
+export type ColumnNavigationSVGMapProps = any;
+export function ColumnNavigationSVGMap(props: any): FunctionComponentElement<any>;
+export interface CorrelationMapInput {
+    columns: ColumnGeoJSONRecord[];
+    focusedLine: LineString | null;
+}
+export interface CorrelationMapStore extends CorrelationMapInput {
+    onClickMap: (event: mapboxgl.MapMouseEvent, point: Point) => void;
+}
+export interface CorrelationProviderProps extends CorrelationMapInput {
+    projectID?: number;
+    inProcess?: boolean;
+    columns: ColumnGeoJSONRecord[] | null;
+    children: ReactNode;
+    onSelectColumns?: (columns: FocusedColumnGeoJSONRecord[], line: LineString | null) => void;
+}
+type ComputedStore = {
+    focusedColumns: FocusedColumnGeoJSONRecord[];
+};
+export function ColumnCorrelationProvider({ children, columns, projectID, inProcess, focusedLine, onSelectColumns, }: CorrelationProviderProps): FunctionComponentElement<ProviderProps<StoreApi<CorrelationMapStore>>>;
+export function useCorrelationMapStore(selector: (state: CorrelationMapStore & ComputedStore) => any): any;
+interface FocusedColumnGeoJSONRecord extends ColumnGeoJSONRecord {
+    properties: {
+        centroid: Point;
+        nearestPointOnLine: Point;
+        distanceAlongLine: number;
+    } & ColumnGeoJSONRecord["properties"];
+}
+export interface CorrelationMapProps extends InsetMapProps {
+    padding?: number;
+    children?: ReactNode;
+    accessToken?: string;
+    columnColor?: string;
+}
+export function ColumnCorrelationMap(props: CorrelationMapProps): FunctionComponentElement<InsetMapProps>;
 export function BoundaryAgeModelOverlay(): DOMElement<any, Element>;
 interface CorrelationChartSettings extends Omit<PrepareColumnOptions, "axisType"> {
     targetUnitHeight?: number;
@@ -1031,10 +967,103 @@ export interface CorrelationChartProps extends CorrelationChartSettings {
     unconformityLabels?: boolean;
     selectedUnit?: number | null;
     showUnitPopover?: boolean;
+    unitComponent?: any;
     onUnitSelected?: (unitID: number | null, unit: BaseUnit | null) => void;
 }
-export function CorrelationChart({ data, columnSpacing, columnWidth, unconformityLabels, showUnitPopover, selectedUnit, onUnitSelected, ...scaleProps }: CorrelationChartProps): FunctionComponentElement<_ColumnContainerProps1>;
+export function CorrelationChart({ data, columnSpacing, columnWidth, unconformityLabels, showUnitPopover, selectedUnit, onUnitSelected, unitComponent, ...scaleProps }: CorrelationChartProps): FunctionComponentElement<_ColumnContainerProps1>;
 export function parseLineFromString(section: string): LineString | null;
 export function stringifyLine(line: LineString | null): string | null;
+interface ColumnNotesProps {
+    notes: any[];
+    width?: number;
+    noteComponent?: any;
+    paddingLeft?: number;
+    deltaConnectorAttachment?: number;
+    children?: ReactNode;
+}
+export function ColumnNotes({ notes, width, noteComponent, paddingLeft, deltaConnectorAttachment, children, }: ColumnNotesProps): FunctionComponentElement<any>;
+export function PBDBFossilsColumn({ columnID, color }: {
+    columnID: any;
+    color?: string;
+}): DOMElement<DOMAttributes<Element>, Element>;
+interface MeasurementInfo {
+    measurement_id: number;
+    measuremeta_id: number;
+    measurement: string;
+    measure_units: string;
+    measure_phase: string;
+    method: string;
+    n: number;
+    ref_id: number;
+    sample_name: string;
+    geo_unit: string;
+    samp_lith: string;
+    samp_lith_id: number;
+    samp_desc: string;
+    samp_age: string;
+    lat: number;
+    lng: number;
+    unit_id: number;
+    unit_rel_pos?: any;
+    col_id: number;
+    strat_name_id: number;
+    match_basis: string;
+    ref: string;
+    measure_value: number[];
+    measure_error: number[];
+    measure_position: any[];
+    measure_n: number[];
+    sample_no: string[];
+    error_units: string;
+}
+interface DetritalItemProps {
+    note: {
+        data: MeasurementInfo[];
+        unit?: IUnit;
+    };
+    spacing?: {
+        below?: number;
+        above?: number;
+    };
+    width?: number;
+    height?: number;
+    color?: string;
+}
+export function DetritalGroup(props: DetritalItemProps): ReactElement<{
+    className: string;
+}, string | JSXElementConstructor<any>>;
+export function DetritalColumn({ columnID, color }: {
+    columnID: any;
+    color?: string;
+}): DOMElement<DOMAttributes<Element>, Element>;
+export const MeasurementDataContext: Context<any>;
+export function MeasurementDataProvider(props: any): FunctionComponentElement<ProviderProps<any>>;
+export const useMeasurementData: () => any;
+interface DataAreaProps {
+    clipY: boolean;
+    parameter: string;
+    corrected: boolean;
+    system: string;
+    children: React.ReactNode;
+    getHeight?: Function;
+}
+interface IsotopesDatasetProps {
+    color: string;
+    parameter: string;
+}
+interface IsotopeColumnProps extends IsotopesDatasetProps {
+    width: number;
+    tickValues?: number[];
+    label: string;
+    domain: [number, number];
+    transform?: string;
+    getHeight?: Function;
+    nTicks?: number;
+    showAxis?: boolean;
+}
+export function IsotopesDataset(props: any): FunctionComponentElement<DataAreaProps>;
+export function IsotopesColumn(props: IsotopeColumnProps & {
+    children?: React.ReactNode;
+}): DOMElement<DOMAttributes<Element>, Element>;
 
 //# sourceMappingURL=index.d.ts.map