@macrostrat/column-views 2.2.0 → 2.2.1

package/dist/esm/{column-views.ba0381cc.js.map → column-views.d86555b0.js.map}

@@ -1 +1 @@
-{"mappings":";;;;;;;;;AAKO,SAAS,0CAA+B,KAAK;IAClD,MAAM,YAAE,QAAQ,aAAE,SAAS,gBAAE,YAAY,gBAAE,YAAY,YAAE,QAAQ,EAAE,GAAG,MAAM,GAC1E;IAEF,MAAM,KAAK,UAAU,UACnB,CAAC,OAAS,KAAK,OAAO,KAAK,cAAc;IAG3C,MAAM,SAAS;QACb,IAAI,KAAK;QACT,IAAI,KAAK;IACX;IAEA,CAAA,GAAA,oBAAY,EACV,CAAC;QACC,MAAM,SAAS,MAAM,CAAC,MAAM,OAAO,CAAC;QACpC,IAAI,UAAU,QAAQ,SAAS,KAAK,UAAU,SAAS,MAAM,EAAE;QAC/D,aAAa,QAAQ,CAAC,OAAO,CAAC,OAAO;QACrC,MAAM,eAAe;IACvB,GACA;QAAC;QAAU;KAAG;IAGhB,IAAI,gBAAgB,MAAM,OAAO;IAEjC,MAAM,UAAU,CAAA,GAAA,sBAAA,EAAE;QAChB,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,aAAK,GAAG;YACR,MAAM;YACN,UAAU,OAAO;YACjB;gBACE,aAAa,QAAQ,CAAC,KAAK,EAAE,EAAE;YACjC;QACF;QACA,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,aAAK,GAAG;YACR,MAAM;YACN,UAAU,OAAO,SAAS,MAAM,GAAG;YACnC;gBACE,aAAa,QAAQ,CAAC,KAAK,EAAE,EAAE;YACjC;QACF;KACD;IAED,OAAO,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,yCAAe,GAAG;QACzB,MAAM;QACN,SAAQ,KAAK;YACX,aAAa;QACf;mBACA;iBACA;QACA,0BAA0B;QAC1B,YAAY;QACZ,aAAa;kBACb;QACA,GAAG,IAAI;IACT;AACF","sources":["packages/column-views/src/unit-details/modal-panel.ts"],"sourcesContent":["import { Button } from \"@blueprintjs/core\";\nimport { UnitDetailsPanel } from \"./panel\";\nimport { useKeyHandler } from \"@macrostrat/ui-components\";\nimport h from \"@macrostrat/hyper\";\n\nexport function UnitDetailsPanelWithNavigation(props) {\n  const { unitData, className, selectedUnit, onSelectUnit, features, ...rest } =\n    props;\n\n  const ix = unitData?.findIndex(\n    (unit) => unit.unit_id === selectedUnit?.unit_id,\n  );\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 >= unitData.length) return;\n      onSelectUnit(unitData[nextIx].unit_id);\n      event.stopPropagation();\n    },\n    [unitData, ix],\n  );\n\n  if (selectedUnit == null) return null;\n\n  const actions = h([\n    h(Button, {\n      icon: \"arrow-up\",\n      disabled: ix === 0,\n      onClick() {\n        onSelectUnit(unitData[ix - 1]?.unit_id);\n      },\n    }),\n    h(Button, {\n      icon: \"arrow-down\",\n      disabled: ix === unitData.length - 1,\n      onClick() {\n        onSelectUnit(unitData[ix + 1]?.unit_id);\n      },\n    }),\n  ]);\n\n  return h(UnitDetailsPanel, {\n    unit: selectedUnit,\n    onClose(event) {\n      onSelectUnit(null);\n    },\n    className,\n    actions,\n    showLithologyProportions: true,\n    selectUnit: onSelectUnit,\n    columnUnits: unitData,\n    features,\n    ...rest,\n  });\n}\n"],"names":[],"version":3,"file":"column-views.ba0381cc.js.map"}
+{"mappings":";;;;;;;;;AAKO,SAAS,0CAA+B,KAAK;IAClD,MAAM,YAAE,QAAQ,aAAE,SAAS,gBAAE,YAAY,gBAAE,YAAY,YAAE,QAAQ,EAAE,GAAG,MAAM,GAC1E;IAEF,MAAM,KAAK,UAAU,UACnB,CAAC,OAAS,KAAK,OAAO,KAAK,cAAc;IAG3C,MAAM,SAAS;QACb,IAAI,KAAK;QACT,IAAI,KAAK;IACX;IAEA,CAAA,GAAA,oBAAY,EACV,CAAC;QACC,MAAM,SAAS,MAAM,CAAC,MAAM,OAAO,CAAC;QACpC,IAAI,UAAU,QAAQ,SAAS,KAAK,UAAU,SAAS,MAAM,EAAE;QAC/D,aAAa,QAAQ,CAAC,OAAO,CAAC,OAAO;QACrC,MAAM,eAAe;IACvB,GACA;QAAC;QAAU;KAAG;IAGhB,IAAI,gBAAgB,MAAM,OAAO;IAEjC,MAAM,UAAU,CAAA,GAAA,sBAAA,EAAE;QAChB,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,aAAK,GAAG;YACR,MAAM;YACN,UAAU,OAAO;YACjB;gBACE,aAAa,QAAQ,CAAC,KAAK,EAAE,EAAE;YACjC;QACF;QACA,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,aAAK,GAAG;YACR,MAAM;YACN,UAAU,OAAO,SAAS,MAAM,GAAG;YACnC;gBACE,aAAa,QAAQ,CAAC,KAAK,EAAE,EAAE;YACjC;QACF;KACD;IAED,OAAO,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,yCAAe,GAAG;QACzB,MAAM;QACN,SAAQ,KAAK;YACX,aAAa;QACf;mBACA;iBACA;QACA,0BAA0B;QAC1B,YAAY;QACZ,aAAa;kBACb;QACA,GAAG,IAAI;IACT;AACF","sources":["packages/column-views/src/unit-details/modal-panel.ts"],"sourcesContent":["import { Button } from \"@blueprintjs/core\";\nimport { UnitDetailsPanel } from \"./panel\";\nimport { useKeyHandler } from \"@macrostrat/ui-components\";\nimport h from \"@macrostrat/hyper\";\n\nexport function UnitDetailsPanelWithNavigation(props) {\n  const { unitData, className, selectedUnit, onSelectUnit, features, ...rest } =\n    props;\n\n  const ix = unitData?.findIndex(\n    (unit) => unit.unit_id === selectedUnit?.unit_id,\n  );\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 >= unitData.length) return;\n      onSelectUnit(unitData[nextIx].unit_id);\n      event.stopPropagation();\n    },\n    [unitData, ix],\n  );\n\n  if (selectedUnit == null) return null;\n\n  const actions = h([\n    h(Button, {\n      icon: \"arrow-up\",\n      disabled: ix === 0,\n      onClick() {\n        onSelectUnit(unitData[ix - 1]?.unit_id);\n      },\n    }),\n    h(Button, {\n      icon: \"arrow-down\",\n      disabled: ix === unitData.length - 1,\n      onClick() {\n        onSelectUnit(unitData[ix + 1]?.unit_id);\n      },\n    }),\n  ]);\n\n  return h(UnitDetailsPanel, {\n    unit: selectedUnit,\n    onClose(event) {\n      onSelectUnit(null);\n    },\n    className,\n    actions,\n    showLithologyProportions: true,\n    selectUnit: onSelectUnit,\n    columnUnits: unitData,\n    features,\n    ...rest,\n  });\n}\n"],"names":[],"version":3,"file":"column-views.d86555b0.js.map"}

package/dist/esm/{column-views.986e7566.js → column-views.df34441c.js}

@@ -1,11 +1,10 @@
-import {UnitNamesColumn as $bc17276da4abb183$export$594d19cdd88f8c16} from "./column-views.d69c4a9f.js";
-import {UnitBoxes as $d254716a820e9c85$export$5d1cdfabe8dc8085} from "./column-views.5d969bc5.js";
+import {UnitNamesColumn as $bc17276da4abb183$export$594d19cdd88f8c16} from "./column-views.e1bc3cfa.js";
+import {UnitBoxes as $d254716a820e9c85$export$5d1cdfabe8dc8085} from "./column-views.81bddbee.js";
 import {getMixedUnitColor as $6698edd2a743bf07$export$175d3e927f1a9860} from "./column-views.9b77388d.js";
-import {TrackedLabeledUnit as $8c8238faa5cde49c$export$f613830566442374, LabelTrackerProvider as $8c8238faa5cde49c$export$e4e89ab6c86ac513, CompositeUnitComponent as $8c8238faa5cde49c$export$1dfa200d57964eee, CompositeUnitsColumn as $8c8238faa5cde49c$export$a6684360fef0406e, AnnotatedUnitsColumn as $8c8238faa5cde49c$export$d8c3f2fdd653a082, SectionLabelsColumn as $8c8238faa5cde49c$export$13984e34afdbb040, ColumnNotesProvider as $8c8238faa5cde49c$export$6cc7a9df4edde18} from "./column-views.5a49cd68.js";
-import {useEnvironments as $774a5efa27d1c77b$export$c6b216bf4c71b61f, useLithologies as $774a5efa27d1c77b$export$4d18a90c945d129f} from "./column-views.73b8ff16.js";
+import {TrackedLabeledUnit as $8c8238faa5cde49c$export$f613830566442374, LabelTrackerProvider as $8c8238faa5cde49c$export$e4e89ab6c86ac513, CompositeUnitComponent as $8c8238faa5cde49c$export$1dfa200d57964eee, CompositeUnitsColumn as $8c8238faa5cde49c$export$a6684360fef0406e, AnnotatedUnitsColumn as $8c8238faa5cde49c$export$d8c3f2fdd653a082, SectionLabelsColumn as $8c8238faa5cde49c$export$13984e34afdbb040, ColumnNotesProvider as $8c8238faa5cde49c$export$6cc7a9df4edde18} from "./column-views.7683bb52.js";
+import {useEnvironments as $774a5efa27d1c77b$export$c6b216bf4c71b61f, useLithologies as $774a5efa27d1c77b$export$4d18a90c945d129f} from "./column-views.2eceafb5.js";
 import {resolveID as $d3e69bd163d41f63$export$7be7d732f3de9464} from "./column-views.006d5180.js";
 import "./column-views.f9dab157.js";
-import {useUnitSelectionDispatch as $4d5d1c15f39f6a14$export$77a278d5ca56e309, useUnitSelectionStore as $4d5d1c15f39f6a14$export$b220b1d3591dc9e5, useSelectedUnit as $4d5d1c15f39f6a14$export$f0dd93f90aa8e5da, UnitSelectionProvider as $4d5d1c15f39f6a14$export$f19d75b1d4b676a4, useUnitSelectionTarget as $4d5d1c15f39f6a14$export$cbbec12b1451fe7d, UnitKeyboardNavigation as $4d5d1c15f39f6a14$export$70f5ee19650fc7d1} from "./column-views.f2fd0e4a.js";
 import $7H3th$macrostrathyper from "@macrostrat/hyper";
 import {LithologyColumn as $7H3th$LithologyColumn, useColumnLayout as $7H3th$useColumnLayout, useGeologicPattern as $7H3th$useGeologicPattern} from "@macrostrat/column-components";
 import {useInDarkMode as $7H3th$useInDarkMode} from "@macrostrat/ui-components";
@@ -22,7 +21,6 @@ import {useMemo as $7H3th$useMemo} from "react";
 
 
 
-
 function $4c8184c4a7317749$export$3750278673318c9a({ width: width = 100 }) {
     /*
   A column showing units with USGS color fill
@@ -147,5 +145,5 @@ function $4c8184c4a7317749$var$getPatternID(liths, lithMap) {
 }
 
 
-export {$4c8184c4a7317749$export$3750278673318c9a as UnitsColumn, $4c8184c4a7317749$export$2006342ddaa547c6 as SimpleUnitsColumn, $4c8184c4a7317749$export$600691a8e9d13a7 as BasicUnitComponent, $4c8184c4a7317749$export$48a4cacf2b7a4441 as UnitComponent, $4c8184c4a7317749$export$62c7735c72801c19 as useUnitColor, $4c8184c4a7317749$export$6012fd1584b5d0c0 as ColoredUnitComponent, $4c8184c4a7317749$export$4830e703a903113 as useUnitColorByEnvironment, $4c8184c4a7317749$export$c2fe8a14da82d570 as EnvironmentColoredUnitComponent, $6698edd2a743bf07$export$175d3e927f1a9860 as getMixedUnitColor, $8c8238faa5cde49c$export$e4e89ab6c86ac513 as LabelTrackerProvider, $8c8238faa5cde49c$export$f613830566442374 as TrackedLabeledUnit, $8c8238faa5cde49c$export$1dfa200d57964eee as CompositeUnitComponent, $8c8238faa5cde49c$export$a6684360fef0406e as CompositeUnitsColumn, $8c8238faa5cde49c$export$d8c3f2fdd653a082 as AnnotatedUnitsColumn, $8c8238faa5cde49c$export$13984e34afdbb040 as SectionLabelsColumn, $8c8238faa5cde49c$export$6cc7a9df4edde18 as ColumnNotesProvider, $4d5d1c15f39f6a14$export$77a278d5ca56e309 as useUnitSelectionDispatch, $4d5d1c15f39f6a14$export$b220b1d3591dc9e5 as useUnitSelectionStore, $4d5d1c15f39f6a14$export$f0dd93f90aa8e5da as useSelectedUnit, $4d5d1c15f39f6a14$export$f19d75b1d4b676a4 as UnitSelectionProvider, $4d5d1c15f39f6a14$export$cbbec12b1451fe7d as useUnitSelectionTarget, $4d5d1c15f39f6a14$export$70f5ee19650fc7d1 as UnitKeyboardNavigation};
-//# sourceMappingURL=column-views.986e7566.js.map
+export {$4c8184c4a7317749$export$3750278673318c9a as UnitsColumn, $4c8184c4a7317749$export$2006342ddaa547c6 as SimpleUnitsColumn, $4c8184c4a7317749$export$600691a8e9d13a7 as BasicUnitComponent, $4c8184c4a7317749$export$48a4cacf2b7a4441 as UnitComponent, $4c8184c4a7317749$export$62c7735c72801c19 as useUnitColor, $4c8184c4a7317749$export$6012fd1584b5d0c0 as ColoredUnitComponent, $4c8184c4a7317749$export$4830e703a903113 as useUnitColorByEnvironment, $4c8184c4a7317749$export$c2fe8a14da82d570 as EnvironmentColoredUnitComponent, $6698edd2a743bf07$export$175d3e927f1a9860 as getMixedUnitColor, $8c8238faa5cde49c$export$e4e89ab6c86ac513 as LabelTrackerProvider, $8c8238faa5cde49c$export$f613830566442374 as TrackedLabeledUnit, $8c8238faa5cde49c$export$1dfa200d57964eee as CompositeUnitComponent, $8c8238faa5cde49c$export$a6684360fef0406e as CompositeUnitsColumn, $8c8238faa5cde49c$export$d8c3f2fdd653a082 as AnnotatedUnitsColumn, $8c8238faa5cde49c$export$13984e34afdbb040 as SectionLabelsColumn, $8c8238faa5cde49c$export$6cc7a9df4edde18 as ColumnNotesProvider};
+//# sourceMappingURL=column-views.df34441c.js.map

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

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/column-views/src/units/index.ts"],"sourcesContent":["import h from \"@macrostrat/hyper\";\nimport {\n  LithologyColumn,\n  useGeologicPattern,\n} from \"@macrostrat/column-components\";\nimport { UnitNamesColumn } from \"./names\";\nimport { ICompositeUnitProps } from \"./composite\";\nimport { UnitBoxes, UnitProps } from \"./boxes\";\nimport { useColumnLayout } from \"@macrostrat/column-components\";\nimport { useInDarkMode } from \"@macrostrat/ui-components\";\nimport { getMixedUnitColor } from \"./colors\";\nimport { TrackedLabeledUnit } from \"./composite\";\nimport { useEnvironments, useLithologies } from \"../data-provider\";\nimport { useMemo } from \"react\";\nimport { resolveID } from \"./resolvers\";\nimport { Lithology } from \"@macrostrat/api-types\";\n\nexport * from \"./composite\";\nexport * from \"./types\";\nexport * from \"./colors\";\n\nexport function UnitsColumn({ width = 100 }) {\n  /*\n  A column showing units with USGS color fill\n  */\n  return h(LithologyColumn, { width }, h(UnitBoxes));\n}\n\nexport function SimpleUnitsColumn(props: ICompositeUnitProps) {\n  /*\n  A column with units and names either\n  overlapping or offset to the right\n  */\n  const { columnWidth, width, gutterWidth = 0, labelOffset = 30 } = props;\n\n  return h([\n    h(UnitsColumn, {\n      width: columnWidth,\n    }),\n    h(UnitNamesColumn, {\n      transform: `translate(${columnWidth + gutterWidth})`,\n      paddingLeft: labelOffset,\n      width: width - columnWidth - gutterWidth,\n    }),\n  ]);\n}\n\nexport function BasicUnitComponent({ division, ...rest }) {\n  /** A unit that allows directly setting colors and patterns. */\n\n  return h(UnitComponent, {\n    division,\n    ...rest,\n    backgroundColor: division.color,\n    patternID: division.patternID,\n  });\n}\n\nexport function UnitComponent({ division, nColumns = 2, ...rest }) {\n  const width = rest.width ?? useColumnLayout()?.width;\n\n  const nOverlappingUnits = division.overlappingUnits?.length ?? 0;\n  const _nColumns = nOverlappingUnits == 0 ? 1 : nColumns;\n  const columnIx = (division.column ?? 0) % _nColumns;\n  const reducedWidth = width / _nColumns;\n  const x = (columnIx * width) / _nColumns;\n\n  return h(TrackedLabeledUnit, {\n    division,\n    ...rest,\n    width: reducedWidth,\n    x,\n  });\n}\n\ninterface UnitColorOptions {\n  asBackground?: boolean;\n}\n\nexport function useUnitColor(unit, opts: UnitColorOptions = {}): string | null {\n  /** Get the color for a unit based on its lithology */\n  const lithMap = useLithologies();\n  const inDarkMode = useInDarkMode();\n  const { asBackground = true } = opts;\n\n  return useMemo(() => {\n    if (unit == null || lithMap == null) return null;\n    return getMixedUnitColor(unit, lithMap, inDarkMode, asBackground);\n  }, [unit?.unit_id, lithMap, inDarkMode, asBackground]);\n}\n\nexport function ColoredUnitComponent(props) {\n  /** A unit component that is colored using a mixture of lithologies.\n   * This is a separate component because it depends on more providers/contexts to determine coloring. */\n  const backgroundColor = useUnitColor(props.division);\n\n  const patternID = useMemo(() => {\n    return resolveID(props.division); // ?? getPatternID(props.division.lith, lithMap);\n  }, [props.division?.unit_id]);\n\n  const fill = useGeologicPattern(patternID);\n\n  return h(UnitComponent, {\n    fill,\n    backgroundColor,\n    ...props,\n  });\n}\n\nexport function useUnitColorByEnvironment(\n  unit,\n  opts: UnitColorOptions = {},\n): string | null {\n  /** Get the color for a unit based on its lithology */\n  const environmentMap = useEnvironments();\n  const lithMap = useLithologies();\n  const inDarkMode = useInDarkMode();\n  const { asBackground = true } = opts;\n\n  return useMemo(() => {\n    if (unit == null || environmentMap == null) return null;\n    let c = getMixedUnitColor(unit, environmentMap, inDarkMode, asBackground, {\n      key: \"environ\",\n      id_key: \"environ_id\",\n    });\n    if (c != null) {\n      return c;\n    }\n    // Fallback to lithology color if no environment color is found\n    return getMixedUnitColor(unit, lithMap, inDarkMode, asBackground);\n  }, [unit?.unit_id, environmentMap, lithMap, inDarkMode, asBackground]);\n}\n\nexport function EnvironmentColoredUnitComponent(props) {\n  /** A unit component that is colored using a mixture of lithologies.\n   * This is a separate component because it depends on more providers/contexts to determine coloring. */\n  const backgroundColor = useUnitColorByEnvironment(props.division);\n\n  const patternID = useMemo(() => {\n    return resolveID(props.division); // ?? getPatternID(props.division.lith, lithMap);\n  }, [props.division?.unit_id]);\n\n  const fill = useGeologicPattern(patternID);\n\n  return h(UnitComponent, {\n    fill,\n    backgroundColor,\n    ...props,\n  });\n}\n\nfunction getPatternID(\n  liths: Array<Lithology>,\n  lithMap: Map<number, Lithology>,\n): string | null {\n  if (lithMap == null || liths == null || liths.length == 0) {\n    return null;\n  }\n  const patternIDs = new Set<string>();\n  for (const lith of liths) {\n    const lithData = lithMap.get(lith.lith_id);\n    if (lithData) {\n      patternIDs.add(`${lithData.fill}`);\n    }\n  }\n  let id = patternIDs.values()[0];\n  if (id == \"0\") return null;\n  return id;\n}\n"],"names":[],"version":3,"file":"column-views.df34441c.js.map"}

package/dist/esm/{column-views.2d602a57.js → column-views.e17f00d3.js}

@@ -1,4 +1,4 @@
-import {BaseMeasurementsColumn as $c6d9d48b3424a44c$export$ce5c4f2fdf4e644d, TruncatedList as $c6d9d48b3424a44c$export$653e47a7a0da0f0d} from "./column-views.e84bd756.js";
+import {BaseMeasurementsColumn as $c6d9d48b3424a44c$export$ce5c4f2fdf4e644d, TruncatedList as $c6d9d48b3424a44c$export$653e47a7a0da0f0d} from "./column-views.faacfc3c.js";
 import $fqcIO$macrostrathyper from "@macrostrat/hyper";
 import {useAPIResult as $fqcIO$useAPIResult} from "@macrostrat/ui-components";
 
@@ -34,4 +34,4 @@ function $6ff130029901daab$var$SGPSamplesNote(props) {
 
 
 export {$6ff130029901daab$export$c49cf57576706bab as SGPMeasurementsColumn};
-//# sourceMappingURL=column-views.2d602a57.js.map
+//# sourceMappingURL=column-views.e17f00d3.js.map

package/dist/esm/{column-views.2d602a57.js.map → column-views.e17f00d3.js.map}

@@ -1 +1 @@
-{"mappings":";;;;;;;AAIA,SAAS,iCAAW,UAAE,MAAM,EAAE;IAC5B,MAAM,MAAM,CAAA,GAAA,mBAAW,EACrB,sDACA;QACE,QAAQ,CAAC,GAAG,EAAE,QAAQ;IACxB,GACA,CAAC,IAAM;IAET,OAAO;AACT;AAEO,SAAS,0CAAsB,YAAE,QAAQ,SAAE,QAAQ,WAAW;IACnE,MAAM,OAAO,iCAAW;QAAE,QAAQ;IAAS;IAE3C,IAAI,QAAQ,MAAM,OAAO;IAEzB,OAAO,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,yCAAqB,GAAG;cAC/B;QACA,eAAe;IACjB;AACF;AAEA,SAAS,qCAAe,KAAK;IAC3B,MAAM,QAAE,IAAI,EAAE,GAAG;IACjB,MAAM,cAAc,MAAM,MAAM;IAEhC,IAAI,eAAe,QAAQ,YAAY,MAAM,KAAK,GAAG,OAAO;IAE5D,OAAO,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,yCAAY,GAAG;QACtB,WAAW;QACX,MAAM;QACN,cAAc,CAAC,IAAM,CAAA,GAAA,sBAAA,EAAE,QAAQ,EAAE,IAAI,CAAC,IAAI;IAC5C;AACF","sources":["packages/column-views/src/facets/measurements/index.ts"],"sourcesContent":["import h from \"@macrostrat/hyper\";\nimport { useAPIResult } from \"@macrostrat/ui-components\";\nimport { BaseMeasurementsColumn, TruncatedList } from \"../base-sample-column\";\n\nfunction useSGPData({ col_id }) {\n  const res = useAPIResult(\n    \"https://dev.macrostrat.org/api/pg/sgp_unit_matches\",\n    {\n      col_id: `eq.${col_id}`,\n    },\n    (d) => d,\n  );\n  return res;\n}\n\nexport function SGPMeasurementsColumn({ columnID, color = \"magenta\" }) {\n  const data = useSGPData({ col_id: columnID });\n\n  if (data == null) return null;\n\n  return h(BaseMeasurementsColumn, {\n    data,\n    noteComponent: SGPSamplesNote,\n  });\n}\n\nfunction SGPSamplesNote(props) {\n  const { note } = props;\n  const sgp_samples = note?.data?.sgp_samples;\n\n  if (sgp_samples == null || sgp_samples.length === 0) return null;\n\n  return h(TruncatedList, {\n    className: \"sgp-samples\",\n    data: sgp_samples,\n    itemRenderer: (p) => h(\"span\", p.data.name),\n  });\n}\n"],"names":[],"version":3,"file":"column-views.2d602a57.js.map"}
+{"mappings":";;;;;;;AAIA,SAAS,iCAAW,UAAE,MAAM,EAAE;IAC5B,MAAM,MAAM,CAAA,GAAA,mBAAW,EACrB,sDACA;QACE,QAAQ,CAAC,GAAG,EAAE,QAAQ;IACxB,GACA,CAAC,IAAM;IAET,OAAO;AACT;AAEO,SAAS,0CAAsB,YAAE,QAAQ,SAAE,QAAQ,WAAW;IACnE,MAAM,OAAO,iCAAW;QAAE,QAAQ;IAAS;IAE3C,IAAI,QAAQ,MAAM,OAAO;IAEzB,OAAO,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,yCAAqB,GAAG;cAC/B;QACA,eAAe;IACjB;AACF;AAEA,SAAS,qCAAe,KAAK;IAC3B,MAAM,QAAE,IAAI,EAAE,GAAG;IACjB,MAAM,cAAc,MAAM,MAAM;IAEhC,IAAI,eAAe,QAAQ,YAAY,MAAM,KAAK,GAAG,OAAO;IAE5D,OAAO,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,yCAAY,GAAG;QACtB,WAAW;QACX,MAAM;QACN,cAAc,CAAC,IAAM,CAAA,GAAA,sBAAA,EAAE,QAAQ,EAAE,IAAI,CAAC,IAAI;IAC5C;AACF","sources":["packages/column-views/src/facets/measurements/index.ts"],"sourcesContent":["import h from \"@macrostrat/hyper\";\nimport { useAPIResult } from \"@macrostrat/ui-components\";\nimport { BaseMeasurementsColumn, TruncatedList } from \"../base-sample-column\";\n\nfunction useSGPData({ col_id }) {\n  const res = useAPIResult(\n    \"https://dev.macrostrat.org/api/pg/sgp_unit_matches\",\n    {\n      col_id: `eq.${col_id}`,\n    },\n    (d) => d,\n  );\n  return res;\n}\n\nexport function SGPMeasurementsColumn({ columnID, color = \"magenta\" }) {\n  const data = useSGPData({ col_id: columnID });\n\n  if (data == null) return null;\n\n  return h(BaseMeasurementsColumn, {\n    data,\n    noteComponent: SGPSamplesNote,\n  });\n}\n\nfunction SGPSamplesNote(props) {\n  const { note } = props;\n  const sgp_samples = note?.data?.sgp_samples;\n\n  if (sgp_samples == null || sgp_samples.length === 0) return null;\n\n  return h(TruncatedList, {\n    className: \"sgp-samples\",\n    data: sgp_samples,\n    itemRenderer: (p) => h(\"span\", p.data.name),\n  });\n}\n"],"names":[],"version":3,"file":"column-views.e17f00d3.js.map"}

package/dist/esm/{column-views.d69c4a9f.js → column-views.e1bc3cfa.js}

@@ -1,5 +1,5 @@
 import {getUnitHeightRange as $b6657fba8924a702$export$70e712e2ac0237a} from "./column-views.54f8b909.js";
-import {useCompositeScale as $d5074f164411387e$export$a7fc62995ec4f76, useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./column-views.4fd4ec92.js";
+import {useCompositeScale as $d5074f164411387e$export$a7fc62995ec4f76, useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./column-views.4ed90896.js";
 import $5ZBll$macrostrathyper from "@macrostrat/hyper";
 import $5ZBll$react, {useCallback as $5ZBll$useCallback, useMemo as $5ZBll$useMemo} from "react";
 import {NotesColumn as $5ZBll$NotesColumn} from "@macrostrat/column-components";
@@ -66,4 +66,4 @@ function $bc17276da4abb183$export$594d19cdd88f8c16(props) {
 
 
 export {$bc17276da4abb183$export$2f2e65a797f8fc1e as noteForDivision, $bc17276da4abb183$export$c9757aeb43a67df0 as defaultNameFunction, $bc17276da4abb183$export$6316e673796ccb55 as UnitDataColumn, $bc17276da4abb183$export$594d19cdd88f8c16 as UnitNamesColumn};
-//# sourceMappingURL=column-views.d69c4a9f.js.map
+//# sourceMappingURL=column-views.e1bc3cfa.js.map

package/dist/esm/{column-views.d69c4a9f.js.map → column-views.e1bc3cfa.js.map}

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;AA+BA,SAAS,0CACP,GAAU,EACV,IAAkC;IAElC,MAAM,YAAE,QAAQ,EAAE,GAAG;IAErB,MAAM,CAAC,QAAQ,WAAW,GAAG,CAAA,GAAA,wCAAiB,EAAE,KAAK;IAErD,OAAO;gBACL;oBACA;QACA,MAAM;QACN,IAAI,IAAI,OAAO;IACjB;AACF;AAEA,MAAM,4CAAsB,CAAC;IAC3B,OAAO,IAAI,SAAS,CACjB,OAAO,CAAC,OAAO,UACf,OAAO,CAAC,MAAM,aACd,OAAO,CAAC,MAAM;AACnB;AAEA,SAAS,sCAAgB,KAAoB;IAC3C,MAAM,YAAE,QAAQ,SAAE,KAAK,EAAE,GAAG,CAAA,GAAA,yCAAsB;IAClD,MAAM,QAAQ,CAAA,GAAA,wCAAgB;IAC9B,MAAM,QACJ,OAAO,kBACP,aAAa,oBACb,mBAAmB,CAAC,MAA8B,IAAc,qBAChE,gBAAgB,cAChB,YAAY,OACZ,GAAG,MACJ,GAAG;IAEJ,MAAM,sBAAsB,CAAA,GAAA,kBAAU,EACpC,CAAC;QACC,IAAI,iBAAiB,GAAG,OAAO;QAC/B,MAAM,KAAK,KAAK,GAAG,CAAC,MAAM,EAAE,UAAU,IAAI,MAAM,EAAE,MAAM;QACxD,OAAO,KAAK;IACd,GACA;QAAC;QAAO;KAAc;IAGxB,IAAI,aAAa,MAAM,OAAO;IAC9B,MAAM,QAAoB,UACvB,MAAM,CAAC,kBACP,GAAG,CAAC,CAAC,IAAa,0CAAgB,GAAG;sBAAE;QAAS,IAChD,MAAM,CAAC;IAEV,OAAO,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,kBAAU,GAAG;QACpB,WAAW,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;QAC/B,UAAU;uBACV;eACA;QACA,cAAc;YACZ,aAAa;QACf;QACA,GAAG,IAAI;IACT;AACF;AAEA,MAAM,4CAAiB,CAAA,GAAA,YAAI,EAAE,IAAI,CAAC;AAS3B,SAAS,0CAAgB,KAAqB;IACnD,MAAM,mBACJ,kBAAkB,0DAClB,aAAa,EACb,GAAG,MACJ,GAAG;IAEJ,MAAM,uBAAuB,CAAA,GAAA,cAAM,EACjC,IAAM,CAAC;YACL,MAAM,QAAE,IAAI,EAAE,GAAG;YACjB,OAAO,CAAA,GAAA,sBAAA,EAAE,oBAAoB,gBAAgB,KAAK,IAAI;QACxD,GACA;QAAC;KAAgB;IAGnB,OAAO,CAAA,GAAA,sBAAA,EAAE,2CAAgB;QACvB,eAAe,iBAAiB;QAChC,GAAG,IAAI;IACT;AACF","sources":["packages/column-views/src/units/names.ts"],"sourcesContent":["import h from \"@macrostrat/hyper\";\nimport { useCallback, useMemo } from \"react\";\nimport {\n  ColumnAxisType,\n  NotesColumn,\n  NotesColumnProps,\n} from \"@macrostrat/column-components\";\nimport type { ColumnDivision } from \"@macrostrat/column-components\";\nimport { IUnit } from \"./types\";\nimport React from \"react\";\nimport { getUnitHeightRange } from \"../prepare-units/utils\";\nimport { CompositeColumnScale } from \"./composite\";\nimport { useCompositeScale, useMacrostratColumnData } from \"../data-provider\";\n\ninterface UnitDataProps extends NotesColumnProps {\n  left?: number;\n  transform?: string;\n  noteComponent?: React.ComponentType<any>;\n  shouldRenderNote?(div: ColumnDivision | IUnit, index: number): boolean;\n  divisions?: IUnit[];\n  minimumHeight?: number;\n  scale?: CompositeColumnScale;\n}\n\ntype UnitNote = {\n  height: number;\n  top_height: number;\n  data: IUnit;\n  id: number;\n};\n\nfunction noteForDivision(\n  div: IUnit,\n  opts: { axisType: ColumnAxisType },\n): UnitNote {\n  const { axisType } = opts;\n\n  const [height, top_height] = getUnitHeightRange(div, axisType);\n\n  return {\n    height,\n    top_height,\n    data: div,\n    id: div.unit_id,\n  };\n}\n\nconst defaultNameFunction = (div) => {\n  return div.unit_name\n    .replace(\"Mbr\", \"Member\")\n    .replace(\"Fm\", \"Formation\")\n    .replace(\"Gp\", \"Group\");\n};\n\nfunction UnitDataColumn_(props: UnitDataProps) {\n  const { axisType, units } = useMacrostratColumnData();\n  const scale = useCompositeScale();\n  const {\n    left = 0,\n    noteComponent,\n    shouldRenderNote = (note: ColumnDivision | IUnit, i: number) => true,\n    minimumHeight = 0,\n    divisions = units,\n    ...rest\n  } = props;\n\n  const minimumHeightFilter = useCallback(\n    (d) => {\n      if (minimumHeight == 0) return true;\n      const dy = Math.abs(scale(d.top_height) - scale(d.height));\n      return dy > minimumHeight;\n    },\n    [scale, minimumHeight],\n  );\n\n  if (divisions == null) return null;\n  const notes: UnitNote[] = divisions\n    .filter(shouldRenderNote)\n    .map((d: IUnit) => noteForDivision(d, { axisType }))\n    .filter(minimumHeightFilter);\n\n  return h(NotesColumn, {\n    transform: `translate(${left})`,\n    editable: false,\n    noteComponent,\n    notes,\n    forceOptions: {\n      nodeSpacing: 1,\n    },\n    ...rest,\n  });\n}\n\nconst UnitDataColumn = React.memo(UnitDataColumn_);\n\ninterface UnitNamesProps extends UnitDataProps {\n  nameForDivision?(obj: IUnit): string;\n  paddingLeft?: number;\n  width: number;\n  onClickNote?: (note: any) => void;\n}\n\nexport function UnitNamesColumn(props: UnitNamesProps) {\n  const {\n    nameForDivision = defaultNameFunction,\n    noteComponent,\n    ...rest\n  } = props;\n\n  const defaultNoteComponent = useMemo(\n    () => (props) => {\n      const { note } = props;\n      return h(\"p.col-note-label\", nameForDivision(note.data));\n    },\n    [nameForDivision],\n  );\n\n  return h(UnitDataColumn, {\n    noteComponent: noteComponent ?? defaultNoteComponent,\n    ...rest,\n  });\n}\n\nexport type { UnitNamesProps };\nexport { defaultNameFunction, noteForDivision, UnitDataColumn };\n"],"names":[],"version":3,"file":"column-views.d69c4a9f.js.map"}
+{"mappings":";;;;;;;;;;;AA+BA,SAAS,0CACP,GAAU,EACV,IAAkC;IAElC,MAAM,YAAE,QAAQ,EAAE,GAAG;IAErB,MAAM,CAAC,QAAQ,WAAW,GAAG,CAAA,GAAA,wCAAiB,EAAE,KAAK;IAErD,OAAO;gBACL;oBACA;QACA,MAAM;QACN,IAAI,IAAI,OAAO;IACjB;AACF;AAEA,MAAM,4CAAsB,CAAC;IAC3B,OAAO,IAAI,SAAS,CACjB,OAAO,CAAC,OAAO,UACf,OAAO,CAAC,MAAM,aACd,OAAO,CAAC,MAAM;AACnB;AAEA,SAAS,sCAAgB,KAAoB;IAC3C,MAAM,YAAE,QAAQ,SAAE,KAAK,EAAE,GAAG,CAAA,GAAA,yCAAsB;IAClD,MAAM,QAAQ,CAAA,GAAA,wCAAgB;IAC9B,MAAM,QACJ,OAAO,kBACP,aAAa,oBACb,mBAAmB,CAAC,MAA8B,IAAc,qBAChE,gBAAgB,cAChB,YAAY,OACZ,GAAG,MACJ,GAAG;IAEJ,MAAM,sBAAsB,CAAA,GAAA,kBAAU,EACpC,CAAC;QACC,IAAI,iBAAiB,GAAG,OAAO;QAC/B,MAAM,KAAK,KAAK,GAAG,CAAC,MAAM,EAAE,UAAU,IAAI,MAAM,EAAE,MAAM;QACxD,OAAO,KAAK;IACd,GACA;QAAC;QAAO;KAAc;IAGxB,IAAI,aAAa,MAAM,OAAO;IAC9B,MAAM,QAAoB,UACvB,MAAM,CAAC,kBACP,GAAG,CAAC,CAAC,IAAa,0CAAgB,GAAG;sBAAE;QAAS,IAChD,MAAM,CAAC;IAEV,OAAO,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,kBAAU,GAAG;QACpB,WAAW,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;QAC/B,UAAU;uBACV;eACA;QACA,cAAc;YACZ,aAAa;QACf;QACA,GAAG,IAAI;IACT;AACF;AAEA,MAAM,4CAAiB,CAAA,GAAA,YAAI,EAAE,IAAI,CAAC;AAS3B,SAAS,0CAAgB,KAAqB;IACnD,MAAM,mBACJ,kBAAkB,0DAClB,aAAa,EACb,GAAG,MACJ,GAAG;IAEJ,MAAM,uBAAuB,CAAA,GAAA,cAAM,EACjC,IAAM,CAAC;YACL,MAAM,QAAE,IAAI,EAAE,GAAG;YACjB,OAAO,CAAA,GAAA,sBAAA,EAAE,oBAAoB,gBAAgB,KAAK,IAAI;QACxD,GACA;QAAC;KAAgB;IAGnB,OAAO,CAAA,GAAA,sBAAA,EAAE,2CAAgB;QACvB,eAAe,iBAAiB;QAChC,GAAG,IAAI;IACT;AACF","sources":["packages/column-views/src/units/names.ts"],"sourcesContent":["import h from \"@macrostrat/hyper\";\nimport { useCallback, useMemo } from \"react\";\nimport {\n  ColumnAxisType,\n  NotesColumn,\n  NotesColumnProps,\n} from \"@macrostrat/column-components\";\nimport type { ColumnDivision } from \"@macrostrat/column-components\";\nimport { IUnit } from \"./types\";\nimport React from \"react\";\nimport { getUnitHeightRange } from \"../prepare-units/utils\";\nimport { CompositeColumnScale } from \"./composite\";\nimport { useCompositeScale, useMacrostratColumnData } from \"../data-provider\";\n\ninterface UnitDataProps extends NotesColumnProps {\n  left?: number;\n  transform?: string;\n  noteComponent?: React.ComponentType<any>;\n  shouldRenderNote?(div: ColumnDivision | IUnit, index: number): boolean;\n  divisions?: IUnit[];\n  minimumHeight?: number;\n  scale?: CompositeColumnScale;\n}\n\ntype UnitNote = {\n  height: number;\n  top_height: number;\n  data: IUnit;\n  id: number;\n};\n\nfunction noteForDivision(\n  div: IUnit,\n  opts: { axisType: ColumnAxisType },\n): UnitNote {\n  const { axisType } = opts;\n\n  const [height, top_height] = getUnitHeightRange(div, axisType);\n\n  return {\n    height,\n    top_height,\n    data: div,\n    id: div.unit_id,\n  };\n}\n\nconst defaultNameFunction = (div) => {\n  return div.unit_name\n    .replace(\"Mbr\", \"Member\")\n    .replace(\"Fm\", \"Formation\")\n    .replace(\"Gp\", \"Group\");\n};\n\nfunction UnitDataColumn_(props: UnitDataProps) {\n  const { axisType, units } = useMacrostratColumnData();\n  const scale = useCompositeScale();\n  const {\n    left = 0,\n    noteComponent,\n    shouldRenderNote = (note: ColumnDivision | IUnit, i: number) => true,\n    minimumHeight = 0,\n    divisions = units,\n    ...rest\n  } = props;\n\n  const minimumHeightFilter = useCallback(\n    (d) => {\n      if (minimumHeight == 0) return true;\n      const dy = Math.abs(scale(d.top_height) - scale(d.height));\n      return dy > minimumHeight;\n    },\n    [scale, minimumHeight],\n  );\n\n  if (divisions == null) return null;\n  const notes: UnitNote[] = divisions\n    .filter(shouldRenderNote)\n    .map((d: IUnit) => noteForDivision(d, { axisType }))\n    .filter(minimumHeightFilter);\n\n  return h(NotesColumn, {\n    transform: `translate(${left})`,\n    editable: false,\n    noteComponent,\n    notes,\n    forceOptions: {\n      nodeSpacing: 1,\n    },\n    ...rest,\n  });\n}\n\nconst UnitDataColumn = React.memo(UnitDataColumn_);\n\ninterface UnitNamesProps extends UnitDataProps {\n  nameForDivision?(obj: IUnit): string;\n  paddingLeft?: number;\n  width: number;\n  onClickNote?: (note: any) => void;\n}\n\nexport function UnitNamesColumn(props: UnitNamesProps) {\n  const {\n    nameForDivision = defaultNameFunction,\n    noteComponent,\n    ...rest\n  } = props;\n\n  const defaultNoteComponent = useMemo(\n    () => (props) => {\n      const { note } = props;\n      return h(\"p.col-note-label\", nameForDivision(note.data));\n    },\n    [nameForDivision],\n  );\n\n  return h(UnitDataColumn, {\n    noteComponent: noteComponent ?? defaultNoteComponent,\n    ...rest,\n  });\n}\n\nexport type { UnitNamesProps };\nexport { defaultNameFunction, noteForDivision, UnitDataColumn };\n"],"names":[],"version":3,"file":"column-views.e1bc3cfa.js.map"}

package/dist/esm/{column-views.3e1b8c7d.js → column-views.f0b0fc56.js}

@@ -1,4 +1,4 @@
-import {useCorrelationMapStore as $74e211dc185c20b4$export$21398703d3a9bb4d} from "./column-views.86a51ce7.js";
+import {useCorrelationMapStore as $74e211dc185c20b4$export$21398703d3a9bb4d} from "./column-views.413217dc.js";
 import {buildColumnsStyle as $1dbfddc9637b572c$export$d2995719c3a4ae17} from "./column-views.633c42a3.js";
 import {InsetMap as $5593f90ffec284da$export$1e8149fc0d15fed0} from "./column-views.3de4dc43.js";
 import {useMapClickHandler as $6wt91$useMapClickHandler, useMapStyleOperator as $6wt91$useMapStyleOperator, useMapEaseTo as $6wt91$useMapEaseTo} from "@macrostrat/mapbox-react";
@@ -196,4 +196,4 @@ function $dcd183b733f66144$var$SectionLine({ padding: padding }) {
 
 
 export {$dcd183b733f66144$export$8e7d97509e84cc49 as ColumnCorrelationMap};
-//# sourceMappingURL=column-views.3e1b8c7d.js.map
+//# sourceMappingURL=column-views.f0b0fc56.js.map

package/dist/esm/{column-views.3e1b8c7d.js.map → column-views.f0b0fc56.js.map}

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/column-views/src/maps/column-correlation/core.ts"],"sourcesContent":["import {\n  useMapClickHandler,\n  useMapEaseTo,\n  useMapStyleOperator,\n} from \"@macrostrat/mapbox-react\";\nimport { LngLatBounds, Style } from \"mapbox-gl\";\nimport h from \"@macrostrat/hyper\";\nimport { Feature, FeatureCollection } from \"geojson\";\nimport { ReactNode, useMemo } from \"react\";\nimport { setGeoJSON, buildGeoJSONSource } from \"@macrostrat/mapbox-utils\";\n\nimport { useCorrelationMapStore } from \"./state\";\nimport { buildColumnsStyle, InsetMap, InsetMapProps } from \"../_shared\";\nimport { buildCrossSectionLayers } from \"@macrostrat/map-styles\";\n\nexport interface CorrelationMapProps extends InsetMapProps {\n  padding?: number;\n  children?: ReactNode;\n  accessToken?: string;\n  columnColor?: string;\n}\n\nexport function ColumnCorrelationMap(props: CorrelationMapProps) {\n  const { padding = 50, children, columnColor, ...rest } = props;\n\n  const overlayStyles: Partial<Style>[] = useMemo(() => {\n    return [\n      buildColumnsStyle(columnColor) as Style,\n      selectedColumnsStyle as Style,\n      lineOfSectionStyle as Style,\n    ];\n  }, [columnColor]);\n\n  return h(\n    InsetMap,\n    {\n      ...rest,\n      boxZoom: false,\n      dragRotate: false,\n      overlayStyles,\n    },\n    [\n      h(ColumnsLayer),\n      h(SelectedColumnsLayer),\n      h(MapClickHandler),\n      h(SectionLine, { padding }),\n      children,\n    ],\n  );\n}\n\nfunction MapClickHandler() {\n  const onClickMap = useCorrelationMapStore((state) => state.onClickMap);\n\n  useMapClickHandler(\n    (e) => {\n      onClickMap(e, { type: \"Point\", coordinates: e.lngLat.toArray() });\n    },\n    [onClickMap],\n  );\n\n  return null;\n}\n\nfunction SelectedColumnsLayer() {\n  const focusedColumns = useCorrelationMapStore(\n    (state) => state.focusedColumns,\n  );\n\n  useMapStyleOperator(\n    (map) => {\n      let features = focusedColumns;\n\n      const data: FeatureCollection = {\n        type: \"FeatureCollection\",\n        features,\n      };\n\n      const columnCentroidLine: Feature = {\n        type: \"Feature\",\n        geometry: {\n          type: \"LineString\",\n          coordinates: features.map(\n            (col) => col.properties.centroid.geometry.coordinates,\n          ),\n        },\n        properties: {},\n      };\n\n      setGeoJSON(map, \"selected-columns\", data);\n      setGeoJSON(map, \"selected-column-centroids\", {\n        type: \"FeatureCollection\",\n        features: [columnCentroidLine],\n      });\n    },\n    [focusedColumns],\n  );\n  return null;\n}\n\nfunction ColumnsLayer({ enabled = true }) {\n  const columns = useCorrelationMapStore((state) => state.columns);\n\n  useMapStyleOperator(\n    (map) => {\n      if (columns == null) {\n        return;\n      }\n      const data: FeatureCollection = {\n        type: \"FeatureCollection\",\n        features: columns,\n      };\n\n      console.log(\" columns\", data);\n      setGeoJSON(map, \"columns\", data);\n    },\n    [columns, enabled],\n  );\n  return null;\n}\n\nconst selectedColumnsStyle: Style = {\n  version: 8,\n  sources: {\n    \"selected-columns\": buildGeoJSONSource(),\n    \"selected-column-centroids\": buildGeoJSONSource(),\n  },\n  layers: [\n    {\n      id: \"selected-columns-fill\",\n      type: \"fill\",\n      source: \"selected-columns\",\n      paint: {\n        \"fill-color\": \"rgba(255, 0, 0, 0.1)\",\n      },\n    },\n    {\n      id: \"selected-column-centroids-line\",\n      type: \"line\",\n      source: \"selected-column-centroids\",\n      paint: {\n        \"line-color\": \"rgba(255, 0, 0, 0.8)\",\n        \"line-width\": 2,\n        \"line-dasharray\": [2, 2],\n      },\n    },\n    {\n      id: \"selected-column-centroids-points\",\n      type: \"circle\",\n      source: \"selected-column-centroids\",\n      paint: {\n        \"circle-radius\": 4,\n        \"circle-color\": \"rgba(255, 0, 0, 0.8)\",\n      },\n    },\n  ],\n};\n\nconst lineOfSectionStyle: Style = {\n  version: 8,\n  sources: {\n    elevationMarker: buildGeoJSONSource(),\n    crossSectionLine: buildGeoJSONSource(),\n    crossSectionEndpoints: buildGeoJSONSource(),\n  },\n  layers: buildCrossSectionLayers(),\n};\n\nfunction SectionLine({ padding }: { padding: number }) {\n  const focusedLine = useCorrelationMapStore((state) => state.focusedLine);\n\n  // Setup focused line\n  useMapStyleOperator(\n    (map) => {\n      if (focusedLine == null) {\n        return;\n      }\n      const data: FeatureCollection = {\n        type: \"FeatureCollection\",\n        features: [\n          {\n            type: \"Feature\",\n            geometry: focusedLine,\n            properties: { id: \"focusedLine\" },\n          },\n        ],\n      };\n\n      setGeoJSON(map, \"crossSectionLine\", data);\n      setGeoJSON(map, \"crossSectionEndpoints\", {\n        type: \"FeatureCollection\",\n        features: focusedLine.coordinates.map((coord) => ({\n          type: \"Feature\",\n          geometry: { type: \"Point\", coordinates: coord },\n          properties: {},\n        })),\n      });\n    },\n    [focusedLine],\n  );\n\n  const bounds = useMemo(() => {\n    if (focusedLine == null || focusedLine?.coordinates.length < 2) {\n      return null;\n    }\n    let bounds = new LngLatBounds();\n    for (let coord of focusedLine.coordinates) {\n      bounds.extend(coord);\n    }\n    return bounds;\n  }, [focusedLine]);\n\n  useMapEaseTo({ bounds, padding, trackResize: true });\n\n  return null;\n}\n"],"names":[],"version":3,"file":"column-views.3e1b8c7d.js.map"}
+{"mappings":"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","sources":["packages/column-views/src/maps/column-correlation/core.ts"],"sourcesContent":["import {\n  useMapClickHandler,\n  useMapEaseTo,\n  useMapStyleOperator,\n} from \"@macrostrat/mapbox-react\";\nimport { LngLatBounds, Style } from \"mapbox-gl\";\nimport h from \"@macrostrat/hyper\";\nimport { Feature, FeatureCollection } from \"geojson\";\nimport { ReactNode, useMemo } from \"react\";\nimport { setGeoJSON, buildGeoJSONSource } from \"@macrostrat/mapbox-utils\";\n\nimport { useCorrelationMapStore } from \"./state\";\nimport { buildColumnsStyle, InsetMap, InsetMapProps } from \"../_shared\";\nimport { buildCrossSectionLayers } from \"@macrostrat/map-styles\";\n\nexport interface CorrelationMapProps extends InsetMapProps {\n  padding?: number;\n  children?: ReactNode;\n  accessToken?: string;\n  columnColor?: string;\n}\n\nexport function ColumnCorrelationMap(props: CorrelationMapProps) {\n  const { padding = 50, children, columnColor, ...rest } = props;\n\n  const overlayStyles: Partial<Style>[] = useMemo(() => {\n    return [\n      buildColumnsStyle(columnColor) as Style,\n      selectedColumnsStyle as Style,\n      lineOfSectionStyle as Style,\n    ];\n  }, [columnColor]);\n\n  return h(\n    InsetMap,\n    {\n      ...rest,\n      boxZoom: false,\n      dragRotate: false,\n      overlayStyles,\n    },\n    [\n      h(ColumnsLayer),\n      h(SelectedColumnsLayer),\n      h(MapClickHandler),\n      h(SectionLine, { padding }),\n      children,\n    ],\n  );\n}\n\nfunction MapClickHandler() {\n  const onClickMap = useCorrelationMapStore((state) => state.onClickMap);\n\n  useMapClickHandler(\n    (e) => {\n      onClickMap(e, { type: \"Point\", coordinates: e.lngLat.toArray() });\n    },\n    [onClickMap],\n  );\n\n  return null;\n}\n\nfunction SelectedColumnsLayer() {\n  const focusedColumns = useCorrelationMapStore(\n    (state) => state.focusedColumns,\n  );\n\n  useMapStyleOperator(\n    (map) => {\n      let features = focusedColumns;\n\n      const data: FeatureCollection = {\n        type: \"FeatureCollection\",\n        features,\n      };\n\n      const columnCentroidLine: Feature = {\n        type: \"Feature\",\n        geometry: {\n          type: \"LineString\",\n          coordinates: features.map(\n            (col) => col.properties.centroid.geometry.coordinates,\n          ),\n        },\n        properties: {},\n      };\n\n      setGeoJSON(map, \"selected-columns\", data);\n      setGeoJSON(map, \"selected-column-centroids\", {\n        type: \"FeatureCollection\",\n        features: [columnCentroidLine],\n      });\n    },\n    [focusedColumns],\n  );\n  return null;\n}\n\nfunction ColumnsLayer({ enabled = true }) {\n  const columns = useCorrelationMapStore((state) => state.columns);\n\n  useMapStyleOperator(\n    (map) => {\n      if (columns == null) {\n        return;\n      }\n      const data: FeatureCollection = {\n        type: \"FeatureCollection\",\n        features: columns,\n      };\n\n      console.log(\" columns\", data);\n      setGeoJSON(map, \"columns\", data);\n    },\n    [columns, enabled],\n  );\n  return null;\n}\n\nconst selectedColumnsStyle: Style = {\n  version: 8,\n  sources: {\n    \"selected-columns\": buildGeoJSONSource(),\n    \"selected-column-centroids\": buildGeoJSONSource(),\n  },\n  layers: [\n    {\n      id: \"selected-columns-fill\",\n      type: \"fill\",\n      source: \"selected-columns\",\n      paint: {\n        \"fill-color\": \"rgba(255, 0, 0, 0.1)\",\n      },\n    },\n    {\n      id: \"selected-column-centroids-line\",\n      type: \"line\",\n      source: \"selected-column-centroids\",\n      paint: {\n        \"line-color\": \"rgba(255, 0, 0, 0.8)\",\n        \"line-width\": 2,\n        \"line-dasharray\": [2, 2],\n      },\n    },\n    {\n      id: \"selected-column-centroids-points\",\n      type: \"circle\",\n      source: \"selected-column-centroids\",\n      paint: {\n        \"circle-radius\": 4,\n        \"circle-color\": \"rgba(255, 0, 0, 0.8)\",\n      },\n    },\n  ],\n};\n\nconst lineOfSectionStyle: Style = {\n  version: 8,\n  sources: {\n    elevationMarker: buildGeoJSONSource(),\n    crossSectionLine: buildGeoJSONSource(),\n    crossSectionEndpoints: buildGeoJSONSource(),\n  },\n  layers: buildCrossSectionLayers(),\n};\n\nfunction SectionLine({ padding }: { padding: number }) {\n  const focusedLine = useCorrelationMapStore((state) => state.focusedLine);\n\n  // Setup focused line\n  useMapStyleOperator(\n    (map) => {\n      if (focusedLine == null) {\n        return;\n      }\n      const data: FeatureCollection = {\n        type: \"FeatureCollection\",\n        features: [\n          {\n            type: \"Feature\",\n            geometry: focusedLine,\n            properties: { id: \"focusedLine\" },\n          },\n        ],\n      };\n\n      setGeoJSON(map, \"crossSectionLine\", data);\n      setGeoJSON(map, \"crossSectionEndpoints\", {\n        type: \"FeatureCollection\",\n        features: focusedLine.coordinates.map((coord) => ({\n          type: \"Feature\",\n          geometry: { type: \"Point\", coordinates: coord },\n          properties: {},\n        })),\n      });\n    },\n    [focusedLine],\n  );\n\n  const bounds = useMemo(() => {\n    if (focusedLine == null || focusedLine?.coordinates.length < 2) {\n      return null;\n    }\n    let bounds = new LngLatBounds();\n    for (let coord of focusedLine.coordinates) {\n      bounds.extend(coord);\n    }\n    return bounds;\n  }, [focusedLine]);\n\n  useMapEaseTo({ bounds, padding, trackResize: true });\n\n  return null;\n}\n"],"names":[],"version":3,"file":"column-views.f0b0fc56.js.map"}

package/dist/esm/{column-views.e84bd756.js → column-views.faacfc3c.js}

@@ -1,8 +1,8 @@
-import {useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./column-views.4fd4ec92.js";
+import {useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./column-views.4ed90896.js";
 import "./column-views.1151416d.css";
 import $kIqD4$columnviews6e7082dbjs from "./column-views.6e7082db.js";
 import {getUnitHeightRange as $b6657fba8924a702$export$70e712e2ac0237a} from "./column-views.54f8b909.js";
-import {ColumnNotes as $9e52fe4012c88296$export$fc5babae10f3f77d} from "./column-views.83395185.js";
+import {ColumnNotes as $9e52fe4012c88296$export$fc5babae10f3f77d} from "./column-views.787d7696.js";
 import {useCallback as $kIqD4$useCallback, useMemo as $kIqD4$useMemo} from "react";
 import $kIqD4$macrostrathyper from "@macrostrat/hyper";
 
@@ -89,4 +89,4 @@ function $c6d9d48b3424a44c$export$653e47a7a0da0f0d({ data: data, className: clas
 
 
 export {$c6d9d48b3424a44c$export$ce5c4f2fdf4e644d as BaseMeasurementsColumn, $c6d9d48b3424a44c$export$653e47a7a0da0f0d as TruncatedList};
-//# sourceMappingURL=column-views.e84bd756.js.map
+//# sourceMappingURL=column-views.faacfc3c.js.map

package/dist/esm/{column-views.e84bd756.js.map → column-views.faacfc3c.js.map}

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;AAMA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,uEAAK;AAarB,SAAS,0CAAuB,QACrC,IAAI,iBACJ,aAAa,SACb,QAAQ,kBACR,cAAc,eACd,SAAS,aACT,YAAY,CAAC,IAAM,EAAE,OAAO,gBAC5B,YAAY,EACqB;IACjC,MAAM,YAAE,QAAQ,SAAE,KAAK,EAAE,GAAG,CAAA,GAAA,yCAAsB;IAElD,MAAM,gBACJ,gBACA,CAAA,GAAA,kBAAU,EACR,CAAC;QACC,OAAO,CAAC;YACN,OAAO,UAAU,OAAO,GAAG,OAAO;QACpC;IACF,GACA;QAAC;KAAU;IAGf,MAAM,QAAe,CAAA,GAAA,cAAM,EAAE;QAC3B,IAAI,QAAQ,QAAQ,SAAS,MAAM,OAAO,EAAE;QAC5C,IAAI,cAAc,MAAM,IAAI,CAAC,KAAK,MAAM,IACrC,GAAG,CAAC,CAAC;YACJ,OAAO;gBACL,MAAM;gBACN,MAAM,MAAM,IAAI,CAAC,cAAc;YACjC;QACF,GACC,MAAM,CAAC,CAAC,IAAM,EAAE,IAAI,IAAI;QAE3B,YAAY,IAAI,CAAC,CAAC,GAAG;YACnB,MAAM,KAAK,MAAM,OAAO,CAAC,EAAE,IAAI;YAC/B,MAAM,KAAK,MAAM,OAAO,CAAC,EAAE,IAAI;YAC/B,OAAO,KAAK;QACd;QAEA,OAAO,YAAY,GAAG,CAAC,CAAC;YACtB,MAAM,QAAE,IAAI,QAAE,IAAI,EAAE,GAAG;YACvB,MAAM,cAAc,CAAA,GAAA,wCAAiB,EAAE,MAAM;YAE7C,OAAO;gBACL,YAAY,WAAW,CAAC,EAAE;gBAC1B,QAAQ,WAAW,CAAC,EAAE;sBACtB;sBACA;gBACA,IAAI,KAAK,OAAO;YAClB;QACF;IACF,GAAG;QAAC;QAAM;QAAO;KAAa;IAE9B,IAAI,QAAQ,QAAQ,SAAS,MAAM,OAAO;IAE1C,OAAO,wBACL,OACA;mBAAE;IAAU,GACZ,wBAAE,CAAA,GAAA,yCAAU,GAAG;eACb;qBACA;eACA;uBACA;IACF;AAEJ;AASO,SAAS,0CAAc,QAC5B,IAAI,aACJ,SAAS,YACT,WAAW,iBACX,eAAe,CAAC,IAAM,wBAAE,QAAQ,EAAE,IAAI,GACnB;IACnB,IAAI,UAAU;IACd,IAAI,KAAK;IACT,IAAI,KAAK,MAAM,GAAG,UAAU;QAC1B,MAAM,IAAI,KAAK,MAAM,GAAG;QACxB,KAAK,KAAK,KAAK,CAAC,GAAG;QACnB,UAAU,wBAAE,eAAe,CAAC,IAAI,EAAE,EAAE,KAAK,CAAC;IAC5C;IAEA,OAAO,wBAAE,qBAAqB;mBAAE;IAAU,GAAG;QAC3C,GAAG,GAAG,CAAC,CAAC,GAAG;YACT,OAAO,wBAAE,cAAc;gBAAE,KAAK;YAAE,GAAG,wBAAE,cAAc;gBAAE,MAAM;YAAE;QAC/D;QACA;KACD;AACH","sources":["packages/column-views/src/facets/base-sample-column.ts"],"sourcesContent":["import { useMacrostratColumnData } from \"../data-provider\";\nimport { useCallback, useMemo } from \"react\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./base-sample-column.module.sass\";\nimport { getUnitHeightRange } from \"../prepare-units\";\nimport { ColumnNotes } from \"../notes\";\nconst h = hyper.styled(styles);\n\nexport interface BaseMeasurementsColumnProps<T> {\n  data: T[];\n  noteComponent?: any;\n  width?: number;\n  paddingLeft?: number;\n  className?: string;\n  // TODO: these props are confusing\n  getUnitID?: (d: T) => number | string;\n  matchingUnit?: (dz: T) => (d: any) => boolean;\n}\n\nexport function BaseMeasurementsColumn({\n  data,\n  noteComponent,\n  width = 500,\n  paddingLeft = 40,\n  className,\n  getUnitID = (d) => d.unit_id,\n  matchingUnit,\n}: BaseMeasurementsColumnProps<any>) {\n  const { axisType, units } = useMacrostratColumnData();\n\n  const _matchingUnit =\n    matchingUnit ??\n    useCallback(\n      (dz) => {\n        return (d) => {\n          return getUnitID(d) === dz.unit_id;\n        };\n      },\n      [getUnitID],\n    );\n\n  const notes: any[] = useMemo(() => {\n    if (data == null || units == null) return [];\n    let unitRefData = Array.from(data.values())\n      .map((d) => {\n        return {\n          data: d,\n          unit: units.find(_matchingUnit(d)),\n        };\n      })\n      .filter((d) => d.unit != null);\n\n    unitRefData.sort((a, b) => {\n      const v1 = units.indexOf(a.unit);\n      const v2 = units.indexOf(b.unit);\n      return v1 - v2;\n    });\n\n    return unitRefData.map((d) => {\n      const { unit, data } = d;\n      const heightRange = getUnitHeightRange(unit, axisType);\n\n      return {\n        top_height: heightRange[1],\n        height: heightRange[0],\n        data,\n        unit,\n        id: unit.unit_id,\n      };\n    });\n  }, [data, units, matchingUnit]);\n\n  if (data == null || units == null) return null;\n\n  return h(\n    \"div\",\n    { className },\n    h(ColumnNotes, {\n      width,\n      paddingLeft,\n      notes,\n      noteComponent,\n    }),\n  );\n}\n\ninterface TruncatedListProps {\n  data: any[];\n  className?: string;\n  maxItems?: number;\n  itemRenderer?: (props: { data: any }) => any;\n}\n\nexport function TruncatedList({\n  data,\n  className,\n  maxItems = 5,\n  itemRenderer = (p) => h(\"span\", p.data),\n}: TruncatedListProps) {\n  let tooMany = null;\n  let d1 = data;\n  if (data.length > maxItems) {\n    const n = data.length - maxItems;\n    d1 = data.slice(0, maxItems);\n    tooMany = h(\"li.too-many\", `and ${n} more`);\n  }\n\n  return h(\"ul.truncated-list\", { className }, [\n    d1.map((d, i) => {\n      return h(\"li.element\", { key: i }, h(itemRenderer, { data: d }));\n    }),\n    tooMany,\n  ]);\n}\n"],"names":[],"version":3,"file":"column-views.e84bd756.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;AAMA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,uEAAK;AAarB,SAAS,0CAAuB,QACrC,IAAI,iBACJ,aAAa,SACb,QAAQ,kBACR,cAAc,eACd,SAAS,aACT,YAAY,CAAC,IAAM,EAAE,OAAO,gBAC5B,YAAY,EACqB;IACjC,MAAM,YAAE,QAAQ,SAAE,KAAK,EAAE,GAAG,CAAA,GAAA,yCAAsB;IAElD,MAAM,gBACJ,gBACA,CAAA,GAAA,kBAAU,EACR,CAAC;QACC,OAAO,CAAC;YACN,OAAO,UAAU,OAAO,GAAG,OAAO;QACpC;IACF,GACA;QAAC;KAAU;IAGf,MAAM,QAAe,CAAA,GAAA,cAAM,EAAE;QAC3B,IAAI,QAAQ,QAAQ,SAAS,MAAM,OAAO,EAAE;QAC5C,IAAI,cAAc,MAAM,IAAI,CAAC,KAAK,MAAM,IACrC,GAAG,CAAC,CAAC;YACJ,OAAO;gBACL,MAAM;gBACN,MAAM,MAAM,IAAI,CAAC,cAAc;YACjC;QACF,GACC,MAAM,CAAC,CAAC,IAAM,EAAE,IAAI,IAAI;QAE3B,YAAY,IAAI,CAAC,CAAC,GAAG;YACnB,MAAM,KAAK,MAAM,OAAO,CAAC,EAAE,IAAI;YAC/B,MAAM,KAAK,MAAM,OAAO,CAAC,EAAE,IAAI;YAC/B,OAAO,KAAK;QACd;QAEA,OAAO,YAAY,GAAG,CAAC,CAAC;YACtB,MAAM,QAAE,IAAI,QAAE,IAAI,EAAE,GAAG;YACvB,MAAM,cAAc,CAAA,GAAA,wCAAiB,EAAE,MAAM;YAE7C,OAAO;gBACL,YAAY,WAAW,CAAC,EAAE;gBAC1B,QAAQ,WAAW,CAAC,EAAE;sBACtB;sBACA;gBACA,IAAI,KAAK,OAAO;YAClB;QACF;IACF,GAAG;QAAC;QAAM;QAAO;KAAa;IAE9B,IAAI,QAAQ,QAAQ,SAAS,MAAM,OAAO;IAE1C,OAAO,wBACL,OACA;mBAAE;IAAU,GACZ,wBAAE,CAAA,GAAA,yCAAU,GAAG;eACb;qBACA;eACA;uBACA;IACF;AAEJ;AASO,SAAS,0CAAc,QAC5B,IAAI,aACJ,SAAS,YACT,WAAW,iBACX,eAAe,CAAC,IAAM,wBAAE,QAAQ,EAAE,IAAI,GACnB;IACnB,IAAI,UAAU;IACd,IAAI,KAAK;IACT,IAAI,KAAK,MAAM,GAAG,UAAU;QAC1B,MAAM,IAAI,KAAK,MAAM,GAAG;QACxB,KAAK,KAAK,KAAK,CAAC,GAAG;QACnB,UAAU,wBAAE,eAAe,CAAC,IAAI,EAAE,EAAE,KAAK,CAAC;IAC5C;IAEA,OAAO,wBAAE,qBAAqB;mBAAE;IAAU,GAAG;QAC3C,GAAG,GAAG,CAAC,CAAC,GAAG;YACT,OAAO,wBAAE,cAAc;gBAAE,KAAK;YAAE,GAAG,wBAAE,cAAc;gBAAE,MAAM;YAAE;QAC/D;QACA;KACD;AACH","sources":["packages/column-views/src/facets/base-sample-column.ts"],"sourcesContent":["import { useMacrostratColumnData } from \"../data-provider\";\nimport { useCallback, useMemo } from \"react\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./base-sample-column.module.sass\";\nimport { getUnitHeightRange } from \"../prepare-units\";\nimport { ColumnNotes } from \"../notes\";\nconst h = hyper.styled(styles);\n\nexport interface BaseMeasurementsColumnProps<T> {\n  data: T[];\n  noteComponent?: any;\n  width?: number;\n  paddingLeft?: number;\n  className?: string;\n  // TODO: these props are confusing\n  getUnitID?: (d: T) => number | string;\n  matchingUnit?: (dz: T) => (d: any) => boolean;\n}\n\nexport function BaseMeasurementsColumn({\n  data,\n  noteComponent,\n  width = 500,\n  paddingLeft = 40,\n  className,\n  getUnitID = (d) => d.unit_id,\n  matchingUnit,\n}: BaseMeasurementsColumnProps<any>) {\n  const { axisType, units } = useMacrostratColumnData();\n\n  const _matchingUnit =\n    matchingUnit ??\n    useCallback(\n      (dz) => {\n        return (d) => {\n          return getUnitID(d) === dz.unit_id;\n        };\n      },\n      [getUnitID],\n    );\n\n  const notes: any[] = useMemo(() => {\n    if (data == null || units == null) return [];\n    let unitRefData = Array.from(data.values())\n      .map((d) => {\n        return {\n          data: d,\n          unit: units.find(_matchingUnit(d)),\n        };\n      })\n      .filter((d) => d.unit != null);\n\n    unitRefData.sort((a, b) => {\n      const v1 = units.indexOf(a.unit);\n      const v2 = units.indexOf(b.unit);\n      return v1 - v2;\n    });\n\n    return unitRefData.map((d) => {\n      const { unit, data } = d;\n      const heightRange = getUnitHeightRange(unit, axisType);\n\n      return {\n        top_height: heightRange[1],\n        height: heightRange[0],\n        data,\n        unit,\n        id: unit.unit_id,\n      };\n    });\n  }, [data, units, matchingUnit]);\n\n  if (data == null || units == null) return null;\n\n  return h(\n    \"div\",\n    { className },\n    h(ColumnNotes, {\n      width,\n      paddingLeft,\n      notes,\n      noteComponent,\n    }),\n  );\n}\n\ninterface TruncatedListProps {\n  data: any[];\n  className?: string;\n  maxItems?: number;\n  itemRenderer?: (props: { data: any }) => any;\n}\n\nexport function TruncatedList({\n  data,\n  className,\n  maxItems = 5,\n  itemRenderer = (p) => h(\"span\", p.data),\n}: TruncatedListProps) {\n  let tooMany = null;\n  let d1 = data;\n  if (data.length > maxItems) {\n    const n = data.length - maxItems;\n    d1 = data.slice(0, maxItems);\n    tooMany = h(\"li.too-many\", `and ${n} more`);\n  }\n\n  return h(\"ul.truncated-list\", { className }, [\n    d1.map((d, i) => {\n      return h(\"li.element\", { key: i }, h(itemRenderer, { data: d }));\n    }),\n    tooMany,\n  ]);\n}\n"],"names":[],"version":3,"file":"column-views.faacfc3c.js.map"}

package/dist/esm/index.d.ts

@@ -1,10 +1,11 @@
 import { UnitLong, BaseUnit, ColumnGeoJSONRecord, MacrostratRef, StratName, ColumnGeoJSONRecordWithID, Environment, Interval } from "@macrostrat/api-types";
 import { ScaleContinuousNumeric } from "d3-scale";
-import React, { ReactNode, RefObject, ProviderProps, FunctionComponentElement, Context, DOMAttributes, DOMElement, JSXElementConstructor, ReactElement, DetailedReactHTMLElement, FunctionComponent, HTMLAttributes, CSSProperties, JSX, ElementType, MutableRefObject, InputHTMLAttributes } from "react";
-import { StoreApi } from "zustand";
+import React, { ReactNode, FunctionComponentElement, Context, ProviderProps as _ProviderProps1, RefObject, DOMAttributes, DOMElement, JSXElementConstructor, ReactElement, DetailedReactHTMLElement, FunctionComponent, HTMLAttributes, CSSProperties, JSX, ElementType, MutableRefObject, InputHTMLAttributes } from "react";
+import { WritableAtom } from "jotai";
 import { APIConfig, APIConfigOptions } from "@macrostrat/ui-components";
 import { AxiosRequestConfig, AxiosInstance } from "axios";
 import { ColumnDivision, ColumnProviderProps, LithologyColumnProps, ColumnCtx } from "@macrostrat/column-components";
+import { StoreApi } from "zustand";
 import { UnitDetailsFeature as _UnitDetailsFeature1, MacrostratColumnDataContext as _MacrostratColumnDataContext1, ColumnContainerProps as _ColumnContainerProps1, BaseMeasurementsColumnProps as _BaseMeasurementsColumnProps1 } from "column-views/src";
 import { LithologyTagFeature as _LithologyTagFeature1 } from "data-components/src";
 import { UnitLong as _UnitLong1 } from "api-types/src";
@@ -181,35 +182,6 @@ export function getUnitHeightRange(unit: PossiblyClippedUnit, axisType: ColumnAx
 export const createUnitSorter: (axisType: ColumnAxisType) => (a: BaseUnit, b: BaseUnit) => number;
 export function ensureArray<T>(x: T | T[]): T[];
 export function ensureRealFloat(x: number | string | null): number | null;
-type UnitSelectDispatch = (unit: number | BaseUnit | null, target: HTMLElement | null, event: Event | null) => void;
-export function useUnitSelectionDispatch(): UnitSelectDispatch;
-export function useUnitSelectionStore<T>(selector: (state: UnitSelectionStore) => T): T;
-export function useSelectedUnit(): BaseUnit;
-interface UnitSelectionStore {
-    selectedUnit: number | null;
-    selectedUnitData: BaseUnit | null;
-    overlayPosition: RectBounds | null;
-    onUnitSelected: UnitSelectDispatch;
-    setSelectedUnit: (unit: number | null) => void;
-}
-export interface ColumnClickData {
-    unitID: number | null;
-    unit: BaseUnit | null;
-    target: HTMLElement | null;
-    height: number;
-}
-export function UnitSelectionProvider<T extends BaseUnit>(props: {
-    children: ReactNode;
-    columnRef?: RefObject<HTMLElement>;
-    units: T[];
-    selectedUnit: number | null;
-    onClickedColumn?: (columnClickData: ColumnClickData, event: Event) => void;
-    onUnitSelected?: (unitID: number | null, unit: T | null) => void;
-}): FunctionComponentElement<ProviderProps<StoreApi<UnitSelectionStore>>>;
-export function useUnitSelectionTarget(unit: IUnit): [React.RefObject<HTMLElement>, boolean, (evt: Event) => void];
-export function UnitKeyboardNavigation<T extends BaseUnit>({ units, }: {
-    units: T[];
-}): any;
 declare function defaultFetch(url: string, options?: RequestInit | undefined): Promise<Response>;
 export type ColumnStatusCode = "in process" | "active" | "obsolete";
 export interface ColumnFetchOptions {
@@ -247,6 +219,14 @@ interface _CompositeColumnScale1 {
 export function preprocessUnits<T extends UnitLong = UnitLong>(section: SectionInfo<T>, axisType?: ColumnAxisType): ExtUnit[];
 export function usePreparedColumnUnits(data: UnitLong[], options: PrepareColumnOptions): PreparedColumnData;
 export function prepareColumnUnits(units: UnitLong[], options: PrepareColumnOptions): PreparedColumnData;
+type ProviderProps = {
+    children: ReactNode;
+    initialValues?: Iterable<[WritableAtom<any, any, any>, any]>;
+};
+export function MacrostratColumnStateProvider({ children, units, }: {
+    children: ReactNode;
+    units: ExtUnit[];
+}): FunctionComponentElement<ProviderProps>;
 export interface MacrostratColumnDataContext {
     units: ExtUnit[];
     sections: PackageLayoutData[];
@@ -255,7 +235,10 @@ export interface MacrostratColumnDataContext {
 }
 export function MacrostratColumnDataProvider({ children, units, sections, totalHeight, axisType, }: MacrostratColumnDataContext & {
     children: ReactNode;
-}): FunctionComponentElement<ProviderProps<MacrostratColumnDataContext>>;
+}): FunctionComponentElement<{
+    children: ReactNode;
+    units: ExtUnit[];
+}>;
 export function useMacrostratColumnData(): MacrostratColumnDataContext;
 export function useMacrostratUnits(): ExtUnit[];
 export function useColumnUnitsMap(): Map<number, ExtUnit> | null;
@@ -331,7 +314,36 @@ export function useColumnNav(defaultArgs?: ColumnArgs): ColumnManagerData;
 export function ColumnNavProvider({ children, ...defaultArgs }: {
     [x: string]: any;
     children: any;
-}): FunctionComponentElement<ProviderProps<ColumnManagerData>>;
+}): FunctionComponentElement<_ProviderProps1<ColumnManagerData>>;
+type UnitSelectDispatch = (unit: number | BaseUnit | null, target: HTMLElement | null, event: Event | null) => void;
+export function useUnitSelectionDispatch(): UnitSelectDispatch;
+export function useUnitSelectionStore<T>(selector: (state: UnitSelectionStore) => T): T;
+export function useSelectedUnit(): BaseUnit;
+interface UnitSelectionStore {
+    selectedUnit: number | null;
+    selectedUnitData: BaseUnit | null;
+    overlayPosition: RectBounds | null;
+    onUnitSelected: UnitSelectDispatch;
+    setSelectedUnit: (unit: number | null) => void;
+}
+export interface ColumnClickData {
+    unitID: number | null;
+    unit: BaseUnit | null;
+    target: HTMLElement | null;
+    height: number;
+}
+export function UnitSelectionProvider<T extends BaseUnit>(props: {
+    children: ReactNode;
+    columnRef?: RefObject<HTMLElement>;
+    units: T[];
+    selectedUnit: number | null;
+    onClickedColumn?: (columnClickData: ColumnClickData, event: Event) => void;
+    onUnitSelected?: (unitID: number | null, unit: T | null) => void;
+}): FunctionComponentElement<_ProviderProps1<StoreApi<UnitSelectionStore>>>;
+export function useUnitSelectionTarget(unit: IUnit): [React.RefObject<HTMLElement>, boolean, (evt: Event) => void];
+export function UnitKeyboardNavigation<T extends BaseUnit>({ units, }: {
+    units: T[];
+}): any;
 interface KeyOptions {
     key?: string;
     id_key?: string;
@@ -351,7 +363,7 @@ interface LabeledUnitProps extends UnitRectOptions, Clickable, Partial<RectBound
     showLabel?: boolean;
     backgroundColor?: string;
 }
-export function LabelTrackerProvider(props: any): FunctionComponentElement<ProviderProps<any>>;
+export function LabelTrackerProvider(props: any): FunctionComponentElement<_ProviderProps1<any>>;
 export function TrackedLabeledUnit({ division, nameForDivision, ...rest }: {
     [x: string]: any;
     division: any;
@@ -392,7 +404,7 @@ export interface CompositeColumnScale {
     copy(): CompositeColumnScale;
     domain(): number[];
 }
-export function ColumnNotesProvider(props: any): FunctionComponentElement<ProviderProps<ColumnCtx<ColumnDivision>>>;
+export function ColumnNotesProvider(props: any): FunctionComponentElement<_ProviderProps1<ColumnCtx<ColumnDivision>>>;
 export function UnitsColumn({ width }: {
     width?: number;
 }): FunctionComponentElement<LithologyColumnProps>;
@@ -782,7 +794,7 @@ export interface CorrelationProviderProps extends CorrelationMapInput {
 type ComputedStore = {
     focusedColumns: FocusedColumnGeoJSONRecord[];
 };
-export function ColumnCorrelationProvider({ children, columns, projectID, inProcess, focusedLine, onSelectColumns, }: CorrelationProviderProps): FunctionComponentElement<ProviderProps<StoreApi<CorrelationMapStore>>>;
+export function ColumnCorrelationProvider({ children, columns, projectID, inProcess, focusedLine, onSelectColumns, }: CorrelationProviderProps): FunctionComponentElement<_ProviderProps1<StoreApi<CorrelationMapStore>>>;
 export function useCorrelationMapStore(selector: (state: CorrelationMapStore & ComputedStore) => any): any;
 interface FocusedColumnGeoJSONRecord extends ColumnGeoJSONRecord {
     properties: {
@@ -911,7 +923,7 @@ export function DetritalGroup(props: DetritalItemProps): ReactElement<{
     className: string;
 }, string | JSXElementConstructor<any>>;
 export const MeasurementDataContext: Context<any>;
-export function MeasurementDataProvider(props: any): FunctionComponentElement<ProviderProps<any>>;
+export function MeasurementDataProvider(props: any): FunctionComponentElement<_ProviderProps1<any>>;
 export const useMeasurementData: () => any;
 interface DataAreaProps {
     clipY: boolean;