@macrostrat/column-views 1.0.3 → 2.0.0

package/dist/esm/section.cc1b1100.js

@@ -1,118 +0,0 @@
-import {CompositeUnitsColumn as $8c8238faa5cde49c$export$a6684360fef0406e} from "./composite.608a4ca2.js";
-import {AgeAxis as $43794af7643cdf40$export$25ce20521d0ab97d} from "./age-axis.64c509ee.js";
-import {MacrostratColumnProvider as $29bf41d89292aad4$export$9e42f9b6e0d67c7d} from "./providers.cd1e652f.js";
-import $7zu8d$columnmodulee632868ajs from "./column.module.e632868a.js";
-import "./column.module.039d872c.css";
-import {useMemo as $7zu8d$useMemo} from "react";
-import {Timescale as $7zu8d$Timescale, TimescaleOrientation as $7zu8d$TimescaleOrientation} from "@macrostrat/timescale";
-import {ColumnSVG as $7zu8d$ColumnSVG} from "@macrostrat/column-components";
-import $7zu8d$macrostrathyper from "@macrostrat/hyper";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-
-
-
-
-
-
-
-const $7d0f52717c0de7e1$var$h = (0, $7zu8d$macrostrathyper).styled((0, ($parcel$interopDefault($7zu8d$columnmodulee632868ajs))));
-function $7d0f52717c0de7e1$export$6e2c8f0811a474ce(props) {
-    // Section with "squishy" time scale
-    const { data: data, range: _range, pixelScale: _pixelScale, unitComponent: unitComponent, showLabels: showLabels = true, targetUnitHeight: targetUnitHeight = 20, width: width = 300, columnWidth: columnWidth = 150, unitComponentProps: unitComponentProps, showLabelColumn: showLabelColumn = true } = props;
-    const b_age = Math.max(...data.map((d)=>d.b_age));
-    const t_age = Math.min(...data.map((d)=>d.t_age));
-    const range = (0, $7zu8d$useMemo)(()=>{
-        if (_range == null) return [
-            b_age,
-            t_age
-        ];
-        return _range;
-    }, [
-        _range,
-        b_age,
-        t_age
-    ]);
-    const dAge = (0, $7zu8d$useMemo)(()=>range[0] - range[1], [
-        range
-    ]);
-    const pixelScale = (0, $7zu8d$useMemo)(()=>{
-        if (_pixelScale != null) return _pixelScale;
-        const targetHeight = targetUnitHeight * data.length;
-        return Math.ceil(targetHeight / dAge);
-    }, [
-        _pixelScale,
-        targetUnitHeight,
-        data.length,
-        dAge
-    ]);
-    const height = (0, $7zu8d$useMemo)(()=>dAge * pixelScale, [
-        dAge,
-        pixelScale
-    ]);
-    /** Ensure that we can arrange units into the maximum number
-   * of columns defined by unitComponentProps, but that we don't
-   * use more than necessary.
-   */ const _unitComponentProps = (0, $7zu8d$useMemo)(()=>{
-        return {
-            ...unitComponentProps,
-            nColumns: Math.min(Math.max(...data.map((d)=>d.column)) + 1, unitComponentProps?.nColumns ?? 2)
-        };
-    }, [
-        data,
-        unitComponentProps
-    ]);
-    return $7d0f52717c0de7e1$var$h((0, $29bf41d89292aad4$export$9e42f9b6e0d67c7d), {
-        divisions: data,
-        range: range,
-        pixelsPerMeter: pixelScale
-    }, [
-        $7d0f52717c0de7e1$var$h((0, $43794af7643cdf40$export$25ce20521d0ab97d), {
-            width: 20,
-            padding: 0,
-            paddingV: 10,
-            showLabel: false
-        }),
-        $7d0f52717c0de7e1$var$h("div.timescale-container", {
-            style: {
-                marginTop: `10px`
-            }
-        }, [
-            $7d0f52717c0de7e1$var$h((0, $7zu8d$Timescale), {
-                orientation: (0, $7zu8d$TimescaleOrientation).VERTICAL,
-                length: height,
-                levels: $7d0f52717c0de7e1$var$timescaleLevels,
-                absoluteAgeScale: true,
-                showAgeAxis: false,
-                ageRange: range
-            })
-        ]),
-        $7d0f52717c0de7e1$var$h((0, $7zu8d$ColumnSVG), {
-            innerWidth: showLabels ? width : columnWidth,
-            paddingRight: 1,
-            paddingLeft: 1,
-            paddingV: 10,
-            innerHeight: height
-        }, $7d0f52717c0de7e1$var$h((0, $8c8238faa5cde49c$export$a6684360fef0406e), {
-            showLabelColumn: showLabelColumn,
-            width: showLabels ? width : columnWidth,
-            columnWidth: columnWidth,
-            gutterWidth: 5,
-            showLabels: showLabels,
-            unitComponent: unitComponent,
-            unitComponentProps: _unitComponentProps
-        }))
-    ]);
-}
-const $7d0f52717c0de7e1$var$timescaleLevels = [
-    2,
-    5
-];
-
-
-export {$7d0f52717c0de7e1$export$6e2c8f0811a474ce as Section};
-//# sourceMappingURL=section.cc1b1100.js.map

package/dist/esm/section.cc1b1100.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,wEAAK;AAuBrB,SAAS,0CAAQ,KAAmB;IACzC,oCAAoC;IACpC,MAAM,QACJ,IAAI,EACJ,OAAO,MAAM,EACb,YAAY,WAAW,iBACvB,aAAa,cACb,aAAa,wBACb,mBAAmB,WACnB,QAAQ,kBACR,cAAc,yBACd,kBAAkB,mBAClB,kBAAkB,MACnB,GAAG;IAEJ,MAAM,QAAQ,KAAK,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,IAAM,EAAE,KAAK;IACjD,MAAM,QAAQ,KAAK,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,IAAM,EAAE,KAAK;IAEjD,MAAM,QAAQ,CAAA,GAAA,cAAM,EAAE;QACpB,IAAI,UAAU,MACZ,OAAO;YAAC;YAAO;SAAM;QAEvB,OAAO;IACT,GAAG;QAAC;QAAQ;QAAO;KAAM;IAEzB,MAAM,OAAO,CAAA,GAAA,cAAM,EAAE,IAAM,KAAK,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,EAAE;QAAC;KAAM;IAEvD,MAAM,aAAa,CAAA,GAAA,cAAM,EAAE;QACzB,IAAI,eAAe,MAAM,OAAO;QAChC,MAAM,eAAe,mBAAmB,KAAK,MAAM;QACnD,OAAO,KAAK,IAAI,CAAC,eAAe;IAClC,GAAG;QAAC;QAAa;QAAkB,KAAK,MAAM;QAAE;KAAK;IAErD,MAAM,SAAS,CAAA,GAAA,cAAM,EAAE,IAAM,OAAO,YAAY;QAAC;QAAM;KAAW;IAElE;;;GAGC,GACD,MAAM,sBAAsB,CAAA,GAAA,cAAM,EAAE;QAClC,OAAO;YACL,GAAG,kBAAkB;YACrB,UAAU,KAAK,GAAG,CAChB,KAAK,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,IAAM,EAAE,MAAM,KAAK,GACzC,oBAAoB,YAAY;QAEpC;IACF,GAAG;QAAC;QAAM;KAAmB;IAE7B,OAAO,wBACL,CAAA,GAAA,yCAAuB,GACvB;QACE,WAAW;eACX;QACA,gBAAgB;IAClB,GACA;QACE,wBAAE,CAAA,GAAA,yCAAM,GAAG;YACT,OAAO;YACP,SAAS;YACT,UAAU;YACV,WAAW;QACb;QACA,wBAAE,2BAA2B;YAAE,OAAO;gBAAE,WAAW,CAAC,IAAI,CAAC;YAAC;QAAE,GAAG;YAC7D,wBAAE,CAAA,GAAA,gBAAQ,GAAG;gBACX,aAAa,CAAA,GAAA,2BAAmB,EAAE,QAAQ;gBAC1C,QAAQ;gBACR,QAAQ;gBACR,kBAAkB;gBAClB,aAAa;gBACb,UAAU;YACZ;SACD;QACD,wBACE,CAAA,GAAA,gBAAQ,GACR;YACE,YAAY,aAAa,QAAQ;YACjC,cAAc;YACd,aAAa;YACb,UAAU;YACV,aAAa;QACf,GACA,wBAAE,CAAA,GAAA,yCAAmB,GAAG;YACtB,iBAAiB;YACjB,OAAO,aAAa,QAAQ;yBAC5B;YACA,aAAa;wBACb;2BACA;YACA,oBAAoB;QACtB;KAEH;AAEL;AAEA,MAAM,wCAAkB;IAAC;IAAG;CAAE","sources":["packages/column-views/src/section.ts"],"sourcesContent":["import { CompositeUnitsColumn, IUnit } from \"./units\";\nimport { ReactNode, useMemo } from \"react\";\nimport { AgeAxis } from \"./age-axis\";\nimport { Timescale, TimescaleOrientation } from \"@macrostrat/timescale\";\nimport { ColumnSVG } from \"@macrostrat/column-components\";\nimport { MacrostratColumnProvider } from \"./index\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./column.module.sass\";\n\nconst h = hyper.styled(styles);\n\nexport interface SectionInfo {\n  section_id: number | number[];\n  t_age: number;\n  b_age: number;\n  units: IUnit[];\n}\n\nexport interface IColumnProps {\n  data: IUnit[];\n  pixelScale?: number;\n  range?: [number, number];\n  unitComponent?: React.FunctionComponent<any>;\n  unitComponentProps?: any;\n  showLabels?: boolean;\n  width?: number;\n  columnWidth?: number;\n  targetUnitHeight?: number;\n  children?: ReactNode;\n  showLabelColumn?: boolean;\n}\n\nexport function Section(props: IColumnProps) {\n  // Section with \"squishy\" time scale\n  const {\n    data,\n    range: _range,\n    pixelScale: _pixelScale,\n    unitComponent,\n    showLabels = true,\n    targetUnitHeight = 20,\n    width = 300,\n    columnWidth = 150,\n    unitComponentProps,\n    showLabelColumn = true,\n  } = props;\n\n  const b_age = Math.max(...data.map((d) => d.b_age));\n  const t_age = Math.min(...data.map((d) => d.t_age));\n\n  const range = useMemo(() => {\n    if (_range == null) {\n      return [b_age, t_age];\n    }\n    return _range;\n  }, [_range, b_age, t_age]);\n\n  const dAge = useMemo(() => range[0] - range[1], [range]);\n\n  const pixelScale = useMemo(() => {\n    if (_pixelScale != null) return _pixelScale;\n    const targetHeight = targetUnitHeight * data.length;\n    return Math.ceil(targetHeight / dAge);\n  }, [_pixelScale, targetUnitHeight, data.length, dAge]);\n\n  const height = useMemo(() => dAge * pixelScale, [dAge, pixelScale]);\n\n  /** Ensure that we can arrange units into the maximum number\n   * of columns defined by unitComponentProps, but that we don't\n   * use more than necessary.\n   */\n  const _unitComponentProps = useMemo(() => {\n    return {\n      ...unitComponentProps,\n      nColumns: Math.min(\n        Math.max(...data.map((d) => d.column)) + 1,\n        unitComponentProps?.nColumns ?? 2\n      ),\n    };\n  }, [data, unitComponentProps]);\n\n  return h(\n    MacrostratColumnProvider,\n    {\n      divisions: data,\n      range,\n      pixelsPerMeter: pixelScale, // Actually pixels per myr\n    },\n    [\n      h(AgeAxis, {\n        width: 20,\n        padding: 0,\n        paddingV: 10,\n        showLabel: false,\n      }),\n      h(\"div.timescale-container\", { style: { marginTop: `10px` } }, [\n        h(Timescale, {\n          orientation: TimescaleOrientation.VERTICAL,\n          length: height,\n          levels: timescaleLevels as [number, number],\n          absoluteAgeScale: true,\n          showAgeAxis: false,\n          ageRange: range as [number, number],\n        }),\n      ]),\n      h(\n        ColumnSVG,\n        {\n          innerWidth: showLabels ? width : columnWidth,\n          paddingRight: 1,\n          paddingLeft: 1,\n          paddingV: 10,\n          innerHeight: height,\n        },\n        h(CompositeUnitsColumn, {\n          showLabelColumn: showLabelColumn,\n          width: showLabels ? width : columnWidth,\n          columnWidth,\n          gutterWidth: 5,\n          showLabels,\n          unitComponent,\n          unitComponentProps: _unitComponentProps,\n        })\n      ),\n    ]\n  );\n}\n\nconst timescaleLevels = [2, 5];\n"],"names":[],"version":3,"file":"section.cc1b1100.js.map"}

package/dist/esm/selection-popover.17d1bd55.js

@@ -1,60 +0,0 @@
-import "./selection-popover.module.0a701258.css";
-import $61ATJ$selectionpopovermodulee22f5183js from "./selection-popover.module.e22f5183.js";
-import {useSelectedUnit as $4d5d1c15f39f6a14$export$f0dd93f90aa8e5da} from "./selection.bbf26d0e.js";
-import {UnitDetailsPanel as $5e9557c2513b08ab$export$fbd245232df17557} from "./unit-details.56ff8b70.js";
-import $61ATJ$macrostrathyper from "@macrostrat/hyper";
-import {Popover as $61ATJ$Popover} from "@blueprintjs/core";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-
-
-
-
-const $80d4db83aa9ba807$var$h = (0, $61ATJ$macrostrathyper).styled((0, ($parcel$interopDefault($61ATJ$selectionpopovermodulee22f5183js))));
-function $80d4db83aa9ba807$export$6716aecc2c9afbe2({ style: style, children: children, boundary: boundary }) {
-    const content = $80d4db83aa9ba807$var$h($80d4db83aa9ba807$export$9c92b113c87f36f1, children);
-    return $80d4db83aa9ba807$var$h("div.popover-main", {
-        style: style
-    }, $80d4db83aa9ba807$var$h((0, $61ATJ$Popover), // @ts-ignore
-    {
-        content: content,
-        isOpen: true,
-        usePortal: false,
-        boundary: boundary,
-        position: "right"
-    }, $80d4db83aa9ba807$var$h("span.popover-target")));
-}
-function $80d4db83aa9ba807$export$9c92b113c87f36f1({ children: children }) {
-    return $80d4db83aa9ba807$var$h("div.legend-panel-outer", {
-        onClick (e) {
-            // Stop events from leaking to the parent
-            e.stopPropagation();
-        }
-    }, [
-        $80d4db83aa9ba807$var$h("div.legend-info-panel", children)
-    ]);
-}
-function $80d4db83aa9ba807$export$db1115efab13710d(props) {
-    const { position: position } = props;
-    const unit = (0, $4d5d1c15f39f6a14$export$f0dd93f90aa8e5da)();
-    if (unit == null) return null;
-    return $80d4db83aa9ba807$var$h("div.unit-popover-container", $80d4db83aa9ba807$var$h($80d4db83aa9ba807$export$6716aecc2c9afbe2, {
-        style: {
-            position: "absolute",
-            top: position?.y,
-            width: position?.width,
-            left: position?.x,
-            height: position?.height
-        }
-    }, $80d4db83aa9ba807$var$h((0, $5e9557c2513b08ab$export$fbd245232df17557), {
-        unit: unit
-    })));
-}
-
-
-export {$80d4db83aa9ba807$export$6716aecc2c9afbe2 as UnitDetailsPopover, $80d4db83aa9ba807$export$9c92b113c87f36f1 as LegendPopoverContainer, $80d4db83aa9ba807$export$db1115efab13710d as UnitSelectionPopover};
-//# sourceMappingURL=selection-popover.17d1bd55.js.map

package/dist/esm/selection-popover.17d1bd55.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;AAOA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,kFAAK;AAErB,SAAS,0CAAmB,SACjC,KAAK,YACL,QAAQ,YACR,QAAQ,EAKT;IACC,MAAM,UAAU,wBAAE,2CAAwB;IAE1C,OAAO,wBACL,oBACA;eACE;IACF,GACA,wBACE,CAAA,GAAA,cAAM,GACN,aAAa;IACb;iBAAE;QAAS,QAAQ;QAAM,WAAW;kBAAO;QAAU,UAAU;IAAQ,GACvE,wBAAE;AAGR;AAEO,SAAS,0CAAuB,YAAE,QAAQ,EAAE;IACjD,OAAO,wBACL,0BACA;QACE,SAAQ,CAAC;YACP,yCAAyC;YACzC,EAAE,eAAe;QACnB;IACF,GACA;QAAC,wBAAE,yBAAyB;KAAU;AAE1C;AAEO,SAAS,0CAAqB,KAAK;IACxC,MAAM,YAAE,QAAQ,EAAE,GAAG;IACrB,MAAM,OAAO,CAAA,GAAA,yCAAc;IAC3B,IAAI,QAAQ,MACV,OAAO;IAGT,OAAO,wBACL,8BACA,wBACE,2CACA;QACE,OAAO;YACL,UAAU;YACV,KAAK,UAAU;YACf,OAAO,UAAU;YACjB,MAAM,UAAU;YAChB,QAAQ,UAAU;QACpB;IACF,GACA,wBAAE,CAAA,GAAA,yCAAe,GAAG;cAAE;IAAK;AAGjC","sources":["packages/column-views/src/selection-popover.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport { Button, Popover } from \"@blueprintjs/core\";\nimport { DOMElement } from \"react\";\nimport styles from \"./selection-popover.module.sass\";\nimport { useSelectedUnit } from \"./units\";\nimport { UnitDetailsPanel } from \"./unit-details\";\n\nconst h = hyper.styled(styles);\n\nexport function UnitDetailsPopover({\n  style,\n  children,\n  boundary,\n}: {\n  style: object;\n  children: React.ReactNode;\n  boundary?: DOMElement<any, any>;\n}) {\n  const content = h(LegendPopoverContainer, children);\n\n  return h(\n    \"div.popover-main\",\n    {\n      style,\n    },\n    h(\n      Popover,\n      // @ts-ignore\n      { content, isOpen: true, usePortal: false, boundary, position: \"right\" },\n      h(\"span.popover-target\")\n    )\n  );\n}\n\nexport function LegendPopoverContainer({ children }) {\n  return h(\n    \"div.legend-panel-outer\",\n    {\n      onClick(e) {\n        // Stop events from leaking to the parent\n        e.stopPropagation();\n      },\n    },\n    [h(\"div.legend-info-panel\", children)]\n  );\n}\n\nexport function UnitSelectionPopover(props) {\n  const { position } = props;\n  const unit = useSelectedUnit();\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,\n          width: position?.width,\n          left: position?.x,\n          height: position?.height,\n        },\n      },\n      h(UnitDetailsPanel, { unit })\n    )\n  );\n}\n"],"names":[],"version":3,"file":"selection-popover.17d1bd55.js.map"}

package/dist/esm/selection-popover.module.0a701258.css.map

@@ -1 +0,0 @@
-{"mappings":"AAAA;;;;;AAIE;;;;AAGA;;;;;;;;;AAQF;;;;;;;AAMA;;;;AAGA","sources":["packages/column-views/src/selection-popover.module.sass"],"sourcesContent":[".popover-main\n  position: absolute\n  pointer-events: none\n\n  :global(.bp5-overlay)\n    pointer-events: all\n\n  :global(.bp5-popover-target)\n    height: 100%\n    width: 100%\n    display: block\n    line-height: 0\n    pointer-events: none\n    outline: 2px solid #f22\n\n.legend-panel-outer\n  width: 25em\n  max-height: 60vh\n  overflow-y: scroll\n  background-color: var(--panel-background-color)\n\n.legend-info-panel\n  padding: 1em\n\n.legend-json-view\n  padding-left: 0\n  margin-left: -0.5em\n"],"names":[],"version":3,"file":"selection-popover.module.0a701258.css.map"}

package/dist/esm/selection-popover.module.e22f5183.js

@@ -1,22 +0,0 @@
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-var $0dec71dd06d873d2$exports = {};
-
-$parcel$export($0dec71dd06d873d2$exports, "legend-info-panel", () => $0dec71dd06d873d2$export$bf3f08f04957302d, (v) => $0dec71dd06d873d2$export$bf3f08f04957302d = v);
-$parcel$export($0dec71dd06d873d2$exports, "legend-json-view", () => $0dec71dd06d873d2$export$259f01a14528542c, (v) => $0dec71dd06d873d2$export$259f01a14528542c = v);
-$parcel$export($0dec71dd06d873d2$exports, "legend-panel-outer", () => $0dec71dd06d873d2$export$54b6d567a500a54c, (v) => $0dec71dd06d873d2$export$54b6d567a500a54c = v);
-$parcel$export($0dec71dd06d873d2$exports, "popover-main", () => $0dec71dd06d873d2$export$85b6d6914dbd94dc, (v) => $0dec71dd06d873d2$export$85b6d6914dbd94dc = v);
-var $0dec71dd06d873d2$export$bf3f08f04957302d;
-var $0dec71dd06d873d2$export$259f01a14528542c;
-var $0dec71dd06d873d2$export$54b6d567a500a54c;
-var $0dec71dd06d873d2$export$85b6d6914dbd94dc;
-$0dec71dd06d873d2$export$bf3f08f04957302d = `e_hMea_legend-info-panel`;
-$0dec71dd06d873d2$export$259f01a14528542c = `e_hMea_legend-json-view`;
-$0dec71dd06d873d2$export$54b6d567a500a54c = `e_hMea_legend-panel-outer`;
-$0dec71dd06d873d2$export$85b6d6914dbd94dc = `e_hMea_popover-main`;
-
-
-export {$0dec71dd06d873d2$exports as default};
-//# sourceMappingURL=selection-popover.module.e22f5183.js.map

package/dist/esm/selection-popover.module.e22f5183.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAHA,4CAAsC,CAAC,wBAAwB,CAAC;AAChE,4CAAqC,CAAC,uBAAuB,CAAC;AAC9D,4CAAuC,CAAC,yBAAyB,CAAC;AAClE,4CAAiC,CAAC,mBAAmB,CAAC","sources":["packages/column-views/src/selection-popover.module.sass"],"sourcesContent":[".popover-main\n  position: absolute\n  pointer-events: none\n\n  :global(.bp5-overlay)\n    pointer-events: all\n\n  :global(.bp5-popover-target)\n    height: 100%\n    width: 100%\n    display: block\n    line-height: 0\n    pointer-events: none\n    outline: 2px solid #f22\n\n.legend-panel-outer\n  width: 25em\n  max-height: 60vh\n  overflow-y: scroll\n  background-color: var(--panel-background-color)\n\n.legend-info-panel\n  padding: 1em\n\n.legend-json-view\n  padding-left: 0\n  margin-left: -0.5em\n"],"names":[],"version":3,"file":"selection-popover.module.e22f5183.js.map"}

package/dist/esm/selection.bbf26d0e.js

@@ -1,117 +0,0 @@
-import $eIxPJ$macrostrathyper from "@macrostrat/hyper";
-import {getQueryString as $eIxPJ$getQueryString, setQueryString as $eIxPJ$setQueryString, useKeyHandler as $eIxPJ$useKeyHandler} from "@macrostrat/ui-components";
-import {createContext as $eIxPJ$createContext, useContext as $eIxPJ$useContext, useState as $eIxPJ$useState, useMemo as $eIxPJ$useMemo, useCallback as $eIxPJ$useCallback, useEffect as $eIxPJ$useEffect} from "react";
-
-
-
-
-const $4d5d1c15f39f6a14$var$UnitSelectionContext = (0, $eIxPJ$createContext)(null);
-const $4d5d1c15f39f6a14$var$DispatchContext = (0, $eIxPJ$createContext)(null);
-function $4d5d1c15f39f6a14$export$77a278d5ca56e309() {
-    return (0, $eIxPJ$useContext)($4d5d1c15f39f6a14$var$DispatchContext);
-}
-function $4d5d1c15f39f6a14$export$f0dd93f90aa8e5da() {
-    return (0, $eIxPJ$useContext)($4d5d1c15f39f6a14$var$UnitSelectionContext);
-}
-function $4d5d1c15f39f6a14$export$f19d75b1d4b676a4(props) {
-    const { unit: unit, setUnit: setUnit, onUnitSelected: onUnitSelected, children: children } = props;
-    if (unit == null && setUnit == null) return (0, $eIxPJ$macrostrathyper)($4d5d1c15f39f6a14$var$StatefulUnitSelectionProvider, props);
-    return (0, $eIxPJ$macrostrathyper)($4d5d1c15f39f6a14$var$BaseUnitSelectionProvider, {
-        unit: unit,
-        setUnit: setUnit,
-        onUnitSelected: onUnitSelected
-    }, children);
-}
-function $4d5d1c15f39f6a14$var$StatefulUnitSelectionProvider(props) {
-    const [unit, setUnit] = (0, $eIxPJ$useState)(null);
-    return (0, $eIxPJ$macrostrathyper)($4d5d1c15f39f6a14$var$BaseUnitSelectionProvider, {
-        ...props,
-        unit: unit,
-        setUnit: setUnit
-    });
-}
-function $4d5d1c15f39f6a14$var$BaseUnitSelectionProvider({ children: children, unit: unit, setUnit: setUnit, onUnitSelected: onUnitSelected }) {
-    const value = (0, $eIxPJ$useMemo)(()=>unit, [
-        unit?.unit_id
-    ]);
-    const _onUnitSelected = (0, $eIxPJ$useCallback)((u, target, event)=>{
-        let newUnit = u;
-        setUnit(newUnit);
-        onUnitSelected?.(newUnit, target, event);
-    }, [
-        setUnit,
-        onUnitSelected
-    ]);
-    return (0, $eIxPJ$macrostrathyper)($4d5d1c15f39f6a14$var$DispatchContext.Provider, {
-        value: _onUnitSelected
-    }, (0, $eIxPJ$macrostrathyper)($4d5d1c15f39f6a14$var$UnitSelectionContext.Provider, {
-        value: value
-    }, children));
-}
-const $4d5d1c15f39f6a14$var$ColumnNavCtx = (0, $eIxPJ$createContext)(null);
-function $4d5d1c15f39f6a14$export$91cb5ac808759b34(defaultArgs = {
-    col_id: 495,
-    unit_id: null
-}) {
-    const ctx = (0, $eIxPJ$useContext)($4d5d1c15f39f6a14$var$ColumnNavCtx);
-    if (ctx != null) return ctx;
-    const [columnArgs, setColumnArgs] = (0, $eIxPJ$useState)($4d5d1c15f39f6a14$var$extractColumnArgs((0, $eIxPJ$getQueryString)(window.location.search)) ?? defaultArgs);
-    (0, $eIxPJ$useEffect)(()=>(0, $eIxPJ$setQueryString)(columnArgs), [
-        columnArgs
-    ]);
-    const { col_id: col_id, project_id: project_id, status_code: status_code } = columnArgs;
-    const setCurrentColumn = (obj)=>{
-        let args = obj;
-        if ("properties" in obj) args = {
-            col_id: obj.properties.col_id,
-            project_id: project_id,
-            status_code: status_code
-        };
-        // Set query string
-        (0, $eIxPJ$setQueryString)(args);
-        setColumnArgs(args);
-    };
-    return [
-        columnArgs,
-        setCurrentColumn
-    ];
-}
-function $4d5d1c15f39f6a14$var$extractColumnArgs(search) {
-    const { col_id: col_id, unit_id: unit_id, project_id: project_id, status_code: status_code } = search;
-    if (col_id == null) return null;
-    return {
-        col_id: col_id,
-        unit_id: unit_id,
-        project_id: project_id,
-        status_code: status_code
-    };
-}
-function $4d5d1c15f39f6a14$export$36fed9e0f93a8fde({ children: children, ...defaultArgs }) {
-    const value = $4d5d1c15f39f6a14$export$91cb5ac808759b34(defaultArgs);
-    return (0, $eIxPJ$macrostrathyper)($4d5d1c15f39f6a14$var$ColumnNavCtx.Provider, {
-        value: value
-    }, children);
-}
-function $4d5d1c15f39f6a14$export$70f5ee19650fc7d1({ units: units }) {
-    const selectedUnit = $4d5d1c15f39f6a14$export$f0dd93f90aa8e5da();
-    const selectUnit = $4d5d1c15f39f6a14$export$77a278d5ca56e309();
-    const ix = units.findIndex((unit)=>unit.unit_id === selectedUnit?.unit_id);
-    const keyMap = {
-        38: ix - 1,
-        40: ix + 1
-    };
-    (0, $eIxPJ$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 {$4d5d1c15f39f6a14$export$77a278d5ca56e309 as useUnitSelectionDispatch, $4d5d1c15f39f6a14$export$f0dd93f90aa8e5da as useSelectedUnit, $4d5d1c15f39f6a14$export$f19d75b1d4b676a4 as UnitSelectionProvider, $4d5d1c15f39f6a14$export$91cb5ac808759b34 as useColumnNav, $4d5d1c15f39f6a14$export$36fed9e0f93a8fde as ColumnNavProvider, $4d5d1c15f39f6a14$export$70f5ee19650fc7d1 as UnitKeyboardNavigation};
-//# sourceMappingURL=selection.bbf26d0e.js.map

package/dist/esm/selection.bbf26d0e.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/column-views/src/units/selection.ts"],"sourcesContent":["import { BaseUnit } from \"@macrostrat/api-types\";\nimport h from \"@macrostrat/hyper\";\nimport {\n  getQueryString,\n  setQueryString,\n  useKeyHandler,\n} from \"@macrostrat/ui-components\";\nimport {\n  Dispatch,\n  SetStateAction,\n  createContext,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  ReactNode,\n  useCallback,\n} from \"react\";\n\ntype UnitSelectDispatch = (\n  unit: BaseUnit | null,\n  target: HTMLElement | null,\n  event: Event | null\n) => void;\n\nconst UnitSelectionContext = createContext<BaseUnit | null>(null);\nconst DispatchContext = createContext<UnitSelectDispatch | null>(null);\n\nexport function useUnitSelectionDispatch() {\n  return useContext(DispatchContext);\n}\n\nexport function useSelectedUnit() {\n  return useContext(UnitSelectionContext);\n}\n\nexport interface UnitSelectionProps<T extends BaseUnit> {\n  children: React.ReactNode;\n  unit: T | null;\n  setUnit: Dispatch<SetStateAction<T>>;\n  onUnitSelected?: (unit: T, target: HTMLElement, event: Event) => void;\n}\n\nexport function UnitSelectionProvider<T extends BaseUnit>(\n  props: Partial<UnitSelectionProps<T>>\n) {\n  const { unit, setUnit, onUnitSelected, children } = props;\n\n  if (unit == null && setUnit == null) {\n    return h(StatefulUnitSelectionProvider, props);\n  }\n\n  return h(\n    BaseUnitSelectionProvider,\n    { unit, setUnit, onUnitSelected },\n    children\n  );\n}\n\nfunction StatefulUnitSelectionProvider<T extends BaseUnit>(props: {\n  children: ReactNode;\n  onUnitSelected?: (unit: T, target: HTMLElement, event: Event) => void;\n}) {\n  const [unit, setUnit] = useState<T | null>(null);\n\n  return h(BaseUnitSelectionProvider, { ...props, unit, setUnit });\n}\n\nfunction BaseUnitSelectionProvider<T extends BaseUnit>({\n  children,\n  unit,\n  setUnit,\n  onUnitSelected,\n}: UnitSelectionProps<T>) {\n  const value = useMemo(() => unit, [unit?.unit_id]);\n\n  const _onUnitSelected = useCallback(\n    (u: T, target: HTMLElement, event: Event) => {\n      let newUnit = u;\n      setUnit(newUnit);\n      onUnitSelected?.(newUnit, target, event);\n    },\n    [setUnit, onUnitSelected]\n  );\n\n  return h(\n    DispatchContext.Provider,\n    { value: _onUnitSelected },\n    h(UnitSelectionContext.Provider, { value }, children)\n  );\n}\n\nexport interface ColumnArgs {\n  col_id?: number;\n  unit_id?: number;\n  project_id?: number;\n  status_code?: \"in process\";\n}\n\ntype ColumnManagerData = [ColumnArgs, (c: ColumnArgs) => void];\n\nconst ColumnNavCtx = createContext<ColumnManagerData | null>(null);\n\nexport function useColumnNav(\n  defaultArgs: ColumnArgs = { col_id: 495, unit_id: null }\n): ColumnManagerData {\n  const ctx = useContext(ColumnNavCtx);\n  if (ctx != null) return ctx;\n\n  const [columnArgs, setColumnArgs] = useState<ColumnArgs>(\n    extractColumnArgs(getQueryString(window.location.search)) ?? defaultArgs\n  );\n\n  useEffect(() => setQueryString(columnArgs), [columnArgs]);\n\n  const { col_id, project_id, status_code } = columnArgs;\n\n  const setCurrentColumn = (obj) => {\n    let args = obj;\n    if (\"properties\" in obj) {\n      args = { col_id: obj.properties.col_id, project_id, status_code };\n    }\n    // Set query string\n    setQueryString(args);\n    setColumnArgs(args);\n  };\n\n  return [columnArgs, setCurrentColumn];\n}\n\nfunction extractColumnArgs(search: any): ColumnArgs | null {\n  const { col_id, unit_id, project_id, status_code } = search;\n  if (col_id == null) return null;\n  return { col_id, unit_id, project_id, status_code };\n}\n\nexport function ColumnNavProvider({ children, ...defaultArgs }) {\n  const value = useColumnNav(defaultArgs as any);\n  return h(ColumnNavCtx.Provider, { value }, children);\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":"selection.bbf26d0e.js.map"}

package/dist/esm/store.25eaa168.js

@@ -1,18 +0,0 @@
-import {createContext as $7EIIA$createContext, useContext as $7EIIA$useContext} from "react";
-import $7EIIA$macrostrathyper from "@macrostrat/hyper";
-
-
-
-const $1fcb9b8d7da394a3$var$MacrostratUnitsContext = (0, $7EIIA$createContext)(null);
-function $1fcb9b8d7da394a3$export$e5fe24ae4f287040({ children: children, units: units }) {
-    return (0, $7EIIA$macrostrathyper)($1fcb9b8d7da394a3$var$MacrostratUnitsContext.Provider, {
-        value: units
-    }, children);
-}
-function $1fcb9b8d7da394a3$export$6fb40844db555b2() {
-    return (0, $7EIIA$useContext)($1fcb9b8d7da394a3$var$MacrostratUnitsContext);
-}
-
-
-export {$1fcb9b8d7da394a3$export$e5fe24ae4f287040 as MacrostratUnitsProvider, $1fcb9b8d7da394a3$export$6fb40844db555b2 as useMacrostratUnits};
-//# sourceMappingURL=store.25eaa168.js.map

package/dist/esm/store.25eaa168.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;AAGA,MAAM,+CAAyB,CAAA,GAAA,oBAAY,EAAE;AAEtC,SAAS,0CAAwB,YAAE,QAAQ,SAAE,KAAK,EAAE;IACzD,OAAO,CAAA,GAAA,sBAAA,EAAE,6CAAuB,QAAQ,EAAE;QAAE,OAAO;IAAM,GAAG;AAC9D;AAEO,SAAS;IACd,OAAO,CAAA,GAAA,iBAAS,EAAE;AACpB","sources":["packages/column-views/src/store.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport h from \"@macrostrat/hyper\";\n\nconst MacrostratUnitsContext = createContext(null);\n\nexport function MacrostratUnitsProvider({ children, units }) {\n  return h(MacrostratUnitsContext.Provider, { value: units }, children);\n}\n\nexport function useMacrostratUnits() {\n  return useContext(MacrostratUnitsContext);\n}\n"],"names":[],"version":3,"file":"store.25eaa168.js.map"}

package/dist/esm/types.f016e032.js

@@ -1,18 +0,0 @@
-var $faf1eba02aecac6a$export$6d217bb9de27dba7 = /*#__PURE__*/ function(MacrostratAxisKey) {
-    MacrostratAxisKey["AGE"] = "age";
-    MacrostratAxisKey["POS"] = "pos";
-    return MacrostratAxisKey;
-}($faf1eba02aecac6a$export$6d217bb9de27dba7 || {});
-function $faf1eba02aecac6a$export$ab2a19f8a72df19b(t) {
-    switch(t){
-        case "age":
-            return "age";
-        case "height":
-        case "depth":
-            return "pos";
-    }
-}
-
-
-export {$faf1eba02aecac6a$export$6d217bb9de27dba7 as MacrostratAxisKey, $faf1eba02aecac6a$export$ab2a19f8a72df19b as transformAxisType};
-//# sourceMappingURL=types.f016e032.js.map

package/dist/esm/types.f016e032.js.map

@@ -1 +0,0 @@
-{"mappings":"AAUA,IAAA,AAAK,mEAAA;;;WAAA;EAAA;AAKL,SAAS,0CAAkB,CAAiB;IAC1C,OAAQ;QACN,KAAK;YACH;QACF,KAAK;QACL,KAAK;YACH;IACJ;AACF","sources":["packages/column-views/src/units/types.ts"],"sourcesContent":["import { ColumnAxisType } from \"@macrostrat/column-components\";\nexport interface IUnit {\n  unit_id: number;\n  col_id: number;\n  section_id: number;\n  t_age: number;\n  b_age: number;\n  [x: string]: any;\n}\n\nenum MacrostratAxisKey {\n  AGE = \"age\",\n  POS = \"pos\"\n}\n\nfunction transformAxisType(t: ColumnAxisType): MacrostratAxisKey {\n  switch (t) {\n    case \"age\":\n      return MacrostratAxisKey.AGE;\n    case \"height\":\n    case \"depth\":\n      return MacrostratAxisKey.POS;\n  }\n}\n\nexport { MacrostratAxisKey, transformAxisType };\n"],"names":[],"version":3,"file":"types.f016e032.js.map"}

package/dist/esm/unit-details.56ff8b70.js

@@ -1,209 +0,0 @@
-import "./index.module.0844afd8.css";
-import $gxhZq$indexmodule24fe3a2ejs from "./index.module.24fe3a2e.js";
-import {useUnitSelectionDispatch as $4d5d1c15f39f6a14$export$77a278d5ca56e309} from "./selection.bbf26d0e.js";
-import {useMacrostratUnits as $1fcb9b8d7da394a3$export$6fb40844db555b2} from "./store.25eaa168.js";
-import $gxhZq$macrostrathyper from "@macrostrat/hyper";
-import {JSONView as $gxhZq$JSONView} from "@macrostrat/ui-components";
-import {Button as $gxhZq$Button} from "@blueprintjs/core";
-import {useState as $gxhZq$useState} from "react";
-import {DataField as $gxhZq$DataField, LithologyList as $gxhZq$LithologyList, EnvironmentsList as $gxhZq$EnvironmentsList, ItemList as $gxhZq$ItemList, Interval as $gxhZq$Interval} from "@macrostrat/data-components";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-
-
-
-
-
-
-
-const $5e9557c2513b08ab$var$h = (0, $gxhZq$macrostrathyper).styled((0, ($parcel$interopDefault($gxhZq$indexmodule24fe3a2ejs))));
-function $5e9557c2513b08ab$export$fbd245232df17557({ unit: unit, onClose: onClose }) {
-    const [showJSON, setShowJSON] = (0, $gxhZq$useState)(false);
-    let content = null;
-    if (showJSON) content = $5e9557c2513b08ab$var$h((0, $gxhZq$JSONView), {
-        data: unit,
-        showRoot: false
-    });
-    else content = $5e9557c2513b08ab$var$h($5e9557c2513b08ab$var$UnitDetailsContent, {
-        unit: unit
-    });
-    return $5e9557c2513b08ab$var$h("div.unit-details-panel", [
-        $5e9557c2513b08ab$var$h($5e9557c2513b08ab$export$fc503c39cc5cff43, {
-            onClose: onClose,
-            title: unit.unit_name,
-            id: unit.unit_id,
-            actions: [
-                $5e9557c2513b08ab$var$h((0, $gxhZq$Button), {
-                    icon: "code",
-                    small: true,
-                    minimal: true,
-                    className: "json-view-toggle",
-                    onClick () {
-                        setShowJSON(!showJSON);
-                    }
-                })
-            ]
-        }),
-        $5e9557c2513b08ab$var$h("div.unit-details-content", [
-            content
-        ])
-    ]);
-}
-function $5e9557c2513b08ab$export$fc503c39cc5cff43({ title: title, id: id, onClose: onClose, actions: actions = null }) {
-    return $5e9557c2513b08ab$var$h("header.legend-panel-header", [
-        $5e9557c2513b08ab$var$h.if(title != null)("h3", title),
-        $5e9557c2513b08ab$var$h("div.spacer"),
-        $5e9557c2513b08ab$var$h.if(id != null)("code", id),
-        actions,
-        $5e9557c2513b08ab$var$h.if(onClose != null)((0, $gxhZq$Button), {
-            icon: "cross",
-            minimal: true,
-            small: true,
-            onClick () {
-                onClose();
-            }
-        })
-    ]);
-}
-function $5e9557c2513b08ab$var$UnitDetailsContent({ unit: unit }) {
-    let outcrop = unit.outcrop;
-    if (outcrop == "both") outcrop = "surface and subsurface";
-    return $5e9557c2513b08ab$var$h("div.unit-details-content", [
-        $5e9557c2513b08ab$var$h((0, $gxhZq$DataField), {
-            label: "Thickness",
-            value: `${unit.min_thick}\u{2013}${unit.max_thick}`,
-            unit: "m"
-        }),
-        $5e9557c2513b08ab$var$h((0, $gxhZq$LithologyList), {
-            lithologies: unit.lith
-        }),
-        $5e9557c2513b08ab$var$h((0, $gxhZq$DataField), {
-            label: "Age range",
-            value: `${unit.b_age}\u{2013}${unit.t_age}`,
-            unit: "Ma"
-        }),
-        $5e9557c2513b08ab$var$h($5e9557c2513b08ab$var$IntervalField, {
-            unit: unit
-        }),
-        $5e9557c2513b08ab$var$h((0, $gxhZq$EnvironmentsList), {
-            environments: unit.environ
-        }),
-        $5e9557c2513b08ab$var$h((0, $gxhZq$DataField), {
-            label: "Outcrop",
-            value: outcrop
-        }),
-        $5e9557c2513b08ab$var$h((0, $gxhZq$DataField), {
-            label: "Stratigraphic name"
-        }, $5e9557c2513b08ab$var$h("span.strat-name-id", unit.strat_name_id)),
-        $5e9557c2513b08ab$var$h((0, $gxhZq$DataField), {
-            label: "Above"
-        }, $5e9557c2513b08ab$var$h($5e9557c2513b08ab$var$UnitIDList, {
-            units: unit.units_above
-        })),
-        $5e9557c2513b08ab$var$h((0, $gxhZq$DataField), {
-            label: "Below"
-        }, $5e9557c2513b08ab$var$h($5e9557c2513b08ab$var$UnitIDList, {
-            units: unit.units_below
-        })),
-        $5e9557c2513b08ab$var$h((0, $gxhZq$DataField), {
-            label: "Color"
-        }, $5e9557c2513b08ab$var$h("span.color-swatch", {
-            style: {
-                backgroundColor: unit.color
-            }
-        }))
-    ]);
-}
-function $5e9557c2513b08ab$var$UnitIDList({ units: units }) {
-    const u1 = units.filter((d)=>d != 0);
-    const dispatch = (0, $4d5d1c15f39f6a14$export$77a278d5ca56e309)();
-    const allUnits = (0, $1fcb9b8d7da394a3$export$6fb40844db555b2)();
-    if (u1.length === 0) return $5e9557c2513b08ab$var$h("span.no-units", "None");
-    let onClickHandler = null;
-    let tag = "span";
-    if (dispatch != null) {
-        onClickHandler = (id)=>(evt)=>{
-                console.log(units);
-                const unit = allUnits.find((d)=>d.unit_id == id);
-                dispatch(unit, null, null);
-                evt.stopPropagation();
-            };
-        tag = "a";
-    }
-    return $5e9557c2513b08ab$var$h((0, $gxhZq$ItemList), {
-        className: "unit-id-list"
-    }, [
-        u1.map((unit)=>{
-            return $5e9557c2513b08ab$var$h(tag, {
-                className: "unit-id",
-                onClick: onClickHandler?.(unit)
-            }, unit);
-        })
-    ]);
-}
-function $5e9557c2513b08ab$var$IntervalField({ unit: unit }) {
-    return $5e9557c2513b08ab$var$h([
-        $5e9557c2513b08ab$var$h((0, $gxhZq$DataField), {
-            label: "Intervals"
-        }, $5e9557c2513b08ab$var$h($5e9557c2513b08ab$var$IntervalProportions, {
-            unit: unit
-        }))
-    ]);
-}
-function $5e9557c2513b08ab$var$IntervalProportions({ unit: unit }) {
-    const i0 = unit.b_int_id;
-    const i1 = unit.t_int_id;
-    let b_prop = unit.b_prop ?? 0;
-    let t_prop = unit.t_prop ?? 1;
-    if (i0 === i1 && b_prop === 0 && t_prop === 1) // We have a single interval with undefined proportions
-    return $5e9557c2513b08ab$var$h((0, $gxhZq$Interval), {
-        interval: {
-            id: i0,
-            name: unit.b_int_name
-        }
-    });
-    return $5e9557c2513b08ab$var$h((0, $gxhZq$ItemList), {
-        className: "interval-proportions"
-    }, [
-        $5e9557c2513b08ab$var$h($5e9557c2513b08ab$var$Proportion, {
-            value: b_prop
-        }),
-        $5e9557c2513b08ab$var$h.if(i0 != i1)((0, $gxhZq$Interval), {
-            interval: {
-                id: i0,
-                name: unit.b_int_name
-            },
-            proportion: b_prop
-        }),
-        $5e9557c2513b08ab$var$h("span.sep", "to"),
-        $5e9557c2513b08ab$var$h($5e9557c2513b08ab$var$Proportion, {
-            value: t_prop
-        }),
-        $5e9557c2513b08ab$var$h((0, $gxhZq$Interval), {
-            interval: {
-                id: i1,
-                name: unit.t_int_name
-            },
-            proportion: t_prop
-        })
-    ]);
-}
-const $5e9557c2513b08ab$var$formatProportion = (d)=>{
-    if (d == null) return null;
-    return d.toFixed(1);
-};
-function $5e9557c2513b08ab$var$Proportion({ value: value }) {
-    let content = null;
-    if (value == 0) content = "base";
-    else if (value == 1) content = "top";
-    else content = $5e9557c2513b08ab$var$formatProportion(value * 100) + "%";
-    return $5e9557c2513b08ab$var$h("span.proportion", content);
-}
-
-
-export {$5e9557c2513b08ab$export$fbd245232df17557 as UnitDetailsPanel, $5e9557c2513b08ab$export$fc503c39cc5cff43 as LegendPanelHeader};
-//# sourceMappingURL=unit-details.56ff8b70.js.map

package/dist/esm/unit-details.56ff8b70.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/column-views/src/unit-details/index.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport styles from \"./index.module.sass\";\nimport { JSONView } from \"@macrostrat/ui-components\";\nimport { Button } from \"@blueprintjs/core\";\nimport { useState } from \"react\";\nimport {\n  DataField,\n  EnvironmentsList,\n  Interval,\n  ItemList,\n  LithologyList,\n} from \"@macrostrat/data-components\";\nimport { useUnitSelectionDispatch } from \"../units/selection\";\nimport { useMacrostratUnits } from \"../store\";\n\nconst h = hyper.styled(styles);\n\nexport function UnitDetailsPanel({\n  unit,\n  onClose,\n}: {\n  unit: any;\n  onClose?: any;\n}) {\n  const [showJSON, setShowJSON] = useState(false);\n\n  let content = null;\n  if (showJSON) {\n    content = h(JSONView, { data: unit, showRoot: false });\n  } else {\n    content = h(UnitDetailsContent, { unit });\n  }\n\n  return h(\"div.unit-details-panel\", [\n    h(LegendPanelHeader, {\n      onClose,\n      title: unit.unit_name,\n      id: unit.unit_id,\n      actions: [\n        h(Button, {\n          icon: \"code\",\n          small: true,\n          minimal: true,\n          className: \"json-view-toggle\",\n          onClick() {\n            setShowJSON(!showJSON);\n          },\n        }),\n      ],\n    }),\n    h(\"div.unit-details-content\", [content]),\n  ]);\n}\n\nexport function LegendPanelHeader({ title, id, onClose, actions = null }) {\n  return h(\"header.legend-panel-header\", [\n    h.if(title != null)(\"h3\", title),\n    h(\"div.spacer\"),\n    h.if(id != null)(\"code\", id),\n    actions,\n    h.if(onClose != null)(Button, {\n      icon: \"cross\",\n      minimal: true,\n      small: true,\n      onClick() {\n        onClose();\n      },\n    }),\n  ]);\n}\n\nfunction UnitDetailsContent({ unit }) {\n  let outcrop = unit.outcrop;\n  if (outcrop == \"both\") {\n    outcrop = \"surface and subsurface\";\n  }\n\n  return h(\"div.unit-details-content\", [\n    h(DataField, {\n      label: \"Thickness\",\n      value: `${unit.min_thick}–${unit.max_thick}`,\n      unit: \"m\",\n    }),\n    h(LithologyList, { lithologies: unit.lith }),\n    h(DataField, {\n      label: \"Age range\",\n      value: `${unit.b_age}–${unit.t_age}`,\n      unit: \"Ma\",\n    }),\n    h(IntervalField, { unit }),\n    h(EnvironmentsList, { environments: unit.environ }),\n    h(DataField, { label: \"Outcrop\", value: outcrop }),\n    h(\n      DataField,\n      {\n        label: \"Stratigraphic name\",\n      },\n      h(\"span.strat-name-id\", unit.strat_name_id)\n    ),\n    h(\n      DataField,\n      { label: \"Above\" },\n      h(UnitIDList, { units: unit.units_above })\n    ),\n    h(\n      DataField,\n      { label: \"Below\" },\n      h(UnitIDList, { units: unit.units_below })\n    ),\n    h(\n      DataField,\n      { label: \"Color\" },\n      h(\"span.color-swatch\", { style: { backgroundColor: unit.color } })\n    ),\n  ]);\n}\n\nfunction UnitIDList({ units }) {\n  const u1 = units.filter((d) => d != 0);\n  const dispatch = useUnitSelectionDispatch();\n  const allUnits = useMacrostratUnits();\n\n  if (u1.length === 0) {\n    return h(\"span.no-units\", \"None\");\n  }\n\n  let onClickHandler = null;\n  let tag = \"span\";\n  if (dispatch != null) {\n    onClickHandler = (id: number) => (evt) => {\n      console.log(units);\n      const unit = allUnits.find((d) => d.unit_id == id);\n      dispatch(unit, null, null);\n      evt.stopPropagation();\n    };\n    tag = \"a\";\n  }\n\n  return h(ItemList, { className: \"unit-id-list\" }, [\n    u1.map((unit) => {\n      return h(\n        tag,\n        { className: \"unit-id\", onClick: onClickHandler?.(unit) },\n        unit\n      );\n    }),\n  ]);\n}\n\nfunction IntervalField({ unit }) {\n  return h([\n    h(\n      DataField,\n      {\n        label: \"Intervals\",\n      },\n      h(IntervalProportions, { unit })\n    ),\n  ]);\n}\n\nfunction IntervalProportions({ unit }) {\n  const i0 = unit.b_int_id;\n  const i1 = unit.t_int_id;\n  let b_prop = unit.b_prop ?? 0;\n  let t_prop = unit.t_prop ?? 1;\n\n  if (i0 === i1 && b_prop === 0 && t_prop === 1) {\n    // We have a single interval with undefined proportions\n    return h(Interval, {\n      interval: {\n        id: i0,\n        name: unit.b_int_name,\n      },\n    });\n  }\n\n  return h(ItemList, { className: \"interval-proportions\" }, [\n    h(Proportion, { value: b_prop }),\n    h.if(i0 != i1)(Interval, {\n      interval: {\n        id: i0,\n        name: unit.b_int_name,\n      },\n      proportion: b_prop,\n    }),\n    h(\"span.sep\", \"to\"),\n    h(Proportion, { value: t_prop }),\n    h(Interval, {\n      interval: {\n        id: i1,\n        name: unit.t_int_name,\n      },\n      proportion: t_prop,\n    }),\n  ]);\n}\n\nconst formatProportion = (d) => {\n  if (d == null) return null;\n  return d.toFixed(1);\n};\n\nfunction Proportion({ value }) {\n  let content = null;\n  if (value == 0) {\n    content = \"base\";\n  } else if (value == 1) {\n    content = \"top\";\n  } else {\n    content = formatProportion(value * 100) + \"%\";\n  }\n\n  return h(\"span.proportion\", content);\n}\n"],"names":[],"version":3,"file":"unit-details.56ff8b70.js.map"}