@macrostrat/column-views 2.3.2 → 2.4.0

package/dist/esm/column-views.4b259f9e.js

@@ -1,136 +0,0 @@
-import {createCompositeScale as $728f6cf6c12cd490$export$3ada7641926a616d} from "./column-views.1b5bf0c6.js";
-import {createContext as $a90Ta$createContext, useMemo as $a90Ta$useMemo, useContext as $a90Ta$useContext, useRef as $a90Ta$useRef, useEffect as $a90Ta$useEffect} from "react";
-import $a90Ta$macrostrathyper from "@macrostrat/hyper";
-import {createIsolation as $a90Ta$createIsolation} from "jotai-scope";
-import {atom as $a90Ta$atom} from "jotai";
-
-
-
-
-
-
-const { Provider: $d5074f164411387e$var$Provider, useSetAtom: $d5074f164411387e$var$useSetAtom, useAtomValue: $d5074f164411387e$var$useAtomValue, useStore: $d5074f164411387e$var$useStore } = (0, $a90Ta$createIsolation)();
-const $d5074f164411387e$var$columnUnitsAtom = (0, $a90Ta$atom)();
-const $d5074f164411387e$var$columnUnitsMapAtom = (0, $a90Ta$atom)((get)=>{
-    const units = get($d5074f164411387e$var$columnUnitsAtom);
-    if (!units) return null;
-    const unitMap = new Map();
-    units.forEach((unit)=>{
-        unitMap.set(unit.unit_id, unit);
-    });
-    return unitMap;
-});
-function $d5074f164411387e$var$ScopedProvider({ children: children, ...rest }) {
-    // Always use the same store instance in this tree
-    let val = null;
-    try {
-        val = $d5074f164411387e$var$useStore();
-    } catch  {
-        // No store found, create a new one
-        val = null;
-    }
-    return (0, $a90Ta$macrostrathyper)($d5074f164411387e$var$Provider, {
-        store: val,
-        ...rest
-    }, children);
-}
-function $d5074f164411387e$export$ef5395089200109b({ children: children, units: units }) {
-    /** Top-level provider for Macrostrat column data.
-   * It is either provided by the Column component itself, or
-   * can be hoisted higher in the tree to provide a common data context
-   */ const atomMap = [
-        [
-            $d5074f164411387e$var$columnUnitsAtom,
-            units
-        ]
-    ];
-    return (0, $a90Ta$macrostrathyper)($d5074f164411387e$var$ScopedProvider, {
-        initialValues: atomMap
-    }, [
-        (0, $a90Ta$macrostrathyper)($d5074f164411387e$var$AtomUpdater, {
-            atoms: atomMap
-        }),
-        children
-    ]);
-}
-const $d5074f164411387e$var$MacrostratColumnDataContext = (0, $a90Ta$createContext)(null);
-function $d5074f164411387e$export$7fec7bd80ff9c10e({ children: children, units: units, sections: sections, totalHeight: totalHeight, axisType: axisType }) {
-    /** Internal provider for Macrostrat column data.
-   * As a general rule, we want to provide data and column-axis
-   * height calculations through the context, since these need to
-   * be accessed by any component that lays out information on the
-   * column.
-   *
-   * Cross-axis layout and view configuration (e.g., showing and hiding
-   * of different components or labels) should be handled through passing
-   * props to the components themselves.
-   * */ const value = (0, $a90Ta$useMemo)(()=>{
-        // For now, change ordinal axis types to age axis types
-        return {
-            units: units,
-            sections: sections,
-            totalHeight: totalHeight,
-            axisType: axisType
-        };
-    }, [
-        units,
-        sections,
-        totalHeight,
-        axisType
-    ]);
-    return (0, $a90Ta$macrostrathyper)($d5074f164411387e$export$ef5395089200109b, {
-        units: units
-    }, (0, $a90Ta$macrostrathyper)($d5074f164411387e$var$MacrostratColumnDataContext.Provider, {
-        value: value
-    }, children));
-}
-function $d5074f164411387e$export$f8509b7cce386c7d() {
-    const ctx = (0, $a90Ta$useContext)($d5074f164411387e$var$MacrostratColumnDataContext);
-    if (!ctx) throw new Error("useMacrostratColumnData must be used within a MacrostratColumnDataProvider");
-    return ctx;
-}
-function $d5074f164411387e$export$6fb40844db555b2() {
-    return $d5074f164411387e$var$useAtomValue($d5074f164411387e$var$columnUnitsAtom);
-}
-function $d5074f164411387e$export$7513be0cfd10d9cc() {
-    try {
-        return $d5074f164411387e$var$useAtomValue($d5074f164411387e$var$columnUnitsMapAtom);
-    } catch  {
-        return null;
-    }
-}
-function $d5074f164411387e$export$a7fc62995ec4f76() {
-    const ctx = $d5074f164411387e$export$f8509b7cce386c7d();
-    return (0, $a90Ta$useMemo)(()=>(0, $728f6cf6c12cd490$export$3ada7641926a616d)(ctx.sections, true), [
-        ctx.sections
-    ]);
-}
-function $d5074f164411387e$var$AtomUpdater({ atoms: atoms }) {
-    /**
-   * A generic updater to sync Jotai atoms with state passed as props.
-   * Useful for scoped providers where state needs to be synced outside
-   * of the current context.
-   */ /** TODO: this is an awkward way to keep atoms updated */ // The scoped store
-    const store = $d5074f164411387e$var$useStore();
-    // Warn on atoms changing length
-    const prevLengthRef = (0, $a90Ta$useRef)(atoms.length);
-    (0, $a90Ta$useEffect)(()=>{
-        if (prevLengthRef.current !== atoms.length) {
-            console.error("Error: number of atoms in ScopedAtomUpdater has changed.");
-            prevLengthRef.current = atoms.length;
-        }
-    }, [
-        atoms.length
-    ]);
-    for (const [atom, value] of atoms)(0, $a90Ta$useEffect)(()=>{
-        store.set(atom, value);
-    }, [
-        store,
-        value
-    ]);
-    return null;
-}
-
-
-export {$d5074f164411387e$export$ef5395089200109b as MacrostratColumnStateProvider, $d5074f164411387e$export$7fec7bd80ff9c10e as MacrostratColumnDataProvider, $d5074f164411387e$export$f8509b7cce386c7d as useMacrostratColumnData, $d5074f164411387e$export$6fb40844db555b2 as useMacrostratUnits, $d5074f164411387e$export$7513be0cfd10d9cc as useColumnUnitsMap, $d5074f164411387e$export$a7fc62995ec4f76 as useCompositeScale};
-//# sourceMappingURL=column-views.4b259f9e.js.map

package/dist/esm/column-views.4b259f9e.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;AAoBA,MAAM,YAAE,8BAAQ,cAAE,gCAAU,gBAAE,kCAAY,YAAE,8BAAQ,EAAE,GAAG,CAAA,GAAA,sBAAc;AAOvE,MAAM,wCAAkB,CAAA,GAAA,WAAG;AAE3B,MAAM,2CAAqB,CAAA,GAAA,WAAG,EAA+B,CAAC;IAC5D,MAAM,QAAQ,IAAI;IAClB,IAAI,CAAC,OAAO,OAAO;IACnB,MAAM,UAAU,IAAI;IACpB,MAAM,OAAO,CAAC,CAAC;QACb,QAAQ,GAAG,CAAC,KAAK,OAAO,EAAE;IAC5B;IACA,OAAO;AACT;AAEA,SAAS,qCAAe,YAAE,QAAQ,EAAE,GAAG,MAAqB;IAC1D,kDAAkD;IAClD,IAAI,MAAM;IACV,IAAI;QACF,MAAM;IACR,EAAE,OAAM;QACN,mCAAmC;QACnC,MAAM;IACR;IACA,OAAO,CAAA,GAAA,sBAAA,EAAE,gCAAU;QAAE,OAAO;QAAK,GAAG,IAAI;IAAC,GAAG;AAC9C;AAEO,SAAS,0CAA8B,YAC5C,QAAQ,SACR,KAAK,EAIN;IACC;;;GAGC,GAED,MAAM,UAAmD;QACvD;YAAC;YAAiB;SAAM;KACzB;IAED,OAAO,CAAA,GAAA,sBAAA,EACL,sCACA;QACE,eAAe;IACjB,GACA;QAAC,CAAA,GAAA,sBAAA,EAAE,mCAAa;YAAE,OAAO;QAAQ;QAAI;KAAS;AAElD;AASA,MAAM,oDACJ,CAAA,GAAA,oBAAY,EAA+B;AAEtC,SAAS,0CAA6B,YAC3C,QAAQ,SACR,KAAK,YACL,QAAQ,eACR,WAAW,YACX,QAAQ,EAC8C;IACtD;;;;;;;;;KASG,GAEH,MAAM,QAAQ,CAAA,GAAA,cAAM,EAAE;QACpB,uDAAuD;QACvD,OAAO;mBACL;sBACA;yBACA;sBACA;QACF;IACF,GAAG;QAAC;QAAO;QAAU;QAAa;KAAS;IAE3C,OAAO,CAAA,GAAA,sBAAA,EACL,2CACA;eAAE;IAAM,GACR,CAAA,GAAA,sBAAA,EAAE,kDAA4B,QAAQ,EAAE;eAAE;IAAM,GAAG;AAEvD;AAEO,SAAS;IACd,MAAM,MAAM,CAAA,GAAA,iBAAS,EAAE;IACvB,IAAI,CAAC,KACH,MAAM,IAAI,MACR;IAGJ,OAAO;AACT;AAEO,SAAS;IACd,OAAO,mCAAa;AACtB;AAEO,SAAS;IACd,IAAI;QACF,OAAO,mCAAa;IACtB,EAAE,OAAM;QACN,OAAO;IACT;AACF;AAEO,SAAS;IACd,MAAM,MAAM;IACZ,OAAO,CAAA,GAAA,cAAM,EACX,IAAM,CAAA,GAAA,yCAAmB,EAAE,IAAI,QAAQ,EAAE,OACzC;QAAC,IAAI,QAAQ;KAAC;AAElB;AAEA,SAAS,kCAAY,SACnB,KAAK,EAGN;IACC;;;;GAIC,GACD,uDAAuD,GACvD,mBAAmB;IACnB,MAAM,QAAQ;IAEd,gCAAgC;IAChC,MAAM,gBAAgB,CAAA,GAAA,aAAK,EAAE,MAAM,MAAM;IACzC,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,cAAc,OAAO,KAAK,MAAM,MAAM,EAAE;YAC1C,QAAQ,KAAK,CAAC;YACd,cAAc,OAAO,GAAG,MAAM,MAAM;QACtC;IACF,GAAG;QAAC,MAAM,MAAM;KAAC;IAEjB,KAAK,MAAM,CAAC,MAAM,MAAM,IAAI,MAC1B,CAAA,GAAA,gBAAQ,EAAE;QACR,MAAM,GAAG,CAAC,MAAM;IAClB,GAAG;QAAC;QAAO;KAAM;IAEnB,OAAO;AACT","sources":["packages/column-views/src/data-provider/store.ts"],"sourcesContent":["import {\n  createContext,\n  ReactNode,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n} from \"react\";\nimport h from \"@macrostrat/hyper\";\nimport {\n  CompositeColumnScale,\n  createCompositeScale,\n} from \"../prepare-units/composite-scale\";\nimport { ColumnAxisType } from \"@macrostrat/column-components\";\nimport type { ExtUnit, PackageLayoutData } from \"../prepare-units\";\n// An isolated jotai store for Macrostrat column usage\n// TODO: there might be a better way to do this using the MacrostratDataProvider or similar\nimport { createIsolation } from \"jotai-scope\";\nimport { atom, PrimitiveAtom, type WritableAtom } from \"jotai\";\n\nconst { Provider, useSetAtom, useAtomValue, useStore } = createIsolation();\n\ntype ProviderProps = {\n  children: ReactNode;\n  initialValues?: Iterable<[WritableAtom<any, any, any>, any]>;\n};\n\nconst columnUnitsAtom = atom<ExtUnit[]>();\n\nconst columnUnitsMapAtom = atom<Map<number, ExtUnit> | null>((get) => {\n  const units = get(columnUnitsAtom);\n  if (!units) return null;\n  const unitMap = new Map<number, ExtUnit>();\n  units.forEach((unit) => {\n    unitMap.set(unit.unit_id, unit);\n  });\n  return unitMap;\n});\n\nfunction ScopedProvider({ children, ...rest }: ProviderProps) {\n  // Always use the same store instance in this tree\n  let val = null;\n  try {\n    val = useStore();\n  } catch {\n    // No store found, create a new one\n    val = null;\n  }\n  return h(Provider, { store: val, ...rest }, children);\n}\n\nexport function MacrostratColumnStateProvider({\n  children,\n  units,\n}: {\n  children?: ReactNode;\n  units: ExtUnit[];\n}) {\n  /** Top-level provider for Macrostrat column data.\n   * It is either provided by the Column component itself, or\n   * can be hoisted higher in the tree to provide a common data context\n   */\n\n  const atomMap: [[PrimitiveAtom<ExtUnit[]>, ExtUnit[]]] = [\n    [columnUnitsAtom, units],\n  ];\n\n  return h(\n    ScopedProvider,\n    {\n      initialValues: atomMap,\n    },\n    [h(AtomUpdater, { atoms: atomMap }), children],\n  );\n}\n\nexport interface MacrostratColumnDataContext {\n  units: ExtUnit[];\n  sections: PackageLayoutData[];\n  totalHeight?: number;\n  axisType?: ColumnAxisType;\n}\n\nconst MacrostratColumnDataContext =\n  createContext<MacrostratColumnDataContext>(null);\n\nexport function MacrostratColumnDataProvider({\n  children,\n  units,\n  sections,\n  totalHeight,\n  axisType,\n}: MacrostratColumnDataContext & { children: ReactNode }) {\n  /** Internal provider for Macrostrat column data.\n   * As a general rule, we want to provide data and column-axis\n   * height calculations through the context, since these need to\n   * be accessed by any component that lays out information on the\n   * column.\n   *\n   * Cross-axis layout and view configuration (e.g., showing and hiding\n   * of different components or labels) should be handled through passing\n   * props to the components themselves.\n   * */\n\n  const value = useMemo(() => {\n    // For now, change ordinal axis types to age axis types\n    return {\n      units,\n      sections,\n      totalHeight,\n      axisType,\n    };\n  }, [units, sections, totalHeight, axisType]);\n\n  return h(\n    MacrostratColumnStateProvider,\n    { units },\n    h(MacrostratColumnDataContext.Provider, { value }, children),\n  );\n}\n\nexport function useMacrostratColumnData() {\n  const ctx = useContext(MacrostratColumnDataContext);\n  if (!ctx) {\n    throw new Error(\n      \"useMacrostratColumnData must be used within a MacrostratColumnDataProvider\",\n    );\n  }\n  return ctx;\n}\n\nexport function useMacrostratUnits() {\n  return useAtomValue(columnUnitsAtom);\n}\n\nexport function useColumnUnitsMap(): Map<number, ExtUnit> | null {\n  try {\n    return useAtomValue(columnUnitsMapAtom);\n  } catch {\n    return null;\n  }\n}\n\nexport function useCompositeScale(): CompositeColumnScale {\n  const ctx = useMacrostratColumnData();\n  return useMemo(\n    () => createCompositeScale(ctx.sections, true),\n    [ctx.sections],\n  );\n}\n\nfunction AtomUpdater({\n  atoms,\n}: {\n  atoms: [WritableAtom<any, any, any>, any][];\n}) {\n  /**\n   * A generic updater to sync Jotai atoms with state passed as props.\n   * Useful for scoped providers where state needs to be synced outside\n   * of the current context.\n   */\n  /** TODO: this is an awkward way to keep atoms updated */\n  // The scoped store\n  const store = useStore();\n\n  // Warn on atoms changing length\n  const prevLengthRef = useRef(atoms.length);\n  useEffect(() => {\n    if (prevLengthRef.current !== atoms.length) {\n      console.error(\"Error: number of atoms in ScopedAtomUpdater has changed.\");\n      prevLengthRef.current = atoms.length;\n    }\n  }, [atoms.length]);\n\n  for (const [atom, value] of atoms) {\n    useEffect(() => {\n      store.set(atom, value);\n    }, [store, value]);\n  }\n  return null;\n}\n"],"names":[],"version":3,"file":"column-views.4b259f9e.js.map"}

package/dist/esm/column-views.6f96d1c3.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/column-views/src/correlation-chart/main.ts"],"sourcesContent":["/** Correlation chart */\nimport {\n  UnitSelectionProvider,\n  UnitKeyboardNavigation,\n  useUnitSelectionStore,\n} from \"../data-provider\";\nimport { UnitSelectionPopover } from \"../unit-details\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\nimport { useMemo, useRef } from \"react\";\nimport { useInDarkMode } from \"@macrostrat/ui-components\";\nimport { CompositeTimescaleCore } from \"../section\";\nimport classNames from \"classnames\";\nimport {\n  findLaterallyExtensiveUnits,\n  splitStratIntoBoxes,\n  UnitGroupBox,\n  CorrelationChartSettings,\n  buildCorrelationChartData,\n} from \"./prepare-data\";\nimport {\n  CompositeAgeAxisCore,\n  CompositeStratigraphicScaleInfo,\n} from \"../age-axis\";\nimport {\n  ColumnAxisType,\n  ColumnProvider,\n  SVG,\n} from \"@macrostrat/column-components\";\nimport { ColoredUnitComponent } from \"../units\";\nimport { UnitBoxes } from \"../units/boxes\";\nimport { ColumnContainer } from \"../column\";\nimport { ColumnData } from \"../data-provider\";\nimport { BaseUnit } from \"@macrostrat/api-types\";\nimport { ScaleContinuousNumeric } from \"d3-scale\";\nimport { ExtUnit } from \"../prepare-units/types\";\n\nconst h = hyper.styled(styles);\n\nexport interface CorrelationChartProps extends CorrelationChartSettings {\n  data: ColumnData[];\n  columnWidth?: number;\n  columnSpacing?: number;\n  targetUnitHeight?: number;\n  unconformityLabels?: boolean;\n  selectedUnit?: number | null;\n  showUnitPopover?: boolean;\n  unitComponent?: any;\n  onUnitSelected?: (unitID: number | null, unit: BaseUnit | null) => void;\n}\n\nexport function CorrelationChart({\n  data,\n  columnSpacing = 0,\n  columnWidth = 130,\n  unconformityLabels = true,\n  showUnitPopover = true,\n  selectedUnit,\n  onUnitSelected,\n  unitComponent,\n  ...scaleProps\n}: CorrelationChartProps) {\n  const defaultScaleProps = {\n    targetUnitHeight: 10,\n    unconformityHeight: 60,\n    minSectionHeight: 60,\n    collapseSmallUnconformities: true,\n  };\n\n  const chartData = useMemo(() => {\n    if (!data) return null;\n    return buildCorrelationChartData(data, {\n      ...defaultScaleProps,\n      ...scaleProps,\n    });\n  }, [data, ...Object.values(scaleProps)]);\n\n  const columnRef = useRef(null);\n\n  // A flattened units array is used to support keyboard navigation\n  const units = useMemo(() => {\n    return data?.map((d0) => d0.units).flat() ?? [];\n  }, [data]);\n\n  const inDarkMode = useInDarkMode();\n\n  const className = classNames({\n    \"dark-mode\": inDarkMode,\n  });\n\n  if (chartData == null) {\n    return null;\n  }\n\n  const { packages, scaleInfo, nColumns } = chartData;\n\n  const mainWidth = (columnWidth + columnSpacing) * nColumns;\n\n  return h(\n    ColumnContainer,\n    { className: \"correlation-diagram\" },\n    h(\n      UnitSelectionProvider,\n      { columnRef, selectedUnit, onUnitSelected, units },\n      h(ChartArea, [\n        h(TimescaleColumn, {\n          key: \"timescale\",\n          scaleInfo,\n          unconformityLabels,\n        }),\n        h(\"div.main-chart\", { ref: columnRef }, [\n          h(\n            SVG,\n            {\n              className,\n              innerWidth: mainWidth,\n              height: scaleInfo.totalHeight,\n              paddingH: 4,\n            },\n            packages.map((pkg, i) => {\n              const { offset, domain, pixelScale, scale, key } =\n                scaleInfo.packages[i];\n              return h(Package, {\n                columnData: pkg.columnData,\n                key,\n                columnWidth,\n                columnSpacing,\n                offset,\n                domain,\n                pixelScale,\n                scale,\n                unitComponent,\n              });\n            }),\n          ),\n          h.if(showUnitPopover)(UnitSelectionPopover),\n          // Navigation only works within a column for now...\n          h(UnitKeyboardNavigation, { units }),\n        ]),\n      ]),\n    ),\n  );\n}\n\nfunction Package({\n  columnData,\n  columnSpacing,\n  columnWidth,\n  unitComponent,\n  offset,\n  domain,\n  pixelScale,\n  scale,\n}) {\n  return h(\"g.package\", { transform: `translate(0 ${offset})` }, [\n    // Disable the SVG overlay for now\n    //h(PackageSVGOverlay, { data, columnSpacing }),\n    h(\"g.column-units\", [\n      columnData.map((data, i) => {\n        return h(Column, {\n          units: data.units,\n          unitComponent,\n          width: columnWidth,\n          key: i,\n          domain,\n          pixelScale,\n          scale,\n          offsetLeft: i * (columnWidth + columnSpacing),\n        });\n      }),\n    ]),\n  ]);\n}\n\ninterface ColumnProps {\n  units: ExtUnit[];\n  unitComponent?: React.FunctionComponent<any>;\n  unitComponentProps?: any;\n  showLabels?: boolean;\n  width?: number;\n  columnWidth?: number;\n  columnSpacing?: number;\n  targetUnitHeight?: number;\n  offsetLeft?: number;\n  domain: [number, number];\n  pixelScale: number;\n  scale?: ScaleContinuousNumeric<number, number>;\n}\n\nfunction Column(props: ColumnProps) {\n  const {\n    units,\n    width = 150,\n    offsetLeft,\n    domain,\n    pixelScale,\n    scale,\n    unitComponent = ColoredUnitComponent,\n  } = props;\n\n  const columnWidth = width;\n\n  if (units.length == 0) {\n    return null;\n  }\n\n  return h(\n    \"g.section\",\n    {\n      transform: `translate(${offsetLeft} 0)`,\n    },\n    h(\n      ColumnProvider,\n      {\n        // Need to tighten up types here...\n        divisions: units as any[],\n        range: domain,\n        scale,\n        pixelsPerMeter: pixelScale, // Actually pixels per myr\n        axisType: ColumnAxisType.AGE,\n      },\n      h(UnitBoxes, {\n        unitComponent,\n        unitComponentProps: {\n          nColumns: 2,\n          width: columnWidth,\n          showLabel: false,\n        },\n      }),\n    ),\n  );\n}\n\nfunction PackageSVGOverlay({ data, columnWidth = 100, columnSpacing = 0 }) {\n  const { b_age, t_age, bestPixelScale, columnData } = data;\n\n  const width = (columnWidth + columnSpacing) * columnData.length;\n  const height = Math.ceil((b_age - t_age) * bestPixelScale) + 2;\n\n  const extensiveUnits = findLaterallyExtensiveUnits(data);\n\n  const scale = (val: number) => {\n    return (val - t_age) * bestPixelScale;\n  };\n\n  return h(\n    \"div.package-overlay\",\n    { style: { width, height } },\n    extensiveUnits.map((d) => {\n      return h(LaterallyExtensiveUnit, {\n        data: d,\n        scale,\n        pixelScale: bestPixelScale,\n        columnSpacing,\n      });\n    }),\n  );\n}\n\nfunction LaterallyExtensiveUnit({ data, scale, pixelScale, columnSpacing }) {\n  const { b_age, t_age, strat_name_long, units } = data;\n  // Build boxes by column groups\n  const boxes: UnitGroupBox[] = splitStratIntoBoxes(data);\n\n  return h(\n    \"div.laterally-extensive-unit\",\n    boxes.map((d, i) => {\n      return h(StratColSpan, {\n        scale,\n        data: d,\n        pixelScale,\n        key: i,\n        columnSpacing,\n      });\n    }),\n  );\n}\n\nfunction StratColSpan({\n  data,\n  scale,\n  columnWidth = 100,\n  columnSpacing = 0,\n  pixelScale = 1,\n}) {\n  const { startCol, endCol, strat_name_long, t_age, b_age } = data;\n  const top = scale(t_age);\n  const left = startCol * (columnWidth + columnSpacing);\n  const width = (endCol - startCol + 1) * (columnWidth + columnSpacing);\n  const height = (b_age - t_age) * pixelScale;\n  return h(\n    \"div.strat-col-span\",\n    { style: { top, height, width, left } },\n    strat_name_long,\n  );\n}\n\nfunction ChartArea({ children }) {\n  const setSelectedUnit = useUnitSelectionStore(\n    (state) => state.setSelectedUnit,\n  );\n\n  return h(\n    \"div.correlation-chart-inner\",\n    {\n      onClick() {\n        setSelectedUnit(null);\n      },\n    },\n    children,\n  );\n}\n\ninterface TimescaleColumnProps {\n  scaleInfo: CompositeStratigraphicScaleInfo;\n  showLabels?: boolean;\n  unconformityLabels?: boolean;\n}\n\nfunction TimescaleColumn(props: TimescaleColumnProps) {\n  const { scaleInfo, unconformityLabels = true } = props;\n  return h(\"div.column-container.age-axis-container\", [\n    h(CompositeAgeAxisCore, { ...scaleInfo }),\n    h(CompositeTimescaleCore, { ...scaleInfo, unconformityLabels }),\n  ]);\n}\n"],"names":[],"version":3,"file":"column-views.6f96d1c3.js.map"}

package/dist/esm/column-views.9d51a5ab.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;;;;;AAOH,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,uEAAK;AAoBrB,SAAS;IACd,MAAM,SAAS,CAAA,GAAA,wCAAiB,KAAK,CAAC,EAAE,EAAE;IAC1C,MAAM,QAAQ,CAAA,GAAA,wCAAgB;IAE9B,MAAM,WAAW,CAAA,GAAA,mBAAW,EAC1B,+CACA;gBAAE;IAAO,GACT,CAAC,MAAQ,IAAI,OAAO,CAAC,IAAI;IAG3B,IAAI,YAAY,MACd,OAAO;IAGT,OAAO,wBACL,0BACA,SAAS,GAAG,CAAC,CAAC;QACZ,MAAM,SAAS,MAAM,QAAQ,SAAS;QAEtC,OAAO,wBAAE,kCAAkC;YACzC,KAAK,QAAQ,WAAW;YACxB,OAAO;gBAAE,KAAK,GAAG,OAAO,EAAE,CAAC;YAAC;QAC9B;IACF;AAEJ;AAEO,SAAS;IACd;;GAEC,GACD,MAAM,QAAQ,CAAA,GAAA,wCAAiB;IAC/B,MAAM,WAAW,CAAA,GAAA,yCAAkB,EAAE;IACrC,MAAM,QAAQ,CAAA,GAAA,wCAAgB;IAE9B,OAAO,wBACL,0BACA,SAAS,GAAG,CAAC,CAAC;QACZ,MAAM,SAAS,MAAM,QAAQ,GAAG;QAChC,OAAO,wBAAE,kCAAkC;YACzC,KAAK,QAAQ,KAAK;YAClB,OAAO;gBAAE,KAAK,GAAG,OAAO,EAAE,CAAC;YAAC;QAC9B;IACF;AAEJ","sources":["packages/column-views/src/age-model-overlay.ts"],"sourcesContent":["/** An in-development overlay for a column's age model.\n *\n * Age model info:\n *       {\n *         \"boundary_id\": 8049,\n *         \"col_id\": 432,\n *         \"section_id\": 3104,\n *         \"interval_id\": 268,\n *         \"interval_name\": \"Calymmian\",\n *         \"age_bottom\": 1600,\n *         \"age_top\": 1400,\n *         \"rel_position\": 0.85,\n *         \"model_age\": 1430,\n *         \"boundary_status\": \"absolute\",\n *         \"boundary_type\": \"\",\n *         \"boundary_position\": null,\n *         \"unit_below\": 11541,\n *         \"unit_above\": 0,\n *         \"ref_id\": 217\n *       },\n *\n * */\n\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./age-model-overlay.module.sass\";\nimport { useAPIResult } from \"@macrostrat/ui-components\";\nimport { useCompositeScale, useMacrostratUnits } from \"./data-provider\";\nimport { buildColumnSurfaces } from \"./prepare-units/dynamic-scales\";\nconst h = hyper.styled(styles);\n\ninterface AgeModelSurface {\n  boundary_id: number;\n  col_id: number;\n  section_id: number;\n  interval_id: number;\n  interval_name: string;\n  age_bottom: number;\n  age_top: number;\n  rel_position: number;\n  model_age: number;\n  boundary_status: \"absolute\" | \"relative\" | \"modeled\";\n  boundary_type: string;\n  boundary_position: null | number;\n  unit_below: number;\n  unit_above: number;\n  ref_id: number;\n}\n\nexport function BoundaryAgeModelOverlay() {\n  const col_id = useMacrostratUnits()?.[0]?.col_id;\n  const scale = useCompositeScale();\n\n  const ageModel = useAPIResult(\n    \"https://dev.macrostrat.org/api/v2/age_model\",\n    { col_id },\n    (res) => res.success.data,\n  );\n\n  if (ageModel == null) {\n    return null;\n  }\n\n  return h(\n    \"div.boundary-age-model\",\n    ageModel.map((surface) => {\n      const height = scale(surface.model_age);\n\n      return h(\"div.boundary-age-model-surface\", {\n        key: surface.boundary_id,\n        style: { top: `${height}px` },\n      });\n    }),\n  );\n}\n\nexport function ComputedSurfacesOverlay() {\n  /** Overlay showing age surfaces. This is like the boundary age model overlay but\n   * it is computed on the fly from unit tops and bottoms.\n   */\n  const units = useMacrostratUnits();\n  const surfaces = buildColumnSurfaces(units);\n  const scale = useCompositeScale();\n\n  return h(\n    \"div.boundary-age-model\",\n    surfaces.map((surface) => {\n      const height = scale(surface.age);\n      return h(\"div.boundary-age-model-surface\", {\n        key: surface.index,\n        style: { top: `${height}px` },\n      });\n    }),\n  );\n}\n"],"names":[],"version":3,"file":"column-views.9d51a5ab.js.map"}

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

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;AAMA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,uEAAK;AAErB,SAAS,0CAAmB,SACjC,KAAK,YACL,QAAQ,mBACR,kBAAkB,IAKnB;IACC,MAAM,UAAU,wBAAE,0CAAoB;IAEtC,OAAO,wBACL,oBACA;eACE;IACF,GACA,wBACE,CAAA,GAAA,cAAM,GACN,aAAa;IACb;iBACE;QACA,QAAQ;QACR,WAAW;QACX,UAAU;QACV,WAAW;YACT,iBAAiB;gBAAE,SAAS;oBAAE,SAAS;gBAAgB;YAAE;QAC3D;IACF,GACA,wBAAE;AAGR;AAEA,SAAS,yCAAmB,YAAE,QAAQ,EAAE;IACtC,OAAO,wBACL,OACA;QACE,SAAQ,CAAC;YACP,yCAAyC;YACzC,EAAE,eAAe;QACnB;IACF,GACA;AAEJ;AAEO,SAAS;IACd,MAAM,OAAO,CAAA,GAAA,yCAAc;IAC3B,MAAM,aAAa,CAAA,GAAA,yCAAoB,EAAE,CAAC,QAAU,MAAM,cAAc;IACxE,MAAM,WAAW,CAAA,GAAA,yCAAoB,EAAE,CAAC,QAAU,MAAM,eAAe;IACvE,IAAI,QAAQ,MACV,OAAO;IAGT,OAAO,wBACL,8BACA,wBACE,2CACA;QACE,OAAO;YACL,UAAU;YACV,KAAK,UAAU,KAAK;YACpB,OAAO,UAAU,SAAS;YAC1B,MAAM,UAAU,KAAK;YACrB,QAAQ,UAAU,UAAU;QAC9B;IACF,GACA,wBAAE,CAAA,GAAA,yCAAe,GAAG;cAClB;QACA,0BAA0B;QAC1B,WAAW;QACX,cAAc,CAAC;YACb,QAAQ,GAAG,CAAC,6BAA6B;YACzC,WAAW,IAAI,MAAM;QACvB;IACF;AAGN","sources":["packages/column-views/src/unit-details/popover.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport { Popover } from \"@blueprintjs/core\";\nimport styles from \"./popover.module.sass\";\nimport { useSelectedUnit, useUnitSelectionStore } from \"../data-provider\";\nimport { UnitDetailsPanel } from \"./panel\";\n\nconst h = hyper.styled(styles);\n\nexport function UnitDetailsPopover({\n  style,\n  children,\n  viewportPadding = 20,\n}: {\n  style: object;\n  viewportPadding?: number;\n  children: React.ReactNode;\n}) {\n  const content = h(InteractionBarrier, children);\n\n  return h(\n    \"div.popover-main\",\n    {\n      style,\n    },\n    h(\n      Popover,\n      // @ts-ignore\n      {\n        content,\n        isOpen: true,\n        usePortal: false,\n        position: \"right\",\n        modifiers: {\n          preventOverflow: { options: { padding: viewportPadding } },\n        },\n      },\n      h(\"span.popover-target\"),\n    ),\n  );\n}\n\nfunction InteractionBarrier({ children }) {\n  return h(\n    \"div\",\n    {\n      onClick(e) {\n        // Stop events from leaking to the parent\n        e.stopPropagation();\n      },\n    },\n    children,\n  );\n}\n\nexport function UnitSelectionPopover() {\n  const unit = useSelectedUnit();\n  const selectUnit = useUnitSelectionStore((state) => state.onUnitSelected);\n  const position = useUnitSelectionStore((state) => state.overlayPosition);\n  if (unit == null) {\n    return null;\n  }\n\n  return h(\n    \"div.unit-popover-container\",\n    h(\n      UnitDetailsPopover,\n      {\n        style: {\n          position: \"absolute\",\n          top: position?.y ?? 0,\n          width: position?.width ?? 100,\n          left: position?.x ?? 0,\n          height: position?.height ?? 100,\n        },\n      },\n      h(UnitDetailsPanel, {\n        unit,\n        showLithologyProportions: true,\n        className: \"legend-panel\",\n        onSelectUnit: (id: number) => {\n          console.log(\"Selected unit in popover:\", id);\n          selectUnit(id, null, null);\n        },\n      }),\n    ),\n  );\n}\n"],"names":[],"version":3,"file":"column-views.b9265595.js.map"}

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

@@ -1,169 +0,0 @@
-import $7fhMn$macrostrathyper from "@macrostrat/hyper";
-import {useKeyHandler as $7fhMn$useKeyHandler} from "@macrostrat/ui-components";
-import {createContext as $7fhMn$createContext, useContext as $7fhMn$useContext, useState as $7fhMn$useState, useEffect as $7fhMn$useEffect, useRef as $7fhMn$useRef, useCallback as $7fhMn$useCallback} from "react";
-import {useStore as $7fhMn$useStore, createStore as $7fhMn$createStore} from "zustand";
-
-
-
-
-
-const $61771df184788970$var$UnitSelectionContext = (0, $7fhMn$createContext)(null);
-function $61771df184788970$export$77a278d5ca56e309() {
-    const store = (0, $7fhMn$useContext)($61771df184788970$var$UnitSelectionContext);
-    if (store == null) return ()=>{};
-    return (0, $7fhMn$useStore)(store, (state)=>state.onUnitSelected);
-}
-function $61771df184788970$export$b220b1d3591dc9e5(selector) {
-    const store = (0, $7fhMn$useContext)($61771df184788970$var$UnitSelectionContext);
-    if (store == null) return null;
-    return (0, $7fhMn$useStore)(store, selector);
-}
-function $61771df184788970$export$f0dd93f90aa8e5da() {
-    return $61771df184788970$export$b220b1d3591dc9e5((state)=>state.selectedUnitData);
-}
-function $61771df184788970$export$f19d75b1d4b676a4(props) {
-    const [store] = (0, $7fhMn$useState)(()=>(0, $7fhMn$createStore)((set)=>({
-                selectedUnit: null,
-                selectedUnitData: null,
-                overlayPosition: null,
-                setSelectedUnit (selectedUnit) {
-                    if (selectedUnit == null) {
-                        set({
-                            selectedUnit: null,
-                            selectedUnitData: null
-                        });
-                        return;
-                    // If it's a number, set the selected unit
-                    } else if (typeof selectedUnit === "number") set({
-                        selectedUnit: selectedUnit,
-                        selectedUnitData: null
-                    });
-                    else if ("unit_id" in selectedUnit) set({
-                        selectedUnit: selectedUnit.unit_id,
-                        selectedUnitData: selectedUnit
-                    });
-                },
-                onUnitSelected: (input, target = null, event = null)=>{
-                    if (input == null) {
-                        props.onUnitSelected?.(null, null);
-                        return set({
-                            selectedUnit: null,
-                            selectedUnitData: null,
-                            overlayPosition: null
-                        });
-                    }
-                    let unit = null;
-                    if (typeof input === "number") unit = props.units.find((u)=>u.unit_id === input) || null;
-                    else unit = input;
-                    const el = props.columnRef?.current;
-                    let overlayPosition = null;
-                    /** This is not the natural place to get positions within the column,
-         * but it will work for now.
-         */ if (props.onClickedColumn) {
-                        // Infer height from top and bottom height of unit (because that's passed back with the call)
-                        //const py = event.y;
-                        //const [bottom, top] = getUnitHeightRange(unit, axisType);
-                        //const height = Math.abs(bottom - top);
-                        /** Ideally this would be defined at the column level */ const columnClickData = {
-                            unitID: unit?.unit_id,
-                            unit: unit,
-                            target: target,
-                            height: el?.getBoundingClientRect().height || 0
-                        };
-                        props.onClickedColumn(columnClickData, event);
-                    }
-                    if (unit != null && el != null && target != null) {
-                        const rect = el.getBoundingClientRect();
-                        const targetRect = target.getBoundingClientRect();
-                        overlayPosition = {
-                            x: targetRect.left - rect.left,
-                            y: targetRect.top - rect.top,
-                            width: targetRect.width,
-                            height: targetRect.height
-                        };
-                    }
-                    props.onUnitSelected?.(unit?.unit_id, unit);
-                    return set({
-                        selectedUnit: unit?.unit_id,
-                        selectedUnitData: unit,
-                        overlayPosition: overlayPosition
-                    });
-                }
-            })));
-    const { units: units, selectedUnit: selectedUnit } = props;
-    (0, $7fhMn$useEffect)(()=>{
-        // Synchronize store with provided props
-        if (selectedUnit != null) {
-            const unitData = units?.find((u)=>u.unit_id === selectedUnit);
-            store.setState({
-                selectedUnit: selectedUnit,
-                selectedUnitData: unitData
-            });
-        } else store.setState({
-            selectedUnit: null,
-            selectedUnitData: null
-        });
-    }, [
-        selectedUnit,
-        units
-    ]);
-    return (0, $7fhMn$macrostrathyper)($61771df184788970$var$UnitSelectionContext.Provider, {
-        value: store
-    }, props.children);
-}
-function $61771df184788970$export$cbbec12b1451fe7d(unit) {
-    const ref = (0, $7fhMn$useRef)();
-    const selectedUnit = $61771df184788970$export$f0dd93f90aa8e5da();
-    const onSelectUnit = $61771df184788970$export$b220b1d3591dc9e5((state)=>state.onUnitSelected);
-    const selected = selectedUnit?.unit_id == unit.unit_id;
-    const onClick = (0, $7fhMn$useCallback)((evt)=>{
-        if (onSelectUnit == null) return;
-        onSelectUnit(unit, ref.current, evt);
-        evt.stopPropagation();
-    }, [
-        unit,
-        onSelectUnit
-    ]);
-    (0, $7fhMn$useEffect)(()=>{
-        if (!selected || onSelectUnit == null) return;
-        // In case we haven't set the position of the unit (if we don't have a target), set the selected unit
-        onSelectUnit(unit, ref.current, null);
-        // Scroll the unit into view
-        ref.current?.scrollIntoView({
-            behavior: "smooth",
-            block: "center",
-            inline: "nearest"
-        });
-    }, [
-        selected,
-        onSelectUnit
-    ]);
-    return [
-        ref,
-        selected,
-        onClick
-    ];
-}
-function $61771df184788970$export$70f5ee19650fc7d1({ units: units }) {
-    const selectedUnit = $61771df184788970$export$f0dd93f90aa8e5da();
-    const selectUnit = $61771df184788970$export$77a278d5ca56e309();
-    const ix = units.findIndex((unit)=>unit.unit_id === selectedUnit?.unit_id);
-    const keyMap = {
-        38: ix - 1,
-        40: ix + 1
-    };
-    (0, $7fhMn$useKeyHandler)((event)=>{
-        const nextIx = keyMap[event.keyCode];
-        if (nextIx == null || nextIx < 0 || nextIx >= units.length) return;
-        selectUnit(units[nextIx], null, null);
-        event.stopPropagation();
-    }, [
-        units,
-        ix
-    ]);
-    return null;
-}
-
-
-export {$61771df184788970$export$77a278d5ca56e309 as useUnitSelectionDispatch, $61771df184788970$export$b220b1d3591dc9e5 as useUnitSelectionStore, $61771df184788970$export$f0dd93f90aa8e5da as useSelectedUnit, $61771df184788970$export$f19d75b1d4b676a4 as UnitSelectionProvider, $61771df184788970$export$cbbec12b1451fe7d as useUnitSelectionTarget, $61771df184788970$export$70f5ee19650fc7d1 as UnitKeyboardNavigation};
-//# sourceMappingURL=column-views.c44febd0.js.map

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

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/column-views/src/data-provider/unit-selection.ts"],"sourcesContent":["import { BaseUnit } from \"@macrostrat/api-types\";\nimport h from \"@macrostrat/hyper\";\nimport { useKeyHandler } from \"@macrostrat/ui-components\";\nimport {\n  createContext,\n  useContext,\n  useEffect,\n  useState,\n  ReactNode,\n  RefObject,\n  useRef,\n  useCallback,\n} from \"react\";\nimport { createStore, StoreApi, useStore } from \"zustand\";\nimport type { RectBounds, IUnit } from \"../units/types\";\n\ntype UnitSelectDispatch = (\n  unit: number | BaseUnit | null,\n  target: HTMLElement | null,\n  event: Event | null,\n) => void;\n\nconst UnitSelectionContext = createContext<StoreApi<UnitSelectionStore>>(null);\n\nexport function useUnitSelectionDispatch(): UnitSelectDispatch {\n  const store = useContext(UnitSelectionContext);\n  if (store == null) {\n    return () => {};\n  }\n  return useStore(store, (state) => state.onUnitSelected);\n}\n\nexport function useUnitSelectionStore<T>(\n  selector: (state: UnitSelectionStore) => T,\n): T {\n  const store = useContext(UnitSelectionContext);\n  if (store == null) {\n    return null;\n  }\n  return useStore(store, selector);\n}\n\nexport function useSelectedUnit() {\n  return useUnitSelectionStore((state) => state.selectedUnitData);\n}\n\ninterface UnitSelectionStore {\n  selectedUnit: number | null;\n  selectedUnitData: BaseUnit | null;\n  overlayPosition: RectBounds | null;\n  onUnitSelected: UnitSelectDispatch;\n  setSelectedUnit: (unit: number | null) => void;\n}\n\nexport interface ColumnClickData {\n  unitID: number | null;\n  unit: BaseUnit | null;\n  target: HTMLElement | null;\n  height: number;\n  // Room for boundary IDs eventually\n}\n\nexport function UnitSelectionProvider<T extends BaseUnit>(props: {\n  children: ReactNode;\n  columnRef?: RefObject<HTMLElement>;\n  units: T[];\n  selectedUnit: number | null;\n  onClickedColumn?: (columnClickData: ColumnClickData, event: Event) => void;\n  onUnitSelected?: (unitID: number | null, unit: T | null) => void;\n}) {\n  const [store] = useState(() =>\n    createStore<UnitSelectionStore>((set) => ({\n      selectedUnit: null,\n      selectedUnitData: null,\n      overlayPosition: null,\n      setSelectedUnit(selectedUnit: number | null | BaseUnit) {\n        if (selectedUnit == null) {\n          set({ selectedUnit: null, selectedUnitData: null });\n          return;\n          // If it's a number, set the selected unit\n        } else if (typeof selectedUnit === \"number\") {\n          set({ selectedUnit, selectedUnitData: null });\n        } else if (\"unit_id\" in selectedUnit) {\n          set({\n            selectedUnit: selectedUnit.unit_id,\n            selectedUnitData: selectedUnit,\n          });\n        }\n      },\n      onUnitSelected: (\n        input: number | T | null,\n        target: HTMLElement = null,\n        event: PointerEvent = null,\n      ) => {\n        if (input == null) {\n          props.onUnitSelected?.(null, null);\n          return set({\n            selectedUnit: null,\n            selectedUnitData: null,\n            overlayPosition: null,\n          });\n        }\n\n        let unit: T | null = null;\n        if (typeof input === \"number\") {\n          unit = props.units.find((u) => u.unit_id === input) || null;\n        } else {\n          unit = input;\n        }\n\n        const el = props.columnRef?.current;\n        let overlayPosition = null;\n\n        /** This is not the natural place to get positions within the column,\n         * but it will work for now.\n         */\n        if (props.onClickedColumn) {\n          // Infer height from top and bottom height of unit (because that's passed back with the call)\n          //const py = event.y;\n          //const [bottom, top] = getUnitHeightRange(unit, axisType);\n          //const height = Math.abs(bottom - top);\n\n          /** Ideally this would be defined at the column level */\n          const columnClickData: ColumnClickData = {\n            unitID: unit?.unit_id,\n            unit,\n            target,\n            height: el?.getBoundingClientRect().height || 0,\n          };\n          props.onClickedColumn(columnClickData, event);\n        }\n\n        if (unit != null && el != null && target != null) {\n          const rect = el.getBoundingClientRect();\n          const targetRect = target.getBoundingClientRect();\n\n          overlayPosition = {\n            x: targetRect.left - rect.left,\n            y: targetRect.top - rect.top,\n            width: targetRect.width,\n            height: targetRect.height,\n          };\n        }\n        props.onUnitSelected?.(unit?.unit_id, unit);\n\n        return set({\n          selectedUnit: unit?.unit_id,\n          selectedUnitData: unit,\n          overlayPosition,\n        });\n      },\n    })),\n  );\n\n  const { units, selectedUnit } = props;\n\n  useEffect(() => {\n    // Synchronize store with provided props\n    if (selectedUnit != null) {\n      const unitData = units?.find((u) => u.unit_id === selectedUnit);\n      store.setState({ selectedUnit, selectedUnitData: unitData });\n    } else {\n      store.setState({ selectedUnit: null, selectedUnitData: null });\n    }\n  }, [selectedUnit, units]);\n\n  return h(UnitSelectionContext.Provider, { value: store }, props.children);\n}\n\nexport function useUnitSelectionTarget(\n  unit: IUnit,\n): [React.RefObject<HTMLElement>, boolean, (evt: Event) => void] {\n  const ref = useRef<HTMLElement>();\n  const selectedUnit = useSelectedUnit();\n  const onSelectUnit = useUnitSelectionStore((state) => state.onUnitSelected);\n  const selected = selectedUnit?.unit_id == unit.unit_id;\n\n  const onClick = useCallback(\n    (evt: Event) => {\n      if (onSelectUnit == null) return;\n      onSelectUnit(unit, ref.current, evt);\n      evt.stopPropagation();\n    },\n    [unit, onSelectUnit],\n  );\n\n  useEffect(() => {\n    if (!selected || onSelectUnit == null) return;\n    // In case we haven't set the position of the unit (if we don't have a target), set the selected unit\n    onSelectUnit(unit, ref.current, null);\n\n    // Scroll the unit into view\n    ref.current?.scrollIntoView({\n      behavior: \"smooth\",\n      block: \"center\",\n      inline: \"nearest\",\n    });\n  }, [selected, onSelectUnit]);\n\n  return [ref, selected, onClick];\n}\n\nexport function UnitKeyboardNavigation<T extends BaseUnit>({\n  units,\n}: {\n  units: T[];\n}) {\n  const selectedUnit = useSelectedUnit();\n  const selectUnit = useUnitSelectionDispatch();\n\n  const ix = units.findIndex((unit) => unit.unit_id === selectedUnit?.unit_id);\n\n  const keyMap = {\n    38: ix - 1,\n    40: ix + 1,\n  };\n\n  useKeyHandler(\n    (event) => {\n      const nextIx = keyMap[event.keyCode];\n      if (nextIx == null || nextIx < 0 || nextIx >= units.length) return;\n      selectUnit(units[nextIx], null, null);\n      event.stopPropagation();\n    },\n    [units, ix],\n  );\n  return null;\n}\n"],"names":[],"version":3,"file":"column-views.c44febd0.js.map"}

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

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/column-views/src/column.ts"],"sourcesContent":["import { ColumnAxisType } from \"@macrostrat/column-components\";\nimport { hyperStyled } from \"@macrostrat/hyper\";\nimport {\n  Box,\n  extractPadding,\n  Padding,\n  useDarkMode,\n} from \"@macrostrat/ui-components\";\nimport classNames from \"classnames\";\nimport {\n  RefObject,\n  useRef,\n  HTMLAttributes,\n  useCallback,\n  CSSProperties,\n  ComponentType,\n} from \"react\";\nimport styles from \"./column.module.sass\";\nimport { UnitComponent } from \"./units\";\nimport {\n  UnitSelectionProvider,\n  UnitKeyboardNavigation,\n  useUnitSelectionDispatch,\n} from \"./data-provider\";\n\nimport {\n  Identifier,\n  ReferencesField,\n  UnitSelectionPopover,\n} from \"./unit-details\";\nimport {\n  MacrostratColumnDataProvider,\n  useCompositeScale,\n  useMacrostratColumnData,\n} from \"./data-provider\";\nimport {\n  SectionSharedProps,\n  CompositeTimescale,\n  SectionsColumn,\n} from \"./section\";\nimport { ApproximateHeightAxis, CompositeAgeAxis } from \"./age-axis\";\nimport {\n  MergeSectionsMode,\n  usePreparedColumnUnits,\n  HybridScaleType,\n  ColumnHeightScaleOptions,\n} from \"./prepare-units\";\nimport { UnitLong } from \"@macrostrat/api-types\";\nimport { NonIdealState } from \"@blueprintjs/core\";\nimport { DataField } from \"@macrostrat/data-components\";\nimport { ScaleContinuousNumeric } from \"d3-scale\";\n\nconst h = hyperStyled(styles);\n\ninterface BaseColumnProps extends Omit<\n  SectionSharedProps,\n  \"unconformityLabels\"\n> {\n  className?: string;\n  showLabelColumn?: boolean;\n  keyboardNavigation?: boolean;\n  showLabels?: boolean;\n  maxInternalColumns?: number;\n  // Timescale properties\n  showTimescale?: boolean;\n  timescaleLevels?: number | [number, number];\n  unconformityLabels?: boolean | UnconformityLabelPlacement;\n  onMouseOver?: (\n    unit: UnitLong | null,\n    height: number | null,\n    evt: MouseEvent,\n  ) => void;\n}\n\nexport type UnconformityLabelPlacement = \"minimal\" | \"prominent\" | \"none\";\n\nexport interface ColumnProps\n  extends Padding, BaseColumnProps, ColumnHeightScaleOptions {\n  // Macrostrat units\n  units: UnitLong[];\n  t_age?: number;\n  b_age?: number;\n  t_pos?: number;\n  b_pos?: number;\n  mergeSections?: MergeSectionsMode;\n  showUnitPopover?: boolean;\n  allowUnitSelection?: boolean;\n  selectedUnit?: number | null;\n  onUnitSelected?: (unitID: number | null, unit: any) => void;\n  // Unconformity height in pixels\n  unconformityHeight?: number;\n  scale?: ScaleContinuousNumeric<number, number>;\n}\n\nexport function Column(props: ColumnProps) {\n  const {\n    showUnitPopover = false,\n    keyboardNavigation = false,\n    mergeSections,\n    onUnitSelected,\n    selectedUnit,\n    children,\n    units: rawUnits,\n    t_age,\n    b_age,\n    t_pos,\n    b_pos,\n    unconformityHeight = 30,\n    targetUnitHeight = 20,\n    pixelScale,\n    minPixelScale = 0.2,\n    minSectionHeight = 50,\n    collapseSmallUnconformities = true,\n    allowUnitSelection,\n    hybridScale,\n    scale,\n    axisType,\n    ...rest\n  } = props;\n  const ref = useRef<HTMLElement>();\n  // Selected item position\n\n  /* Make pixelScale and targetUnitHeight mutually exclusive. PixelScale implies\n   * standardization of scales in all sections */\n  let _targetUnitHeight = targetUnitHeight;\n  let _minSectionHeight = minSectionHeight;\n  let _minPixelScale = minPixelScale;\n  if (pixelScale != null) {\n    _targetUnitHeight = null;\n    _minSectionHeight = 0;\n    _minPixelScale = pixelScale;\n  }\n\n  // Handle special cases for hybrid scales (WIP, we need to regularize this)\n  let _axisType = axisType ?? ColumnAxisType.AGE;\n  let ageAxisComponent = CompositeAgeAxis;\n  if (\n    hybridScale?.type === HybridScaleType.ApproximateHeight &&\n    _axisType != ColumnAxisType.AGE\n  ) {\n    // Use approximate height axis for non-age columns if a non-age axis type is requested\n    ageAxisComponent = ApproximateHeightAxis;\n    _axisType = ColumnAxisType.AGE;\n  }\n\n  const { sections, units, totalHeight } = usePreparedColumnUnits(rawUnits, {\n    axisType: _axisType,\n    t_age,\n    b_age,\n    t_pos,\n    b_pos,\n    mergeSections,\n    targetUnitHeight: _targetUnitHeight,\n    unconformityHeight,\n    pixelScale,\n    minPixelScale: _minPixelScale,\n    minSectionHeight: _minSectionHeight,\n    collapseSmallUnconformities,\n    // TODO: consider unifying scale and hybridScale options\n    scale,\n    hybridScale,\n  });\n\n  if (sections.length === 0) {\n    return h(\n      \"div.column-container.empty\",\n      h(NonIdealState, {\n        title: \"Empty column\",\n        description: \"No sections found in this column.\",\n        icon: \"warning-sign\",\n      }),\n    );\n  }\n\n  let main: any = h(\n    ColumnInner,\n    { columnRef: ref, ageAxisComponent, ...rest },\n    [\n      children,\n      h.if(showUnitPopover)(UnitSelectionPopover),\n      h.if(keyboardNavigation)(UnitKeyboardNavigation, { units }),\n    ],\n  );\n\n  /* By default, unit selection is disabled. However, if any related props are passed,\n   we enable it.\n   */\n  let _allowUnitSelection = allowUnitSelection ?? false;\n  if (showUnitPopover || selectedUnit != null || onUnitSelected != null) {\n    _allowUnitSelection = true;\n  }\n\n  if (_allowUnitSelection) {\n    main = h(\n      UnitSelectionProvider,\n      {\n        columnRef: ref,\n        onUnitSelected,\n        selectedUnit,\n        units,\n      },\n      main,\n    );\n  }\n\n  return h(\n    MacrostratColumnDataProvider,\n    { units, sections, totalHeight, axisType: _axisType },\n    main,\n  );\n}\n\ninterface ColumnInnerProps extends BaseColumnProps {\n  columnRef: RefObject<HTMLElement>;\n  ageAxisComponent?: ComponentType;\n}\n\nfunction ColumnInner(props: ColumnInnerProps) {\n  const padding = extractPadding(props);\n\n  // TODO: integrate padding vars more closely with the rest of the spacing (right now padding is a bit ad-hoc)\n  const paddingVars: any = {\n    \"--column-padding-top\": `${padding.paddingTop}px`,\n    \"--column-padding-bottom\": `${padding.paddingBottom}px`,\n    \"--column-padding-left\": `${padding.paddingLeft}px`,\n    \"--column-padding-right\": `${padding.paddingRight}px`,\n  };\n\n  const {\n    unitComponent = UnitComponent,\n    unconformityLabels = \"minimal\",\n    showLabels = true,\n    width: _width = 300,\n    columnWidth: _columnWidth = 150,\n    showLabelColumn: _showLabelColumn = true,\n    className,\n    columnRef,\n    clipUnits = false,\n    children,\n    showTimescale,\n    timescaleLevels,\n    maxInternalColumns,\n    onMouseOver,\n    ageAxisComponent = CompositeAgeAxis,\n  } = props;\n\n  const { axisType } = useMacrostratColumnData();\n\n  // Coalesce unconformity label setting to a boolean\n  let _timescaleUnconformityLabels = false;\n  let _sectionUnconformityLabels = false;\n  if (unconformityLabels === true || unconformityLabels === \"prominent\") {\n    _sectionUnconformityLabels = true;\n  } else if (unconformityLabels === \"minimal\") {\n    _timescaleUnconformityLabels = true;\n  }\n\n  let width = _width;\n  let columnWidth = _columnWidth;\n  if (columnWidth > width) {\n    columnWidth = width;\n  }\n  let showLabelColumn = _showLabelColumn;\n  if (columnWidth > width - 10) {\n    showLabelColumn = false;\n  }\n\n  let _showTimescale = showTimescale ?? true;\n  if (timescaleLevels != null) {\n    _showTimescale = true;\n  }\n  _showTimescale = axisType == ColumnAxisType.AGE && _showTimescale;\n\n  return h(\n    ColumnContainer,\n    {\n      ...useMouseEventHandlers(onMouseOver),\n      style: paddingVars,\n      className,\n    },\n    h(\"div.column\", { ref: columnRef }, [\n      h(ageAxisComponent),\n      h.if(_showTimescale)(CompositeTimescale, {\n        levels: timescaleLevels,\n        unconformityLabels: _timescaleUnconformityLabels,\n      }),\n      h(SectionsColumn, {\n        unitComponent,\n        showLabels,\n        width,\n        columnWidth,\n        showLabelColumn,\n        clipUnits,\n        unconformityLabels: _sectionUnconformityLabels,\n        maxInternalColumns,\n      }),\n      children,\n    ]),\n  );\n}\n\ntype ColumnMouseOverHandler = (\n  unit: UnitLong | null,\n  height: number | null,\n  evt: MouseEvent,\n) => void;\n\nfunction useMouseEventHandlers(\n  _onMouseOver: ColumnMouseOverHandler | null = null,\n) {\n  /** Click event handler */\n\n  // Click handler for unit selection\n  const dispatch = useUnitSelectionDispatch();\n  const onClick = useCallback(\n    (evt) => {\n      dispatch?.(null, null, evt as any);\n    },\n    [dispatch],\n  );\n\n  /** Hover event handlers */\n  const scale = useCompositeScale();\n\n  const onMouseOver = useCallback(\n    (evt) => {\n      const height = scale.invert(\n        evt.clientY - evt.currentTarget.getBoundingClientRect().top,\n      );\n      _onMouseOver?.(null, height, evt);\n    },\n    [scale, _onMouseOver],\n  );\n\n  const onMouseOut = useCallback(() => {\n    _onMouseOver?.(null, null, null);\n  }, [_onMouseOver]);\n\n  if (_onMouseOver == null) {\n    return {\n      onClick,\n      onMouseOver: undefined,\n      onMouseMove: undefined,\n      onMouseOut: undefined,\n    };\n  }\n\n  return { onMouseOver, onMouseMove: onMouseOver, onMouseOut, onClick };\n}\n\nexport interface ColumnContainerProps extends HTMLAttributes<HTMLDivElement> {\n  className?: string;\n  style?: CSSProperties;\n}\n\nexport function ColumnContainer(props: ColumnContainerProps) {\n  const { className, ...rest } = props;\n  const darkMode = useDarkMode();\n\n  return h(Box, {\n    className: classNames(\n      className,\n      {\n        \"dark-mode\": darkMode?.isEnabled ?? false,\n      },\n      \"column-container\",\n    ),\n    ...rest,\n  });\n}\n\nexport function ColumnBasicInfo({\n  data,\n  showColumnID = true,\n  showReferences = true,\n}) {\n  if (data == null) return null;\n  return h(\"div.column-info\", [\n    h(\"div.column-title-row\", [\n      h(\"h2\", data.col_name),\n      h.if(showColumnID)(\"h4\", h(Identifier, { id: data.col_id })),\n    ]),\n    h(DataField, { row: true, label: \"Group\", value: data.col_group }),\n    h.if(showReferences)(ReferencesField, {\n      refs: data.refs,\n      inline: false,\n      row: false,\n      className: \"column-refs\",\n    }),\n  ]);\n}\n"],"names":[],"version":3,"file":"column-views.e3f0cd7b.js.map"}

package/dist/node/column-views.0beae29d.js

@@ -1,2 +0,0 @@
-import e from"@macrostrat/hyper";import{useKeyHandler as t}from"@macrostrat/ui-components";import{createContext as n,useContext as l,useState as i,useEffect as u,useRef as o,useCallback as a}from"react";import{useStore as r,createStore as c}from"zustand";function s(e,t,n,l){Object.defineProperty(e,t,{get:n,set:l,enumerable:!0,configurable:!0})}var d={};s(d,"useUnitSelectionDispatch",()=>U),s(d,"useUnitSelectionStore",()=>p),s(d,"useSelectedUnit",()=>b),s(d,"UnitSelectionProvider",()=>S),s(d,"useUnitSelectionTarget",()=>g),s(d,"UnitKeyboardNavigation",()=>m);let f=n(null);function U(){let e=l(f);return null==e?()=>{}:r(e,e=>e.onUnitSelected)}function p(e){let t=l(f);return null==t?null:r(t,e)}function b(){return p(e=>e.selectedUnitData)}function S(t){let[n]=i(()=>c(e=>({selectedUnit:null,selectedUnitData:null,overlayPosition:null,setSelectedUnit(t){if(null==t)return void e({selectedUnit:null,selectedUnitData:null});"number"==typeof t?e({selectedUnit:t,selectedUnitData:null}):"unit_id"in t&&e({selectedUnit:t.unit_id,selectedUnitData:t})},onUnitSelected:(n,l=null,i=null)=>{if(null==n)return t.onUnitSelected?.(null,null),e({selectedUnit:null,selectedUnitData:null,overlayPosition:null});let u=null;u="number"==typeof n?t.units.find(e=>e.unit_id===n)||null:n;let o=t.columnRef?.current,a=null;if(t.onClickedColumn){let e={unitID:u?.unit_id,unit:u,target:l,height:o?.getBoundingClientRect().height||0};t.onClickedColumn(e,i)}if(null!=u&&null!=o&&null!=l){let e=o.getBoundingClientRect(),t=l.getBoundingClientRect();a={x:t.left-e.left,y:t.top-e.top,width:t.width,height:t.height}}return t.onUnitSelected?.(u?.unit_id,u),e({selectedUnit:u?.unit_id,selectedUnitData:u,overlayPosition:a})}}))),{units:l,selectedUnit:o}=t;return u(()=>{if(null!=o){let e=l?.find(e=>e.unit_id===o);n.setState({selectedUnit:o,selectedUnitData:e})}else n.setState({selectedUnit:null,selectedUnitData:null})},[o,l]),e(f.Provider,{value:n},t.children)}function g(e){let t=o(),n=b(),l=p(e=>e.onUnitSelected),i=n?.unit_id==e.unit_id,r=a(n=>{null!=l&&(l(e,t.current,n),n.stopPropagation())},[e,l]);return u(()=>{i&&null!=l&&(l(e,t.current,null),t.current?.scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"}))},[i,l]),[t,i,r]}function m({units:e}){let n=b(),l=U(),i=e.findIndex(e=>e.unit_id===n?.unit_id),u={38:i-1,40:i+1};return t(t=>{let n=u[t.keyCode];null==n||n<0||n>=e.length||(l(e[n],null,null),t.stopPropagation())},[e,i]),null}export{U as useUnitSelectionDispatch,p as useUnitSelectionStore,b as useSelectedUnit,S as UnitSelectionProvider,g as useUnitSelectionTarget,m as UnitKeyboardNavigation};
-//# sourceMappingURL=column-views.0beae29d.js.map

package/dist/node/column-views.0beae29d.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["<anon>","packages/column-views/src/data-provider/unit-selection.ts"],"sourcesContent":["import $2lWH8$macrostrathyper from \"@macrostrat/hyper\";\nimport {useKeyHandler as $2lWH8$useKeyHandler} from \"@macrostrat/ui-components\";\nimport {createContext as $2lWH8$createContext, useContext as $2lWH8$useContext, useState as $2lWH8$useState, useEffect as $2lWH8$useEffect, useRef as $2lWH8$useRef, useCallback as $2lWH8$useCallback} from \"react\";\nimport {useStore as $2lWH8$useStore, createStore as $2lWH8$createStore} from \"zustand\";\n\n\nfunction $parcel$export(e, n, v, s) {\n  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});\n}\nvar $cfa36458f00f4b0e$exports = {};\n\n$parcel$export($cfa36458f00f4b0e$exports, \"useUnitSelectionDispatch\", () => $cfa36458f00f4b0e$export$77a278d5ca56e309);\n$parcel$export($cfa36458f00f4b0e$exports, \"useUnitSelectionStore\", () => $cfa36458f00f4b0e$export$b220b1d3591dc9e5);\n$parcel$export($cfa36458f00f4b0e$exports, \"useSelectedUnit\", () => $cfa36458f00f4b0e$export$f0dd93f90aa8e5da);\n$parcel$export($cfa36458f00f4b0e$exports, \"UnitSelectionProvider\", () => $cfa36458f00f4b0e$export$f19d75b1d4b676a4);\n$parcel$export($cfa36458f00f4b0e$exports, \"useUnitSelectionTarget\", () => $cfa36458f00f4b0e$export$cbbec12b1451fe7d);\n$parcel$export($cfa36458f00f4b0e$exports, \"UnitKeyboardNavigation\", () => $cfa36458f00f4b0e$export$70f5ee19650fc7d1);\n\n\n\n\nconst $cfa36458f00f4b0e$var$UnitSelectionContext = (0, $2lWH8$createContext)(null);\nfunction $cfa36458f00f4b0e$export$77a278d5ca56e309() {\n    const store = (0, $2lWH8$useContext)($cfa36458f00f4b0e$var$UnitSelectionContext);\n    if (store == null) return ()=>{};\n    return (0, $2lWH8$useStore)(store, (state)=>state.onUnitSelected);\n}\nfunction $cfa36458f00f4b0e$export$b220b1d3591dc9e5(selector) {\n    const store = (0, $2lWH8$useContext)($cfa36458f00f4b0e$var$UnitSelectionContext);\n    if (store == null) return null;\n    return (0, $2lWH8$useStore)(store, selector);\n}\nfunction $cfa36458f00f4b0e$export$f0dd93f90aa8e5da() {\n    return $cfa36458f00f4b0e$export$b220b1d3591dc9e5((state)=>state.selectedUnitData);\n}\nfunction $cfa36458f00f4b0e$export$f19d75b1d4b676a4(props) {\n    const [store] = (0, $2lWH8$useState)(()=>(0, $2lWH8$createStore)((set)=>({\n                selectedUnit: null,\n                selectedUnitData: null,\n                overlayPosition: null,\n                setSelectedUnit (selectedUnit) {\n                    if (selectedUnit == null) {\n                        set({\n                            selectedUnit: null,\n                            selectedUnitData: null\n                        });\n                        return;\n                    // If it's a number, set the selected unit\n                    } else if (typeof selectedUnit === \"number\") set({\n                        selectedUnit: selectedUnit,\n                        selectedUnitData: null\n                    });\n                    else if (\"unit_id\" in selectedUnit) set({\n                        selectedUnit: selectedUnit.unit_id,\n                        selectedUnitData: selectedUnit\n                    });\n                },\n                onUnitSelected: (input, target = null, event = null)=>{\n                    if (input == null) {\n                        props.onUnitSelected?.(null, null);\n                        return set({\n                            selectedUnit: null,\n                            selectedUnitData: null,\n                            overlayPosition: null\n                        });\n                    }\n                    let unit = null;\n                    if (typeof input === \"number\") unit = props.units.find((u)=>u.unit_id === input) || null;\n                    else unit = input;\n                    const el = props.columnRef?.current;\n                    let overlayPosition = null;\n                    /** This is not the natural place to get positions within the column,\n         * but it will work for now.\n         */ if (props.onClickedColumn) {\n                        // Infer height from top and bottom height of unit (because that's passed back with the call)\n                        //const py = event.y;\n                        //const [bottom, top] = getUnitHeightRange(unit, axisType);\n                        //const height = Math.abs(bottom - top);\n                        /** Ideally this would be defined at the column level */ const columnClickData = {\n                            unitID: unit?.unit_id,\n                            unit: unit,\n                            target: target,\n                            height: el?.getBoundingClientRect().height || 0\n                        };\n                        props.onClickedColumn(columnClickData, event);\n                    }\n                    if (unit != null && el != null && target != null) {\n                        const rect = el.getBoundingClientRect();\n                        const targetRect = target.getBoundingClientRect();\n                        overlayPosition = {\n                            x: targetRect.left - rect.left,\n                            y: targetRect.top - rect.top,\n                            width: targetRect.width,\n                            height: targetRect.height\n                        };\n                    }\n                    props.onUnitSelected?.(unit?.unit_id, unit);\n                    return set({\n                        selectedUnit: unit?.unit_id,\n                        selectedUnitData: unit,\n                        overlayPosition: overlayPosition\n                    });\n                }\n            })));\n    const { units: units, selectedUnit: selectedUnit } = props;\n    (0, $2lWH8$useEffect)(()=>{\n        // Synchronize store with provided props\n        if (selectedUnit != null) {\n            const unitData = units?.find((u)=>u.unit_id === selectedUnit);\n            store.setState({\n                selectedUnit: selectedUnit,\n                selectedUnitData: unitData\n            });\n        } else store.setState({\n            selectedUnit: null,\n            selectedUnitData: null\n        });\n    }, [\n        selectedUnit,\n        units\n    ]);\n    return (0, $2lWH8$macrostrathyper)($cfa36458f00f4b0e$var$UnitSelectionContext.Provider, {\n        value: store\n    }, props.children);\n}\nfunction $cfa36458f00f4b0e$export$cbbec12b1451fe7d(unit) {\n    const ref = (0, $2lWH8$useRef)();\n    const selectedUnit = $cfa36458f00f4b0e$export$f0dd93f90aa8e5da();\n    const onSelectUnit = $cfa36458f00f4b0e$export$b220b1d3591dc9e5((state)=>state.onUnitSelected);\n    const selected = selectedUnit?.unit_id == unit.unit_id;\n    const onClick = (0, $2lWH8$useCallback)((evt)=>{\n        if (onSelectUnit == null) return;\n        onSelectUnit(unit, ref.current, evt);\n        evt.stopPropagation();\n    }, [\n        unit,\n        onSelectUnit\n    ]);\n    (0, $2lWH8$useEffect)(()=>{\n        if (!selected || onSelectUnit == null) return;\n        // In case we haven't set the position of the unit (if we don't have a target), set the selected unit\n        onSelectUnit(unit, ref.current, null);\n        // Scroll the unit into view\n        ref.current?.scrollIntoView({\n            behavior: \"smooth\",\n            block: \"center\",\n            inline: \"nearest\"\n        });\n    }, [\n        selected,\n        onSelectUnit\n    ]);\n    return [\n        ref,\n        selected,\n        onClick\n    ];\n}\nfunction $cfa36458f00f4b0e$export$70f5ee19650fc7d1({ units: units }) {\n    const selectedUnit = $cfa36458f00f4b0e$export$f0dd93f90aa8e5da();\n    const selectUnit = $cfa36458f00f4b0e$export$77a278d5ca56e309();\n    const ix = units.findIndex((unit)=>unit.unit_id === selectedUnit?.unit_id);\n    const keyMap = {\n        38: ix - 1,\n        40: ix + 1\n    };\n    (0, $2lWH8$useKeyHandler)((event)=>{\n        const nextIx = keyMap[event.keyCode];\n        if (nextIx == null || nextIx < 0 || nextIx >= units.length) return;\n        selectUnit(units[nextIx], null, null);\n        event.stopPropagation();\n    }, [\n        units,\n        ix\n    ]);\n    return null;\n}\n\n\nexport {$cfa36458f00f4b0e$export$77a278d5ca56e309 as useUnitSelectionDispatch, $cfa36458f00f4b0e$export$b220b1d3591dc9e5 as useUnitSelectionStore, $cfa36458f00f4b0e$export$f0dd93f90aa8e5da as useSelectedUnit, $cfa36458f00f4b0e$export$f19d75b1d4b676a4 as UnitSelectionProvider, $cfa36458f00f4b0e$export$cbbec12b1451fe7d as useUnitSelectionTarget, $cfa36458f00f4b0e$export$70f5ee19650fc7d1 as UnitKeyboardNavigation};\n//# sourceMappingURL=column-views.0beae29d.js.map\n","import { BaseUnit } from \"@macrostrat/api-types\";\nimport h from \"@macrostrat/hyper\";\nimport { useKeyHandler } from \"@macrostrat/ui-components\";\nimport {\n  createContext,\n  useContext,\n  useEffect,\n  useState,\n  ReactNode,\n  RefObject,\n  useRef,\n  useCallback,\n} from \"react\";\nimport { createStore, StoreApi, useStore } from \"zustand\";\nimport type { RectBounds, IUnit } from \"../units/types\";\n\ntype UnitSelectDispatch = (\n  unit: number | BaseUnit | null,\n  target: HTMLElement | null,\n  event: Event | null,\n) => void;\n\nconst UnitSelectionContext = createContext<StoreApi<UnitSelectionStore>>(null);\n\nexport function useUnitSelectionDispatch(): UnitSelectDispatch {\n  const store = useContext(UnitSelectionContext);\n  if (store == null) {\n    return () => {};\n  }\n  return useStore(store, (state) => state.onUnitSelected);\n}\n\nexport function useUnitSelectionStore<T>(\n  selector: (state: UnitSelectionStore) => T,\n): T {\n  const store = useContext(UnitSelectionContext);\n  if (store == null) {\n    return null;\n  }\n  return useStore(store, selector);\n}\n\nexport function useSelectedUnit() {\n  return useUnitSelectionStore((state) => state.selectedUnitData);\n}\n\ninterface UnitSelectionStore {\n  selectedUnit: number | null;\n  selectedUnitData: BaseUnit | null;\n  overlayPosition: RectBounds | null;\n  onUnitSelected: UnitSelectDispatch;\n  setSelectedUnit: (unit: number | null) => void;\n}\n\nexport interface ColumnClickData {\n  unitID: number | null;\n  unit: BaseUnit | null;\n  target: HTMLElement | null;\n  height: number;\n  // Room for boundary IDs eventually\n}\n\nexport function UnitSelectionProvider<T extends BaseUnit>(props: {\n  children: ReactNode;\n  columnRef?: RefObject<HTMLElement>;\n  units: T[];\n  selectedUnit: number | null;\n  onClickedColumn?: (columnClickData: ColumnClickData, event: Event) => void;\n  onUnitSelected?: (unitID: number | null, unit: T | null) => void;\n}) {\n  const [store] = useState(() =>\n    createStore<UnitSelectionStore>((set) => ({\n      selectedUnit: null,\n      selectedUnitData: null,\n      overlayPosition: null,\n      setSelectedUnit(selectedUnit: number | null | BaseUnit) {\n        if (selectedUnit == null) {\n          set({ selectedUnit: null, selectedUnitData: null });\n          return;\n          // If it's a number, set the selected unit\n        } else if (typeof selectedUnit === \"number\") {\n          set({ selectedUnit, selectedUnitData: null });\n        } else if (\"unit_id\" in selectedUnit) {\n          set({\n            selectedUnit: selectedUnit.unit_id,\n            selectedUnitData: selectedUnit,\n          });\n        }\n      },\n      onUnitSelected: (\n        input: number | T | null,\n        target: HTMLElement = null,\n        event: PointerEvent = null,\n      ) => {\n        if (input == null) {\n          props.onUnitSelected?.(null, null);\n          return set({\n            selectedUnit: null,\n            selectedUnitData: null,\n            overlayPosition: null,\n          });\n        }\n\n        let unit: T | null = null;\n        if (typeof input === \"number\") {\n          unit = props.units.find((u) => u.unit_id === input) || null;\n        } else {\n          unit = input;\n        }\n\n        const el = props.columnRef?.current;\n        let overlayPosition = null;\n\n        /** This is not the natural place to get positions within the column,\n         * but it will work for now.\n         */\n        if (props.onClickedColumn) {\n          // Infer height from top and bottom height of unit (because that's passed back with the call)\n          //const py = event.y;\n          //const [bottom, top] = getUnitHeightRange(unit, axisType);\n          //const height = Math.abs(bottom - top);\n\n          /** Ideally this would be defined at the column level */\n          const columnClickData: ColumnClickData = {\n            unitID: unit?.unit_id,\n            unit,\n            target,\n            height: el?.getBoundingClientRect().height || 0,\n          };\n          props.onClickedColumn(columnClickData, event);\n        }\n\n        if (unit != null && el != null && target != null) {\n          const rect = el.getBoundingClientRect();\n          const targetRect = target.getBoundingClientRect();\n\n          overlayPosition = {\n            x: targetRect.left - rect.left,\n            y: targetRect.top - rect.top,\n            width: targetRect.width,\n            height: targetRect.height,\n          };\n        }\n        props.onUnitSelected?.(unit?.unit_id, unit);\n\n        return set({\n          selectedUnit: unit?.unit_id,\n          selectedUnitData: unit,\n          overlayPosition,\n        });\n      },\n    })),\n  );\n\n  const { units, selectedUnit } = props;\n\n  useEffect(() => {\n    // Synchronize store with provided props\n    if (selectedUnit != null) {\n      const unitData = units?.find((u) => u.unit_id === selectedUnit);\n      store.setState({ selectedUnit, selectedUnitData: unitData });\n    } else {\n      store.setState({ selectedUnit: null, selectedUnitData: null });\n    }\n  }, [selectedUnit, units]);\n\n  return h(UnitSelectionContext.Provider, { value: store }, props.children);\n}\n\nexport function useUnitSelectionTarget(\n  unit: IUnit,\n): [React.RefObject<HTMLElement>, boolean, (evt: Event) => void] {\n  const ref = useRef<HTMLElement>();\n  const selectedUnit = useSelectedUnit();\n  const onSelectUnit = useUnitSelectionStore((state) => state.onUnitSelected);\n  const selected = selectedUnit?.unit_id == unit.unit_id;\n\n  const onClick = useCallback(\n    (evt: Event) => {\n      if (onSelectUnit == null) return;\n      onSelectUnit(unit, ref.current, evt);\n      evt.stopPropagation();\n    },\n    [unit, onSelectUnit],\n  );\n\n  useEffect(() => {\n    if (!selected || onSelectUnit == null) return;\n    // In case we haven't set the position of the unit (if we don't have a target), set the selected unit\n    onSelectUnit(unit, ref.current, null);\n\n    // Scroll the unit into view\n    ref.current?.scrollIntoView({\n      behavior: \"smooth\",\n      block: \"center\",\n      inline: \"nearest\",\n    });\n  }, [selected, onSelectUnit]);\n\n  return [ref, selected, onClick];\n}\n\nexport function UnitKeyboardNavigation<T extends BaseUnit>({\n  units,\n}: {\n  units: T[];\n}) {\n  const selectedUnit = useSelectedUnit();\n  const selectUnit = useUnitSelectionDispatch();\n\n  const ix = units.findIndex((unit) => unit.unit_id === selectedUnit?.unit_id);\n\n  const keyMap = {\n    38: ix - 1,\n    40: ix + 1,\n  };\n\n  useKeyHandler(\n    (event) => {\n      const nextIx = keyMap[event.keyCode];\n      if (nextIx == null || nextIx < 0 || nextIx >= units.length) return;\n      selectUnit(units[nextIx], null, null);\n      event.stopPropagation();\n    },\n    [units, ix],\n  );\n  return null;\n}\n"],"names":["$2lWH8$macrostrathyper","useKeyHandler","$2lWH8$useKeyHandler","createContext","$2lWH8$createContext","useContext","$2lWH8$useContext","useState","$2lWH8$useState","useEffect","$2lWH8$useEffect","useRef","$2lWH8$useRef","useCallback","$2lWH8$useCallback","useStore","$2lWH8$useStore","createStore","$2lWH8$createStore","$parcel$export","e","n","v","s","Object","defineProperty","get","set","enumerable","configurable","$cfa36458f00f4b0e$exports","$cfa36458f00f4b0e$export$77a278d5ca56e309","$cfa36458f00f4b0e$export$b220b1d3591dc9e5","$cfa36458f00f4b0e$export$f0dd93f90aa8e5da","$cfa36458f00f4b0e$export$f19d75b1d4b676a4","$cfa36458f00f4b0e$export$cbbec12b1451fe7d","$cfa36458f00f4b0e$export$70f5ee19650fc7d1","$cfa36458f00f4b0e$var$UnitSelectionContext","store","state","onUnitSelected","selector","selectedUnitData","props","selectedUnit","overlayPosition","setSelectedUnit","unit_id","input","target","event","unit","units","find","u","el","columnRef","current","onClickedColumn","columnClickData","unitID","height","getBoundingClientRect","rect","targetRect","x","left","y","top","width","unitData","setState","Provider","value","children","ref","onSelectUnit","selected","onClick","evt","stopPropagation","scrollIntoView","behavior","block","inline","selectUnit","ix","findIndex","keyMap","nextIx","keyCode","length","useUnitSelectionDispatch","useUnitSelectionStore","useSelectedUnit","UnitSelectionProvider","useUnitSelectionTarget","UnitKeyboardNavigation"],"version":3,"file":"column-views.0beae29d.js.map","sourceRoot":"../../../../"}

package/dist/node/column-views.46efb749.js

@@ -1,2 +0,0 @@
-import"./column-views.a596b1f5.js";import{createContext as e,useMemo as t,useContext as r,useRef as o,useEffect as a}from"react";import n from"@macrostrat/hyper";import{createIsolation as s}from"jotai-scope";import{atom as u}from"jotai";function c(e,t,r,o){Object.defineProperty(e,t,{get:r,set:o,enumerable:!0,configurable:!0})}var i=globalThis,l={},f={},m=i.parcelRequirea149;null==m&&((m=function(e){if(e in l)return l[e].exports;if(e in f){var t=f[e];delete f[e];var r={id:e,exports:{}};return l[e]=r,t.call(r.exports,r,r.exports),r.exports}var o=Error("Cannot find module '"+e+"'");throw o.code="MODULE_NOT_FOUND",o}).register=function(e,t){f[e]=t},i.parcelRequirea149=m),m.register;var d={};c(d,"MacrostratColumnStateProvider",()=>g),c(d,"MacrostratColumnDataProvider",()=>D),c(d,"useMacrostratColumnData",()=>P),c(d,"useMacrostratUnits",()=>E),c(d,"useColumnUnitsMap",()=>U),c(d,"useCompositeScale",()=>y);var p=m("bBAza");let{Provider:b,useSetAtom:h,useAtomValue:$,useStore:x}=s(),C=u(),v=u(e=>{let t=e(C);if(!t)return null;let r=new Map;return t.forEach(e=>{r.set(e.unit_id,e)}),r});function M({children:e,...t}){let r=null;try{r=x()}catch{r=null}return n(b,{store:r,...t},e)}function g({children:e,units:t}){let r=[[C,t]];return n(M,{initialValues:r},[n(w,{atoms:r}),e])}let S=e(null);function D({children:e,units:r,sections:o,totalHeight:a,axisType:s}){let u=t(()=>({units:r,sections:o,totalHeight:a,axisType:s}),[r,o,a,s]);return n(g,{units:r},n(S.Provider,{value:u},e))}function P(){let e=r(S);if(!e)throw Error("useMacrostratColumnData must be used within a MacrostratColumnDataProvider");return e}function E(){return $(C)}function U(){try{return $(v)}catch{return null}}function y(){let e=P();return t(()=>(0,p.createCompositeScale)(e.sections,!0),[e.sections])}function w({atoms:e}){let t=x(),r=o(e.length);for(let[o,n]of(a(()=>{r.current!==e.length&&(console.error("Error: number of atoms in ScopedAtomUpdater has changed."),r.current=e.length)},[e.length]),e))a(()=>{t.set(o,n)},[t,n]);return null}export{g as MacrostratColumnStateProvider,D as MacrostratColumnDataProvider,P as useMacrostratColumnData,E as useMacrostratUnits,U as useColumnUnitsMap,y as useCompositeScale};
-//# sourceMappingURL=column-views.46efb749.js.map

package/dist/node/column-views.46efb749.js.map

@@ -1 +0,0 @@
-{"mappings":"A,M,6C,A,Q,iB,C,C,W,C,C,c,C,C,U,C,C,a,C,K,O,A,Q,M,mB,A,Q,mB,C,K,a,A,Q,Q,C,K,O,C,S,E,C,C,C,C,C,C,C,E,O,c,C,E,E,C,I,E,I,E,W,C,E,a,C,C,E,C,I,E,W,E,C,E,E,C,E,E,E,iB,A,O,I,A,C,E,S,C,E,G,K,E,O,C,C,E,C,O,C,G,K,E,C,I,E,C,C,E,A,Q,C,C,E,C,I,E,C,G,E,Q,C,C,E,O,C,C,E,C,E,E,I,C,E,O,C,E,E,O,E,E,O,A,C,I,E,A,M,uB,E,I,O,E,I,C,mB,C,C,E,Q,C,S,C,C,C,E,C,C,E,C,C,E,E,iB,C,G,E,Q,C,I,E,C,E,E,E,gC,I,G,E,E,+B,I,G,E,E,0B,I,G,E,E,qB,I,G,E,E,oB,I,G,E,E,oB,I,G,I,E,E,SCoBA,GAAM,CAAA,SAAE,CAAQ,CAAA,WAAE,CAAU,CAAA,aAAE,CAAY,CAAA,SAAE,CAAQ,CAAE,CAAG,AAAA,IAOnD,EAAkB,AAAA,IAElB,EAAqB,AAAA,EAAkC,AAAC,IAC5D,IAAM,EAAQ,EAAI,GAClB,GAAI,CAAC,EAAO,OAAO,KACnB,IAAM,EAAU,IAAI,IAIpB,OAHA,EAAM,OAAO,CAAC,AAAC,IACb,EAAQ,GAAG,CAAC,EAAK,OAAO,CAAE,EAC5B,GACO,CACT,GAEA,SAAS,EAAe,CAAA,SAAE,CAAQ,CAAE,GAAG,EAAqB,EAE1D,IAAI,EAAM,KACV,GAAI,CACF,EAAM,GACR,CAAE,KAAM,CAEN,EAAM,IACR,CACA,OAAO,AAAA,EAAE,EAAU,CAAE,MAAO,EAAK,GAAG,CAAI,AAAC,EAAG,EAC9C,CAEO,SAAS,EAA8B,CAAA,SAC5C,CAAQ,CAAA,MACR,CAAK,CAIN,EAMC,IAAM,EAAmD,CACvD,CAAC,EAAiB,EAAM,CACzB,CAED,OAAO,AAAA,EACL,EACA,CACE,cAAe,CACjB,EACA,CAAC,AAAA,EAAE,EAAa,CAAE,MAAO,CAAQ,GAAI,EAAS,CAElD,CASA,IAAM,EACJ,AAAA,EAA2C,MAEtC,SAAS,EAA6B,CAAA,SAC3C,CAAQ,CAAA,MACR,CAAK,CAAA,SACL,CAAQ,CAAA,YACR,CAAW,CAAA,SACX,CAAQ,CAC8C,EAYtD,IAAM,EAAQ,AAAA,EAAQ,IAEb,CAAA,CACL,MAAA,EACA,SAAA,EACA,YAAA,EACA,SAAA,CACF,CAAA,EACC,CAAC,EAAO,EAAU,EAAa,EAAS,EAE3C,OAAO,AAAA,EACL,EACA,CAAE,MAAA,CAAM,EACR,AAAA,EAAE,EAA4B,QAAQ,CAAE,CAAE,MAAA,CAAM,EAAG,GAEvD,CAEO,SAAS,IACd,IAAM,EAAM,AAAA,EAAW,GACvB,GAAI,CAAC,EACH,MAAM,AAAI,MACR,8EAGJ,OAAO,CACT,CAEO,SAAS,IACd,OAAO,EAAa,EACtB,CAEO,SAAS,IACd,GAAI,CACF,OAAO,EAAa,EACtB,CAAE,KAAM,CACN,OAAO,IACT,CACF,CAEO,SAAS,IACd,IAAM,EAAM,IACZ,OAAO,AAAA,EACL,IAAM,AAAA,CAAA,EAAA,EAAA,oBAAmB,AAAnB,EAAqB,EAAI,QAAQ,CAAE,CAAA,GACzC,CAAC,EAAI,QAAQ,CAAC,CAElB,CAEA,SAAS,EAAY,CAAA,MACnB,CAAK,CAGN,EAQC,IAAM,EAAQ,IAGR,EAAgB,AAAA,EAAO,EAAM,MAAM,EAQzC,IAAK,GAAM,CAAC,EAAM,EAAM,GAPxB,AAAA,EAAU,KACJ,EAAc,OAAO,GAAK,EAAM,MAAM,GACxC,QAAQ,KAAK,CAAC,4DACd,EAAc,OAAO,CAAG,EAAM,MAAM,CAExC,EAAG,CAAC,EAAM,MAAM,CAAC,EAEW,GAC1B,AAAA,EAAU,KACR,EAAM,GAAG,CAAC,EAAM,EAClB,EAAG,CAAC,EAAO,EAAM,EAEnB,OAAO,IACT,Q,K,6B,C,K,4B,C,K,uB,C,K,kB,C,K,iB,C,K,iB","sources":["<anon>","packages/column-views/src/data-provider/store.ts"],"sourcesContent":["import \"./column-views.a596b1f5.js\";\nimport {createContext as $eJc70$createContext, useMemo as $eJc70$useMemo, useContext as $eJc70$useContext, useRef as $eJc70$useRef, useEffect as $eJc70$useEffect} from \"react\";\nimport $eJc70$macrostrathyper from \"@macrostrat/hyper\";\nimport {createIsolation as $eJc70$createIsolation} from \"jotai-scope\";\nimport {atom as $eJc70$atom} from \"jotai\";\n\n\nfunction $parcel$export(e, n, v, s) {\n  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});\n}\n\n      var $parcel$global = globalThis;\n    \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequirea149\"];\n\nif (parcelRequire == null) {\n  parcelRequire = function(id) {\n    if (id in $parcel$modules) {\n      return $parcel$modules[id].exports;\n    }\n    if (id in $parcel$inits) {\n      var init = $parcel$inits[id];\n      delete $parcel$inits[id];\n      var module = {id: id, exports: {}};\n      $parcel$modules[id] = module;\n      init.call(module.exports, module, module.exports);\n      return module.exports;\n    }\n    var err = new Error(\"Cannot find module '\" + id + \"'\");\n    err.code = 'MODULE_NOT_FOUND';\n    throw err;\n  };\n\n  parcelRequire.register = function register(id, init) {\n    $parcel$inits[id] = init;\n  };\n\n  $parcel$global[\"parcelRequirea149\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\nvar $91525b65c57a1e5d$exports = {};\n\n$parcel$export($91525b65c57a1e5d$exports, \"MacrostratColumnStateProvider\", () => $91525b65c57a1e5d$export$ef5395089200109b);\n$parcel$export($91525b65c57a1e5d$exports, \"MacrostratColumnDataProvider\", () => $91525b65c57a1e5d$export$7fec7bd80ff9c10e);\n$parcel$export($91525b65c57a1e5d$exports, \"useMacrostratColumnData\", () => $91525b65c57a1e5d$export$f8509b7cce386c7d);\n$parcel$export($91525b65c57a1e5d$exports, \"useMacrostratUnits\", () => $91525b65c57a1e5d$export$6fb40844db555b2);\n$parcel$export($91525b65c57a1e5d$exports, \"useColumnUnitsMap\", () => $91525b65c57a1e5d$export$7513be0cfd10d9cc);\n$parcel$export($91525b65c57a1e5d$exports, \"useCompositeScale\", () => $91525b65c57a1e5d$export$a7fc62995ec4f76);\n\n\n\nvar $bBAza = parcelRequire(\"bBAza\");\n\n\nconst { Provider: $91525b65c57a1e5d$var$Provider, useSetAtom: $91525b65c57a1e5d$var$useSetAtom, useAtomValue: $91525b65c57a1e5d$var$useAtomValue, useStore: $91525b65c57a1e5d$var$useStore } = (0, $eJc70$createIsolation)();\nconst $91525b65c57a1e5d$var$columnUnitsAtom = (0, $eJc70$atom)();\nconst $91525b65c57a1e5d$var$columnUnitsMapAtom = (0, $eJc70$atom)((get)=>{\n    const units = get($91525b65c57a1e5d$var$columnUnitsAtom);\n    if (!units) return null;\n    const unitMap = new Map();\n    units.forEach((unit)=>{\n        unitMap.set(unit.unit_id, unit);\n    });\n    return unitMap;\n});\nfunction $91525b65c57a1e5d$var$ScopedProvider({ children: children, ...rest }) {\n    // Always use the same store instance in this tree\n    let val = null;\n    try {\n        val = $91525b65c57a1e5d$var$useStore();\n    } catch  {\n        // No store found, create a new one\n        val = null;\n    }\n    return (0, $eJc70$macrostrathyper)($91525b65c57a1e5d$var$Provider, {\n        store: val,\n        ...rest\n    }, children);\n}\nfunction $91525b65c57a1e5d$export$ef5395089200109b({ children: children, units: units }) {\n    /** Top-level provider for Macrostrat column data.\n   * It is either provided by the Column component itself, or\n   * can be hoisted higher in the tree to provide a common data context\n   */ const atomMap = [\n        [\n            $91525b65c57a1e5d$var$columnUnitsAtom,\n            units\n        ]\n    ];\n    return (0, $eJc70$macrostrathyper)($91525b65c57a1e5d$var$ScopedProvider, {\n        initialValues: atomMap\n    }, [\n        (0, $eJc70$macrostrathyper)($91525b65c57a1e5d$var$AtomUpdater, {\n            atoms: atomMap\n        }),\n        children\n    ]);\n}\nconst $91525b65c57a1e5d$var$MacrostratColumnDataContext = (0, $eJc70$createContext)(null);\nfunction $91525b65c57a1e5d$export$7fec7bd80ff9c10e({ children: children, units: units, sections: sections, totalHeight: totalHeight, axisType: axisType }) {\n    /** Internal provider for Macrostrat column data.\n   * As a general rule, we want to provide data and column-axis\n   * height calculations through the context, since these need to\n   * be accessed by any component that lays out information on the\n   * column.\n   *\n   * Cross-axis layout and view configuration (e.g., showing and hiding\n   * of different components or labels) should be handled through passing\n   * props to the components themselves.\n   * */ const value = (0, $eJc70$useMemo)(()=>{\n        // For now, change ordinal axis types to age axis types\n        return {\n            units: units,\n            sections: sections,\n            totalHeight: totalHeight,\n            axisType: axisType\n        };\n    }, [\n        units,\n        sections,\n        totalHeight,\n        axisType\n    ]);\n    return (0, $eJc70$macrostrathyper)($91525b65c57a1e5d$export$ef5395089200109b, {\n        units: units\n    }, (0, $eJc70$macrostrathyper)($91525b65c57a1e5d$var$MacrostratColumnDataContext.Provider, {\n        value: value\n    }, children));\n}\nfunction $91525b65c57a1e5d$export$f8509b7cce386c7d() {\n    const ctx = (0, $eJc70$useContext)($91525b65c57a1e5d$var$MacrostratColumnDataContext);\n    if (!ctx) throw new Error(\"useMacrostratColumnData must be used within a MacrostratColumnDataProvider\");\n    return ctx;\n}\nfunction $91525b65c57a1e5d$export$6fb40844db555b2() {\n    return $91525b65c57a1e5d$var$useAtomValue($91525b65c57a1e5d$var$columnUnitsAtom);\n}\nfunction $91525b65c57a1e5d$export$7513be0cfd10d9cc() {\n    try {\n        return $91525b65c57a1e5d$var$useAtomValue($91525b65c57a1e5d$var$columnUnitsMapAtom);\n    } catch  {\n        return null;\n    }\n}\nfunction $91525b65c57a1e5d$export$a7fc62995ec4f76() {\n    const ctx = $91525b65c57a1e5d$export$f8509b7cce386c7d();\n    return (0, $eJc70$useMemo)(()=>(0, $bBAza.createCompositeScale)(ctx.sections, true), [\n        ctx.sections\n    ]);\n}\nfunction $91525b65c57a1e5d$var$AtomUpdater({ atoms: atoms }) {\n    /**\n   * A generic updater to sync Jotai atoms with state passed as props.\n   * Useful for scoped providers where state needs to be synced outside\n   * of the current context.\n   */ /** TODO: this is an awkward way to keep atoms updated */ // The scoped store\n    const store = $91525b65c57a1e5d$var$useStore();\n    // Warn on atoms changing length\n    const prevLengthRef = (0, $eJc70$useRef)(atoms.length);\n    (0, $eJc70$useEffect)(()=>{\n        if (prevLengthRef.current !== atoms.length) {\n            console.error(\"Error: number of atoms in ScopedAtomUpdater has changed.\");\n            prevLengthRef.current = atoms.length;\n        }\n    }, [\n        atoms.length\n    ]);\n    for (const [atom, value] of atoms)(0, $eJc70$useEffect)(()=>{\n        store.set(atom, value);\n    }, [\n        store,\n        value\n    ]);\n    return null;\n}\n\n\nexport {$91525b65c57a1e5d$export$ef5395089200109b as MacrostratColumnStateProvider, $91525b65c57a1e5d$export$7fec7bd80ff9c10e as MacrostratColumnDataProvider, $91525b65c57a1e5d$export$f8509b7cce386c7d as useMacrostratColumnData, $91525b65c57a1e5d$export$6fb40844db555b2 as useMacrostratUnits, $91525b65c57a1e5d$export$7513be0cfd10d9cc as useColumnUnitsMap, $91525b65c57a1e5d$export$a7fc62995ec4f76 as useCompositeScale};\n//# sourceMappingURL=column-views.46efb749.js.map\n","import {\n  createContext,\n  ReactNode,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n} from \"react\";\nimport h from \"@macrostrat/hyper\";\nimport {\n  CompositeColumnScale,\n  createCompositeScale,\n} from \"../prepare-units/composite-scale\";\nimport { ColumnAxisType } from \"@macrostrat/column-components\";\nimport type { ExtUnit, PackageLayoutData } from \"../prepare-units\";\n// An isolated jotai store for Macrostrat column usage\n// TODO: there might be a better way to do this using the MacrostratDataProvider or similar\nimport { createIsolation } from \"jotai-scope\";\nimport { atom, PrimitiveAtom, type WritableAtom } from \"jotai\";\n\nconst { Provider, useSetAtom, useAtomValue, useStore } = createIsolation();\n\ntype ProviderProps = {\n  children: ReactNode;\n  initialValues?: Iterable<[WritableAtom<any, any, any>, any]>;\n};\n\nconst columnUnitsAtom = atom<ExtUnit[]>();\n\nconst columnUnitsMapAtom = atom<Map<number, ExtUnit> | null>((get) => {\n  const units = get(columnUnitsAtom);\n  if (!units) return null;\n  const unitMap = new Map<number, ExtUnit>();\n  units.forEach((unit) => {\n    unitMap.set(unit.unit_id, unit);\n  });\n  return unitMap;\n});\n\nfunction ScopedProvider({ children, ...rest }: ProviderProps) {\n  // Always use the same store instance in this tree\n  let val = null;\n  try {\n    val = useStore();\n  } catch {\n    // No store found, create a new one\n    val = null;\n  }\n  return h(Provider, { store: val, ...rest }, children);\n}\n\nexport function MacrostratColumnStateProvider({\n  children,\n  units,\n}: {\n  children?: ReactNode;\n  units: ExtUnit[];\n}) {\n  /** Top-level provider for Macrostrat column data.\n   * It is either provided by the Column component itself, or\n   * can be hoisted higher in the tree to provide a common data context\n   */\n\n  const atomMap: [[PrimitiveAtom<ExtUnit[]>, ExtUnit[]]] = [\n    [columnUnitsAtom, units],\n  ];\n\n  return h(\n    ScopedProvider,\n    {\n      initialValues: atomMap,\n    },\n    [h(AtomUpdater, { atoms: atomMap }), children],\n  );\n}\n\nexport interface MacrostratColumnDataContext {\n  units: ExtUnit[];\n  sections: PackageLayoutData[];\n  totalHeight?: number;\n  axisType?: ColumnAxisType;\n}\n\nconst MacrostratColumnDataContext =\n  createContext<MacrostratColumnDataContext>(null);\n\nexport function MacrostratColumnDataProvider({\n  children,\n  units,\n  sections,\n  totalHeight,\n  axisType,\n}: MacrostratColumnDataContext & { children: ReactNode }) {\n  /** Internal provider for Macrostrat column data.\n   * As a general rule, we want to provide data and column-axis\n   * height calculations through the context, since these need to\n   * be accessed by any component that lays out information on the\n   * column.\n   *\n   * Cross-axis layout and view configuration (e.g., showing and hiding\n   * of different components or labels) should be handled through passing\n   * props to the components themselves.\n   * */\n\n  const value = useMemo(() => {\n    // For now, change ordinal axis types to age axis types\n    return {\n      units,\n      sections,\n      totalHeight,\n      axisType,\n    };\n  }, [units, sections, totalHeight, axisType]);\n\n  return h(\n    MacrostratColumnStateProvider,\n    { units },\n    h(MacrostratColumnDataContext.Provider, { value }, children),\n  );\n}\n\nexport function useMacrostratColumnData() {\n  const ctx = useContext(MacrostratColumnDataContext);\n  if (!ctx) {\n    throw new Error(\n      \"useMacrostratColumnData must be used within a MacrostratColumnDataProvider\",\n    );\n  }\n  return ctx;\n}\n\nexport function useMacrostratUnits() {\n  return useAtomValue(columnUnitsAtom);\n}\n\nexport function useColumnUnitsMap(): Map<number, ExtUnit> | null {\n  try {\n    return useAtomValue(columnUnitsMapAtom);\n  } catch {\n    return null;\n  }\n}\n\nexport function useCompositeScale(): CompositeColumnScale {\n  const ctx = useMacrostratColumnData();\n  return useMemo(\n    () => createCompositeScale(ctx.sections, true),\n    [ctx.sections],\n  );\n}\n\nfunction AtomUpdater({\n  atoms,\n}: {\n  atoms: [WritableAtom<any, any, any>, any][];\n}) {\n  /**\n   * A generic updater to sync Jotai atoms with state passed as props.\n   * Useful for scoped providers where state needs to be synced outside\n   * of the current context.\n   */\n  /** TODO: this is an awkward way to keep atoms updated */\n  // The scoped store\n  const store = useStore();\n\n  // Warn on atoms changing length\n  const prevLengthRef = useRef(atoms.length);\n  useEffect(() => {\n    if (prevLengthRef.current !== atoms.length) {\n      console.error(\"Error: number of atoms in ScopedAtomUpdater has changed.\");\n      prevLengthRef.current = atoms.length;\n    }\n  }, [atoms.length]);\n\n  for (const [atom, value] of atoms) {\n    useEffect(() => {\n      store.set(atom, value);\n    }, [store, value]);\n  }\n  return null;\n}\n"],"names":["createContext","$eJc70$createContext","useMemo","$eJc70$useMemo","useContext","$eJc70$useContext","useRef","$eJc70$useRef","useEffect","$eJc70$useEffect","$eJc70$macrostrathyper","createIsolation","$eJc70$createIsolation","atom","$eJc70$atom","$parcel$export","e","n","v","s","Object","defineProperty","get","set","enumerable","configurable","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","$91525b65c57a1e5d$exports","$91525b65c57a1e5d$export$ef5395089200109b","$91525b65c57a1e5d$export$7fec7bd80ff9c10e","$91525b65c57a1e5d$export$f8509b7cce386c7d","$91525b65c57a1e5d$export$6fb40844db555b2","$91525b65c57a1e5d$export$7513be0cfd10d9cc","$91525b65c57a1e5d$export$a7fc62995ec4f76","$bBAza","Provider","$91525b65c57a1e5d$var$Provider","useSetAtom","$91525b65c57a1e5d$var$useSetAtom","useAtomValue","$91525b65c57a1e5d$var$useAtomValue","useStore","$91525b65c57a1e5d$var$useStore","$91525b65c57a1e5d$var$columnUnitsAtom","$91525b65c57a1e5d$var$columnUnitsMapAtom","units","unitMap","Map","forEach","unit","unit_id","$91525b65c57a1e5d$var$ScopedProvider","children","rest","val","store","atomMap","initialValues","$91525b65c57a1e5d$var$AtomUpdater","atoms","$91525b65c57a1e5d$var$MacrostratColumnDataContext","sections","totalHeight","axisType","value","ctx","createCompositeScale","prevLengthRef","length","current","console","error","MacrostratColumnStateProvider","MacrostratColumnDataProvider","useMacrostratColumnData","useMacrostratUnits","useColumnUnitsMap","useCompositeScale"],"version":3,"file":"column-views.46efb749.js.map","sourceRoot":"../../../../"}

package/dist/node/column-views.868c04dc.js

@@ -1,2 +0,0 @@
-import"./column-views.6a9da051.js";import"./column-views.0beae29d.js";import"./column-views.fee4e65d.js";import e from"@macrostrat/hyper";import{Popover as t}from"@blueprintjs/core";function o(e,t,o,i){Object.defineProperty(e,t,{get:o,set:i,enumerable:!0,configurable:!0})}var i=globalThis,n={},r={},l=i.parcelRequirea149;null==l&&((l=function(e){if(e in n)return n[e].exports;if(e in r){var t=r[e];delete r[e];var o={id:e,exports:{}};return n[e]=o,t.call(o.exports,o,o.exports),o.exports}var i=Error("Cannot find module '"+e+"'");throw i.code="MODULE_NOT_FOUND",i}).register=function(e,t){r[e]=t},i.parcelRequirea149=l),l.register;var a={};o(a,"UnitDetailsPopover",()=>d),o(a,"UnitSelectionPopover",()=>f);var s=l("bHbph"),c=l("5SO8b"),p=l("iYfAq");let u=e.styled(s&&s.__esModule?s.default:s);function d({style:e,children:o,viewportPadding:i=20}){let n=u(v,o);return u("div.popover-main",{style:e},u(t,{content:n,isOpen:!0,usePortal:!1,position:"right",modifiers:{preventOverflow:{options:{padding:i}}}},u("span.popover-target")))}function v({children:e}){return u("div",{onClick(e){e.stopPropagation()}},e)}function f(){let e=(0,c.useSelectedUnit)(),t=(0,c.useUnitSelectionStore)(e=>e.onUnitSelected),o=(0,c.useUnitSelectionStore)(e=>e.overlayPosition);return null==e?null:u("div.unit-popover-container",u(d,{style:{position:"absolute",top:o?.y??0,width:o?.width??100,left:o?.x??0,height:o?.height??100}},u(p.UnitDetailsPanel,{unit:e,showLithologyProportions:!0,className:"legend-panel",onSelectUnit:e=>{console.log("Selected unit in popover:",e),t(e,null,null)}})))}export{d as UnitDetailsPopover,f as UnitSelectionPopover};
-//# sourceMappingURL=column-views.868c04dc.js.map

package/dist/node/column-views.868c04dc.js.map

@@ -1 +0,0 @@
-{"mappings":"A,M,6C,A,O,6C,A,O,6C,A,Q,M,mB,A,Q,W,C,K,mB,C,S,E,C,C,C,C,C,C,C,E,O,c,C,E,E,C,I,E,I,E,W,C,E,a,C,C,E,C,I,E,W,E,C,E,E,C,E,E,E,iB,A,O,I,A,C,E,S,C,E,G,K,E,O,C,C,E,C,O,C,G,K,E,C,I,E,C,C,E,A,Q,C,C,E,C,I,E,C,G,E,Q,C,C,E,O,C,C,E,C,E,E,I,C,E,O,C,E,E,O,E,E,O,A,C,I,E,A,M,uB,E,I,O,E,I,C,mB,C,C,E,Q,C,S,C,C,C,E,C,C,E,C,C,E,E,iB,C,G,E,Q,C,I,E,C,E,E,E,qB,I,G,E,E,uB,I,G,I,E,E,S,E,E,S,E,E,SCMA,IAAM,EAAI,AAAA,EAAM,MAAM,C,AAAC,G,AAAA,E,U,C,AAAA,E,O,CAAA,GAEhB,SAAS,EAAmB,CAAA,MACjC,CAAK,CAAA,SACL,CAAQ,CAAA,gBACR,EAAkB,EAAA,CAKnB,EACC,IAAM,EAAU,EAAE,EAAoB,GAEtC,OAAO,EACL,mBACA,CACE,MAAA,CACF,EACA,EACE,EAEA,CACE,QAAA,EACA,OAAQ,CAAA,EACR,UAAW,CAAA,EACX,SAAU,QACV,UAAW,CACT,gBAAiB,CAAE,QAAS,CAAE,QAAS,CAAgB,CAAE,CAC3D,CACF,EACA,EAAE,wBAGR,CAEA,SAAS,EAAmB,CAAA,SAAE,CAAQ,CAAE,EACtC,OAAO,EACL,MACA,CACE,QAAQ,CAAC,EAEP,EAAE,eAAe,EACnB,CACF,EACA,EAEJ,CAEO,SAAS,IACd,IAAM,EAAO,AAAA,CAAA,EAAA,EAAA,eAAc,AAAd,IACP,EAAa,AAAA,CAAA,EAAA,EAAA,qBAAoB,AAApB,EAAsB,AAAC,GAAU,EAAM,cAAc,EAClE,EAAW,AAAA,CAAA,EAAA,EAAA,qBAAoB,AAApB,EAAsB,AAAC,GAAU,EAAM,eAAe,SACvE,AAAI,AAAQ,MAAR,EACK,KAGF,EACL,6BACA,EACE,EACA,CACE,MAAO,CACL,SAAU,WACV,IAAK,GAAU,GAAK,EACpB,MAAO,GAAU,OAAS,IAC1B,KAAM,GAAU,GAAK,EACrB,OAAQ,GAAU,QAAU,GAC9B,CACF,EACA,EAAE,EAAA,gBAAe,CAAG,CAClB,KAAA,EACA,yBAA0B,CAAA,EAC1B,UAAW,eACX,aAAc,AAAC,IACb,QAAQ,GAAG,CAAC,4BAA6B,GACzC,EAAW,EAAI,KAAM,KACvB,CACF,IAGN,Q,K,kB,C,K,oB","sources":["<anon>","packages/column-views/src/unit-details/popover.ts"],"sourcesContent":["import \"./column-views.6a9da051.js\";\nimport \"./column-views.0beae29d.js\";\nimport \"./column-views.fee4e65d.js\";\nimport $jhKOD$macrostrathyper from \"@macrostrat/hyper\";\nimport {Popover as $jhKOD$Popover} from \"@blueprintjs/core\";\n\n\nfunction $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$export(e, n, v, s) {\n  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});\n}\n\n      var $parcel$global = globalThis;\n    \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequirea149\"];\n\nif (parcelRequire == null) {\n  parcelRequire = function(id) {\n    if (id in $parcel$modules) {\n      return $parcel$modules[id].exports;\n    }\n    if (id in $parcel$inits) {\n      var init = $parcel$inits[id];\n      delete $parcel$inits[id];\n      var module = {id: id, exports: {}};\n      $parcel$modules[id] = module;\n      init.call(module.exports, module, module.exports);\n      return module.exports;\n    }\n    var err = new Error(\"Cannot find module '\" + id + \"'\");\n    err.code = 'MODULE_NOT_FOUND';\n    throw err;\n  };\n\n  parcelRequire.register = function register(id, init) {\n    $parcel$inits[id] = init;\n  };\n\n  $parcel$global[\"parcelRequirea149\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\nvar $1c6e0a5d10814cef$exports = {};\n\n$parcel$export($1c6e0a5d10814cef$exports, \"UnitDetailsPopover\", () => $1c6e0a5d10814cef$export$6716aecc2c9afbe2);\n$parcel$export($1c6e0a5d10814cef$exports, \"UnitSelectionPopover\", () => $1c6e0a5d10814cef$export$db1115efab13710d);\n\n\n\nvar $bHbph = parcelRequire(\"bHbph\");\n\nvar $5SO8b = parcelRequire(\"5SO8b\");\n\nvar $iYfAq = parcelRequire(\"iYfAq\");\nconst $1c6e0a5d10814cef$var$h = (0, $jhKOD$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($bHbph))));\nfunction $1c6e0a5d10814cef$export$6716aecc2c9afbe2({ style: style, children: children, viewportPadding: viewportPadding = 20 }) {\n    const content = $1c6e0a5d10814cef$var$h($1c6e0a5d10814cef$var$InteractionBarrier, children);\n    return $1c6e0a5d10814cef$var$h(\"div.popover-main\", {\n        style: style\n    }, $1c6e0a5d10814cef$var$h((0, $jhKOD$Popover), // @ts-ignore\n    {\n        content: content,\n        isOpen: true,\n        usePortal: false,\n        position: \"right\",\n        modifiers: {\n            preventOverflow: {\n                options: {\n                    padding: viewportPadding\n                }\n            }\n        }\n    }, $1c6e0a5d10814cef$var$h(\"span.popover-target\")));\n}\nfunction $1c6e0a5d10814cef$var$InteractionBarrier({ children: children }) {\n    return $1c6e0a5d10814cef$var$h(\"div\", {\n        onClick (e) {\n            // Stop events from leaking to the parent\n            e.stopPropagation();\n        }\n    }, children);\n}\nfunction $1c6e0a5d10814cef$export$db1115efab13710d() {\n    const unit = (0, $5SO8b.useSelectedUnit)();\n    const selectUnit = (0, $5SO8b.useUnitSelectionStore)((state)=>state.onUnitSelected);\n    const position = (0, $5SO8b.useUnitSelectionStore)((state)=>state.overlayPosition);\n    if (unit == null) return null;\n    return $1c6e0a5d10814cef$var$h(\"div.unit-popover-container\", $1c6e0a5d10814cef$var$h($1c6e0a5d10814cef$export$6716aecc2c9afbe2, {\n        style: {\n            position: \"absolute\",\n            top: position?.y ?? 0,\n            width: position?.width ?? 100,\n            left: position?.x ?? 0,\n            height: position?.height ?? 100\n        }\n    }, $1c6e0a5d10814cef$var$h((0, $iYfAq.UnitDetailsPanel), {\n        unit: unit,\n        showLithologyProportions: true,\n        className: \"legend-panel\",\n        onSelectUnit: (id)=>{\n            console.log(\"Selected unit in popover:\", id);\n            selectUnit(id, null, null);\n        }\n    })));\n}\n\n\nexport {$1c6e0a5d10814cef$export$6716aecc2c9afbe2 as UnitDetailsPopover, $1c6e0a5d10814cef$export$db1115efab13710d as UnitSelectionPopover};\n//# sourceMappingURL=column-views.868c04dc.js.map\n","import hyper from \"@macrostrat/hyper\";\nimport { Popover } from \"@blueprintjs/core\";\nimport styles from \"./popover.module.sass\";\nimport { useSelectedUnit, useUnitSelectionStore } from \"../data-provider\";\nimport { UnitDetailsPanel } from \"./panel\";\n\nconst h = hyper.styled(styles);\n\nexport function UnitDetailsPopover({\n  style,\n  children,\n  viewportPadding = 20,\n}: {\n  style: object;\n  viewportPadding?: number;\n  children: React.ReactNode;\n}) {\n  const content = h(InteractionBarrier, children);\n\n  return h(\n    \"div.popover-main\",\n    {\n      style,\n    },\n    h(\n      Popover,\n      // @ts-ignore\n      {\n        content,\n        isOpen: true,\n        usePortal: false,\n        position: \"right\",\n        modifiers: {\n          preventOverflow: { options: { padding: viewportPadding } },\n        },\n      },\n      h(\"span.popover-target\"),\n    ),\n  );\n}\n\nfunction InteractionBarrier({ children }) {\n  return h(\n    \"div\",\n    {\n      onClick(e) {\n        // Stop events from leaking to the parent\n        e.stopPropagation();\n      },\n    },\n    children,\n  );\n}\n\nexport function UnitSelectionPopover() {\n  const unit = useSelectedUnit();\n  const selectUnit = useUnitSelectionStore((state) => state.onUnitSelected);\n  const position = useUnitSelectionStore((state) => state.overlayPosition);\n  if (unit == null) {\n    return null;\n  }\n\n  return h(\n    \"div.unit-popover-container\",\n    h(\n      UnitDetailsPopover,\n      {\n        style: {\n          position: \"absolute\",\n          top: position?.y ?? 0,\n          width: position?.width ?? 100,\n          left: position?.x ?? 0,\n          height: position?.height ?? 100,\n        },\n      },\n      h(UnitDetailsPanel, {\n        unit,\n        showLithologyProportions: true,\n        className: \"legend-panel\",\n        onSelectUnit: (id: number) => {\n          console.log(\"Selected unit in popover:\", id);\n          selectUnit(id, null, null);\n        },\n      }),\n    ),\n  );\n}\n"],"names":["$jhKOD$macrostrathyper","Popover","$jhKOD$Popover","$parcel$export","e","n","v","s","Object","defineProperty","get","set","enumerable","configurable","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","$1c6e0a5d10814cef$exports","$1c6e0a5d10814cef$export$6716aecc2c9afbe2","$1c6e0a5d10814cef$export$db1115efab13710d","$bHbph","$5SO8b","$iYfAq","$1c6e0a5d10814cef$var$h","styled","a","__esModule","default","style","children","viewportPadding","content","$1c6e0a5d10814cef$var$InteractionBarrier","isOpen","usePortal","position","modifiers","preventOverflow","options","padding","onClick","stopPropagation","unit","useSelectedUnit","selectUnit","useUnitSelectionStore","state","onUnitSelected","overlayPosition","top","y","width","left","x","height","UnitDetailsPanel","showLithologyProportions","className","onSelectUnit","console","log","UnitDetailsPopover","UnitSelectionPopover"],"version":3,"file":"column-views.868c04dc.js.map","sourceRoot":"../../../../"}

package/dist/node/column-views.dfe9a971.js

@@ -1,2 +0,0 @@
-import"./column-views.1261be59.js";import"./column-views.3d0c2bea.js";import"./column-views.46efb749.js";import"./column-views.0beae29d.js";import"./column-views.fee4e65d.js";import"./column-views.868c04dc.js";import"./column-views.00ad98fa.js";import"./column-views.825d2719.js";import"./column-views.7f9c7448.js";import"./column-views.5fd6e11a.js";import{ColumnAxisType as e}from"@macrostrat/column-components";import{hyperStyled as o}from"@macrostrat/hyper";import{extractPadding as n,useDarkMode as t,Box as i}from"@macrostrat/ui-components";import l from"classnames";import{useRef as a,useCallback as s}from"react";import{NonIdealState as r}from"@blueprintjs/core";import{DataField as c}from"@macrostrat/data-components";function m(e,o,n,t){Object.defineProperty(e,o,{get:n,set:t,enumerable:!0,configurable:!0})}var u=globalThis,p={},d={},f=u.parcelRequirea149;null==f&&((f=function(e){if(e in p)return p[e].exports;if(e in d){var o=d[e];delete d[e];var n={id:e,exports:{}};return p[e]=n,o.call(n.exports,n,n.exports),n.exports}var t=Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}).register=function(e,o){d[e]=o},u.parcelRequirea149=f),f.register;var b={};m(b,"Column",()=>R),m(b,"ColumnContainer",()=>E),m(b,"ColumnBasicInfo",()=>M);var g=f("7YHvf"),v=f("7tWYE"),h=f("wtIgl"),_=f("5SO8b"),x=f("iYfAq"),S=f("2KV3o"),H=f("7exMg"),C=f("4hG2H"),w=f("76iYI"),A=f("610tc");let y=o(g&&g.__esModule?g.default:g);function R(o){let{showUnitPopover:n=!1,keyboardNavigation:t=!1,mergeSections:i,onUnitSelected:l,selectedUnit:s,children:c,units:m,t_age:u,b_age:p,t_pos:d,b_pos:f,unconformityHeight:b=30,targetUnitHeight:g=20,pixelScale:v,minPixelScale:x=.2,minSectionHeight:H=50,collapseSmallUnconformities:R=!0,allowUnitSelection:E,hybridScale:M,scale:F,axisType:$,...j}=o,T=a(),N=g,L=H,O=x;null!=v&&(N=null,L=0,O=v);let I=$??e.AGE,P=C.CompositeAgeAxis;M?.type===w.HybridScaleType.ApproximateHeight&&I!=e.AGE&&(P=C.ApproximateHeightAxis,I=e.AGE);let{sections:D,units:k,totalHeight:G}=(0,A.usePreparedColumnUnits)(m,{axisType:I,t_age:u,b_age:p,t_pos:d,b_pos:f,mergeSections:i,targetUnitHeight:N,unconformityHeight:b,pixelScale:v,minPixelScale:O,minSectionHeight:L,collapseSmallUnconformities:R,scale:F,hybridScale:M});if(0===D.length)return y("div.column-container.empty",y(r,{title:"Empty column",description:"No sections found in this column.",icon:"warning-sign"}));let B=y(U,{columnRef:T,ageAxisComponent:P,...j},[c,y.if(n)(S.UnitSelectionPopover),y.if(t)(_.UnitKeyboardNavigation,{units:k})]),Y=E??!1;return(n||null!=s||null!=l)&&(Y=!0),Y&&(B=y(_.UnitSelectionProvider,{columnRef:T,onUnitSelected:l,selectedUnit:s,units:k},B)),y(h.MacrostratColumnDataProvider,{units:k,sections:D,totalHeight:G,axisType:I},B)}function U(o){let t=n(o),i={"--column-padding-top":`${t.paddingTop}px`,"--column-padding-bottom":`${t.paddingBottom}px`,"--column-padding-left":`${t.paddingLeft}px`,"--column-padding-right":`${t.paddingRight}px`},{unitComponent:l=v.UnitComponent,unconformityLabels:a="minimal",showLabels:r=!0,width:c=300,columnWidth:m=150,showLabelColumn:u=!0,className:p,columnRef:d,clipUnits:f=!1,children:b,showTimescale:g,timescaleLevels:x,maxInternalColumns:S,onMouseOver:w,ageAxisComponent:A=C.CompositeAgeAxis}=o,{axisType:R}=(0,h.useMacrostratColumnData)(),U=!1,M=!1;!0===a||"prominent"===a?M=!0:"minimal"===a&&(U=!0);let F=m;F>c&&(F=c);let $=u;F>c-10&&($=!1);let j=g??!0;return null!=x&&(j=!0),j=R==e.AGE&&j,y(E,{...function(e=null){let o=(0,_.useUnitSelectionDispatch)(),n=s(e=>{o?.(null,null,e)},[o]),t=(0,h.useCompositeScale)(),i=s(o=>{let n=t.invert(o.clientY-o.currentTarget.getBoundingClientRect().top);e?.(null,n,o)},[t,e]),l=s(()=>{e?.(null,null,null)},[e]);return null==e?{onClick:n,onMouseOver:void 0,onMouseMove:void 0,onMouseOut:void 0}:{onMouseOver:i,onMouseMove:i,onMouseOut:l,onClick:n}}(w),style:i,className:p},y("div.column",{ref:d},[y(A),y.if(j)(H.CompositeTimescale,{levels:x,unconformityLabels:U}),y(H.SectionsColumn,{unitComponent:l,showLabels:r,width:c,columnWidth:F,showLabelColumn:$,clipUnits:f,unconformityLabels:M,maxInternalColumns:S}),b]))}function E(e){let{className:o,...n}=e,a=t();return y(i,{className:l(o,{"dark-mode":a?.isEnabled??!1},"column-container"),...n})}function M({data:e,showColumnID:o=!0,showReferences:n=!0}){return null==e?null:y("div.column-info",[y("div.column-title-row",[y("h2",e.col_name),y.if(o)("h4",y(x.Identifier,{id:e.col_id}))]),y(c,{row:!0,label:"Group",value:e.col_group}),y.if(n)(x.ReferencesField,{refs:e.refs,inline:!1,row:!1,className:"column-refs"})])}export{R as Column,E as ColumnContainer,M as ColumnBasicInfo};
-//# sourceMappingURL=column-views.dfe9a971.js.map