@macrostrat/column-views 1.0.2 → 2.0.0

package/dist/esm/column.8dd26e1a.js

@@ -1,149 +0,0 @@
-import $bTsJU$columnmodulee632868ajs from "./column.module.e632868a.js";
-import "./column.module.039d872c.css";
-import {TrackedLabeledUnit as $8c8238faa5cde49c$export$f613830566442374} from "./composite.608a4ca2.js";
-import {UnitSelectionProvider as $4d5d1c15f39f6a14$export$f19d75b1d4b676a4, useUnitSelectionDispatch as $4d5d1c15f39f6a14$export$77a278d5ca56e309, UnitKeyboardNavigation as $4d5d1c15f39f6a14$export$70f5ee19650fc7d1} from "./selection.bbf26d0e.js";
-import {UnitSelectionPopover as $80d4db83aa9ba807$export$db1115efab13710d} from "./selection-popover.17d1bd55.js";
-import {MacrostratUnitsProvider as $1fcb9b8d7da394a3$export$e5fe24ae4f287040} from "./store.25eaa168.js";
-import {Section as $7d0f52717c0de7e1$export$6e2c8f0811a474ce} from "./section.cc1b1100.js";
-import {ensureArray as $2c60de495788ce61$export$d0c8ecbd4ed8940c, groupUnitsIntoSections as $2c60de495788ce61$export$dfbd00399d639b4c, _mergeOverlappingSections as $2c60de495788ce61$export$ec445c47b6e5d2d} from "./helpers.8a03cfc7.js";
-import {ColumnLayoutContext as $bTsJU$ColumnLayoutContext} from "@macrostrat/column-components";
-import {hyperStyled as $bTsJU$hyperStyled} from "@macrostrat/hyper";
-import {useDarkMode as $bTsJU$useDarkMode} from "@macrostrat/ui-components";
-import $bTsJU$classnames from "classnames";
-import {useContext as $bTsJU$useContext, createRef as $bTsJU$createRef, useState as $bTsJU$useState, useMemo as $bTsJU$useMemo} from "react";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-
-
-
-
-
-
-
-
-
-
-const $2118f0266dc7e955$var$h = (0, $bTsJU$hyperStyled)((0, ($parcel$interopDefault($bTsJU$columnmodulee632868ajs))));
-function $2118f0266dc7e955$export$48a4cacf2b7a4441({ division: division, nColumns: nColumns = 2, ...rest }) {
-    const { width: width } = (0, $bTsJU$useContext)((0, $bTsJU$ColumnLayoutContext));
-    //const nCols = Math.min(nColumns, division.overlappingUnits.length+1)
-    //console.log(division);
-    return $2118f0266dc7e955$var$h((0, $8c8238faa5cde49c$export$f613830566442374), {
-        division: division,
-        ...rest,
-        width: division.overlappingUnits.length > 0 ? width / nColumns : width,
-        x: division.column * width / nColumns
-    });
-}
-function $2118f0266dc7e955$var$Unconformity({ upperUnits: upperUnits = [], lowerUnits: lowerUnits = [], style: style }) {
-    if (upperUnits.length == 0 || lowerUnits.length == 0) return null;
-    const ageGap = lowerUnits[0].t_age - upperUnits[upperUnits.length - 1].b_age;
-    return $2118f0266dc7e955$var$h("div.unconformity", {
-        style: style
-    }, [
-        $2118f0266dc7e955$var$h("div.unconformity-text", `${ageGap.toFixed(1)} Ma`)
-    ]);
-}
-function $2118f0266dc7e955$var$sectionClassName(section) {
-    return `section-${(0, $2c60de495788ce61$export$d0c8ecbd4ed8940c)(section.section_id).join("-")}`;
-}
-function $2118f0266dc7e955$export$816b5d811295e6bc(props) {
-    const { showUnitPopover: showUnitPopover = false, ...rest } = props;
-    const ref = (0, $bTsJU$createRef)();
-    // Selected item position
-    const [position, setPosition] = (0, $bTsJU$useState)(null);
-    if (!showUnitPopover) return $2118f0266dc7e955$var$h($2118f0266dc7e955$var$_Column, rest);
-    return $2118f0266dc7e955$var$h((0, $4d5d1c15f39f6a14$export$f19d75b1d4b676a4), {
-        onUnitSelected: (unit, target)=>{
-            if (!showUnitPopover) return;
-            if (unit == null) {
-                setPosition(null);
-                return;
-            }
-            const el = ref.current;
-            if (el == null || target == null) return;
-            const rect = el.getBoundingClientRect();
-            const targetRect = target.getBoundingClientRect();
-            setPosition({
-                x: targetRect.left - rect.left,
-                y: targetRect.top - rect.top,
-                width: targetRect.width,
-                height: targetRect.height
-            });
-        }
-    }, $2118f0266dc7e955$var$h($2118f0266dc7e955$var$_Column, {
-        ...rest,
-        columnRef: ref
-    }, $2118f0266dc7e955$var$h((0, $80d4db83aa9ba807$export$db1115efab13710d), {
-        position: position
-    })));
-}
-function $2118f0266dc7e955$var$_Column(props) {
-    const { data: data, unitComponent: unitComponent = $2118f0266dc7e955$export$48a4cacf2b7a4441, unconformityLabels: unconformityLabels = true, showLabels: showLabels = true, width: width = 300, columnWidth: columnWidth = 150, className: baseClassName, showLabelColumn: showLabelColumn = true, mergeOverlappingSections: mergeOverlappingSections = true, keyboardNavigation: keyboardNavigation = false, columnRef: columnRef, children: children, ...rest } = props;
-    const darkMode = (0, $bTsJU$useDarkMode)();
-    const sectionGroups = (0, $bTsJU$useMemo)(()=>{
-        let res = (0, $2c60de495788ce61$export$dfbd00399d639b4c)(data);
-        if (mergeOverlappingSections) res = (0, $2c60de495788ce61$export$ec445c47b6e5d2d)(res);
-        return res;
-    }, [
-        data,
-        mergeOverlappingSections
-    ]);
-    const className = (0, $bTsJU$classnames)(baseClassName, {
-        "dark-mode": darkMode?.isEnabled ?? false
-    });
-    // Clear unit selection on click outside of units, if we have a dispatch function
-    const dispatch = (0, $4d5d1c15f39f6a14$export$77a278d5ca56e309)();
-    return $2118f0266dc7e955$var$h("div.column-container", {
-        className: className,
-        onClick (evt) {
-            dispatch?.(null, null, evt);
-        }
-    }, $2118f0266dc7e955$var$h((0, $1fcb9b8d7da394a3$export$e5fe24ae4f287040), {
-        units: data
-    }, [
-        $2118f0266dc7e955$var$h("div.column", {
-            ref: columnRef
-        }, [
-            $2118f0266dc7e955$var$h("div.age-axis-label", "Age (Ma)"),
-            $2118f0266dc7e955$var$h("div.main-column", sectionGroups.map((group, i)=>{
-                const { section_id: id, units: data } = group;
-                const lastGroup = sectionGroups[i - 1];
-                return $2118f0266dc7e955$var$h([
-                    $2118f0266dc7e955$var$h.if(unconformityLabels)($2118f0266dc7e955$var$Unconformity, {
-                        upperUnits: lastGroup?.units,
-                        lowerUnits: data,
-                        style: {
-                            width: showLabels ? columnWidth : width
-                        }
-                    }),
-                    $2118f0266dc7e955$var$h(`div.section`, {
-                        className: $2118f0266dc7e955$var$sectionClassName(group)
-                    }, [
-                        $2118f0266dc7e955$var$h((0, $7d0f52717c0de7e1$export$6e2c8f0811a474ce), {
-                            data: data,
-                            unitComponent: unitComponent,
-                            showLabels: showLabels,
-                            width: width,
-                            columnWidth: columnWidth,
-                            showLabelColumn: showLabelColumn,
-                            ...rest
-                        })
-                    ])
-                ]);
-            })),
-            $2118f0266dc7e955$var$h.if(keyboardNavigation)((0, $4d5d1c15f39f6a14$export$70f5ee19650fc7d1), {
-                units: data
-            }),
-            children
-        ])
-    ]));
-}
-
-
-export {$2118f0266dc7e955$export$48a4cacf2b7a4441 as UnitComponent, $2118f0266dc7e955$export$816b5d811295e6bc as Column};
-//# sourceMappingURL=column.8dd26e1a.js.map

package/dist/esm/column.8dd26e1a.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/column-views/src/column.ts"],"sourcesContent":["import {\n  ColumnAxisType,\n  ColumnLayoutContext,\n  ColumnProvider,\n} from \"@macrostrat/column-components\";\nimport { hyperStyled } from \"@macrostrat/hyper\";\nimport { useDarkMode } from \"@macrostrat/ui-components\";\nimport classNames from \"classnames\";\nimport { createRef, RefObject, useContext, useMemo, useState } from \"react\";\nimport styles from \"./column.module.sass\";\nimport {\n  TrackedLabeledUnit,\n  UnitKeyboardNavigation,\n  UnitSelectionProvider,\n  useUnitSelectionDispatch,\n} from \"./units\";\nimport { SectionInfo } from \"./section\";\nimport { RectBounds } from \"./units/boxes\";\nimport { UnitSelectionPopover } from \"./selection-popover\";\nimport { MacrostratUnitsProvider } from \"./store\";\nimport { IColumnProps, Section } from \"./section\";\nimport {\n  _mergeOverlappingSections,\n  ensureArray,\n  groupUnitsIntoSections,\n} from \"./helpers\";\n\nconst h = hyperStyled(styles);\n\nexport function UnitComponent({ division, nColumns = 2, ...rest }) {\n  const { width } = useContext(ColumnLayoutContext);\n\n  //const nCols = Math.min(nColumns, division.overlappingUnits.length+1)\n  //console.log(division);\n  return h(TrackedLabeledUnit, {\n    division,\n    ...rest,\n    width: division.overlappingUnits.length > 0 ? width / nColumns : width,\n    x: (division.column * width) / nColumns,\n  });\n}\n\nfunction Unconformity({ upperUnits = [], lowerUnits = [], style }) {\n  if (upperUnits.length == 0 || lowerUnits.length == 0) {\n    return null;\n  }\n\n  const ageGap = lowerUnits[0].t_age - upperUnits[upperUnits.length - 1].b_age;\n\n  return h(\"div.unconformity\", { style }, [\n    h(\"div.unconformity-text\", `${ageGap.toFixed(1)} Ma`),\n  ]);\n}\n\nfunction sectionClassName(section: SectionInfo) {\n  return `section-${ensureArray(section.section_id).join(\"-\")}`;\n}\n\nexport interface ColumnProps extends IColumnProps {\n  unconformityLabels?: boolean;\n  className?: string;\n  mergeOverlappingSections?: boolean;\n  showLabelColumn?: boolean;\n  columnRef?: RefObject<HTMLElement>;\n  keyboardNavigation?: boolean;\n  showUnitPopover?: boolean;\n  t_age?: number;\n  b_age?: number;\n}\n\nexport function Column(props: ColumnProps) {\n  const { showUnitPopover = false, ...rest } = props;\n  const ref = createRef<HTMLElement>();\n  // Selected item position\n  const [position, setPosition] = useState<RectBounds | null>(null);\n\n  if (!showUnitPopover) {\n    return h(_Column, rest);\n  }\n\n  return h(\n    UnitSelectionProvider,\n    {\n      onUnitSelected: (unit, target: SVGElement | HTMLElement | null) => {\n        if (!showUnitPopover) return;\n\n        if (unit == null) {\n          setPosition(null);\n          return;\n        }\n        const el: HTMLElement = ref.current;\n        if (el == null || target == null) return;\n        const rect = el.getBoundingClientRect();\n        const targetRect = target.getBoundingClientRect();\n        setPosition({\n          x: targetRect.left - rect.left,\n          y: targetRect.top - rect.top,\n          width: targetRect.width,\n          height: targetRect.height,\n        });\n      },\n    },\n    h(\n      _Column,\n      { ...rest, columnRef: ref },\n      h(UnitSelectionPopover, { position })\n    )\n  );\n}\n\nfunction _Column(props: Omit<ColumnProps, \"showUnitPopover\">) {\n  const {\n    data,\n    unitComponent = UnitComponent,\n    unconformityLabels = true,\n    showLabels = true,\n    width = 300,\n    columnWidth = 150,\n    className: baseClassName,\n    showLabelColumn = true,\n    mergeOverlappingSections = true,\n    keyboardNavigation = false,\n    columnRef,\n    children,\n    ...rest\n  } = props;\n\n  const darkMode = useDarkMode();\n  const sectionGroups = useMemo(() => {\n    let res = groupUnitsIntoSections(data);\n    if (mergeOverlappingSections) {\n      res = _mergeOverlappingSections(res);\n    }\n    return res;\n  }, [data, mergeOverlappingSections]);\n\n  const className = classNames(baseClassName, {\n    \"dark-mode\": darkMode?.isEnabled ?? false,\n  });\n\n  // Clear unit selection on click outside of units, if we have a dispatch function\n  const dispatch = useUnitSelectionDispatch();\n\n  return h(\n    \"div.column-container\",\n    {\n      className,\n      onClick(evt) {\n        dispatch?.(null, null, evt as any);\n      },\n    },\n    h(MacrostratUnitsProvider, { units: data }, [\n      h(\"div.column\", { ref: columnRef }, [\n        h(\"div.age-axis-label\", \"Age (Ma)\"),\n        h(\n          \"div.main-column\",\n          sectionGroups.map((group, i) => {\n            const { section_id: id, units: data } = group;\n            const lastGroup = sectionGroups[i - 1];\n            return h([\n              h.if(unconformityLabels)(Unconformity, {\n                upperUnits: lastGroup?.units,\n                lowerUnits: data,\n                style: { width: showLabels ? columnWidth : width },\n              }),\n              h(`div.section`, { className: sectionClassName(group) }, [\n                h(Section, {\n                  data,\n                  unitComponent,\n                  showLabels,\n                  width,\n                  columnWidth,\n                  showLabelColumn,\n                  ...rest,\n                }),\n              ]),\n            ]);\n          })\n        ),\n        h.if(keyboardNavigation)(UnitKeyboardNavigation, { units: data }),\n        children,\n      ]),\n    ])\n  );\n}\n"],"names":[],"version":3,"file":"column.8dd26e1a.js.map"}

package/dist/esm/column.db058031.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,wEAAK;AAS5B,MAAM,gCAAU,CAAC,SAAE,KAAK,EAAE;IACxB,MAAM,eAAE,WAAW,EAAE,GAAG,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,oBAAY;IAC/C,iCAAiC;IACjC,IAAI,IAAI,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC,cAAc,KAAK;IAE/C,OAAO,wBAAE,CAAA,GAAA,iBAAS,GAAG;QACnB,OAAO;QACP,YAAY;IACd;AACF;AAEA,MAAM,4CAAU,CAAC;IACf,oCAAoC;IACpC,MAAM,QACJ,IAAI,kBACJ,iBAAiB,aACjB,QAAQ;QAAC,IAAI,CAAC,KAAK,MAAM,GAAG,EAAE,CAAC,KAAK;QAAE,IAAI,CAAC,EAAE,CAAC,KAAK;KAAC,EACrD,GAAG;IACJ,IAAI,cAAE,UAAU,EAAE,GAAG;IAErB,MAAM,cAAc;IAEpB,IAAI,CAAC,YAAY;QACf,wBAAwB;QACxB,MAAM,OAAO,KAAK,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE;QAChC,MAAM,eAAe,KAAK,KAAK,MAAM;QACrC,aAAa,KAAK,IAAI,CAAC,eAAe;IACxC;IAEA,OAAO,wBACL,CAAA,GAAA,yCAAuB,GACvB;QACE,WAAW;eACX;QACA,gBAAgB;IAClB,GACA;QACE,wBACE,CAAA,GAAA,gBAAQ,GACR;YACE,OAAO;YACP,SAAS;YACT,YAAY;YACZ,eAAe;QACjB,GACA;YACE,wBAAE;YACF,wBAAE,CAAA,GAAA,yCAAgB,GAAG;gBACnB,OAAO;gBACP,aAAa;YACf;YACA,wBAAE,CAAA,GAAA,yCAAa,GAAG;gBAChB,WAAW;gBACX,OAAO;gBACP,OAAO;gBACP,aAAa;gBACb,QAAQ;gBACR,UAAU;gBACV,WAAW;YACb;YACA,wBAAE,CAAA,GAAA,yCAAa,GAAG;gBAChB,WAAW;gBACX,OAAO;gBACP,OAAO;gBACP,QAAQ;oBAAC;oBAAK;iBAAE;gBAChB,OAAO;gBACP,aAAa;gBACb,QAAQ;gBACR,UAAU;gBACV,WAAW;YACb;SACD;KAEJ;AAEL;AAEA,SAAS,6BAAO,KAA0D;IACxE,MAAM,UAAE,MAAM,EAAE,GAAG;IACnB,MAAM,OAAgB,CAAA,GAAA,mBAAW,EAAE,UAAU;QAC3C,KAAK;QACL,GAAG,MAAM;QACT,UAAU;IACZ;IACA,IAAI,QAAQ,MAAM,OAAO;IAEzB,IAAI,gBAAgB,MAAM,IAAI,CAAC,CAAA,GAAA,YAAI,EAAE,MAAM,CAAC,IAAM,EAAE,UAAU;IAE9D,kDAAkD;IAElD,OAAO,wBAAE,cAAc;QACrB,wBAAE,sBAAsB;QACxB,wBACE,mBACA,cAAc,GAAG,CAAC,CAAC,CAAC,IAAI,OAAO,EAAE;YAC/B,OAAO,wBAAE,CAAC,YAAY,EAAE,IAAI,EAAE;gBAC5B,wBAAE,2CAAS;oBACT,MAAM;oBACN,gBAAgB,KAAK,cAAc,MAAM,GAAG;gBAC9C;aACD;QACH;KAEH;AACH;IAGA,2CAAe","sources":["packages/column-views/src/carbon-isotopes/column.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport { group } from \"d3-array\";\nimport { useAPIResult } from \"@macrostrat/ui-components\";\nimport {\n  ColumnSVG,\n  ColumnAxis,\n  ColumnContext,\n} from \"@macrostrat/column-components\";\nimport { SimpleUnitsColumn, IUnit, ColumnArgs } from \"../units\";\nimport { useContext } from \"react\";\nimport { IsotopesColumn } from \"./isotopes-column\";\nimport { MacrostratColumnProvider } from \"../providers\";\nimport styles from \"./column.module.sass\";\n\nconst h = hyper.styled(styles);\n\ninterface IColumnProps {\n  data: IUnit[];\n  pixelScale?: number;\n  isOldestColumn: boolean;\n  range?: [number, number];\n}\n\nconst AgeAxis = ({ ticks }) => {\n  const { pixelHeight } = useContext(ColumnContext);\n  // A tick roughly every 40 pixels\n  let v = Math.max(Math.round(pixelHeight / 40), 1);\n\n  return h(ColumnAxis, {\n    ticks: v,\n    showDomain: false,\n  });\n};\n\nconst Section = (props: IColumnProps) => {\n  // Section with \"squishy\" time scale\n  const {\n    data,\n    isOldestColumn = true,\n    range = [data[data.length - 1].b_age, data[0].t_age],\n  } = props;\n  let { pixelScale } = props;\n\n  const notesOffset = 100;\n\n  if (!pixelScale) {\n    // Make up a pixel scale\n    const dAge = range[0] - range[1];\n    const targetHeight = 50 * data.length;\n    pixelScale = Math.ceil(targetHeight / dAge);\n  }\n\n  return h(\n    MacrostratColumnProvider,\n    {\n      divisions: data,\n      range,\n      pixelsPerMeter: pixelScale, // Actually pixels per myr\n    },\n    [\n      h(\n        ColumnSVG,\n        {\n          width: 650,\n          padding: 20,\n          paddingTop: 5,\n          paddingBottom: 25,\n        },\n        [\n          h(AgeAxis),\n          h(SimpleUnitsColumn, {\n            width: 400,\n            columnWidth: 90,\n          }),\n          h(IsotopesColumn, {\n            parameter: \"D13C\",\n            label: \"δ¹³C\",\n            width: 100,\n            // @ts-ignore\n            nTicks: 4,\n            showAxis: isOldestColumn,\n            transform: \"translate(250,0)\",\n          }),\n          h(IsotopesColumn, {\n            parameter: \"D18O\",\n            label: \"δ¹⁸O\",\n            color: \"red\",\n            domain: [-40, 0],\n            width: 100,\n            // @ts-ignore\n            nTicks: 4,\n            showAxis: isOldestColumn,\n            transform: \"translate(370,0)\",\n          }),\n        ]\n      ),\n    ]\n  );\n};\n\nfunction Column(props: Omit<IColumnProps, \"data\"> & { params: ColumnArgs }) {\n  const { params } = props;\n  const data: IUnit[] = useAPIResult(\"/units\", {\n    all: true,\n    ...params,\n    response: \"long\",\n  });\n  if (data == null) return null;\n\n  let sectionGroups = Array.from(group(data, (d) => d.section_id));\n\n  //sectionGroups.sort((a, b) => a.t_age - b.t_age);\n\n  return h(\"div.column\", [\n    h(\"div.age-axis-label\", \"Age (Ma)\"),\n    h(\n      \"div.main-column\",\n      sectionGroups.map(([id, values], i) => {\n        return h(`div.section-${id}`, [\n          h(Section, {\n            data: values,\n            isOldestColumn: i == sectionGroups.length - 1,\n          }),\n        ]);\n      })\n    ),\n  ]);\n}\n\nexport { Section, IColumnProps };\nexport default Column;\n"],"names":[],"version":3,"file":"column.db058031.js.map"}

package/dist/esm/column.module.039d872c.css

@@ -1,151 +0,0 @@
-.column-container_afc440, body.light-mode .column-container_afc440 {
-  --column-background-color: var(--background-color, #fff);
-  --column-stroke-color: var(--text-color, #000);
-  --column-text-color: var(--text-color, #000);
-}
-
-@media (prefers-color-scheme: dark) {
-  body:not(.light-mode) .column-container_afc440 {
-    --column-background-color: var(--background-color, #000);
-    --column-stroke-color: var(--text-color, #fff);
-    --column-text-color: var(--text-color, #fff);
-    color-scheme: dark;
-    color: var(--column-text-color);
-  }
-
-  body:not(.light-mode) .column-container_afc440 .timescale {
-    color: #000;
-  }
-
-  body:not(.light-mode) .column-container_afc440 g.inner pattern image {
-    filter: invert(80%);
-  }
-}
-
-body.dark-mode .column-container_afc440 {
-  --column-background-color: var(--background-color, #000);
-  --column-stroke-color: var(--text-color, #fff);
-  --column-text-color: var(--text-color, #fff);
-  color-scheme: dark;
-  color: var(--column-text-color);
-}
-
-body.dark-mode .column-container_afc440 .timescale {
-  color: #000;
-}
-
-body.dark-mode .column-container_afc440 g.inner pattern image {
-  filter: invert(80%);
-}
-
-.column-container_afc440 .column {
-  flex-direction: row;
-  display: flex;
-  position: relative;
-}
-
-.column-container_afc440 .column .age-axis-label {
-  writing-mode: vertical-lr;
-  text-align: center;
-  max-height: 100vh;
-  font-size: 12px;
-  position: sticky;
-  top: 0;
-  transform: rotate(180deg);
-}
-
-.column-container_afc440 .column .tick text {
-  text-anchor: middle;
-  transform: rotate(-90deg)translate(8px, -12px);
-  font-weight: 400 !important;
-}
-
-.column-container_afc440 rect.unit {
-  stroke: var(--column-stroke-color);
-  stroke-width: 1px;
-}
-
-.column-container_afc440 g.lithology-column use.frame {
-  stroke: var(--column-stroke-color);
-  pointer-events: none;
-  stroke-width: 1.5px !important;
-}
-
-.column-container_afc440 .unit-label {
-  text-align: center;
-}
-
-.column-container_afc440 .col-note-label {
-  margin-top: 3px;
-  padding: 2px 2px 2px 3px;
-  font-size: 10px;
-  line-height: 9px;
-  border-left: none !important;
-}
-
-.column-container_afc440 g.height-range {
-  display: none;
-}
-
-.column-container_afc440 .note-inner {
-  border: none;
-}
-
-.column-container_afc440 .frame rect {
-  fill: #0000;
-}
-
-.column-container_afc440 .labeled-unit .unit-overlay {
-  justify-content: center;
-  align-items: center;
-  font-size: 10px;
-  font-style: italic;
-  display: flex;
-}
-
-.column-container_afc440 .labeled-unit .unit-overlay .unit-label {
-  text-shadow: 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color);
-  display: block;
-}
-
-.column-container_afc440 .default-buttons {
-  width: 100%;
-  margin: 0 -10px;
-}
-
-.column-container_afc440 div.section {
-  flex-direction: row;
-  display: flex;
-}
-
-.column-container_afc440 div.section .timescale {
-  transform: translateY(.5px);
-}
-
-.column-container_afc440 .section .divisions .unit {
-  cursor: pointer;
-}
-
-.column-container_afc440 rect.selection-overlay {
-  fill: #ff000080;
-}
-
-.column-container_afc440 div.timescale {
-  --timescale-level-size: 1.5em;
-  width: calc(6em + 4px);
-}
-
-.unconformity_afc440 {
-  text-align: center;
-  height: 0;
-  margin-left: calc(6em + 44px);
-  font-size: 10px;
-  font-style: italic;
-}
-
-.unconformity-text_afc440 {
-  width: var(--column-width);
-  color: var(--column-stroke-color);
-  transform: translateY(-.5em);
-}
-/*# sourceMappingURL=column.module.039d872c.css.map */

package/dist/esm/column.module.039d872c.css.map

@@ -1 +0,0 @@
-{"mappings":"AAAA;;;;;;AAWE;EACE;;;;;;;;EAOI;;;;EAEA;;;;;AAIN;;;;;;;;AAOE;;;;AAIF;;;;;;;;;;AAUI;;;;;;;;;;AAUF;;;;;;AAMA;;;;;;;;;;;AASF;;;;;;;;;;;;AAUF;;;;AAGA;;;;AAIE;;;;AAGF;;;;;;;;;;;;;;;;;;;;;;;AAkBA;;;;AAGA;;;;;;;;AAOE;;;;;AAIF","sources":["packages/column-views/src/column.module.sass"],"sourcesContent":[".column-container, body:global(.light-mode) .column-container\n  --column-background-color: var(--background-color, #fff)\n  --column-stroke-color: var(--text-color, #000)\n  --column-text-color: var(--text-color, #000)\n\n/* We have to duplicate the dark mode styles here\n  because we want to set them either if the preferred\n  color scheme is dark OR if dark mode is explicitly enabled.\n  If dark mode is explicitly enabled, we want to override\n  the media query. */\n@media (prefers-color-scheme: dark)\n  body:not(:global(.light-mode)) .column-container\n    --column-background-color: var(--background-color, #000)\n    --column-stroke-color: var(--text-color, #fff)\n    --column-text-color: var(--text-color, #fff)\n    color-scheme: dark\n    color: var(--column-text-color)\n    :global\n      .timescale\n        color: #000\n      g.inner pattern image\n        filter: invert(80%)\n\nbody:global(.dark-mode) .column-container\n  --column-background-color: var(--background-color, #000)\n  --column-stroke-color: var(--text-color, #fff)\n  --column-text-color: var(--text-color, #fff)\n  color-scheme: dark\n  color: var(--column-text-color)\n  :global\n    .timescale\n      color: #000\n    g.inner pattern image\n      filter: invert(80%)\n\n.column-container :global\n  .column\n    display: flex\n    flex-direction: row\n    position: relative\n\n    .age-axis-label\n      writing-mode: vertical-lr\n      transform: rotate(180deg)\n      font-size: 12px\n      text-align: center\n      position: sticky\n      top: 0\n      max-height: 100vh\n\n    .tick text\n      text-anchor: middle\n      font-weight: 400 !important\n      transform: rotate(-90deg) translate(8px, -12px)\n\n  rect.unit\n    stroke: var(--column-stroke-color)\n    stroke-width: 1px\n\n  g.lithology-column use.frame\n    stroke: var(--column-stroke-color)\n    stroke-width: 1.5px !important\n    pointer-events: none\n\n.column-container :global .unit-label\n  text-align: center\n\n.column-container :global .col-note-label\n  font-size: 10px\n  margin-top: 3px\n  padding: 2px\n  padding-left: 3px\n  line-height: 9px\n  border-left: none !important\n\n.column-container :global g.height-range\n  display: none\n\n.column-container :global .note-inner\n  border: none\n\n.column-container :global .frame rect\n  fill: transparent\n\n.column-container :global .labeled-unit .unit-overlay\n  font-size: 10px\n  font-style: italic\n  display: flex\n  align-items: center\n  justify-content: center\n\n.column-container :global .labeled-unit .unit-overlay .unit-label\n  display: block\n  text-shadow: 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color)\n\n.column-container :global .default-buttons\n  width: 100%\n  margin: 0 -10px\n\n.column-container :global div.section\n  display: flex\n  flex-direction: row\n\n.column-container :global div.section :global(.timescale)\n  transform: translateY(0.5)\n\n.column-container :global .section .divisions .unit\n  cursor: pointer\n\n.column-container :global rect.selection-overlay\n  fill: rgba(255,0,0,0.5)\n\n.column-container :global div.timescale\n  width: calc(6em + 4px)\n  --timescale-level-size: 1.5em\n\n.unconformity\n  height: 0px\n  font-size: 10px\n  font-style: italic\n  text-align: center\n  margin-left: calc(6em + 4px + 40px)\n\n.unconformity-text\n  transform: translateY(-0.5em)\n  width: var(--column-width)\n  color: var(--column-stroke-color)\n"],"names":[],"version":3,"file":"column.module.039d872c.css.map"}

package/dist/esm/column.module.e632868a.js

@@ -1,19 +0,0 @@
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-var $6cbea5de739af804$exports = {};
-
-$parcel$export($6cbea5de739af804$exports, "column-container", () => $6cbea5de739af804$export$e908cef0cccb98df, (v) => $6cbea5de739af804$export$e908cef0cccb98df = v);
-$parcel$export($6cbea5de739af804$exports, "unconformity", () => $6cbea5de739af804$export$7b4a6d978979c0fa, (v) => $6cbea5de739af804$export$7b4a6d978979c0fa = v);
-$parcel$export($6cbea5de739af804$exports, "unconformity-text", () => $6cbea5de739af804$export$925235908943319a, (v) => $6cbea5de739af804$export$925235908943319a = v);
-var $6cbea5de739af804$export$e908cef0cccb98df;
-var $6cbea5de739af804$export$7b4a6d978979c0fa;
-var $6cbea5de739af804$export$925235908943319a;
-$6cbea5de739af804$export$e908cef0cccb98df = "column-container_afc440";
-$6cbea5de739af804$export$7b4a6d978979c0fa = "unconformity_afc440";
-$6cbea5de739af804$export$925235908943319a = "unconformity-text_afc440";
-
-
-export {$6cbea5de739af804$exports as default};
-//# sourceMappingURL=column.module.e632868a.js.map

package/dist/esm/column.module.e632868a.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AAFA,4CAAqC;AACrC,4CAAiC;AACjC,4CAAsC","sources":["packages/column-views/src/column.module.sass"],"sourcesContent":[".column-container, body:global(.light-mode) .column-container\n  --column-background-color: var(--background-color, #fff)\n  --column-stroke-color: var(--text-color, #000)\n  --column-text-color: var(--text-color, #000)\n\n/* We have to duplicate the dark mode styles here\n  because we want to set them either if the preferred\n  color scheme is dark OR if dark mode is explicitly enabled.\n  If dark mode is explicitly enabled, we want to override\n  the media query. */\n@media (prefers-color-scheme: dark)\n  body:not(:global(.light-mode)) .column-container\n    --column-background-color: var(--background-color, #000)\n    --column-stroke-color: var(--text-color, #fff)\n    --column-text-color: var(--text-color, #fff)\n    color-scheme: dark\n    color: var(--column-text-color)\n    :global\n      .timescale\n        color: #000\n      g.inner pattern image\n        filter: invert(80%)\n\nbody:global(.dark-mode) .column-container\n  --column-background-color: var(--background-color, #000)\n  --column-stroke-color: var(--text-color, #fff)\n  --column-text-color: var(--text-color, #fff)\n  color-scheme: dark\n  color: var(--column-text-color)\n  :global\n    .timescale\n      color: #000\n    g.inner pattern image\n      filter: invert(80%)\n\n.column-container :global\n  .column\n    display: flex\n    flex-direction: row\n    position: relative\n\n    .age-axis-label\n      writing-mode: vertical-lr\n      transform: rotate(180deg)\n      font-size: 12px\n      text-align: center\n      position: sticky\n      top: 0\n      max-height: 100vh\n\n    .tick text\n      text-anchor: middle\n      font-weight: 400 !important\n      transform: rotate(-90deg) translate(8px, -12px)\n\n  rect.unit\n    stroke: var(--column-stroke-color)\n    stroke-width: 1px\n\n  g.lithology-column use.frame\n    stroke: var(--column-stroke-color)\n    stroke-width: 1.5px !important\n    pointer-events: none\n\n.column-container :global .unit-label\n  text-align: center\n\n.column-container :global .col-note-label\n  font-size: 10px\n  margin-top: 3px\n  padding: 2px\n  padding-left: 3px\n  line-height: 9px\n  border-left: none !important\n\n.column-container :global g.height-range\n  display: none\n\n.column-container :global .note-inner\n  border: none\n\n.column-container :global .frame rect\n  fill: transparent\n\n.column-container :global .labeled-unit .unit-overlay\n  font-size: 10px\n  font-style: italic\n  display: flex\n  align-items: center\n  justify-content: center\n\n.column-container :global .labeled-unit .unit-overlay .unit-label\n  display: block\n  text-shadow: 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color), 0px 0px 4px var(--column-background-color)\n\n.column-container :global .default-buttons\n  width: 100%\n  margin: 0 -10px\n\n.column-container :global div.section\n  display: flex\n  flex-direction: row\n\n.column-container :global div.section :global(.timescale)\n  transform: translateY(0.5)\n\n.column-container :global .section .divisions .unit\n  cursor: pointer\n\n.column-container :global rect.selection-overlay\n  fill: rgba(255,0,0,0.5)\n\n.column-container :global div.timescale\n  width: calc(6em + 4px)\n  --timescale-level-size: 1.5em\n\n.unconformity\n  height: 0px\n  font-size: 10px\n  font-style: italic\n  text-align: center\n  margin-left: calc(6em + 4px + 40px)\n\n.unconformity-text\n  transform: translateY(-0.5em)\n  width: var(--column-width)\n  color: var(--column-stroke-color)\n"],"names":[],"version":3,"file":"column.module.e632868a.js.map"}

package/dist/esm/composite.608a4ca2.js

@@ -1,153 +0,0 @@
-import {defaultNameFunction as $bc17276da4abb183$export$c9757aeb43a67df0, UnitNamesColumn as $bc17276da4abb183$export$594d19cdd88f8c16} from "./names.f6a4e9a4.js";
-import {LabeledUnit as $d254716a820e9c85$export$b4f0ca233b98f9af, UnitBoxes as $d254716a820e9c85$export$5d1cdfabe8dc8085} from "./boxes.13968b76.js";
-import "./composite.module.69a38fd1.css";
-import $1PjJ0$compositemodule0638e7eejs from "./composite.module.0638e7ee.js";
-import {hyperStyled as $1PjJ0$hyperStyled} from "@macrostrat/hyper";
-import {useColumn as $1PjJ0$useColumn, LithologyColumn as $1PjJ0$LithologyColumn, ColumnLayoutContext as $1PjJ0$ColumnLayoutContext} from "@macrostrat/column-components";
-import {createContext as $1PjJ0$createContext, useState as $1PjJ0$useState, useRef as $1PjJ0$useRef, useCallback as $1PjJ0$useCallback, useContext as $1PjJ0$useContext, memo as $1PjJ0$memo} from "react";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-
-
-
-
-
-const $8c8238faa5cde49c$var$h = (0, $1PjJ0$hyperStyled)((0, ($parcel$interopDefault($1PjJ0$compositemodule0638e7eejs))));
-const $8c8238faa5cde49c$var$LabelTrackerContext = (0, $1PjJ0$createContext)(null);
-const $8c8238faa5cde49c$var$UnlabeledDivisionsContext = (0, $1PjJ0$createContext)(null);
-function $8c8238faa5cde49c$var$LabelTrackerProvider(props) {
-    const { children: children } = props;
-    const { divisions: divisions } = (0, $1PjJ0$useColumn)();
-    const [unlabeledDivisions, setUnlabeledDivisions] = (0, $1PjJ0$useState)(null);
-    const labelTrackerRef = (0, $1PjJ0$useRef)({});
-    const trackLabelVisibility = (0, $1PjJ0$useCallback)((div, visible)=>{
-        labelTrackerRef.current[div.unit_id] = visible;
-        if (Object.keys(labelTrackerRef.current).length == divisions.length) setUnlabeledDivisions(// @ts-ignore
-        divisions.filter((d)=>labelTrackerRef.current[d.unit_id] == false));
-    }, [
-        labelTrackerRef,
-        divisions
-    ]);
-    const value = trackLabelVisibility;
-    return $8c8238faa5cde49c$var$h($8c8238faa5cde49c$var$LabelTrackerContext.Provider, {
-        value: value
-    }, $8c8238faa5cde49c$var$h($8c8238faa5cde49c$var$UnlabeledDivisionsContext.Provider, {
-        value: unlabeledDivisions
-    }, children));
-}
-function $8c8238faa5cde49c$export$f613830566442374({ division: division, nameForDivision: nameForDivision = (0, $bc17276da4abb183$export$c9757aeb43a67df0), axisType: axisType, ...rest }) {
-    const trackLabelVisibility = (0, $1PjJ0$useContext)($8c8238faa5cde49c$var$LabelTrackerContext);
-    return $8c8238faa5cde49c$var$h((0, $d254716a820e9c85$export$b4f0ca233b98f9af), {
-        division: division,
-        //halfWidth: div.bottomOverlap,
-        label: nameForDivision(division),
-        onLabelUpdated (label, visible) {
-            trackLabelVisibility(division, visible);
-        },
-        ...rest
-    });
-}
-function $8c8238faa5cde49c$var$UnlabeledUnitNames(props) {
-    // Returns only unlabeled divisions
-    const divisions = (0, $1PjJ0$useContext)($8c8238faa5cde49c$var$UnlabeledDivisionsContext);
-    if (divisions == null) return null;
-    return $8c8238faa5cde49c$var$h((0, $bc17276da4abb183$export$594d19cdd88f8c16), {
-        divisions: divisions,
-        ...props
-    });
-}
-function $8c8238faa5cde49c$var$_BaseUnitsColumn(props) {
-    /*
-  A column with units and names either
-  overlapping or offset to the right
-  */ const { width: width, children: children, unitComponent: unitComponent = $8c8238faa5cde49c$export$f613830566442374, unitComponentProps: unitComponentProps, clipToFrame: clipToFrame, ...rest } = props;
-    return $8c8238faa5cde49c$var$h($8c8238faa5cde49c$var$LabelTrackerProvider, [
-        $8c8238faa5cde49c$var$h((0, $1PjJ0$LithologyColumn), {
-            width: width,
-            clipToFrame: clipToFrame
-        }, [
-            $8c8238faa5cde49c$var$h((0, $d254716a820e9c85$export$5d1cdfabe8dc8085), {
-                unitComponent: unitComponent,
-                unitComponentProps: unitComponentProps,
-                ...rest
-            })
-        ]),
-        children
-    ]);
-}
-function $8c8238faa5cde49c$export$d8c3f2fdd653a082(props) {
-    /*
-  A column with units and names either
-  overlapping or offset to the right
-  */ const { columnWidth: columnWidth, width: width = 100, gutterWidth: gutterWidth = 10, labelOffset: labelOffset = 30, showLabels: showLabels = true, nameForDivision: nameForDivision, minimumLabelHeight: minimumLabelHeight = 0, axisType: axisType, ...rest } = props;
-    return $8c8238faa5cde49c$var$h($8c8238faa5cde49c$var$_BaseUnitsColumn, {
-        width: showLabels ? columnWidth : width,
-        unitComponentProps: {
-            nameForDivision: nameForDivision
-        }
-    }, [
-        $8c8238faa5cde49c$var$h.if(showLabels)($8c8238faa5cde49c$var$UnlabeledUnitNames, {
-            transform: `translate(${columnWidth + gutterWidth})`,
-            paddingLeft: labelOffset,
-            width: width - columnWidth - gutterWidth,
-            minimumHeight: minimumLabelHeight,
-            nameForDivision: nameForDivision,
-            ...rest
-        })
-    ]);
-}
-function $8c8238faa5cde49c$export$a6684360fef0406e(props) {
-    /*
-  A column with units and names either
-  overlapping or offset to the right
-  */ const { width: width = 100, gutterWidth: gutterWidth = 10, labelOffset: labelOffset = 30, noteMode: noteMode = "unlabeled", showLabels: showLabels = true, showLabelColumn: showLabelColumn = true, noteComponent: noteComponent, shouldRenderNote: shouldRenderNote, ...rest } = props;
-    let { columnWidth: columnWidth = width } = props;
-    const labelColumnComponent = noteMode == "unlabeled" ? $8c8238faa5cde49c$var$UnlabeledUnitNames : (0, $bc17276da4abb183$export$594d19cdd88f8c16);
-    return $8c8238faa5cde49c$var$h($8c8238faa5cde49c$var$_BaseUnitsColumn, {
-        width: columnWidth,
-        ...rest
-    }, [
-        $8c8238faa5cde49c$var$h.if(showLabelColumn)($8c8238faa5cde49c$var$ColumnLabel, {
-            showLabels: showLabels,
-            component: labelColumnComponent,
-            columnWidth: columnWidth,
-            gutterWidth: gutterWidth,
-            labelOffset: labelOffset,
-            width: width,
-            noteComponent: noteComponent,
-            showNote: shouldRenderNote
-        })
-    ]);
-}
-function $8c8238faa5cde49c$var$_ColumnLabel(props) {
-    const { showLabels: showLabels, component: component, columnWidth: columnWidth, gutterWidth: gutterWidth, labelOffset: labelOffset, width: width, noteComponent: noteComponent, showNote: showNote } = props;
-    if (!showLabels) return null;
-    return $8c8238faa5cde49c$var$h(component, {
-        transform: `translate(${columnWidth + gutterWidth})`,
-        paddingLeft: labelOffset,
-        width: width - columnWidth - gutterWidth,
-        noteComponent: noteComponent,
-        shouldRenderNote: showNote
-    });
-}
-const $8c8238faa5cde49c$var$ColumnLabel = (0, $1PjJ0$memo)($8c8238faa5cde49c$var$_ColumnLabel);
-function $8c8238faa5cde49c$export$1dfa200d57964eee({ division: division, nColumns: nColumns = 2, ...rest }) {
-    // This comes from CompositeUnits
-    const { width: width } = (0, $1PjJ0$useContext)((0, $1PjJ0$ColumnLayoutContext));
-    //const nCols = Math.min(nColumns, division.overlappingUnits.length+1)
-    //console.log(division);
-    return $8c8238faa5cde49c$var$h($8c8238faa5cde49c$export$f613830566442374, {
-        division: division,
-        ...rest,
-        width: division.overlappingUnits.length > 0 ? width / nColumns : width,
-        x: division.column * width / nColumns
-    });
-}
-
-
-export {$8c8238faa5cde49c$export$f613830566442374 as TrackedLabeledUnit, $8c8238faa5cde49c$export$d8c3f2fdd653a082 as AnnotatedUnitsColumn, $8c8238faa5cde49c$export$a6684360fef0406e as CompositeUnitsColumn, $8c8238faa5cde49c$export$1dfa200d57964eee as CompositeUnitComponent};
-//# sourceMappingURL=composite.608a4ca2.js.map

package/dist/esm/composite.608a4ca2.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/column-views/src/units/composite.ts"],"sourcesContent":["import { hyperStyled } from \"@macrostrat/hyper\";\nimport {\n  LithologyColumn,\n  useColumn,\n  ColumnLayoutContext,\n  ColumnAxisType,\n} from \"@macrostrat/column-components\";\nimport { defaultNameFunction, UnitNamesColumn } from \"./names\";\nimport {\n  createContext,\n  useContext,\n  useState,\n  useRef,\n  useCallback,\n  memo,\n} from \"react\";\nimport { BaseUnit } from \"@macrostrat/api-types\";\nimport { LabeledUnit, UnitBoxes } from \"./boxes\";\nimport styles from \"./composite.module.sass\";\n\nconst h = hyperStyled(styles);\n\ninterface LabelTracker {\n  [key: number]: boolean;\n}\n\nconst LabelTrackerContext = createContext(null);\nconst UnlabeledDivisionsContext = createContext(null);\n\nfunction LabelTrackerProvider(props) {\n  const { children } = props;\n  const { divisions } = useColumn();\n  const [unlabeledDivisions, setUnlabeledDivisions] = useState<\n    BaseUnit[] | null\n  >(null);\n  const labelTrackerRef = useRef<LabelTracker>({});\n  const trackLabelVisibility = useCallback(\n    (div, visible) => {\n      labelTrackerRef.current[div.unit_id] = visible;\n      if (Object.keys(labelTrackerRef.current).length == divisions.length) {\n        setUnlabeledDivisions(\n          // @ts-ignore\n          divisions.filter((d) => labelTrackerRef.current[d.unit_id] == false)\n        );\n      }\n    },\n    [labelTrackerRef, divisions]\n  );\n\n  const value = trackLabelVisibility;\n  return h(\n    LabelTrackerContext.Provider,\n    { value },\n    h(\n      UnlabeledDivisionsContext.Provider,\n      { value: unlabeledDivisions },\n      children\n    )\n  );\n}\n\nfunction TrackedLabeledUnit({\n  division,\n  nameForDivision = defaultNameFunction,\n  axisType,\n  ...rest\n}) {\n  const trackLabelVisibility = useContext(LabelTrackerContext);\n  return h(LabeledUnit, {\n    division,\n    //halfWidth: div.bottomOverlap,\n    label: nameForDivision(division),\n    onLabelUpdated(label, visible) {\n      trackLabelVisibility(division, visible);\n    },\n    ...rest,\n  });\n}\n\nfunction UnlabeledUnitNames(props) {\n  // Returns only unlabeled divisions\n  const divisions = useContext(UnlabeledDivisionsContext);\n  if (divisions == null) return null;\n  return h(UnitNamesColumn, { divisions, ...props });\n}\n\nfunction _BaseUnitsColumn(\n  props: React.PropsWithChildren<{\n    width: number;\n    unitComponent?: React.FC<any>;\n    unitComponentProps?: any;\n    clipToFrame?: boolean;\n  }>\n) {\n  /*\n  A column with units and names either\n  overlapping or offset to the right\n  */\n  const {\n    width,\n    children,\n    unitComponent = TrackedLabeledUnit,\n    unitComponentProps,\n    clipToFrame,\n    ...rest\n  } = props;\n\n  return h(LabelTrackerProvider, [\n    h(LithologyColumn, { width, clipToFrame }, [\n      h(UnitBoxes, {\n        unitComponent,\n        unitComponentProps,\n        ...rest,\n      }),\n    ]),\n    children,\n  ]);\n}\n\ntype BaseUnitProps = {\n  width: number;\n  showLabels?: boolean;\n  columnWidth?: number;\n  clipToFrame?: boolean;\n};\n\ntype ICompositeUnitProps = BaseUnitProps & {\n  gutterWidth?: number;\n  labelOffset?: number;\n  paddingLeft?: number;\n  nameForDivision?: (division: BaseUnit) => string;\n  children?: React.ReactNode;\n  unitComponent?: React.FC<any>;\n  unitComponentProps?: any;\n  noteMode?: \"labeled\" | \"unlabeled\";\n  showLabelColumn?: boolean;\n  noteComponent?: React.FC<any>;\n  shouldRenderNote?: (d: BaseUnit) => boolean;\n};\n\ntype AnnotatedUnitProps = ICompositeUnitProps & {\n  minimumLabelHeight?: number;\n  axisType: ColumnAxisType;\n};\n\nfunction AnnotatedUnitsColumn(props: AnnotatedUnitProps) {\n  /*\n  A column with units and names either\n  overlapping or offset to the right\n  */\n  const {\n    columnWidth,\n    width = 100,\n    gutterWidth = 10,\n    labelOffset = 30,\n    showLabels = true,\n    nameForDivision,\n    minimumLabelHeight = 0,\n    axisType,\n    ...rest\n  } = props;\n\n  return h(\n    _BaseUnitsColumn,\n    {\n      width: showLabels ? columnWidth : width,\n      unitComponentProps: { nameForDivision },\n    },\n    [\n      h.if(showLabels)(UnlabeledUnitNames, {\n        transform: `translate(${columnWidth + gutterWidth})`,\n        paddingLeft: labelOffset,\n        width: width - columnWidth - gutterWidth,\n        minimumHeight: minimumLabelHeight,\n        nameForDivision,\n        ...rest,\n      }),\n      // h(UnitDataColumn, {\n      //   transform: `translate(${columnWidth + gutterWidth})`,\n      //   paddingLeft: labelOffset,\n      //   width: width - columnWidth - gutterWidth,\n      //   ...rest\n      // })\n    ]\n  );\n}\n\nfunction CompositeUnitsColumn(props: ICompositeUnitProps) {\n  /*\n  A column with units and names either\n  overlapping or offset to the right\n  */\n  const {\n    width = 100,\n    gutterWidth = 10,\n    labelOffset = 30,\n    noteMode = \"unlabeled\",\n    showLabels = true,\n    showLabelColumn = true,\n    noteComponent,\n    shouldRenderNote,\n    ...rest\n  } = props;\n\n  let { columnWidth = width } = props;\n\n  const labelColumnComponent =\n    noteMode == \"unlabeled\" ? UnlabeledUnitNames : UnitNamesColumn;\n\n  return h(_BaseUnitsColumn, { width: columnWidth, ...rest }, [\n    h.if(showLabelColumn)(ColumnLabel, {\n      showLabels,\n      component: labelColumnComponent,\n      columnWidth,\n      gutterWidth,\n      labelOffset,\n      width,\n      noteComponent,\n      showNote: shouldRenderNote,\n    }),\n  ]);\n}\n\nfunction _ColumnLabel(props) {\n  const {\n    showLabels,\n    component,\n    columnWidth,\n    gutterWidth,\n    labelOffset,\n    width,\n    noteComponent,\n    showNote,\n  } = props;\n  if (!showLabels) return null;\n  return h(component, {\n    transform: `translate(${columnWidth + gutterWidth})`,\n    paddingLeft: labelOffset,\n    width: width - columnWidth - gutterWidth,\n    noteComponent,\n    shouldRenderNote: showNote,\n  });\n}\n\nconst ColumnLabel = memo(_ColumnLabel);\n\nexport function CompositeUnitComponent({ division, nColumns = 2, ...rest }) {\n  // This comes from CompositeUnits\n  const { width } = useContext(ColumnLayoutContext);\n\n  //const nCols = Math.min(nColumns, division.overlappingUnits.length+1)\n  //console.log(division);\n  return h(TrackedLabeledUnit, {\n    division,\n    ...rest,\n    width: division.overlappingUnits.length > 0 ? width / nColumns : width,\n    x: (division.column * width) / nColumns,\n  });\n}\n\nexport {\n  CompositeUnitsColumn,\n  AnnotatedUnitsColumn,\n  TrackedLabeledUnit,\n  ICompositeUnitProps,\n};\n"],"names":[],"version":3,"file":"composite.608a4ca2.js.map"}

package/dist/esm/core.4db8e452.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,wEAAK;AAE5B,MAAM,oCAAc,CAAC;IACnB,OAAO,wBAAE,EAAE,CAAC,MAAM,IAAI,IAAI,MAAM,MAAM,MAAM,IAAI,EAAE;AACpD;AAEA,MAAM,oCAA0B;IAC9B,QAAQ;IACR,gBAAgB;IAChB,YAAY;IACZ,aAAa;AACf;AAEO,SAAS,0CAAqB,UAAU;IAC7C,OAAO,wBACL,CAAA,GAAA,yCAAoB,GACpB,wBAAE,CAAA,GAAA,yCAAsB,GAAG,YAAY;QACrC,aAAa;QACb,wBAAE,CAAA,GAAA,wCAAS,GAAG;YAAE,QAAQ;QAAW;KACpC;AAEL;AAEA,SAAS;IACP,MAAM,CAAC,YAAY,iBAAiB,GAAG,CAAA,GAAA,yCAAW,EAAE;IACpD,MAAM,UAAE,MAAM,EAAE,GAAG,eAAe,GAAG;IAErC,MAAM,YAAY,CAAA,GAAA,cAAM,EACtB,IAAO,CAAA;YAAE,GAAG,UAAU;YAAE,QAAQ;QAAU,CAAA,GAC1C;QAAC;KAAW;IAEd,MAAM,MAAyB,CAAA,GAAA,mBAAW,EAAE,YAAY;IACxD,MAAM,gBAAgB,KAAK,QAAQ,CAAC,EAAE;IAEtC,OAAO,wBAAE,CAAA,GAAA,yCAAsB,GAAG,YAAY;QAC5C,wBAAE,iBAAiB;YACjB,wBAAE,mBAAmB;gBACnB,wBAAE,mCAAa;oBAAE,MAAM,eAAe;gBAAW;gBACjD,aAAa;gBACb,wBAAE,CAAA,GAAA,wCAAS,GAAG;oBAAE,QAAQ;gBAAW;aACpC;YACD,wBAAE,kBAAkB;gBAClB,wBACE,CAAA,GAAA,yCAAiB,GACjB;oBACE,eAAe;sCACf;oBACA,QAAQ;oBACR,GAAG,aAAa;gBAClB,GACA,wBAAE,CAAA,GAAA,yCAAgB,GAAG;oBACnB,GAAG,aAAa;oBAChB,OAAO;wBACL,MAAM;wBACN,QAAQ;oBACV;gBACF;aAEH;SACF;KACF;AACH;AAEO,SAAS;IACd,OAAO,wBAAE,CAAA,GAAA,yCAAoB,GAAG,wBAAE;AACpC","sources":["packages/column-views/src/carbon-isotopes/core.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport styles from \"./column.module.sass\";\n\nimport { useAPIResult } from \"@macrostrat/ui-components\";\nimport BaseColumn from \"./column\";\nimport { ColumnNavigatorMap, MeasurementsLayer } from \"../map\";\nimport { MeasurementDataProvider } from \"./data-provider\";\nimport { MacrostratAPIProvider } from \"../providers\";\nimport { ColumnArgs, useColumnNav } from \"../units\";\nimport { useMemo } from \"react\";\nimport { FeatureCollection } from \"geojson\";\n\nconst h = hyper.styled(styles);\n\nconst ColumnTitle = (props) => {\n  return h.if(props.data != null)(\"h1\", props.data?.col_name);\n};\n\nconst defaultArgs: ColumnArgs = {\n  col_id: 2192,\n  //unit_id: null,\n  project_id: 10,\n  status_code: \"in process\",\n};\n\nexport function CarbonIsotopesColumn(columnArgs) {\n  return h(\n    MacrostratAPIProvider,\n    h(MeasurementDataProvider, columnArgs, [\n      // @ts-ignore\n      h(BaseColumn, { params: columnArgs }),\n    ])\n  );\n}\n\nfunction ColumnManager() {\n  const [columnArgs, setCurrentColumn] = useColumnNav(defaultArgs);\n  const { col_id, ...projectParams } = columnArgs;\n\n  const colParams = useMemo(\n    () => ({ ...columnArgs, format: \"geojson\" }),\n    [columnArgs]\n  );\n  const res: FeatureCollection = useAPIResult(\"/columns\", colParams);\n  const columnFeature = res?.features[0];\n\n  return h(MeasurementDataProvider, columnArgs, [\n    h(\"div.column-ui\", [\n      h(\"div.column-view\", [\n        h(ColumnTitle, { data: columnFeature?.properties }),\n        // @ts-ignore\n        h(BaseColumn, { params: columnArgs }),\n      ]),\n      h(\"div.map-column\", [\n        h(\n          ColumnNavigatorMap,\n          {\n            currentColumn: columnFeature,\n            setCurrentColumn,\n            margin: 0,\n            ...projectParams,\n          },\n          h(MeasurementsLayer, {\n            ...projectParams,\n            style: {\n              fill: \"dodgerblue\",\n              stroke: \"blue\",\n            },\n          })\n        ),\n      ]),\n    ]),\n  ]);\n}\n\nexport function CarbonIsotopesApp() {\n  return h(MacrostratAPIProvider, h(ColumnManager));\n}\n"],"names":[],"version":3,"file":"core.4db8e452.js.map"}