@macrostrat/column-views 1.0.3 → 2.0.0

package/dist/esm/boxes.8292cff2.js

@@ -0,0 +1,258 @@
+import {resolveID as $d3e69bd163d41f63$export$7be7d732f3de9464, scalePattern as $d3e69bd163d41f63$export$e8deec7b02ce51eb} from "./resolvers.36013b49.js";
+import {useUnitSelectionTarget as $4d5d1c15f39f6a14$export$cbbec12b1451fe7d} from "./selection.f5b0297e.js";
+import "./boxes.module.2b5fb18e.css";
+import $lClM8$boxesmodule4ebc7796js from "./boxes.module.4ebc7796.js";
+import {getUnitHeightRange as $b6657fba8924a702$export$70e712e2ac0237a} from "./utils.d7a43a2a.js";
+import {useLithologies as $774a5efa27d1c77b$export$4d18a90c945d129f} from "./base.910b80b4.js";
+import {getMixedUnitColor as $6698edd2a743bf07$export$175d3e927f1a9860} from "./colors.395c6db5.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$boxesmodule4ebc7796js))));
+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=boxes.8292cff2.js.map

package/dist/esm/boxes.8292cff2.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":"boxes.8292cff2.js.map"}

package/dist/esm/boxes.module.2b5fb18e.css

@@ -0,0 +1,26 @@
+.WkKD8q_unit-label-container {
+  pointer-events: none;
+}
+
+.WkKD8q_labeled-unit {
+  --column-unit-background-internal: var(--column-unit-background-color, var(--column-background-color));
+}
+
+.WkKD8q_labeled-unit .unit-overlay {
+  justify-content: center;
+  align-items: center;
+  font-size: 10px;
+  font-style: italic;
+  display: flex;
+}
+
+.WkKD8q_labeled-unit .unit-label {
+  color: var(--column-text-color);
+  text-shadow: 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal);
+  display: block;
+}
+
+.WkKD8q_labeled-unit .WkKD8q_background {
+  fill: var(--column-unit-background-internal, transparent);
+}
+/*# sourceMappingURL=boxes.module.2b5fb18e.css.map */

package/dist/esm/boxes.module.2b5fb18e.css.map

@@ -0,0 +1 @@
+{"mappings":"AAAA;;;;AAGA;;;;AAEE;;;;;;;;AAOA;;;;;;AAKA","sources":["packages/column-views/src/units/boxes.module.sass"],"sourcesContent":[".unit-label-container\n  pointer-events: none\n\n.labeled-unit\n  --column-unit-background-internal: var(--column-unit-background-color, var(--column-background-color))\n  :global(.unit-overlay)\n    font-size: 10px\n    font-style: italic\n    display: flex\n    align-items: center\n    justify-content: center\n\n  :global(.unit-label)\n    display: block\n    color: var(--column-text-color)\n    text-shadow: 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal)\n\n  .background\n    fill: var(--column-unit-background-internal, transparent)\n"],"names":[],"version":3,"file":"boxes.module.2b5fb18e.css.map"}

package/dist/esm/boxes.module.4ebc7796.js

@@ -0,0 +1,19 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $b9031ec72fd2f651$exports = {};
+
+$parcel$export($b9031ec72fd2f651$exports, "background", () => $b9031ec72fd2f651$export$8ce1fd94bee2f412, (v) => $b9031ec72fd2f651$export$8ce1fd94bee2f412 = v);
+$parcel$export($b9031ec72fd2f651$exports, "labeled-unit", () => $b9031ec72fd2f651$export$1dec37058a9db506, (v) => $b9031ec72fd2f651$export$1dec37058a9db506 = v);
+$parcel$export($b9031ec72fd2f651$exports, "unit-label-container", () => $b9031ec72fd2f651$export$7756584041496870, (v) => $b9031ec72fd2f651$export$7756584041496870 = v);
+var $b9031ec72fd2f651$export$8ce1fd94bee2f412;
+var $b9031ec72fd2f651$export$1dec37058a9db506;
+var $b9031ec72fd2f651$export$7756584041496870;
+$b9031ec72fd2f651$export$8ce1fd94bee2f412 = `WkKD8q_background`;
+$b9031ec72fd2f651$export$1dec37058a9db506 = `WkKD8q_labeled-unit`;
+$b9031ec72fd2f651$export$7756584041496870 = `WkKD8q_unit-label-container`;
+
+
+export {$b9031ec72fd2f651$exports as default};
+//# sourceMappingURL=boxes.module.4ebc7796.js.map

package/dist/esm/boxes.module.4ebc7796.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AAFA,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAAyC,CAAC,2BAA2B,CAAC","sources":["packages/column-views/src/units/boxes.module.sass"],"sourcesContent":[".unit-label-container\n  pointer-events: none\n\n.labeled-unit\n  --column-unit-background-internal: var(--column-unit-background-color, var(--column-background-color))\n  :global(.unit-overlay)\n    font-size: 10px\n    font-style: italic\n    display: flex\n    align-items: center\n    justify-content: center\n\n  :global(.unit-label)\n    display: block\n    color: var(--column-text-color)\n    text-shadow: 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal), 0px 0px 4px var(--column-unit-background-internal)\n\n  .background\n    fill: var(--column-unit-background-internal, transparent)\n"],"names":[],"version":3,"file":"boxes.module.4ebc7796.js.map"}

package/dist/esm/{carbon-isotopes.3b502a9e.js → carbon-isotopes.10db8285.js}

@@ -1,6 +1,6 @@
 import {IsotopesDataset as $d5a3eba6c540ff58$export$c69bd0285aa5d775, IsotopesColumn as $d5a3eba6c540ff58$export$5d8aa8022c284748} from "./isotopes-column.7cb5cc45.js";
 import {MeasurementDataContext as $8adf39b8c41fe3cc$export$c644ef985ce7a4c4, MeasurementDataProvider as $8adf39b8c41fe3cc$export$5f01d5b342a89841, useMeasurementData as $8adf39b8c41fe3cc$export$8a0335fd9ff72150} from "./data-provider.1506eb64.js";
-import {CarbonIsotopesColumn as $5cc70deb5088007a$export$883edafebdc6d87e, CarbonIsotopesApp as $5cc70deb5088007a$export$e2beef9ae524c9d5} from "./core.4db8e452.js";
+import {CarbonIsotopesColumn as $5cc70deb5088007a$export$883edafebdc6d87e, CarbonIsotopesApp as $5cc70deb5088007a$export$e2beef9ae524c9d5} from "./core.843310d3.js";
 
 
 
@@ -8,4 +8,4 @@ import {CarbonIsotopesColumn as $5cc70deb5088007a$export$883edafebdc6d87e, Carbo
 
 
 export {$d5a3eba6c540ff58$export$c69bd0285aa5d775 as IsotopesDataset, $d5a3eba6c540ff58$export$5d8aa8022c284748 as IsotopesColumn, $8adf39b8c41fe3cc$export$c644ef985ce7a4c4 as MeasurementDataContext, $8adf39b8c41fe3cc$export$5f01d5b342a89841 as MeasurementDataProvider, $8adf39b8c41fe3cc$export$8a0335fd9ff72150 as useMeasurementData, $5cc70deb5088007a$export$883edafebdc6d87e as CarbonIsotopesColumn, $5cc70deb5088007a$export$e2beef9ae524c9d5 as CarbonIsotopesApp};
-//# sourceMappingURL=carbon-isotopes.3b502a9e.js.map
+//# sourceMappingURL=carbon-isotopes.10db8285.js.map

package/dist/esm/{carbon-isotopes.3b502a9e.js.map → carbon-isotopes.10db8285.js.map}

@@ -1 +1 @@
-{"mappings":"","sources":["packages/column-views/src/carbon-isotopes/index.ts"],"sourcesContent":["export * from \"./isotopes-column\";\nexport * from \"./data-provider\";\nexport * from \"./core\";\n"],"names":[],"version":3,"file":"carbon-isotopes.3b502a9e.js.map"}
+{"mappings":"","sources":["packages/column-views/src/carbon-isotopes/index.ts"],"sourcesContent":["export * from \"./isotopes-column\";\nexport * from \"./data-provider\";\nexport * from \"./core\";\n"],"names":[],"version":3,"file":"carbon-isotopes.10db8285.js.map"}

package/dist/esm/colors.395c6db5.js

@@ -0,0 +1,40 @@
+import $kwOHx$chromajs from "chroma-js";
+
+
+function $6698edd2a743bf07$export$175d3e927f1a9860(unit, lithMap, inDarkMode = false, asBackground = true) {
+    const liths = unit.lith;
+    if (liths == null) return "gray";
+    const lithData = liths.map((d)=>{
+        let prop = d.prop;
+        if (prop == null || isNaN(prop) || prop <= 0) prop = null;
+        return {
+            lith_id: d.lith_id,
+            prop: prop,
+            color: lithMap?.get(d.lith_id)?.color
+        };
+    }).filter((d)=>d.color != null);
+    const lithsWithProp = lithData.filter((d)=>d.prop != null);
+    const lithsWithoutProp = lithData.filter((d)=>d.prop == null);
+    const totalProp = lithsWithProp.reduce((sum, d)=>sum + d.prop, 0);
+    if (totalProp < 1 && lithsWithoutProp.length > 0) {
+        const remainingProp = 1 - totalProp;
+        // Distribute remaining proportion equally among liths without prop
+        const equalProp = remainingProp / lithsWithoutProp.length;
+        lithsWithoutProp.forEach((d)=>{
+            lithsWithProp.push({
+                ...d,
+                prop: equalProp
+            });
+        });
+    }
+    if (lithsWithProp.length == 0) return null;
+    // Mix colors proportionally
+    const baseColor = (0, $kwOHx$chromajs).average(lithsWithProp.map((d)=>d.color), "lrgb", lithsWithProp.map((d)=>d.prop));
+    if (!asBackground) return baseColor.hex();
+    if (inDarkMode) return baseColor.set("hsl.l", 0.2).hex();
+    else return baseColor.set("hsl.l", 0.9).hex();
+}
+
+
+export {$6698edd2a743bf07$export$175d3e927f1a9860 as getMixedUnitColor};
+//# sourceMappingURL=colors.395c6db5.js.map

package/dist/esm/colors.395c6db5.js.map

@@ -0,0 +1 @@
+{"mappings":";;;AAGO,SAAS,0CACd,IAAc,EACd,OAAO,EACP,aAAa,KAAK,EAClB,eAAe,IAAI;IAEnB,MAAM,QAAQ,KAAK,IAAI;IACvB,IAAI,SAAS,MACX,OAAO;IAET,MAAM,WAAW,MACd,GAAG,CAAC,CAAC;QACJ,IAAI,OAAO,EAAE,IAAI;QACjB,IAAI,QAAQ,QAAQ,MAAM,SAAS,QAAQ,GACzC,OAAO;QAET,OAAO;YACL,SAAS,EAAE,OAAO;kBAClB;YACA,OAAO,SAAS,IAAI,EAAE,OAAO,GAAG;QAClC;IACF,GACC,MAAM,CAAC,CAAC,IAAM,EAAE,KAAK,IAAI;IAE5B,MAAM,gBAAgB,SAAS,MAAM,CAAC,CAAC,IAAM,EAAE,IAAI,IAAI;IACvD,MAAM,mBAAmB,SAAS,MAAM,CAAC,CAAC,IAAM,EAAE,IAAI,IAAI;IAE1D,MAAM,YAAY,cAAc,MAAM,CAAC,CAAC,KAAK,IAAM,MAAM,EAAE,IAAI,EAAE;IACjE,IAAI,YAAY,KAAK,iBAAiB,MAAM,GAAG,GAAG;QAChD,MAAM,gBAAgB,IAAI;QAC1B,mEAAmE;QACnE,MAAM,YAAY,gBAAgB,iBAAiB,MAAM;QACzD,iBAAiB,OAAO,CAAC,CAAC;YACxB,cAAc,IAAI,CAAC;gBACjB,GAAG,CAAC;gBACJ,MAAM;YACR;QACF;IACF;IAEA,IAAI,cAAc,MAAM,IAAI,GAC1B,OAAO;IAGT,4BAA4B;IAC5B,MAAM,YAAY,CAAA,GAAA,eAAK,EAAE,OAAO,CAC9B,cAAc,GAAG,CAAC,CAAC,IAAM,EAAE,KAAK,GAChC,QACA,cAAc,GAAG,CAAC,CAAC,IAAM,EAAE,IAAI;IAGjC,IAAI,CAAC,cACH,OAAO,UAAU,GAAG;IAGtB,IAAI,YACF,OAAO,UAAU,GAAG,CAAC,SAAS,KAAK,GAAG;SAEtC,OAAO,UAAU,GAAG,CAAC,SAAS,KAAK,GAAG;AAE1C","sources":["packages/column-views/src/units/colors.ts"],"sourcesContent":["import chroma from \"chroma-js\";\nimport { UnitLong } from \"@macrostrat/api-types\";\n\nexport function getMixedUnitColor(\n  unit: UnitLong,\n  lithMap,\n  inDarkMode = false,\n  asBackground = true\n): string | null {\n  const liths = unit.lith;\n  if (liths == null) {\n    return \"gray\";\n  }\n  const lithData = liths\n    .map((d) => {\n      let prop = d.prop;\n      if (prop == null || isNaN(prop) || prop <= 0) {\n        prop = null;\n      }\n      return {\n        lith_id: d.lith_id,\n        prop,\n        color: lithMap?.get(d.lith_id)?.color,\n      };\n    })\n    .filter((d) => d.color != null);\n\n  const lithsWithProp = lithData.filter((d) => d.prop != null);\n  const lithsWithoutProp = lithData.filter((d) => d.prop == null);\n\n  const totalProp = lithsWithProp.reduce((sum, d) => sum + d.prop, 0);\n  if (totalProp < 1 && lithsWithoutProp.length > 0) {\n    const remainingProp = 1 - totalProp;\n    // Distribute remaining proportion equally among liths without prop\n    const equalProp = remainingProp / lithsWithoutProp.length;\n    lithsWithoutProp.forEach((d) => {\n      lithsWithProp.push({\n        ...d,\n        prop: equalProp,\n      });\n    });\n  }\n\n  if (lithsWithProp.length == 0) {\n    return null;\n  }\n\n  // Mix colors proportionally\n  const baseColor = chroma.average(\n    lithsWithProp.map((d) => d.color),\n    \"lrgb\",\n    lithsWithProp.map((d) => d.prop)\n  );\n\n  if (!asBackground) {\n    return baseColor.hex();\n  }\n\n  if (inDarkMode) {\n    return baseColor.set(\"hsl.l\", 0.2).hex();\n  } else {\n    return baseColor.set(\"hsl.l\", 0.9).hex();\n  }\n}\n"],"names":[],"version":3,"file":"colors.395c6db5.js.map"}

package/dist/esm/column-correlation.c8dcfe98.js

@@ -0,0 +1,9 @@
+import {ColumnCorrelationMap as $dcd183b733f66144$export$8e7d97509e84cc49} from "./core.91ede078.js";
+import {ColumnCorrelationProvider as $74e211dc185c20b4$export$72ffe141ebf87ef1, useCorrelationMapStore as $74e211dc185c20b4$export$21398703d3a9bb4d} from "./state.2952cbca.js";
+
+
+
+
+
+export {$dcd183b733f66144$export$8e7d97509e84cc49 as ColumnCorrelationMap, $74e211dc185c20b4$export$72ffe141ebf87ef1 as ColumnCorrelationProvider, $74e211dc185c20b4$export$21398703d3a9bb4d as useCorrelationMapStore};
+//# sourceMappingURL=column-correlation.c8dcfe98.js.map

package/dist/esm/column-correlation.c8dcfe98.js.map

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

package/dist/esm/column-nav.5414677c.js

@@ -0,0 +1,55 @@
+import $cgYa0$macrostrathyper from "@macrostrat/hyper";
+import {getQueryString as $cgYa0$getQueryString, setQueryString as $cgYa0$setQueryString} from "@macrostrat/ui-components";
+import {createContext as $cgYa0$createContext, useContext as $cgYa0$useContext, useState as $cgYa0$useState, useEffect as $cgYa0$useEffect} from "react";
+
+
+
+
+const $b8de97dfa82f4910$var$ColumnNavCtx = (0, $cgYa0$createContext)(null);
+function $b8de97dfa82f4910$export$91cb5ac808759b34(defaultArgs = {
+    col_id: 495,
+    unit_id: null
+}) {
+    const ctx = (0, $cgYa0$useContext)($b8de97dfa82f4910$var$ColumnNavCtx);
+    if (ctx != null) return ctx;
+    const [columnArgs, setColumnArgs] = (0, $cgYa0$useState)($b8de97dfa82f4910$var$extractColumnArgs((0, $cgYa0$getQueryString)(window.location.search)) ?? defaultArgs);
+    (0, $cgYa0$useEffect)(()=>(0, $cgYa0$setQueryString)(columnArgs), [
+        columnArgs
+    ]);
+    const { col_id: col_id, project_id: project_id, status_code: status_code } = columnArgs;
+    const setCurrentColumn = (obj)=>{
+        let args = obj;
+        if ("properties" in obj) args = {
+            col_id: obj.properties.col_id,
+            project_id: project_id,
+            status_code: status_code
+        };
+        // Set query string
+        (0, $cgYa0$setQueryString)(args);
+        setColumnArgs(args);
+    };
+    return [
+        columnArgs,
+        setCurrentColumn
+    ];
+}
+function $b8de97dfa82f4910$var$extractColumnArgs(search) {
+    const { col_id: col_id, unit_id: unit_id, project_id: project_id, status_code: status_code } = search ?? {};
+    if (col_id == null) return null;
+    return {
+        col_id: col_id,
+        unit_id: unit_id,
+        project_id: project_id,
+        status_code: status_code
+    };
+}
+function $b8de97dfa82f4910$export$36fed9e0f93a8fde({ children: children, ...defaultArgs }) {
+    /** Column navigation provider that manages the query string for selected columns */ const value = $b8de97dfa82f4910$export$91cb5ac808759b34(defaultArgs);
+    return (0, $cgYa0$macrostrathyper)($b8de97dfa82f4910$var$ColumnNavCtx.Provider, {
+        value: value
+    }, children);
+}
+
+
+export {$b8de97dfa82f4910$export$91cb5ac808759b34 as useColumnNav, $b8de97dfa82f4910$export$36fed9e0f93a8fde as ColumnNavProvider};
+//# sourceMappingURL=column-nav.5414677c.js.map

package/dist/esm/column-nav.5414677c.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;AAaA,MAAM,qCAAe,CAAA,GAAA,oBAAY,EAA4B;AAEtD,SAAS,0CACd,cAA0B;IAAE,QAAQ;IAAK,SAAS;AAAK,CAAC;IAExD,MAAM,MAAM,CAAA,GAAA,iBAAS,EAAE;IACvB,IAAI,OAAO,MAAM,OAAO;IAExB,MAAM,CAAC,YAAY,cAAc,GAAG,CAAA,GAAA,eAAO,EACzC,wCAAkB,CAAA,GAAA,qBAAa,EAAE,OAAO,QAAQ,CAAC,MAAM,MAAM;IAG/D,CAAA,GAAA,gBAAQ,EAAE,IAAM,CAAA,GAAA,qBAAa,EAAE,aAAa;QAAC;KAAW;IAExD,MAAM,UAAE,MAAM,cAAE,UAAU,eAAE,WAAW,EAAE,GAAG;IAE5C,MAAM,mBAAmB,CAAC;QACxB,IAAI,OAAO;QACX,IAAI,gBAAgB,KAClB,OAAO;YAAE,QAAQ,IAAI,UAAU,CAAC,MAAM;wBAAE;yBAAY;QAAY;QAElE,mBAAmB;QACnB,CAAA,GAAA,qBAAa,EAAE;QACf,cAAc;IAChB;IAEA,OAAO;QAAC;QAAY;KAAiB;AACvC;AAEA,SAAS,wCAAkB,MAAW;IACpC,MAAM,UAAE,MAAM,WAAE,OAAO,cAAE,UAAU,eAAE,WAAW,EAAE,GAAG,UAAU,CAAC;IAChE,IAAI,UAAU,MAAM,OAAO;IAC3B,OAAO;gBAAE;iBAAQ;oBAAS;qBAAY;IAAY;AACpD;AAEO,SAAS,0CAAkB,YAAE,QAAQ,EAAE,GAAG,aAAa;IAC5D,kFAAkF,GAClF,MAAM,QAAQ,0CAAa;IAC3B,OAAO,CAAA,GAAA,sBAAA,EAAE,mCAAa,QAAQ,EAAE;eAAE;IAAM,GAAG;AAC7C","sources":["packages/column-views/src/data-provider/column-nav.ts"],"sourcesContent":["import h from \"@macrostrat/hyper\";\nimport { getQueryString, setQueryString } from \"@macrostrat/ui-components\";\nimport { createContext, useContext, useEffect, useState } from \"react\";\n\nexport interface ColumnArgs {\n  col_id?: number;\n  unit_id?: number;\n  project_id?: number;\n  status_code?: \"in process\";\n}\n\ntype ColumnManagerData = [ColumnArgs, (c: ColumnArgs) => void];\n\nconst ColumnNavCtx = createContext<ColumnManagerData | null>(null);\n\nexport function useColumnNav(\n  defaultArgs: ColumnArgs = { col_id: 495, unit_id: null }\n): ColumnManagerData {\n  const ctx = useContext(ColumnNavCtx);\n  if (ctx != null) return ctx;\n\n  const [columnArgs, setColumnArgs] = useState<ColumnArgs>(\n    extractColumnArgs(getQueryString(window.location.search)) ?? defaultArgs\n  );\n\n  useEffect(() => setQueryString(columnArgs), [columnArgs]);\n\n  const { col_id, project_id, status_code } = columnArgs;\n\n  const setCurrentColumn = (obj) => {\n    let args = obj;\n    if (\"properties\" in obj) {\n      args = { col_id: obj.properties.col_id, project_id, status_code };\n    }\n    // Set query string\n    setQueryString(args);\n    setColumnArgs(args);\n  };\n\n  return [columnArgs, setCurrentColumn];\n}\n\nfunction extractColumnArgs(search: any): ColumnArgs | null {\n  const { col_id, unit_id, project_id, status_code } = search ?? {};\n  if (col_id == null) return null;\n  return { col_id, unit_id, project_id, status_code };\n}\n\nexport function ColumnNavProvider({ children, ...defaultArgs }) {\n  /** Column navigation provider that manages the query string for selected columns */\n  const value = useColumnNav(defaultArgs as any);\n  return h(ColumnNavCtx.Provider, { value }, children);\n}\n"],"names":[],"version":3,"file":"column-nav.5414677c.js.map"}

package/dist/esm/column-navigation.37cd3245.js

@@ -0,0 +1,9 @@
+import {ColumnNavigationMap as $9d5d216fa2057b5b$export$821baedf611249f3} from "./mapbox.cac42eed.js";
+import {ResizableMapFrame as $e6046e00d2c8a163$export$c4313db718750a5a, ColumnNavigationSVGMap as $e6046e00d2c8a163$export$9595c40c7a4c4f7b, MeasurementsLayer as $93f116a6493b17c3$export$2254347cd20e6080, ColumnFeatures as $93f116a6493b17c3$export$f177ff57c101017a, ColumnKeyboardNavigation as $93f116a6493b17c3$export$8c41dd563753848, Columns as $93f116a6493b17c3$export$f02cc02ad0e0bba3, ColumnCenters as $93f116a6493b17c3$export$4d8f6e6df85d9012, CurrentColumn as $93f116a6493b17c3$export$b9d912252344e099} from "./svg.4b9a96c1.js";
+
+
+
+
+
+export {$9d5d216fa2057b5b$export$821baedf611249f3 as ColumnNavigationMap, $e6046e00d2c8a163$export$c4313db718750a5a as ResizableMapFrame, $e6046e00d2c8a163$export$9595c40c7a4c4f7b as ColumnNavigationSVGMap, $93f116a6493b17c3$export$2254347cd20e6080 as MeasurementsLayer, $93f116a6493b17c3$export$f177ff57c101017a as ColumnFeatures, $93f116a6493b17c3$export$8c41dd563753848 as ColumnKeyboardNavigation, $93f116a6493b17c3$export$f02cc02ad0e0bba3 as Columns, $93f116a6493b17c3$export$4d8f6e6df85d9012 as ColumnCenters, $93f116a6493b17c3$export$b9d912252344e099 as CurrentColumn};
+//# sourceMappingURL=column-navigation.37cd3245.js.map

package/dist/esm/column-navigation.37cd3245.js.map

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

package/dist/esm/column.01d68dd8.js

@@ -0,0 +1,127 @@
+import $bTsJU$columnmodule1b776e15js from "./column.module.1b776e15.js";
+import "./column.module.a67a6b4c.css";
+import {UnitComponent as $4c8184c4a7317749$export$48a4cacf2b7a4441} from "./units.5a4fc058.js";
+import {UnitKeyboardNavigation as $4d5d1c15f39f6a14$export$70f5ee19650fc7d1, UnitSelectionProvider as $4d5d1c15f39f6a14$export$f19d75b1d4b676a4, useUnitSelectionDispatch as $4d5d1c15f39f6a14$export$77a278d5ca56e309} from "./selection.f5b0297e.js";
+import {CompositeTimescale as $7d0f52717c0de7e1$export$db2df5a73a6fbe10, SectionsColumn as $7d0f52717c0de7e1$export$38cb0ab5af8f50d7} from "./section.a34d379a.js";
+import {UnitSelectionPopover as $a9bcb536274d1bf9$export$db1115efab13710d} from "./popover.a810b7bc.js";
+import {MacrostratColumnDataProvider as $d5074f164411387e$export$7fec7bd80ff9c10e, useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./store.c4d7a8a4.js";
+import {CompositeAgeAxis as $43794af7643cdf40$export$40b6b0e4520eeb34} from "./age-axis.4a8cf5e6.js";
+import {usePreparedColumnUnits as $76e92a964ee11b97$export$206a0cb85295e433} from "./prepare-units.6c890a96.js";
+import {ColumnAxisType as $bTsJU$ColumnAxisType} from "@macrostrat/column-components";
+import {hyperStyled as $bTsJU$hyperStyled} from "@macrostrat/hyper";
+import {useDarkMode as $bTsJU$useDarkMode} from "@macrostrat/ui-components";
+import $bTsJU$classnames from "classnames";
+import {useRef as $bTsJU$useRef} from "react";
+import {NonIdealState as $bTsJU$NonIdealState} from "@blueprintjs/core";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+const $2118f0266dc7e955$var$h = (0, $bTsJU$hyperStyled)((0, ($parcel$interopDefault($bTsJU$columnmodule1b776e15js))));
+function $2118f0266dc7e955$export$816b5d811295e6bc(props) {
+    const { showUnitPopover: showUnitPopover = false, keyboardNavigation: keyboardNavigation = false, mergeSections: mergeSections, onUnitSelected: onUnitSelected, selectedUnit: selectedUnit, children: children, units: rawUnits, axisType: axisType = (0, $bTsJU$ColumnAxisType).AGE, t_age: t_age, b_age: b_age, unconformityHeight: unconformityHeight = 30, targetUnitHeight: targetUnitHeight = 20, pixelScale: pixelScale, minPixelScale: minPixelScale = 0.2, minSectionHeight: minSectionHeight = 50, collapseSmallUnconformities: collapseSmallUnconformities = true, ...rest } = props;
+    const ref = (0, $bTsJU$useRef)();
+    // Selected item position
+    const { sections: sections, units: units, totalHeight: totalHeight } = (0, $76e92a964ee11b97$export$206a0cb85295e433)(rawUnits, {
+        axisType: axisType,
+        t_age: t_age,
+        b_age: b_age,
+        mergeSections: mergeSections,
+        targetUnitHeight: targetUnitHeight,
+        unconformityHeight: unconformityHeight,
+        pixelScale: pixelScale,
+        minPixelScale: minPixelScale,
+        minSectionHeight: minSectionHeight,
+        collapseSmallUnconformities: collapseSmallUnconformities
+    });
+    if (sections.length === 0) return $2118f0266dc7e955$var$h("div.column-container.empty", $2118f0266dc7e955$var$h((0, $bTsJU$NonIdealState), {
+        title: "Empty column",
+        description: "No sections found in this column.",
+        icon: "warning-sign"
+    }));
+    return $2118f0266dc7e955$var$h((0, $d5074f164411387e$export$7fec7bd80ff9c10e), {
+        units: units,
+        sections: sections,
+        totalHeight: totalHeight,
+        axisType: axisType
+    }, $2118f0266dc7e955$var$h((0, $4d5d1c15f39f6a14$export$f19d75b1d4b676a4), {
+        columnRef: ref,
+        onUnitSelected: onUnitSelected,
+        selectedUnit: selectedUnit,
+        units: units
+    }, $2118f0266dc7e955$var$h($2118f0266dc7e955$var$ColumnInner, {
+        columnRef: ref,
+        ...rest
+    }, [
+        children,
+        $2118f0266dc7e955$var$h.if(showUnitPopover)((0, $a9bcb536274d1bf9$export$db1115efab13710d)),
+        $2118f0266dc7e955$var$h.if(keyboardNavigation)((0, $4d5d1c15f39f6a14$export$70f5ee19650fc7d1), {
+            units: units
+        })
+    ])));
+}
+function $2118f0266dc7e955$var$ColumnInner(props) {
+    const { unitComponent: unitComponent = (0, $4c8184c4a7317749$export$48a4cacf2b7a4441), unconformityLabels: unconformityLabels = true, showLabels: showLabels = true, width: _width = 300, columnWidth: _columnWidth = 150, showLabelColumn: _showLabelColumn = true, className: className, columnRef: columnRef, clipUnits: clipUnits = false, children: children, showTimescale: showTimescale, timescaleLevels: timescaleLevels, maxInternalColumns: maxInternalColumns } = props;
+    const { axisType: axisType } = (0, $d5074f164411387e$export$f8509b7cce386c7d)();
+    const dispatch = (0, $4d5d1c15f39f6a14$export$77a278d5ca56e309)();
+    let width = _width;
+    let columnWidth = _columnWidth;
+    if (columnWidth > width) columnWidth = width;
+    let showLabelColumn = _showLabelColumn;
+    if (columnWidth > width - 10) showLabelColumn = false;
+    let _showTimescale = showTimescale;
+    if (timescaleLevels !== null) _showTimescale = true;
+    _showTimescale = axisType == (0, $bTsJU$ColumnAxisType).AGE && _showTimescale;
+    return $2118f0266dc7e955$var$h($2118f0266dc7e955$export$2194471aa3d52446, {
+        onClick (evt) {
+            dispatch?.(null, null, evt);
+        },
+        className: className
+    }, $2118f0266dc7e955$var$h("div.column", {
+        ref: columnRef
+    }, [
+        $2118f0266dc7e955$var$h((0, $43794af7643cdf40$export$40b6b0e4520eeb34)),
+        $2118f0266dc7e955$var$h.if(_showTimescale)((0, $7d0f52717c0de7e1$export$db2df5a73a6fbe10), {
+            levels: timescaleLevels
+        }),
+        $2118f0266dc7e955$var$h((0, $7d0f52717c0de7e1$export$38cb0ab5af8f50d7), {
+            unitComponent: unitComponent,
+            showLabels: showLabels,
+            width: width,
+            columnWidth: columnWidth,
+            showLabelColumn: showLabelColumn,
+            clipUnits: clipUnits,
+            unconformityLabels: unconformityLabels,
+            maxInternalColumns: maxInternalColumns
+        }),
+        children
+    ]));
+}
+function $2118f0266dc7e955$export$2194471aa3d52446(props) {
+    const { className: className, ...rest } = props;
+    const darkMode = (0, $bTsJU$useDarkMode)();
+    return $2118f0266dc7e955$var$h("div.column-container", {
+        className: (0, $bTsJU$classnames)(className, {
+            "dark-mode": darkMode?.isEnabled ?? false
+        }),
+        ...rest
+    });
+}
+
+
+export {$2118f0266dc7e955$export$816b5d811295e6bc as Column, $2118f0266dc7e955$export$2194471aa3d52446 as ColumnContainer};
+//# sourceMappingURL=column.01d68dd8.js.map