@macrostrat/column-views 2.4.3 → 3.0.0

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

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

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

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

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

@@ -1,13 +0,0 @@
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-var $b571b03091fbb2c9$exports = {};
-
-$parcel$export($b571b03091fbb2c9$exports, "unit-label", () => $b571b03091fbb2c9$export$66e2544324d5808e, (v) => $b571b03091fbb2c9$export$66e2544324d5808e = v);
-var $b571b03091fbb2c9$export$66e2544324d5808e;
-$b571b03091fbb2c9$export$66e2544324d5808e = `kMKW0a_unit-label`;
-
-
-export {$b571b03091fbb2c9$exports as default};
-//# sourceMappingURL=column-views.40cd59b5.js.map

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

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

package/dist/esm/column-views.4252a555.js

@@ -1,248 +0,0 @@
-import {CompositeUnitsColumn as $8c8238faa5cde49c$export$a6684360fef0406e, LabelTrackerProvider as $8c8238faa5cde49c$export$e4e89ab6c86ac513, SectionLabelsColumn as $8c8238faa5cde49c$export$13984e34afdbb040} from "./column-views.e13a0a76.js";
-import $7zu8d$columnviewscc733361js from "./column-views.cc733361.js";
-import "./column-views.e93478c3.css";
-import {MacrostratColumnProvider as $774a5efa27d1c77b$export$9e42f9b6e0d67c7d, useMacrostratBaseURL as $774a5efa27d1c77b$export$33b1392d23dde04} from "./column-views.636d6553.js";
-import {useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d, useMacrostratUnits as $d5074f164411387e$export$6fb40844db555b2} from "./column-views.362aae9a.js";
-import {Duration as $448b24baeef3b229$export$3b11bc38611c5941} from "./column-views.85df21ec.js";
-import {useMemo as $7zu8d$useMemo} from "react";
-import {useMacrostratIntervals as $7zu8d$useMacrostratIntervals, Timescale as $7zu8d$Timescale, TimescaleOrientation as $7zu8d$TimescaleOrientation} from "@macrostrat/timescale";
-import {SVG as $7zu8d$SVG, ColumnAxisType as $7zu8d$ColumnAxisType} from "@macrostrat/column-components";
-import $7zu8d$macrostrathyper from "@macrostrat/hyper";
-import {Value as $7zu8d$Value} from "@macrostrat/data-components";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-
-
-
-
-
-
-
-
-const $7d0f52717c0de7e1$var$h = (0, $7zu8d$macrostrathyper).styled((0, ($parcel$interopDefault($7zu8d$columnviewscc733361js))));
-function $7d0f52717c0de7e1$export$38cb0ab5af8f50d7(props) {
-    const { unconformityLabels: unconformityLabels = true, unitComponent: unitComponent, unitComponentProps: unitComponentProps, showLabels: showLabels = true, width: width = 300, columnWidth: columnWidth = 150, showLabelColumn: showLabelColumn = true, clipUnits: clipUnits = true, maxInternalColumns: maxInternalColumns } = props;
-    const units = (0, $d5074f164411387e$export$6fb40844db555b2)();
-    // Get a unique key for the column
-    const key = units[0]?.col_id;
-    return $7d0f52717c0de7e1$var$h((0, $8c8238faa5cde49c$export$e4e89ab6c86ac513), {
-        units: units,
-        key: key
-    }, [
-        $7d0f52717c0de7e1$var$h($7d0f52717c0de7e1$var$SectionUnitsColumn, {
-            width: columnWidth,
-            unitComponent: unitComponent,
-            unitComponentProps: unitComponentProps,
-            showLabels: showLabels,
-            clipUnits: clipUnits,
-            maxInternalColumns: maxInternalColumns,
-            unconformityLabels: unconformityLabels
-        }),
-        $7d0f52717c0de7e1$var$h.if(showLabelColumn)((0, $8c8238faa5cde49c$export$13984e34afdbb040), {
-            width: width - columnWidth
-        })
-    ]);
-}
-function $7d0f52717c0de7e1$var$SectionUnitsColumn(props) {
-    const { width: width, showLabels: showLabels, unitComponent: unitComponent, unitComponentProps: unitComponentProps, clipUnits: clipUnits, maxInternalColumns: maxInternalColumns, axisType: axisType, unconformityLabels: unconformityLabels = true } = props;
-    const { sections: sections, totalHeight: totalHeight } = (0, $d5074f164411387e$export$f8509b7cce386c7d)();
-    const scaleData = sections.map((section)=>{
-        return section.scaleInfo;
-    });
-    const innerWidth = width - 2;
-    return $7d0f52717c0de7e1$var$h("div.section-units-container", {
-        style: {
-            width: width
-        }
-    }, [
-        $7d0f52717c0de7e1$var$h((0, $7zu8d$SVG), {
-            className: "sections",
-            height: totalHeight,
-            innerWidth: innerWidth,
-            paddingH: 1
-        }, sections.map((group)=>{
-            const { units: units, scaleInfo: scaleInfo, section_id: section_id } = group;
-            const key = `section-${section_id}`;
-            return $7d0f52717c0de7e1$var$h($7d0f52717c0de7e1$var$SectionUnits, {
-                units: units,
-                scaleInfo: scaleInfo,
-                key: key,
-                unitComponent: unitComponent,
-                unitComponentProps: unitComponentProps,
-                showLabels: showLabels,
-                width: innerWidth,
-                clipUnits: clipUnits,
-                maxInternalColumns: maxInternalColumns
-            });
-        })),
-        $7d0f52717c0de7e1$var$h.if(unconformityLabels)($7d0f52717c0de7e1$export$e12e53eeee198b99, {
-            width: width,
-            sections: scaleData,
-            verbose: false
-        })
-    ]);
-}
-function $7d0f52717c0de7e1$var$SectionUnits(props) {
-    // Section with "squishy" timescale
-    const { units: units, scaleInfo: scaleInfo, unitComponent: unitComponent, showLabels: showLabels = true, width: width = 300, unitComponentProps: unitComponentProps, className: className, clipUnits: clipUnits = true, maxInternalColumns: maxInternalColumns } = props;
-    const { domain: domain, pixelScale: pixelScale, pixelHeight: pixelHeight, scale: scale } = scaleInfo;
-    /** Ensure that we can arrange units into the maximum number
-   * of columns defined by unitComponentProps, but that we don't
-   * use more than necessary.
-   */ const _unitComponentProps = (0, $7zu8d$useMemo)(()=>{
-        return {
-            ...unitComponentProps,
-            nColumns: Math.min(maxInternalColumns ?? Math.floor(width / 10), unitComponentProps?.nColumns ?? Infinity, Math.max(...units.map((d)=>d.column)) + 1)
-        };
-    }, [
-        units,
-        unitComponentProps,
-        maxInternalColumns,
-        width
-    ]);
-    const style = {
-        "--section-height": `${pixelHeight}px`,
-        "--section-width": `${width}px`
-    };
-    return $7d0f52717c0de7e1$var$h("g.section", {
-        className: className,
-        style: style,
-        transform: `translate(0 ${scaleInfo.offset})`
-    }, $7d0f52717c0de7e1$var$h((0, $774a5efa27d1c77b$export$9e42f9b6e0d67c7d), {
-        units: units,
-        domain: domain,
-        pixelScale: pixelScale,
-        scale: scale
-    }, $7d0f52717c0de7e1$var$h((0, $8c8238faa5cde49c$export$a6684360fef0406e), {
-        width: width,
-        showLabels: showLabels,
-        unitComponent: unitComponent,
-        unitComponentProps: _unitComponentProps,
-        clipToFrame: clipUnits
-    })));
-}
-function $7d0f52717c0de7e1$export$db2df5a73a6fbe10(props) {
-    const { sections: sections } = (0, $d5074f164411387e$export$f8509b7cce386c7d)();
-    const sectionScales = sections.map((section)=>{
-        return section.scaleInfo;
-    });
-    return $7d0f52717c0de7e1$var$h($7d0f52717c0de7e1$export$463f46772c64d403, {
-        packages: sectionScales,
-        ...props
-    });
-}
-function $7d0f52717c0de7e1$export$463f46772c64d403(props) {
-    const { levels: levels = 3, packages: packages, unconformityLabels: unconformityLabels = false } = props;
-    // Use intervals from Macrostrat API
-    const baseURL = (0, $774a5efa27d1c77b$export$33b1392d23dde04)();
-    const intervals = (0, $7zu8d$useMacrostratIntervals)(baseURL);
-    let _levels;
-    if (typeof levels === "number") // If levels is a number, use the most common starting level
-    _levels = [
-        2,
-        Math.max(2 + Math.min(levels, 5) - 1, 1)
-    ];
-    else _levels = levels;
-    const nCols = _levels[1] - _levels[0] + 1;
-    return $7d0f52717c0de7e1$var$h("div.timescale-column", [
-        $7d0f52717c0de7e1$var$h("div.timescales", packages.map((group)=>{
-            const { pixelHeight: pixelHeight, paddingTop: paddingTop, key: key, scale: scale } = group;
-            return $7d0f52717c0de7e1$var$h("div.timescale-container", {
-                style: {
-                    paddingTop: paddingTop,
-                    "--timescale-level-count": nCols
-                },
-                key: key
-            }, [
-                $7d0f52717c0de7e1$var$h((0, $7zu8d$Timescale), {
-                    orientation: (0, $7zu8d$TimescaleOrientation).VERTICAL,
-                    length: pixelHeight,
-                    levels: _levels,
-                    absoluteAgeScale: true,
-                    showAgeAxis: false,
-                    scale: scale,
-                    intervals: intervals
-                })
-            ]);
-        })),
-        $7d0f52717c0de7e1$var$h.if(unconformityLabels)($7d0f52717c0de7e1$export$e12e53eeee198b99, {
-            width: "100%",
-            sections: packages,
-            className: "unconformity-labels",
-            axisType: (0, $7zu8d$ColumnAxisType).AGE
-        })
-    ]);
-}
-function $7d0f52717c0de7e1$export$e12e53eeee198b99(props) {
-    const { width: width, sections: sections, className: className, axisType: axisType, verbose: verbose } = props;
-    return $7d0f52717c0de7e1$var$h("div.unconformity-labels", {
-        style: {
-            width: width
-        },
-        className: className
-    }, sections.map((scaleInfo, i)=>{
-        const lastGroup = sections[i - 1];
-        const top = scaleInfo.offset - scaleInfo.paddingTop;
-        const upperAge = lastGroup?.domain[0];
-        const lowerAge = scaleInfo.domain[1];
-        return $7d0f52717c0de7e1$var$h($7d0f52717c0de7e1$var$Unconformity, {
-            axisType: axisType,
-            upperAge: upperAge,
-            lowerAge: lowerAge,
-            style: {
-                width: width,
-                height: scaleInfo.paddingTop,
-                top: top
-            },
-            verbose: verbose
-        });
-    }));
-}
-function $7d0f52717c0de7e1$var$Unconformity({ upperAge: upperAge, lowerAge: lowerAge, style: style, axisType: axisType, verbose: verbose = false }) {
-    if (upperAge == null || lowerAge == null) return null;
-    const ageGap = Math.abs(upperAge - lowerAge);
-    let maximumFractionDigits = 0;
-    let className = null;
-    if (ageGap > 1000) className = "giga";
-    else if (ageGap > 100) className = "mega";
-    else if (ageGap > 10) className = "large";
-    else if (ageGap < 1) {
-        className = "small";
-        maximumFractionDigits = 2;
-    } else maximumFractionDigits = 1;
-    let val;
-    if (axisType === (0, $7zu8d$ColumnAxisType).DEPTH || axisType === (0, $7zu8d$ColumnAxisType).HEIGHT) {
-        const _txt = ageGap.toLocaleString("en-US", {
-            maximumFractionDigits: maximumFractionDigits
-        });
-        val = $7d0f52717c0de7e1$var$h((0, $7zu8d$Value), {
-            value: _txt,
-            unit: "m"
-        });
-    } else val = $7d0f52717c0de7e1$var$h((0, $448b24baeef3b229$export$3b11bc38611c5941), {
-        value: ageGap,
-        maximumFractionDigits: maximumFractionDigits
-    });
-    let prefix = null;
-    if (verbose) prefix = $7d0f52717c0de7e1$var$h([
-        " ",
-        $7d0f52717c0de7e1$var$h("span.prefix", " gap")
-    ]);
-    return $7d0f52717c0de7e1$var$h("div.unconformity", {
-        style: style,
-        className: className
-    }, [
-        $7d0f52717c0de7e1$var$h("div.unconformity-inner", $7d0f52717c0de7e1$var$h("div.unconformity-text", [
-            val,
-            prefix
-        ]))
-    ]);
-}
-
-
-export {$7d0f52717c0de7e1$export$38cb0ab5af8f50d7 as SectionsColumn, $7d0f52717c0de7e1$export$e12e53eeee198b99 as UnconformityLabels, $7d0f52717c0de7e1$export$db2df5a73a6fbe10 as CompositeTimescale, $7d0f52717c0de7e1$export$463f46772c64d403 as CompositeTimescaleCore};
-//# sourceMappingURL=column-views.4252a555.js.map

package/dist/esm/column-views.4252a555.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/column-views/src/section.ts"],"sourcesContent":["import {\n  CompositeUnitsColumn,\n  LabelTrackerProvider,\n  SectionLabelsColumn,\n} from \"./units\";\nimport { ReactNode, FunctionComponent, useMemo } from \"react\";\nimport {\n  Timescale,\n  TimescaleOrientation,\n  useMacrostratIntervals,\n} from \"@macrostrat/timescale\";\nimport { ColumnAxisType, SVG } from \"@macrostrat/column-components\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./column.module.sass\";\nimport {\n  useMacrostratColumnData,\n  useMacrostratUnits,\n  MacrostratColumnProvider,\n  useMacrostratBaseURL,\n} from \"./data-provider\";\nimport { Duration } from \"./unit-details\";\nimport { Value } from \"@macrostrat/data-components\";\nimport type { ExtUnit, PackageScaleLayoutData } from \"./prepare-units/types\";\n\nconst h = hyper.styled(styles);\n\nexport interface SectionSharedProps {\n  unitComponent?: FunctionComponent<any>;\n  unitComponentProps?: any;\n  showLabels?: boolean;\n  width?: number;\n  columnWidth?: number;\n  children?: ReactNode;\n  showLabelColumn?: boolean;\n  axisType?: ColumnAxisType;\n  className?: string;\n  clipUnits?: boolean;\n  maxInternalColumns?: number;\n  // Space between sections\n  verticalSpacing?: number;\n  // Whether to render unconformity labels\n  unconformityLabels?: boolean;\n}\n\nexport interface SectionProps extends SectionSharedProps {\n  units: ExtUnit[];\n  scaleInfo: PackageScaleLayoutData;\n}\n\nexport function SectionsColumn(props: SectionSharedProps) {\n  const {\n    unconformityLabels = true,\n    unitComponent,\n    unitComponentProps,\n    showLabels = true,\n    width = 300,\n    columnWidth = 150,\n    showLabelColumn = true,\n    clipUnits = true,\n    maxInternalColumns,\n  } = props;\n\n  const units = useMacrostratUnits();\n\n  // Get a unique key for the column\n  const key = units[0]?.col_id;\n\n  return h(LabelTrackerProvider, { units, key }, [\n    h(SectionUnitsColumn, {\n      width: columnWidth,\n      unitComponent,\n      unitComponentProps,\n      showLabels,\n      clipUnits,\n      maxInternalColumns,\n      unconformityLabels,\n    }),\n    h.if(showLabelColumn)(SectionLabelsColumn, {\n      width: width - columnWidth,\n    }),\n  ]);\n}\n\nfunction SectionUnitsColumn(props: SectionSharedProps) {\n  const {\n    width,\n    showLabels,\n    unitComponent,\n    unitComponentProps,\n    clipUnits,\n    maxInternalColumns,\n    axisType,\n    unconformityLabels = true,\n  } = props;\n\n  const { sections, totalHeight } = useMacrostratColumnData();\n\n  const scaleData: PackageScaleLayoutData[] = sections.map((section) => {\n    return section.scaleInfo;\n  });\n\n  const innerWidth = width - 2;\n\n  return h(\"div.section-units-container\", { style: { width } }, [\n    h(\n      SVG,\n      {\n        className: \"sections\",\n        height: totalHeight,\n        innerWidth,\n        paddingH: 1,\n      },\n      sections.map((group) => {\n        const { units, scaleInfo, section_id } = group;\n\n        const key = `section-${section_id}`;\n        return h(\n          SectionUnits,\n          {\n            units,\n            scaleInfo,\n            key,\n            unitComponent,\n            unitComponentProps,\n            showLabels,\n            width: innerWidth,\n            clipUnits,\n            maxInternalColumns,\n          }, // This unconformity is with the section _above_\n        );\n      }),\n    ),\n    h.if(unconformityLabels)(UnconformityLabels, {\n      width,\n      sections: scaleData,\n      verbose: false,\n    }),\n  ]);\n}\n\nfunction SectionUnits(props: SectionProps) {\n  // Section with \"squishy\" timescale\n  const {\n    units,\n    scaleInfo,\n    unitComponent,\n    showLabels = true,\n    width = 300,\n    unitComponentProps,\n    className,\n    clipUnits = true,\n    maxInternalColumns,\n  } = props;\n\n  const { domain, pixelScale, pixelHeight, scale } = scaleInfo;\n\n  /** Ensure that we can arrange units into the maximum number\n   * of columns defined by unitComponentProps, but that we don't\n   * use more than necessary.\n   */\n  const _unitComponentProps = useMemo(() => {\n    return {\n      ...unitComponentProps,\n      nColumns: Math.min(\n        maxInternalColumns ?? Math.floor(width / 10),\n        unitComponentProps?.nColumns ?? Infinity,\n        Math.max(...units.map((d) => d.column)) + 1,\n      ),\n      //axisType,\n    };\n  }, [units, unitComponentProps, maxInternalColumns, width]);\n\n  const style = {\n    \"--section-height\": `${pixelHeight}px`,\n    \"--section-width\": `${width}px`,\n  };\n\n  return h(\n    \"g.section\",\n    { className, style, transform: `translate(0 ${scaleInfo.offset})` },\n    h(\n      MacrostratColumnProvider,\n      {\n        units,\n        domain,\n        pixelScale, // Actually pixels per myr,\n        scale,\n      },\n      h(CompositeUnitsColumn, {\n        width,\n        showLabels,\n        unitComponent,\n        unitComponentProps: _unitComponentProps,\n        clipToFrame: clipUnits,\n      }),\n    ),\n  );\n}\n\ninterface CompositeTimescaleProps {\n  levels?: [number, number] | number;\n  unconformityLabels?: boolean;\n}\n\nexport function CompositeTimescale(props: CompositeTimescaleProps) {\n  const { sections } = useMacrostratColumnData();\n  const sectionScales = sections.map((section) => {\n    return section.scaleInfo;\n  });\n\n  return h(CompositeTimescaleCore, {\n    packages: sectionScales,\n    ...props,\n  });\n}\n\ntype CompositeTimescaleCoreProps = CompositeTimescaleProps & {\n  packages: PackageScaleLayoutData[];\n};\n\nexport function CompositeTimescaleCore(props: CompositeTimescaleCoreProps) {\n  const { levels = 3, packages, unconformityLabels = false } = props;\n\n  // Use intervals from Macrostrat API\n  const baseURL = useMacrostratBaseURL();\n  const intervals = useMacrostratIntervals(baseURL);\n\n  let _levels: [number, number];\n  if (typeof levels === \"number\") {\n    // If levels is a number, use the most common starting level\n    _levels = [2, Math.max(2 + Math.min(levels, 5) - 1, 1)];\n  } else {\n    _levels = levels;\n  }\n\n  const nCols = _levels[1] - _levels[0] + 1;\n\n  return h(\"div.timescale-column\", [\n    h(\n      \"div.timescales\",\n      packages.map((group) => {\n        const { pixelHeight, paddingTop, key, scale } = group;\n        return h(\n          \"div.timescale-container\",\n          { style: { paddingTop, \"--timescale-level-count\": nCols }, key },\n          [\n            h(Timescale, {\n              orientation: TimescaleOrientation.VERTICAL,\n              length: pixelHeight,\n              levels: _levels,\n              absoluteAgeScale: true,\n              showAgeAxis: false,\n              scale,\n              intervals,\n            }),\n          ],\n        );\n      }),\n    ),\n    h.if(unconformityLabels)(UnconformityLabels, {\n      width: \"100%\",\n      sections: packages,\n      className: \"unconformity-labels\",\n      axisType: ColumnAxisType.AGE,\n    }),\n  ]);\n}\n\nexport function UnconformityLabels(props: {\n  width: string | number;\n  sections: PackageScaleLayoutData[];\n  axisType?: ColumnAxisType;\n  className?: string;\n  verbose?: boolean;\n}) {\n  const { width, sections, className, axisType, verbose } = props;\n\n  return h(\n    \"div.unconformity-labels\",\n    {\n      style: {\n        width,\n      },\n      className,\n    },\n    sections.map((scaleInfo, i) => {\n      const lastGroup = sections[i - 1];\n      const top = scaleInfo.offset - scaleInfo.paddingTop;\n      const upperAge = lastGroup?.domain[0];\n      const lowerAge = scaleInfo.domain[1];\n      return h(Unconformity, {\n        axisType,\n        upperAge,\n        lowerAge,\n        style: {\n          width,\n          height: scaleInfo.paddingTop,\n          top,\n        },\n        verbose,\n      });\n    }),\n  );\n}\n\nfunction Unconformity({\n  upperAge,\n  lowerAge,\n  style,\n  axisType,\n  verbose = false,\n}) {\n  if (upperAge == null || lowerAge == null) {\n    return null;\n  }\n\n  const ageGap = Math.abs(upperAge - lowerAge);\n\n  let maximumFractionDigits = 0;\n\n  let className: string = null;\n  if (ageGap > 1000) {\n    className = \"giga\";\n  } else if (ageGap > 100) {\n    className = \"mega\";\n  } else if (ageGap > 10) {\n    className = \"large\";\n  } else if (ageGap < 1) {\n    className = \"small\";\n    maximumFractionDigits = 2;\n  } else {\n    maximumFractionDigits = 1;\n  }\n\n  let val: ReactNode;\n  if (axisType === ColumnAxisType.DEPTH || axisType === ColumnAxisType.HEIGHT) {\n    const _txt = ageGap.toLocaleString(\"en-US\", { maximumFractionDigits });\n    val = h(Value, { value: _txt, unit: \"m\" });\n  } else {\n    val = h(Duration, { value: ageGap, maximumFractionDigits });\n  }\n\n  let prefix: ReactNode = null;\n  if (verbose) {\n    prefix = h([\" \", h(\"span.prefix\", \" gap\")]);\n  }\n\n  return h(\"div.unconformity\", { style, className }, [\n    h(\"div.unconformity-inner\", h(\"div.unconformity-text\", [val, prefix])),\n  ]);\n}\n"],"names":[],"version":3,"file":"column-views.4252a555.js.map"}

package/dist/esm/column-views.45c70ba4.js

@@ -1,38 +0,0 @@
-import {ColumnNotesProvider as $8c8238faa5cde49c$export$6cc7a9df4edde18} from "./column-views.e13a0a76.js";
-import {useCompositeScale as $d5074f164411387e$export$a7fc62995ec4f76, useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./column-views.362aae9a.js";
-import $aB7pQ$macrostrathyper from "@macrostrat/hyper";
-import {SVG as $aB7pQ$SVG, NotesColumn as $aB7pQ$NotesColumn} from "@macrostrat/column-components";
-
-
-
-
-
-function $9e52fe4012c88296$export$fc5babae10f3f77d({ notes: notes, width: width = 200, noteComponent: noteComponent, paddingLeft: paddingLeft = 60, deltaConnectorAttachment: deltaConnectorAttachment, focusedNoteComponent: focusedNoteComponent, children: children }) {
-    const { totalHeight: totalHeight } = (0, $d5074f164411387e$export$f8509b7cce386c7d)();
-    const scale = (0, $d5074f164411387e$export$a7fc62995ec4f76)();
-    return (0, $aB7pQ$macrostrathyper)((0, $8c8238faa5cde49c$export$6cc7a9df4edde18), {
-        scale: scale,
-        totalHeight: totalHeight,
-        pixelScale: -1
-    }, [
-        (0, $aB7pQ$macrostrathyper)((0, $aB7pQ$SVG), {
-            width: width,
-            height: totalHeight,
-            paddingH: 4
-        }, [
-            (0, $aB7pQ$macrostrathyper)((0, $aB7pQ$NotesColumn), {
-                width: width,
-                notes: notes,
-                noteComponent: noteComponent,
-                paddingLeft: paddingLeft,
-                deltaConnectorAttachment: deltaConnectorAttachment,
-                focusedNoteComponent: focusedNoteComponent
-            })
-        ]),
-        children
-    ]);
-}
-
-
-export {$9e52fe4012c88296$export$fc5babae10f3f77d as ColumnNotes};
-//# sourceMappingURL=column-views.45c70ba4.js.map

package/dist/esm/column-views.45c70ba4.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;AAkBO,SAAS,0CAAY,SAC1B,KAAK,SACL,QAAQ,oBACR,aAAa,eACb,cAAc,8BACd,wBAAwB,wBACxB,oBAAoB,YACpB,QAAQ,EACS;IACjB,MAAM,eAAE,WAAW,EAAE,GAAG,CAAA,GAAA,yCAAsB;IAC9C,MAAM,QAAQ,CAAA,GAAA,wCAAgB;IAE9B,OAAO,CAAA,GAAA,sBAAA,EACL,CAAA,GAAA,wCAAkB,GAClB;eACE;qBACA;QACA,YAAY;IACd,GACA;QACE,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,UAAE,GAAG;mBAAE;YAAO,QAAQ;YAAa,UAAU;QAAE,GAAG;YAClD,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,kBAAU,GAAG;uBACb;uBACA;+BACA;6BACA;0CACA;sCACA;YACF;SACD;QACD;KACD;AAEL","sources":["packages/column-views/src/notes.ts"],"sourcesContent":["import h from \"@macrostrat/hyper\";\n\nimport { ColumnNotesProvider } from \"./units\";\n\nimport { NotesColumn, SVG } from \"@macrostrat/column-components\";\nimport { useCompositeScale, useMacrostratColumnData } from \"./data-provider\";\nimport type { ComponentType, ReactNode } from \"react\";\n\ninterface ColumnNotesProps {\n  notes: any[];\n  width?: number;\n  noteComponent?: any;\n  paddingLeft?: number;\n  deltaConnectorAttachment?: number;\n  children?: ReactNode;\n  focusedNoteComponent?: ComponentType<any> | null;\n}\n\nexport function ColumnNotes({\n  notes,\n  width = 200,\n  noteComponent,\n  paddingLeft = 60,\n  deltaConnectorAttachment,\n  focusedNoteComponent,\n  children,\n}: ColumnNotesProps) {\n  const { totalHeight } = useMacrostratColumnData();\n  const scale = useCompositeScale();\n\n  return h(\n    ColumnNotesProvider,\n    {\n      scale,\n      totalHeight,\n      pixelScale: -1,\n    },\n    [\n      h(SVG, { width, height: totalHeight, paddingH: 4 }, [\n        h(NotesColumn, {\n          width,\n          notes,\n          noteComponent,\n          paddingLeft,\n          deltaConnectorAttachment,\n          focusedNoteComponent,\n        }),\n      ]),\n      children,\n    ],\n  );\n}\n"],"names":[],"version":3,"file":"column-views.45c70ba4.js.map"}

package/dist/esm/column-views.47b7d9ca.js

@@ -1,206 +0,0 @@
-import {resolveID as $d3e69bd163d41f63$export$7be7d732f3de9464, scalePattern as $d3e69bd163d41f63$export$e8deec7b02ce51eb} from "./column-views.006d5180.js";
-import {useLithologies as $774a5efa27d1c77b$export$4d18a90c945d129f} from "./column-views.636d6553.js";
-import {useUnitSelectionTarget as $61771df184788970$export$cbbec12b1451fe7d} from "./column-views.1cd55918.js";
-import "./column-views.6c670c13.css";
-import $lClM8$columnviews4d374a35js from "./column-views.4d374a35.js";
-import {getUnitHeightRange as $b6657fba8924a702$export$70e712e2ac0237a} from "./column-views.052498a6.js";
-import {getMixedUnitColor as $6698edd2a743bf07$export$175d3e927f1a9860} from "./column-views.9b77388d.js";
-import {ColumnAxisType as $lClM8$ColumnAxisType, ColumnContext as $lClM8$ColumnContext, ColumnLayoutContext as $lClM8$ColumnLayoutContext, useColumn as $lClM8$useColumn, useGeologicPattern as $lClM8$useGeologicPattern, zigZagBoxPath as $lClM8$zigZagBoxPath, 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";
-
-
-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, $61771df184788970$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, patternID: patternID, 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 = 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, $61771df184788970$export$cbbec12b1451fe7d)(d);
-    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 = (0, $lClM8$zigZagBoxPath)(x, y, width, height, overflowTop, overflowBottom);
-        return $d254716a820e9c85$var$h("path", {
-            d: d,
-            ref: ref,
-            ...rest
-        });
-    }
-});
-function $d254716a820e9c85$export$b4f0ca233b98f9af(props) {
-    const { division: division, label: label, onLabelUpdated: onLabelUpdated, widthFraction: widthFraction, showLabel: showLabel = true, backgroundColor: backgroundColor, patternID: patternID, 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,
-        patternID: patternID,
-        ...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.47b7d9ca.js.map

package/dist/esm/column-views.47b7d9ca.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,uEAAK;AAkC5B,SAAS,kCACP,QAAe,EACf,UAA2B,CAAC,CAAC;IAE7B,MAAM,iBACJ,gBAAgB,aAChB,WAAW,CAAA,GAAA,qBAAa,EAAE,GAAG,WAC7B,UAAU,GACX,GAAG;IACJ,MAAM,SAAE,KAAK,EAAE,GAAG,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,oBAAY;IACzC,MAAM,SAAE,KAAK,EAAE,GAAG,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,0BAAkB;IAE/C,MAAM,CAAC,cAAc,UAAU,GAAG,CAAA,GAAA,wCAAiB,EAAE,UAAU;IAE/D,MAAM,IAAI,MAAM;IAChB,MAAM,SAAS,KAAK,GAAG,CAAC,MAAM,gBAAgB;IAE9C,OAAO;QACL,GAAG,QAAS,CAAA,IAAI,aAAY,IAAK;QACjC,GAAG,IAAI;QACP,QAAQ,SAAS,UAAU;QAC3B,OAAO,gBAAgB,QAAQ,UAAU;IAC3C;AACF;AAEO,SAAS,yCAAY,KAAK;IAC/B,MAAM,EACJ,UAAU,CAAC,YACX,QAAQ,aACR,SAAS,iBACT,gBAAgB,GAChB,UAAU,CAAC,EACX,UAAU,EAAE,EACZ,GAAG,YACJ,GAAG;IAEJ,MAAM,YAAE,QAAQ,EAAE,GAAG,CAAA,GAAA,gBAAQ;IAC7B,MAAM,UAAU,CAAA,GAAA,yCAAa;IAC7B,MAAM,SAAS;QACb,GAAG,kCAAY,GAAG;2BAAE;sBAAe;QAAS,EAAE;QAC9C,GAAG,UAAU;IACf;IAEA,MAAM,kBAAkB,CAAA,GAAA,yCAAgB,EAAE,GAAG,SAAS,MAAM;IAE5D,MAAM,CAAC,KAAK,UAAU,QAAQ,GAAG,CAAA,GAAA,yCAAqB,EAAE;IAExD,OAAO,wBACL,UACA;mBACE;QACA,OAAO;YACL,kCAAkC;YAClC,yBAAyB;QAC3B;IACF,GACA;QACE,wBAAE,wBAAwB;iBACxB;YACA,GAAG,MAAM;YACT,MAAM;YACN,aAAa;YACb,QAAQ;qBACR;QACF;QACA,wBAAE,EAAE,CAAC,UAAU,0BAA0B;KAC1C;AAEL;AAEA,SAAS,0CAAK,KAAgB;IAC5B,MAAM,EACJ,UAAU,CAAC,YACX,QAAQ,QACR,IAAI,eACJ,cAAc,0BACd,SAAS,iBACT,gBAAgB,oBAChB,eAAe,gBACf,YAAY,aACZ,SAAS,EACT,UAAU,CAAC,EACX,GAAG,YACJ,GAAG;IAEJ,MAAM,YAAE,QAAQ,EAAE,GAAG,CAAA,GAAA,gBAAQ;IAE7B,MAAM,iBAAiB,EAAE,UAAU,IAAI;IACvC,MAAM,oBAAoB,EAAE,UAAU,IAAI;IAE1C,MAAM,SAAS;QACb,GAAG,kCAAY,GAAG;2BAAE;sBAAe;QAAS,EAAE;QAC9C,GAAG,UAAU;QACb,aAAa;QACb,gBAAgB;IAClB;IACA,MAAM,aAAa,aAAa,CAAA,GAAA,yCAAQ,EAAE;IAC1C,IAAI,QAAQ,QAAQ,CAAA,GAAA,yBAAiB,EAAE,YAAY;IAEnD,MAAM,qBAAqB,mBAAmB;IAE9C,MAAM,aAAa,CAAA,GAAA,iBAAS,EAAE,WAAW;QAAE,SAAS;IAAmB;IAEvE,MAAM,CAAC,KAAK,UAAU,QAAQ,GAAG,CAAA,GAAA,yCAAqB,EAAE;IAExD,OAAO,wBACL,UACA;QACE,WAAW;QACX,OAAO;YACL,kCAAkC;QACpC;IACF,GACA;QACE,wBAAE,gCAAU;YACV,GAAG,MAAM;YACT,MAAM;qBACN;YACA,WAAW;QACb;QACA,wBAAE,gCAAU;iBACV;YACA,GAAG,MAAM;YACT,MAAM;qBAEN,AADA,OAAO;YACP;YACA,WAAW;QACb;QACA,wBAAE,EAAE,CAAC,UAAU,gCAAU;YAAE,GAAG,MAAM;YAAE,WAAW;QAAoB;QACrE,OAAO;QACP;KACD;AAEL;AAcA,MAAM,iCAAW,CAAA,GAAA,iBAAS,EAAE,CAAC,OAAsB;IACjD,MAAM,KACJ,CAAC,KACD,CAAC,SACD,KAAK,UACL,MAAM,eACN,cAAc,uBACd,iBAAiB,OACjB,GAAG,MACJ,GAAG;IAEJ,IAAI,CAAC,eAAe,CAAC,gBACnB,OAAO,wBAAE,QAAQ;WACf;WACA;eACA;gBACA;aACA;QACA,GAAG,IAAI;IACT;SACK;QACL,MAAM,IAAI,CAAA,GAAA,oBAAY,EAAE,GAAG,GAAG,OAAO,QAAQ,aAAa;QAC1D,OAAO,wBAAE,QAAQ;eACf;iBACA;YACA,GAAG,IAAI;QACT;IACF;AACF;AAEA,SAAS,0CAAY,KAAuB;IAC1C,MAAM,YACJ,QAAQ,SACR,KAAK,kBACL,cAAc,iBACd,aAAa,aACb,YAAY,uBACZ,eAAe,aACf,SAAS,EACT,UAAU,CAAC,EACX,GAAG,YACJ,GAAG;IAEJ,MAAM,YAAE,QAAQ,EAAE,GAAG,CAAA,GAAA,gBAAQ;IAC7B,MAAM,SAAS;QACb,GAAG,kCAAY,UAAU;2BAAE;sBAAe;QAAS,EAAE;QACrD,GAAG,UAAU;IACf;IACA,MAAM,SAAE,KAAK,UAAE,MAAM,EAAE,GAAG;IAC1B,OAAO,wBACL,2CACA;QACE,WAAW;kBACX;yBACA;mBACA;QACA,GAAG,MAAM;IACX,GACA;QACE,wBAAE,EAAE,CAAC,WACH,CAAA,GAAA,oBAAY,GACZ;YAAE,GAAG,MAAM;YAAE,WAAW;QAAuB,GAC/C,wBAAE,CAAA,GAAA,qBAAa,GAAG;YAChB,WAAW;YACX,gBAAgB;YAChB,OAAO;uBAAE;wBAAO;YAAO;mBACvB;YACA,qBAAoB,GAAG;gBACrB,eAAe,OAAO;YACxB;QACF;KAEH;AAEL;AAEA,SAAS,0CAAa,KASrB;IACC,MAAM,iBAAE,gBAAgB,+DAAM,qBAAqB,CAAC,GAAG,GAAG;IAC1D,MAAM,aAAE,SAAS,EAAE,GAAG,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,oBAAY;IAE7C,IAAI,UAAU,MAAM,IAAI,GAAG;QACzB,QAAQ,IAAI,CAAC;QACb,OAAO;IACT;IAEA,MAAM,WAAW,CAAA,GAAA,cAAM,EAAE;QACvB,OAAO,UAAU,GAAG,CAAC,CAAC,UAAe;YACnC,aAAa;YACb,OAAO,wBAAE,eAAe;0BACtB;gBACA,KAAK,SAAS,OAAO;gBACrB,GAAG,kBAAkB;YACvB;QACF;IACF,GAAG;QAAC;QAAW;QAAe;KAAmB;IAEjD,OAAO,wBACL,CAAA,GAAA,0BAAkB,GAClB;mBAAE;sBAAW;IAAa,GAC1B,wBAAE,eAAe;AAErB","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  zigZagBoxPath,\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, useLithologies } from \"../data-provider\";\nimport { IUnit } from \"./types\";\nimport styles from \"./boxes.module.sass\";\nimport classNames from \"classnames\";\nimport { getUnitHeightRange } from \"../prepare-units/utils\";\nimport { getMixedUnitColor } from \"./colors\";\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  patternID?: string | number;\n}\n\nexport interface LabeledUnitProps\n  extends UnitRectOptions, Clickable, Partial<RectBounds> {\n  division: IUnit;\n  patternID?: string | number;\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    patternID,\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 = 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  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 LabeledUnit(props: LabeledUnitProps) {\n  const {\n    division,\n    label,\n    onLabelUpdated,\n    widthFraction,\n    showLabel = true,\n    backgroundColor,\n    patternID,\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    {\n      className: \"labeled-unit\",\n      division,\n      backgroundColor,\n      patternID,\n      ...bounds,\n    },\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.47b7d9ca.js.map"}