@macrostrat/column-views 1.0.3 → 2.0.1

package/dist/esm/column-views.5c02fee2.js

@@ -0,0 +1,258 @@
+import {resolveID as $d3e69bd163d41f63$export$7be7d732f3de9464, scalePattern as $d3e69bd163d41f63$export$e8deec7b02ce51eb} from "./column-views.8dd877af.js";
+import {useUnitSelectionTarget as $4d5d1c15f39f6a14$export$cbbec12b1451fe7d} from "./column-views.8e51206e.js";
+import "./column-views.6c670c13.css";
+import $lClM8$columnviews4d374a35js from "./column-views.4d374a35.js";
+import {getUnitHeightRange as $b6657fba8924a702$export$70e712e2ac0237a} from "./column-views.39657bbf.js";
+import {useLithologies as $774a5efa27d1c77b$export$4d18a90c945d129f} from "./column-views.28ee5f43.js";
+import {getMixedUnitColor as $6698edd2a743bf07$export$175d3e927f1a9860} from "./column-views.1edc7300.js";
+import {ColumnAxisType as $lClM8$ColumnAxisType, ColumnContext as $lClM8$ColumnContext, ColumnLayoutContext as $lClM8$ColumnLayoutContext, useColumn as $lClM8$useColumn, useGeologicPattern as $lClM8$useGeologicPattern, ForeignObject as $lClM8$ForeignObject, PatternDefsProvider as $lClM8$PatternDefsProvider} from "@macrostrat/column-components";
+import {SizeAwareLabel as $lClM8$SizeAwareLabel} from "@macrostrat/ui-components";
+import $lClM8$macrostrathyper from "@macrostrat/hyper";
+import {useContext as $lClM8$useContext, forwardRef as $lClM8$forwardRef, useMemo as $lClM8$useMemo} from "react";
+import $lClM8$classnames from "classnames";
+import {path as $lClM8$path} from "d3-path";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+const $d254716a820e9c85$var$h = (0, $lClM8$macrostrathyper).styled((0, ($parcel$interopDefault($lClM8$columnviews4d374a35js))));
+function $d254716a820e9c85$var$useUnitRect(division, options = {}) {
+    const { widthFraction: widthFraction = 1, axisType: axisType = (0, $lClM8$ColumnAxisType).AGE, padding: padding = 0 } = options;
+    const { scale: scale } = (0, $lClM8$useContext)((0, $lClM8$ColumnContext));
+    const { width: width } = (0, $lClM8$useContext)((0, $lClM8$ColumnLayoutContext));
+    const [bottomHeight, topHeight] = (0, $b6657fba8924a702$export$70e712e2ac0237a)(division, axisType);
+    const y = scale(topHeight);
+    const height = Math.abs(scale(bottomHeight) - y);
+    return {
+        x: width * (1 - widthFraction) - padding,
+        y: y - padding,
+        height: height + padding * 2,
+        width: widthFraction * width + padding * 2
+    };
+}
+function $d254716a820e9c85$export$d54fdbabca27e53(props) {
+    const { division: d, children: children, className: className, widthFraction: widthFraction = 1, axisType: _, nColumns: __, ...baseBounds } = props;
+    const { axisType: axisType } = (0, $lClM8$useColumn)();
+    const lithMap = (0, $774a5efa27d1c77b$export$4d18a90c945d129f)();
+    const bounds = {
+        ...$d254716a820e9c85$var$useUnitRect(d, {
+            widthFraction: widthFraction,
+            axisType: axisType
+        }),
+        ...baseBounds
+    };
+    const backgroundColor = (0, $6698edd2a743bf07$export$175d3e927f1a9860)(d, lithMap, null, false);
+    const [ref, selected, onClick] = (0, $4d5d1c15f39f6a14$export$cbbec12b1451fe7d)(d);
+    return $d254716a820e9c85$var$h("g.unit", {
+        className: className,
+        style: {
+            "--column-unit-background-color": backgroundColor,
+            "--column-stroke-color": backgroundColor
+        }
+    }, [
+        $d254716a820e9c85$var$h("rect.unit.background", {
+            ref: ref,
+            ...bounds,
+            fill: backgroundColor,
+            fillOpacity: 0.8,
+            stroke: backgroundColor,
+            onClick: onClick
+        }),
+        $d254716a820e9c85$var$h.if(selected)("rect.selection-overlay", bounds)
+    ]);
+}
+function $d254716a820e9c85$export$1d8b9ae22d404866(props) {
+    const { division: d, children: children, fill: fill, defaultFill: defaultFill = "transparent", className: className, widthFraction: widthFraction = 1, backgroundColor: backgroundColor, patternColor: patternColor, axisType: _, ...baseBounds } = props;
+    const { axisType: axisType } = (0, $lClM8$useColumn)();
+    const hasOverflowTop = d.t_clip_pos != null;
+    const hasOverflowBottom = d.b_clip_pos != null;
+    const bounds = {
+        ...$d254716a820e9c85$var$useUnitRect(d, {
+            widthFraction: widthFraction,
+            axisType: axisType
+        }),
+        ...baseBounds,
+        overflowTop: hasOverflowTop,
+        overflowBottom: hasOverflowBottom
+    };
+    const patternID = (0, $d3e69bd163d41f63$export$7be7d732f3de9464)(d);
+    let _fill = fill ?? (0, $lClM8$useGeologicPattern)(patternID, defaultFill);
+    const hasBackgroundColor = backgroundColor != null;
+    const _className = (0, $lClM8$classnames)(className, {
+        colored: hasBackgroundColor
+    });
+    const [ref, selected, onClick] = (0, $4d5d1c15f39f6a14$export$cbbec12b1451fe7d)(d);
+    //const key = `unit-${d.unit_id}`;
+    return $d254716a820e9c85$var$h("g.unit", {
+        className: _className,
+        style: {
+            "--column-unit-background-color": backgroundColor
+        }
+    }, [
+        $d254716a820e9c85$var$h($d254716a820e9c85$var$UnitRect, {
+            ...bounds,
+            fill: backgroundColor,
+            onClick: onClick,
+            className: "background"
+        }),
+        $d254716a820e9c85$var$h($d254716a820e9c85$var$UnitRect, {
+            ref: ref,
+            ...bounds,
+            fill: _fill,
+            onClick: //mask,
+            onClick,
+            className: "unit"
+        }),
+        $d254716a820e9c85$var$h.if(selected)($d254716a820e9c85$var$UnitRect, {
+            ...bounds,
+            className: "selection-overlay"
+        }),
+        //defs,
+        children
+    ]);
+}
+const $d254716a820e9c85$var$UnitRect = (0, $lClM8$forwardRef)((props, ref)=>{
+    const { x: x, y: y, width: width, height: height, overflowTop: overflowTop = false, overflowBottom: overflowBottom = false, ...rest } = props;
+    if (!overflowTop && !overflowBottom) return $d254716a820e9c85$var$h("rect", {
+        x: x,
+        y: y,
+        width: width,
+        height: height,
+        ref: ref,
+        ...rest
+    });
+    else {
+        const d = $d254716a820e9c85$var$zigZagBoxPath(x, y, width, height, overflowTop, overflowBottom);
+        return $d254716a820e9c85$var$h("path", {
+            d: d,
+            ref: ref,
+            ...rest
+        });
+    }
+});
+function $d254716a820e9c85$var$zigZagBoxPath(x, y, width, height, top, bottom) {
+    const zigZagWidth = 10;
+    const zigZagHeight = 4;
+    const d = (0, $lClM8$path)();
+    const nZigZags = Math.floor(width / zigZagWidth - 0.5);
+    const _zigZagWidth = width / (nZigZags + 0.5);
+    d.moveTo(x, y);
+    let dy = zigZagHeight / 2;
+    // Each zig-zag consists of a short outward motion
+    let dx = _zigZagWidth / 4;
+    let cx = x;
+    let cy = y;
+    const doZigZag = (last = false)=>{
+        cx += dx;
+        cy -= dy;
+        d.lineTo(cx, cy);
+        let scalar = last ? 1 : 2;
+        cx += dx * scalar;
+        cy += dy * scalar;
+        d.lineTo(cx, cy);
+        cx += dx;
+        cy -= dy;
+    };
+    if (top) {
+        // Move to the offset
+        //d.lineTo(cx, y);
+        // Draw the zig-zags
+        for(let i = 0; i < nZigZags; i++)doZigZag();
+        // Draw the last half zig-zag
+        doZigZag(true);
+    }
+    // Draw the right edge
+    d.lineTo(x + width, y);
+    d.lineTo(x + width, y + height);
+    if (bottom) {
+        dx = -dx;
+        dy = -dy;
+        cx = x + width;
+        cy = y + height;
+        for(let i = 0; i < nZigZags; i++)doZigZag();
+        doZigZag(true);
+    }
+    // Draw the last line to the left edge
+    d.lineTo(x, y + height);
+    // Draw the left edge
+    d.closePath();
+    // Now render the path;
+    return d.toString();
+}
+function $d254716a820e9c85$export$b4f0ca233b98f9af(props) {
+    const { division: division, label: label, onLabelUpdated: onLabelUpdated, widthFraction: widthFraction, showLabel: showLabel = true, backgroundColor: backgroundColor, axisType: _, ...baseBounds } = props;
+    const { axisType: axisType } = (0, $lClM8$useColumn)();
+    const bounds = {
+        ...$d254716a820e9c85$var$useUnitRect(division, {
+            widthFraction: widthFraction,
+            axisType: axisType
+        }),
+        ...baseBounds
+    };
+    const { width: width, height: height } = bounds;
+    return $d254716a820e9c85$var$h($d254716a820e9c85$export$1d8b9ae22d404866, {
+        className: "labeled-unit",
+        division: division,
+        backgroundColor: backgroundColor,
+        ...bounds
+    }, [
+        $d254716a820e9c85$var$h.if(showLabel)((0, $lClM8$ForeignObject), {
+            ...bounds,
+            className: "unit-label-container"
+        }, $d254716a820e9c85$var$h((0, $lClM8$SizeAwareLabel), {
+            className: "unit-overlay",
+            labelClassName: "unit-label",
+            style: {
+                width: width,
+                height: height
+            },
+            label: label,
+            onVisibilityChanged (viz) {
+                onLabelUpdated(label, viz);
+            }
+        }))
+    ]);
+}
+function $d254716a820e9c85$export$5d1cdfabe8dc8085(props) {
+    const { unitComponent: unitComponent = $d254716a820e9c85$export$1d8b9ae22d404866, unitComponentProps: unitComponentProps = {} } = props;
+    const { divisions: divisions } = (0, $lClM8$useContext)((0, $lClM8$ColumnContext));
+    if (divisions.length == 0) {
+        console.warn("No divisions found in column context");
+        return null;
+    }
+    const children = (0, $lClM8$useMemo)(()=>{
+        return divisions.map((division, i)=>{
+            // @ts-ignore
+            return $d254716a820e9c85$var$h(unitComponent, {
+                division: division,
+                key: division.unit_id,
+                ...unitComponentProps
+            });
+        });
+    }, [
+        divisions,
+        unitComponent,
+        unitComponentProps
+    ]);
+    return $d254716a820e9c85$var$h((0, $lClM8$PatternDefsProvider), {
+        resolveID: $d3e69bd163d41f63$export$7be7d732f3de9464,
+        scalePattern: $d3e69bd163d41f63$export$e8deec7b02ce51eb
+    }, $d254716a820e9c85$var$h("g.divisions", children));
+}
+
+
+export {$d254716a820e9c85$export$d54fdbabca27e53 as MinimalUnit, $d254716a820e9c85$export$1d8b9ae22d404866 as Unit, $d254716a820e9c85$export$b4f0ca233b98f9af as LabeledUnit, $d254716a820e9c85$export$5d1cdfabe8dc8085 as UnitBoxes};
+//# sourceMappingURL=column-views.5c02fee2.js.map

package/dist/esm/column-views.5c02fee2.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/column-views/src/units/boxes.ts"],"sourcesContent":["import {\n  ColumnAxisType,\n  ColumnContext,\n  ColumnLayoutContext,\n  ForeignObject,\n  PatternDefsProvider,\n  useColumn,\n  useGeologicPattern,\n} from \"@macrostrat/column-components\";\nimport { SizeAwareLabel, Clickable } from \"@macrostrat/ui-components\";\nimport hyper from \"@macrostrat/hyper\";\nimport { forwardRef, ReactNode, useContext, useMemo } from \"react\";\nimport { resolveID, scalePattern } from \"./resolvers\";\nimport { useUnitSelectionTarget } from \"./selection\";\nimport { IUnit } from \"./types\";\nimport styles from \"./boxes.module.sass\";\nimport classNames from \"classnames\";\nimport { getUnitHeightRange } from \"../prepare-units/utils\";\nimport { useLithologies } from \"../data-provider\";\nimport { getMixedUnitColor } from \"./colors\";\nimport { path } from \"d3-path\";\nimport type { RectBounds } from \"./types\";\n\nconst h = hyper.styled(styles);\n\ninterface UnitRectOptions {\n  widthFraction?: number;\n  axisType?: ColumnAxisType;\n  // Padding to create overflow for zig-zags or other ornamented edges\n  padding?: number;\n}\n\ninterface UnitProps extends Clickable, Partial<RectBounds>, UnitRectOptions {\n  division: IUnit;\n  resolveID?(IUnit): string;\n  UUID?: string;\n  defaultFill?: string;\n  widthFraction?: number;\n  children?: ReactNode;\n  className?: string;\n  fill?: string;\n  backgroundColor?: string;\n  patternColor?: string;\n}\n\nexport interface LabeledUnitProps\n  extends UnitRectOptions,\n    Clickable,\n    Partial<RectBounds> {\n  division: IUnit;\n  label: string;\n  onLabelUpdated?(label: string, shown: boolean);\n  halfWidth?: boolean;\n  showLabel?: boolean;\n  backgroundColor?: string;\n}\n\nfunction useUnitRect(\n  division: IUnit,\n  options: UnitRectOptions = {}\n): RectBounds {\n  const {\n    widthFraction = 1,\n    axisType = ColumnAxisType.AGE,\n    padding = 0,\n  } = options;\n  const { scale } = useContext(ColumnContext);\n  const { width } = useContext(ColumnLayoutContext);\n\n  const [bottomHeight, topHeight] = getUnitHeightRange(division, axisType);\n\n  const y = scale(topHeight);\n  const height = Math.abs(scale(bottomHeight) - y);\n\n  return {\n    x: width * (1 - widthFraction) - padding,\n    y: y - padding,\n    height: height + padding * 2,\n    width: widthFraction * width + padding * 2,\n  };\n}\n\nexport function MinimalUnit(props) {\n  const {\n    division: d,\n    children,\n    className,\n    widthFraction = 1,\n    axisType: _, // not sure why this is brought in...\n    nColumns: __,\n    ...baseBounds\n  } = props;\n\n  const { axisType } = useColumn();\n  const lithMap = useLithologies();\n  const bounds = {\n    ...useUnitRect(d, { widthFraction, axisType }),\n    ...baseBounds,\n  };\n\n  const backgroundColor = getMixedUnitColor(d, lithMap, null, false);\n\n  const [ref, selected, onClick] = useUnitSelectionTarget(d);\n\n  return h(\n    \"g.unit\",\n    {\n      className,\n      style: {\n        \"--column-unit-background-color\": backgroundColor,\n        \"--column-stroke-color\": backgroundColor,\n      },\n    },\n    [\n      h(\"rect.unit.background\", {\n        ref,\n        ...bounds,\n        fill: backgroundColor,\n        fillOpacity: 0.8,\n        stroke: backgroundColor,\n        onClick,\n      }),\n      h.if(selected)(\"rect.selection-overlay\", bounds),\n    ]\n  );\n}\n\nfunction Unit(props: UnitProps) {\n  const {\n    division: d,\n    children,\n    fill,\n    defaultFill = \"transparent\",\n    className,\n    widthFraction = 1,\n    backgroundColor,\n    patternColor,\n    axisType: _, // not sure why this is brought in...\n    ...baseBounds\n  } = props;\n\n  const { axisType } = useColumn();\n\n  const hasOverflowTop = d.t_clip_pos != null;\n  const hasOverflowBottom = d.b_clip_pos != null;\n\n  const bounds = {\n    ...useUnitRect(d, { widthFraction, axisType }),\n    ...baseBounds,\n    overflowTop: hasOverflowTop,\n    overflowBottom: hasOverflowBottom,\n  };\n  const patternID = resolveID(d);\n  let _fill = fill ?? useGeologicPattern(patternID, defaultFill);\n\n  const hasBackgroundColor = backgroundColor != null;\n\n  const _className = classNames(className, { colored: hasBackgroundColor });\n\n  const [ref, selected, onClick] = useUnitSelectionTarget(d);\n\n  //const key = `unit-${d.unit_id}`;\n\n  return h(\n    \"g.unit\",\n    {\n      className: _className,\n      style: {\n        \"--column-unit-background-color\": backgroundColor,\n      },\n    },\n    [\n      h(UnitRect, {\n        ...bounds,\n        fill: backgroundColor,\n        onClick,\n        className: \"background\",\n      }),\n      h(UnitRect, {\n        ref,\n        ...bounds,\n        fill: _fill,\n        //mask,\n        onClick,\n        className: \"unit\",\n      }),\n      h.if(selected)(UnitRect, { ...bounds, className: \"selection-overlay\" }),\n      //defs,\n      children,\n    ]\n  );\n}\n\ninterface UnitRectProps {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  className: string;\n  // Used to determine if the rect should have a zig-zag edge on the top or bottom\n  overflowTop?: boolean;\n  overflowBottom?: boolean;\n  [key: string]: any;\n}\n\nconst UnitRect = forwardRef((props: UnitRectProps, ref) => {\n  const {\n    x,\n    y,\n    width,\n    height,\n    overflowTop = false,\n    overflowBottom = false,\n    ...rest\n  } = props;\n\n  if (!overflowTop && !overflowBottom) {\n    return h(\"rect\", {\n      x,\n      y,\n      width,\n      height,\n      ref,\n      ...rest,\n    });\n  } else {\n    const d = zigZagBoxPath(x, y, width, height, overflowTop, overflowBottom);\n    return h(\"path\", {\n      d,\n      ref,\n      ...rest,\n    });\n  }\n});\n\nfunction zigZagBoxPath(x, y, width, height, top: boolean, bottom: boolean) {\n  const zigZagWidth = 10;\n  const zigZagHeight = 4;\n\n  const d = path();\n\n  const nZigZags = Math.floor(width / zigZagWidth - 0.5);\n  const _zigZagWidth = width / (nZigZags + 0.5);\n\n  d.moveTo(x, y);\n  let dy = zigZagHeight / 2;\n  // Each zig-zag consists of a short outward motion\n  let dx = _zigZagWidth / 4;\n\n  let cx = x;\n  let cy = y;\n\n  const doZigZag = (last = false) => {\n    cx += dx;\n    cy -= dy;\n    d.lineTo(cx, cy);\n    let scalar = last ? 1 : 2;\n    cx += dx * scalar;\n    cy += dy * scalar;\n    d.lineTo(cx, cy);\n    cx += dx;\n    cy -= dy;\n  };\n\n  if (top) {\n    // Move to the offset\n    //d.lineTo(cx, y);\n    // Draw the zig-zags\n    for (let i = 0; i < nZigZags; i++) {\n      doZigZag();\n    }\n    // Draw the last half zig-zag\n    doZigZag(true);\n  }\n  // Draw the right edge\n  d.lineTo(x + width, y);\n  d.lineTo(x + width, y + height);\n\n  if (bottom) {\n    dx = -dx;\n    dy = -dy;\n    cx = x + width;\n    cy = y + height;\n\n    for (let i = 0; i < nZigZags; i++) {\n      doZigZag();\n    }\n    doZigZag(true);\n  }\n  // Draw the last line to the left edge\n  d.lineTo(x, y + height);\n  // Draw the left edge\n  d.closePath();\n\n  // Now render the path;\n  return d.toString();\n}\n\nfunction LabeledUnit(props: LabeledUnitProps) {\n  const {\n    division,\n    label,\n    onLabelUpdated,\n    widthFraction,\n    showLabel = true,\n    backgroundColor,\n    axisType: _, // not sure why this is brought in...\n    ...baseBounds\n  } = props;\n\n  const { axisType } = useColumn();\n  const bounds = {\n    ...useUnitRect(division, { widthFraction, axisType }),\n    ...baseBounds,\n  };\n  const { width, height } = bounds;\n  return h(\n    Unit,\n    { className: \"labeled-unit\", division, backgroundColor, ...bounds },\n    [\n      h.if(showLabel)(\n        ForeignObject,\n        { ...bounds, className: \"unit-label-container\" },\n        h(SizeAwareLabel, {\n          className: \"unit-overlay\",\n          labelClassName: \"unit-label\",\n          style: { width, height },\n          label,\n          onVisibilityChanged(viz) {\n            onLabelUpdated(label, viz);\n          },\n        })\n      ),\n    ]\n  );\n}\n\nfunction UnitBoxes<T>(props: {\n  unitComponent: React.FunctionComponent<{ division: T }>;\n  unitComponentProps?: any;\n  transformDivisions?(divisions: T[]): T[];\n  transformDivision?: (\n    division: any,\n    index: number,\n    divisions: any[]\n  ) => T | null;\n}) {\n  const { unitComponent = Unit, unitComponentProps = {} } = props;\n  const { divisions } = useContext(ColumnContext);\n\n  if (divisions.length == 0) {\n    console.warn(\"No divisions found in column context\");\n    return null;\n  }\n\n  const children = useMemo(() => {\n    return divisions.map((division: any, i) => {\n      // @ts-ignore\n      return h(unitComponent, {\n        division,\n        key: division.unit_id,\n        ...unitComponentProps,\n      });\n    });\n  }, [divisions, unitComponent, unitComponentProps]);\n\n  return h(\n    PatternDefsProvider,\n    { resolveID, scalePattern },\n    h(\"g.divisions\", children)\n  );\n}\n\nexport { LabeledUnit, Unit, UnitBoxes, UnitProps };\n"],"names":[],"version":3,"file":"column-views.5c02fee2.js.map"}

package/dist/esm/column-views.5cc09c1d.js

@@ -0,0 +1,152 @@
+import {joinURL as $Qf46V$joinURL, addQueryString as $Qf46V$addQueryString, useAPIResult as $Qf46V$useAPIResult} from "@macrostrat/ui-components";
+import $Qf46V$crossfetch from "cross-fetch";
+import {feature as $Qf46V$feature} from "topojson-client";
+import {geoArea as $Qf46V$geoArea} from "d3-geo";
+
+
+
+
+
+function $33a46f9423c8104a$var$defaultFetch(url, options) {
+    const baseURL = "https://macrostrat.org/api/v2";
+    return (0, $Qf46V$crossfetch)(baseURL + url, options);
+}
+async function $33a46f9423c8104a$export$45bd78cd093090fa(options = {}) {
+    const { apiBaseURL: apiBaseURL, projectID: projectID, format: format = "topojson", statusCode: statusCode, fetch: fetch = (0, $Qf46V$crossfetch) } = options;
+    let args = {
+        format: format
+    };
+    if (projectID != null) args = {
+        ...args,
+        project_id: projectID
+    };
+    if (statusCode != null) args = {
+        ...args,
+        status_code: statusCode
+    };
+    if (projectID == null) args = {
+        ...args,
+        all: true
+    };
+    let url = "/columns";
+    if (apiBaseURL != null) url = (0, $Qf46V$joinURL)(apiBaseURL, url);
+    // Try with fetch
+    url = (0, $Qf46V$addQueryString)(url, args);
+    const res = await fetch(url, {
+        method: "GET",
+        headers: {
+            "Content-Type": "application/json"
+        }
+    });
+    if (res == null) return null;
+    // Get JSON
+    const data = await res.json();
+    return $33a46f9423c8104a$var$postProcessColumns($33a46f9423c8104a$var$columnProcessors[format](data));
+}
+function $33a46f9423c8104a$export$e3270a4e30e40ff9({ apiRoute: apiRoute = "/columns", status_code: status_code, project_id: project_id, format: format = "geojson" }) {
+    let all = undefined;
+    if (status_code == null && project_id == null) all = true;
+    const processor = $33a46f9423c8104a$var$columnProcessors[format];
+    return (0, $Qf46V$useAPIResult)(apiRoute, {
+        format: format,
+        all: all,
+        status_code: status_code,
+        project_id: project_id
+    }, processor);
+}
+function $33a46f9423c8104a$var$processGeoJSON(res) {
+    return $33a46f9423c8104a$var$processGeoJSONBare(res?.success?.data);
+}
+function $33a46f9423c8104a$var$processGeoJSONBare(res) {
+    return res?.features;
+}
+function $33a46f9423c8104a$var$processTopoJSON(res) {
+    try {
+        const { data: data } = res.success;
+        const { features: f } = (0, $Qf46V$feature)(data, data.objects.output);
+        return f;
+    } catch (err) {
+        console.error(err);
+        return [];
+    }
+}
+function $33a46f9423c8104a$var$postProcessColumns(columns) {
+    return $33a46f9423c8104a$var$promoteColumnIDs($33a46f9423c8104a$var$convertSmallAreasToPoints($33a46f9423c8104a$var$removeFeaturesWithoutGeometry(columns)));
+}
+function $33a46f9423c8104a$var$promoteColumnIDs(features) {
+    return features.map((f, i)=>{
+        return {
+            id: f.properties?.col_id,
+            ...f
+        };
+    });
+}
+function $33a46f9423c8104a$var$removeFeaturesWithoutGeometry(features) {
+    return features.filter((f)=>f.geometry != null);
+}
+function $33a46f9423c8104a$var$convertSmallAreasToPoints(features) {
+    return features.map((f)=>{
+        // GeoArea takes a long time to run. We are really more worried about points that are zero-area
+        if ((0, $Qf46V$geoArea)(f.geometry) < 1e-8) {
+            const centroid = f.geometry.coordinates[0][0];
+            f.geometry = {
+                type: "Point",
+                coordinates: centroid
+            };
+        }
+        return f;
+    });
+}
+const $33a46f9423c8104a$var$columnProcessors = {
+    topojson: $33a46f9423c8104a$var$processTopoJSON,
+    geojson: $33a46f9423c8104a$var$processGeoJSON,
+    geojson_bare: $33a46f9423c8104a$var$processGeoJSONBare
+};
+async function $33a46f9423c8104a$var$unwrapResponse(res) {
+    if (res == null) return null;
+    const resData = await res.json();
+    return resData["success"]["data"];
+}
+async function $33a46f9423c8104a$export$1aa679bd5e605f82(fetch = $33a46f9423c8104a$var$defaultFetch) {
+    const res = await fetch("/defs/lithologies?all");
+    return await $33a46f9423c8104a$var$unwrapResponse(res);
+}
+async function $33a46f9423c8104a$export$5d2ec2e733dfe6c7(timescaleID, fetch = $33a46f9423c8104a$var$defaultFetch) {
+    let url = `/defs/intervals`;
+    if (timescaleID != null) url += `?timescale_id=${timescaleID}`;
+    else url += "?all";
+    const res = await fetch(url);
+    return await $33a46f9423c8104a$var$unwrapResponse(res);
+}
+async function $33a46f9423c8104a$export$780b4b253712916c(fetch = $33a46f9423c8104a$var$defaultFetch) {
+    const res = await fetch("/defs/environments?all");
+    return await $33a46f9423c8104a$var$unwrapResponse(res);
+}
+async function $33a46f9423c8104a$export$cd7bfa0860f58b96(refs, fetch = $33a46f9423c8104a$var$defaultFetch) {
+    let url = `/defs/refs`;
+    if (refs.length == 0) return [];
+    url += "?ref_id=" + refs.join(",");
+    const res = await fetch(url);
+    return await $33a46f9423c8104a$var$unwrapResponse(res);
+}
+async function $33a46f9423c8104a$export$b97b9bdd6a521298(columns, fetch = $33a46f9423c8104a$var$defaultFetch) {
+    const promises = columns.map((col_id)=>$33a46f9423c8104a$export$d3d8b0fabcc76c5d(col_id, fetch));
+    return await Promise.all(promises);
+}
+async function $33a46f9423c8104a$export$d3d8b0fabcc76c5d(col_id, fetch = $33a46f9423c8104a$var$defaultFetch) {
+    const params = new URLSearchParams();
+    params.append("response", "long");
+    params.append("col_id", col_id.toString());
+    const res = await fetch("/units?" + params.toString());
+    const data = await res.json();
+    if (!data.success) throw new Error("Failed to fetch column units");
+    const units = data.success.data;
+    return {
+        columnID: col_id,
+        units: units
+    };
+}
+
+
+export {$33a46f9423c8104a$export$45bd78cd093090fa as fetchAllColumns, $33a46f9423c8104a$export$e3270a4e30e40ff9 as useColumnFeatures, $33a46f9423c8104a$export$1aa679bd5e605f82 as fetchLithologies, $33a46f9423c8104a$export$5d2ec2e733dfe6c7 as fetchIntervals, $33a46f9423c8104a$export$780b4b253712916c as fetchEnvironments, $33a46f9423c8104a$export$cd7bfa0860f58b96 as fetchRefs, $33a46f9423c8104a$export$b97b9bdd6a521298 as fetchUnits, $33a46f9423c8104a$export$d3d8b0fabcc76c5d as fetchColumnUnits};
+//# sourceMappingURL=column-views.5cc09c1d.js.map

package/dist/esm/column-views.5cc09c1d.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/column-views/src/data-provider/fetch.ts"],"sourcesContent":["import {\n  ColumnGeoJSONRecord,\n  ColumnGeoJSONRecordWithID,\n  MacrostratRef,\n  UnitLong,\n} from \"@macrostrat/api-types\";\nimport {\n  addQueryString,\n  joinURL,\n  useAPIResult,\n} from \"@macrostrat/ui-components\";\nimport crossFetch from \"cross-fetch\";\nimport { feature } from \"topojson-client\";\nimport { geoArea } from \"d3-geo\";\n\nfunction defaultFetch(\n  url: string,\n  options: RequestInit | undefined = undefined\n) {\n  const baseURL = \"https://macrostrat.org/api/v2\";\n  return crossFetch(baseURL + url, options);\n}\n\nexport interface ColumnFetchOptions {\n  apiBaseURL?: string;\n  projectID?: number;\n  statusCode?: \"in process\";\n  format?: \"geojson\" | \"topojson\" | \"geojson_bare\";\n  fetch?: any;\n}\n\nexport async function fetchAllColumns(\n  options: ColumnFetchOptions = {}\n): Promise<ColumnGeoJSONRecord[]> {\n  const {\n    apiBaseURL,\n    projectID,\n    format = \"topojson\",\n    statusCode,\n    fetch = crossFetch,\n  } = options;\n\n  let args: any = { format };\n  if (projectID != null) {\n    args = { ...args, project_id: projectID };\n  }\n  if (statusCode != null) {\n    args = { ...args, status_code: statusCode };\n  }\n\n  if (projectID == null) {\n    args = { ...args, all: true };\n  }\n\n  let url = \"/columns\";\n  if (apiBaseURL != null) {\n    url = joinURL(apiBaseURL, url);\n  }\n\n  // Try with fetch\n  url = addQueryString(url, args);\n\n  const res = await fetch(url, {\n    method: \"GET\",\n    headers: {\n      \"Content-Type\": \"application/json\",\n    },\n  });\n\n  if (res == null) {\n    return null;\n  }\n\n  // Get JSON\n  const data = await res.json();\n  return postProcessColumns(columnProcessors[format](data));\n}\n\nexport function useColumnFeatures({\n  apiRoute = \"/columns\",\n  status_code,\n  project_id,\n  format = \"geojson\",\n}) {\n  let all: boolean = undefined;\n  if (status_code == null && project_id == null) {\n    all = true;\n  }\n\n  const processor = columnProcessors[format];\n\n  return useAPIResult(\n    apiRoute,\n    { format, all, status_code, project_id },\n    processor\n  );\n}\n\nfunction processGeoJSON(res) {\n  return processGeoJSONBare(res?.success?.data);\n}\n\nfunction processGeoJSONBare(res) {\n  return res?.features;\n}\n\nfunction processTopoJSON(res) {\n  try {\n    const { data } = res.success;\n    const { features: f } = feature(data, data.objects.output) as any;\n    return f;\n  } catch (err) {\n    console.error(err);\n    return [];\n  }\n}\n\nfunction postProcessColumns(columns) {\n  return promoteColumnIDs(\n    convertSmallAreasToPoints(removeFeaturesWithoutGeometry(columns))\n  );\n}\n\nfunction promoteColumnIDs(\n  features: ColumnGeoJSONRecord[]\n): ColumnGeoJSONRecordWithID[] {\n  return features.map((f, i) => {\n    return {\n      id: f.properties?.col_id,\n      ...f,\n    };\n  });\n}\n\nfunction removeFeaturesWithoutGeometry(features) {\n  return features.filter((f) => f.geometry != null);\n}\n\nfunction convertSmallAreasToPoints(features) {\n  return features.map((f) => {\n    // GeoArea takes a long time to run. We are really more worried about points that are zero-area\n    if (geoArea(f.geometry) < 1e-8) {\n      const centroid = f.geometry.coordinates[0][0];\n      f.geometry = {\n        type: \"Point\",\n        coordinates: centroid,\n      };\n    }\n    return f;\n  });\n}\n\nconst columnProcessors = {\n  topojson: processTopoJSON,\n  geojson: processGeoJSON,\n  geojson_bare: processGeoJSONBare,\n};\n\nasync function unwrapResponse(res) {\n  if (res == null) {\n    return null;\n  }\n  const resData = await res.json();\n  return resData[\"success\"][\"data\"];\n}\n\nexport async function fetchLithologies(fetch = defaultFetch) {\n  const res = await fetch(\"/defs/lithologies?all\");\n  return await unwrapResponse(res);\n}\n\nexport async function fetchIntervals(\n  timescaleID: number | null,\n  fetch = defaultFetch\n) {\n  let url = `/defs/intervals`;\n  if (timescaleID != null) {\n    url += `?timescale_id=${timescaleID}`;\n  } else {\n    url += \"?all\";\n  }\n  const res = await fetch(url);\n  return await unwrapResponse(res);\n}\n\nexport async function fetchEnvironments(fetch = defaultFetch) {\n  const res = await fetch(\"/defs/environments?all\");\n  return await unwrapResponse(res);\n}\n\nexport async function fetchRefs(\n  refs: number[],\n  fetch = defaultFetch\n): Promise<MacrostratRef[]> {\n  let url = `/defs/refs`;\n  if (refs.length == 0) {\n    return [];\n  }\n  url += \"?ref_id=\" + refs.join(\",\");\n  const res = await fetch(url);\n  return await unwrapResponse(res);\n}\n\nexport type ColumnData = {\n  units: UnitLong[];\n  columnID: number;\n};\n\nexport async function fetchUnits(\n  columns: number[],\n  fetch = defaultFetch\n): Promise<ColumnData[]> {\n  const promises = columns.map((col_id) => fetchColumnUnits(col_id, fetch));\n  return await Promise.all(promises);\n}\n\nexport async function fetchColumnUnits(\n  col_id: number,\n  fetch = defaultFetch\n): Promise<ColumnData> {\n  const params = new URLSearchParams();\n  params.append(\"response\", \"long\");\n  params.append(\"col_id\", col_id.toString());\n  const res = await fetch(\"/units\" + \"?\" + params.toString());\n  const data = await res.json();\n  if (!data.success) {\n    throw new Error(\"Failed to fetch column units\");\n  }\n  const units = data.success.data;\n  return { columnID: col_id, units };\n}\n"],"names":[],"version":3,"file":"column-views.5cc09c1d.js.map"}

package/dist/esm/{names.f6a4e9a4.js → column-views.650bd9f5.js}

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

package/dist/esm/column-views.650bd9f5.js.map

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

package/dist/esm/column-views.68409161.js

@@ -0,0 +1,89 @@
+import {Columns as $93f116a6493b17c3$export$f02cc02ad0e0bba3, CurrentColumn as $93f116a6493b17c3$export$b9d912252344e099, MeasurementsLayer as $93f116a6493b17c3$export$2254347cd20e6080, ColumnFeatures as $93f116a6493b17c3$export$f177ff57c101017a, ColumnKeyboardNavigation as $93f116a6493b17c3$export$8c41dd563753848, ColumnCenters as $93f116a6493b17c3$export$4d8f6e6df85d9012} from "./column-views.e77b9d6b.js";
+import {useRef as $9RwS3$useRef} from "react";
+import $9RwS3$macrostrathyper from "@macrostrat/hyper";
+import {Globe as $9RwS3$Globe, LandLayer as $9RwS3$LandLayer} from "@macrostrat/svg-map-components";
+import {geoCentroid as $9RwS3$geoCentroid} from "d3-geo";
+import {useElementSize as $9RwS3$useElementSize} from "@macrostrat/ui-components";
+
+
+
+
+
+
+
+function $e6046e00d2c8a163$export$c4313db718750a5a(props) {
+    const { center: center, children: children, style: style, margin: margin, className: className, allowZoom: allowZoom, ...rest } = props;
+    let { scale: scale } = props;
+    const ref = (0, $9RwS3$useRef)(null);
+    const sz = (0, $9RwS3$useElementSize)(ref);
+    const { width: width, height: height } = sz ?? {
+        width: 0,
+        height: 0
+    };
+    if (scale == null) scale = Math.min(width, height) + 2 * margin;
+    let zoomScaleExtent = null;
+    if (allowZoom) zoomScaleExtent = [
+        0.1 * Math.min(width, height),
+        2 * Math.max(width, height)
+    ];
+    return (0, $9RwS3$macrostrathyper)("div.map-area", {
+        ref: ref,
+        style: style,
+        className: className
+    }, [
+        (0, $9RwS3$macrostrathyper)((0, $9RwS3$Globe), {
+            width: width,
+            height: height,
+            margin: margin,
+            center: center,
+            allowDrag: true,
+            allowZoom: allowZoom,
+            keepNorthUp: true,
+            zoomScaleExtent: zoomScaleExtent,
+            ...rest,
+            scale: scale
+        }, [
+            (0, $9RwS3$macrostrathyper)((0, $9RwS3$LandLayer)),
+            children
+        ])
+    ]);
+}
+function $e6046e00d2c8a163$export$9595c40c7a4c4f7b(props) {
+    const { currentColumn: currentColumn, setCurrentColumn: setCurrentColumn, children: children, style: style, margin: margin = 10, scale: scale, className: className, showInProcessColumns: showInProcessColumns = false, showDebugLayers: showDebugLayers = false, center: center, ...rest } = props;
+    let _center = center ?? [
+        -100,
+        38
+    ];
+    // Override center if currentColumn is set
+    if (currentColumn != null) _center = (0, $9RwS3$geoCentroid)(currentColumn);
+    console.log(currentColumn);
+    return (0, $9RwS3$macrostrathyper)($e6046e00d2c8a163$export$c4313db718750a5a, {
+        center: _center,
+        style: style,
+        margin: margin,
+        scale: scale,
+        className: className
+    }, [
+        children,
+        (0, $9RwS3$macrostrathyper)((0, $93f116a6493b17c3$export$f02cc02ad0e0bba3), {
+            onChange: setCurrentColumn,
+            col_id: currentColumn?.properties.col_id,
+            showDebugLayers: showDebugLayers,
+            ...rest
+        }),
+        (0, $9RwS3$macrostrathyper).if(showInProcessColumns)((0, $93f116a6493b17c3$export$f02cc02ad0e0bba3), {
+            onChange: setCurrentColumn,
+            col_id: currentColumn?.properties.col_id,
+            status_code: "in process",
+            color: "rgba(200,150,150, 0.5)",
+            ...rest
+        }),
+        (0, $9RwS3$macrostrathyper).if(currentColumn != null)((0, $93f116a6493b17c3$export$b9d912252344e099), {
+            feature: currentColumn
+        })
+    ]);
+}
+
+
+export {$e6046e00d2c8a163$export$c4313db718750a5a as ResizableMapFrame, $e6046e00d2c8a163$export$9595c40c7a4c4f7b as ColumnNavigationSVGMap, $93f116a6493b17c3$export$2254347cd20e6080 as MeasurementsLayer, $93f116a6493b17c3$export$f177ff57c101017a as ColumnFeatures, $93f116a6493b17c3$export$8c41dd563753848 as ColumnKeyboardNavigation, $93f116a6493b17c3$export$f02cc02ad0e0bba3 as Columns, $93f116a6493b17c3$export$4d8f6e6df85d9012 as ColumnCenters, $93f116a6493b17c3$export$b9d912252344e099 as CurrentColumn};
+//# sourceMappingURL=column-views.68409161.js.map

package/dist/esm/column-views.68409161.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;AAQO,SAAS,0CAAkB,KAAK;IACrC,MAAM,UAAE,MAAM,YAAE,QAAQ,SAAE,KAAK,UAAE,MAAM,aAAE,SAAS,aAAE,SAAS,EAAE,GAAG,MAAM,GACtE;IACF,IAAI,SAAE,KAAK,EAAE,GAAG;IAChB,MAAM,MAAM,CAAA,GAAA,aAAK,EAAE;IACnB,MAAM,KAAK,CAAA,GAAA,qBAAa,EAAE;IAC1B,MAAM,SAAE,KAAK,UAAE,MAAM,EAAE,GAAG,MAAM;QAAE,OAAO;QAAG,QAAQ;IAAE;IACtD,IAAI,SAAS,MACX,QAAQ,KAAK,GAAG,CAAC,OAAO,UAAU,IAAI;IAGxC,IAAI,kBAAkB;IAEtB,IAAI,WACF,kBAAkB;QAChB,MAAM,KAAK,GAAG,CAAC,OAAO;QACtB,IAAI,KAAK,GAAG,CAAC,OAAO;KACrB;IAGH,OAAO,CAAA,GAAA,sBAAA,EAAE,gBAAgB;aAAE;eAAK;mBAAO;IAAU,GAAG;QAClD,CAAA,GAAA,sBAAA,EACE,CAAA,GAAA,YAAI,GACJ;mBACE;oBACA;oBACA;oBACA;YACA,WAAW;uBACX;YACA,aAAa;6BACb;YACA,GAAG,IAAI;mBACP;QACF,GACA;YAAC,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,gBAAQ;YAAI;SAAS;KAE3B;AACH;AAKO,SAAS,0CAAuB,KAAK;IAC1C,MAAM,iBACJ,aAAa,oBACb,gBAAgB,YAChB,QAAQ,SACR,KAAK,UACL,SAAS,WACT,KAAK,aACL,SAAS,wBACT,uBAAuB,wBACvB,kBAAkB,eAClB,MAAM,EACN,GAAG,MACJ,GAAG;IAEJ,IAAI,UAA6B,UAAU;QAAC;QAAM;KAAG;IACrD,0CAA0C;IAC1C,IAAI,iBAAiB,MACnB,UAAU,CAAA,GAAA,kBAAU,EAAE;IAGxB,QAAQ,GAAG,CAAC;IAEZ,OAAO,CAAA,GAAA,sBAAA,EACL,2CACA;QAAE,QAAQ;eAAS;gBAAO;eAAQ;mBAAO;IAAU,GACnD;QACE;QACA,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,yCAAM,GAAG;YACT,UAAU;YACV,QAAQ,eAAe,WAAW;6BAClC;YACA,GAAG,IAAI;QACT;QACA,CAAA,GAAA,sBAAA,EAAE,EAAE,CAAC,sBAAsB,CAAA,GAAA,yCAAM,GAAG;YAClC,UAAU;YACV,QAAQ,eAAe,WAAW;YAClC,aAAa;YACb,OAAO;YACP,GAAG,IAAI;QACT;QACA,CAAA,GAAA,sBAAA,EAAE,EAAE,CAAC,iBAAiB,MAAM,CAAA,GAAA,yCAAY,GAAG;YAAE,SAAS;QAAc;KACrE;AAEL","sources":["packages/column-views/src/maps/column-navigation/svg/index.ts"],"sourcesContent":["import { useRef } from \"react\";\nimport h from \"@macrostrat/hyper\";\nimport { Globe, LandLayer } from \"@macrostrat/svg-map-components\";\nimport { geoCentroid } from \"d3-geo\";\nimport { useElementSize } from \"@macrostrat/ui-components\";\nimport { Columns, CurrentColumn } from \"./layers\";\nimport type { LngLatLike } from \"mapbox-gl\";\n\nexport function ResizableMapFrame(props) {\n  const { center, children, style, margin, className, allowZoom, ...rest } =\n    props;\n  let { scale } = props;\n  const ref = useRef(null);\n  const sz = useElementSize(ref);\n  const { width, height } = sz ?? { width: 0, height: 0 };\n  if (scale == null) {\n    scale = Math.min(width, height) + 2 * margin;\n  }\n\n  let zoomScaleExtent = null;\n\n  if (allowZoom) {\n    zoomScaleExtent = [\n      0.1 * Math.min(width, height),\n      2 * Math.max(width, height),\n    ];\n  }\n\n  return h(\"div.map-area\", { ref, style, className }, [\n    h(\n      Globe,\n      {\n        width,\n        height,\n        margin,\n        center,\n        allowDrag: true,\n        allowZoom,\n        keepNorthUp: true,\n        zoomScaleExtent,\n        ...rest,\n        scale,\n      },\n      [h(LandLayer), children]\n    ),\n  ]);\n}\n\ntype ColumnNavigationSVGMapProps = any;\nexport type { ColumnNavigationSVGMapProps };\n\nexport function ColumnNavigationSVGMap(props) {\n  const {\n    currentColumn,\n    setCurrentColumn,\n    children,\n    style,\n    margin = 10,\n    scale,\n    className,\n    showInProcessColumns = false,\n    showDebugLayers = false,\n    center,\n    ...rest\n  } = props;\n\n  let _center: LngLatLike | null = center ?? [-100, 38];\n  // Override center if currentColumn is set\n  if (currentColumn != null) {\n    _center = geoCentroid(currentColumn);\n  }\n\n  console.log(currentColumn);\n\n  return h(\n    ResizableMapFrame,\n    { center: _center, style, margin, scale, className },\n    [\n      children,\n      h(Columns, {\n        onChange: setCurrentColumn,\n        col_id: currentColumn?.properties.col_id,\n        showDebugLayers,\n        ...rest,\n      }),\n      h.if(showInProcessColumns)(Columns, {\n        onChange: setCurrentColumn,\n        col_id: currentColumn?.properties.col_id,\n        status_code: \"in process\",\n        color: \"rgba(200,150,150, 0.5)\",\n        ...rest,\n      }),\n      h.if(currentColumn != null)(CurrentColumn, { feature: currentColumn }),\n    ]\n  );\n}\n\nexport * from \"./layers\";\n"],"names":[],"version":3,"file":"column-views.68409161.js.map"}