@macrostrat/column-views 1.0.2 → 2.0.0

package/dist/esm/units.361088d4.js

@@ -1,42 +0,0 @@
-import {UnitNamesColumn as $bc17276da4abb183$export$594d19cdd88f8c16} from "./names.f6a4e9a4.js";
-import {UnitBoxes as $d254716a820e9c85$export$5d1cdfabe8dc8085} from "./boxes.13968b76.js";
-import {TrackedLabeledUnit as $8c8238faa5cde49c$export$f613830566442374, AnnotatedUnitsColumn as $8c8238faa5cde49c$export$d8c3f2fdd653a082, CompositeUnitsColumn as $8c8238faa5cde49c$export$a6684360fef0406e, CompositeUnitComponent as $8c8238faa5cde49c$export$1dfa200d57964eee} from "./composite.608a4ca2.js";
-import {MacrostratAxisKey as $faf1eba02aecac6a$export$6d217bb9de27dba7, transformAxisType as $faf1eba02aecac6a$export$ab2a19f8a72df19b} from "./types.f016e032.js";
-import {useUnitSelectionDispatch as $4d5d1c15f39f6a14$export$77a278d5ca56e309, useSelectedUnit as $4d5d1c15f39f6a14$export$f0dd93f90aa8e5da, UnitSelectionProvider as $4d5d1c15f39f6a14$export$f19d75b1d4b676a4, useColumnNav as $4d5d1c15f39f6a14$export$91cb5ac808759b34, ColumnNavProvider as $4d5d1c15f39f6a14$export$36fed9e0f93a8fde, UnitKeyboardNavigation as $4d5d1c15f39f6a14$export$70f5ee19650fc7d1} from "./selection.bbf26d0e.js";
-import $7H3th$macrostrathyper from "@macrostrat/hyper";
-import {LithologyColumn as $7H3th$LithologyColumn} from "@macrostrat/column-components";
-
-
-
-
-
-
-
-
-const $4c8184c4a7317749$export$3750278673318c9a = ({ width: width = 100 })=>{
-    /*
-  A column showing units with USGS color fill
-  */ return (0, $7H3th$macrostrathyper)((0, $7H3th$LithologyColumn), {
-        width: width
-    }, (0, $7H3th$macrostrathyper)((0, $d254716a820e9c85$export$5d1cdfabe8dc8085)));
-};
-const $4c8184c4a7317749$export$2006342ddaa547c6 = (props)=>{
-    /*
-  A column with units and names either
-  overlapping or offset to the right
-  */ const { columnWidth: columnWidth, width: width, gutterWidth: gutterWidth = 0, labelOffset: labelOffset = 30 } = props;
-    return (0, $7H3th$macrostrathyper)([
-        (0, $7H3th$macrostrathyper)($4c8184c4a7317749$export$3750278673318c9a, {
-            width: columnWidth
-        }),
-        (0, $7H3th$macrostrathyper)((0, $bc17276da4abb183$export$594d19cdd88f8c16), {
-            transform: `translate(${columnWidth + gutterWidth})`,
-            paddingLeft: labelOffset,
-            width: width - columnWidth - gutterWidth
-        })
-    ]);
-};
-
-
-export {$4c8184c4a7317749$export$3750278673318c9a as UnitsColumn, $4c8184c4a7317749$export$2006342ddaa547c6 as SimpleUnitsColumn, $8c8238faa5cde49c$export$f613830566442374 as TrackedLabeledUnit, $8c8238faa5cde49c$export$d8c3f2fdd653a082 as AnnotatedUnitsColumn, $8c8238faa5cde49c$export$a6684360fef0406e as CompositeUnitsColumn, $8c8238faa5cde49c$export$1dfa200d57964eee as CompositeUnitComponent, $faf1eba02aecac6a$export$6d217bb9de27dba7 as MacrostratAxisKey, $faf1eba02aecac6a$export$ab2a19f8a72df19b as transformAxisType, $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=units.361088d4.js.map

package/dist/esm/units.361088d4.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;AAMA,MAAM,4CAAc,CAAC,SAAE,QAAQ,KAAK;IAClC;;EAEA,GACA,OAAO,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,sBAAc,GAAG;eAAE;IAAM,GAAG,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,yCAAQ;AACjD;AAEA,MAAM,4CAAoB,CAAC;IACzB;;;EAGA,GACA,MAAM,eAAE,WAAW,SAAE,KAAK,eAAE,cAAc,gBAAG,cAAc,IAAI,GAAG;IAElE,OAAO,CAAA,GAAA,sBAAA,EAAE;QACP,CAAA,GAAA,sBAAA,EAAE,2CAAa;YACb,OAAO;QACT;QACA,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,yCAAc,GAAG;YACjB,WAAW,CAAC,UAAU,EAAE,cAAc,YAAY,CAAC,CAAC;YACpD,aAAa;YACb,OAAO,QAAQ,cAAc;QAC/B;KACD;AACH","sources":["packages/column-views/src/units/index.ts"],"sourcesContent":["import h from \"@macrostrat/hyper\";\nimport { LithologyColumn } from \"@macrostrat/column-components\";\nimport { UnitNamesColumn } from \"./names\";\nimport { ICompositeUnitProps } from \"./composite\";\nimport { UnitBoxes } from \"./boxes\";\n\nconst UnitsColumn = ({ width = 100 }) => {\n  /*\n  A column showing units with USGS color fill\n  */\n  return h(LithologyColumn, { width }, h(UnitBoxes));\n};\n\nconst 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 { UnitsColumn, SimpleUnitsColumn };\nexport * from \"./composite\";\nexport * from \"./types\";\nexport * from \"./selection\";\n"],"names":[],"version":3,"file":"units.361088d4.js.map"}

package/src/helpers.ts

@@ -1,133 +0,0 @@
-import { BaseUnit, UnitLong } from "@macrostrat/api-types";
-import { IUnit } from "./units";
-import { SectionInfo } from "./section";
-import { group } from "d3-array";
-import {
-  AgeRange,
-  compareAgeRanges,
-  AgeRangeRelationship,
-} from "@macrostrat/stratigraphy-utils";
-
-const dt = 0.001;
-
-function unitsOverlap<T extends BaseUnit>(a: T, b: T) {
-  const rel = compareAgeRanges(unitAgeRange(a), unitAgeRange(b), 0.001);
-  return rel != AgeRangeRelationship.Disjoint;
-}
-
-function unitAgeRange<T extends BaseUnit>(unit: T): AgeRange {
-  return [unit.b_age, unit.t_age];
-}
-
-interface ExtUnit extends UnitLong {
-  bottomOverlap: boolean;
-  overlappingUnits: number[];
-  column?: number;
-}
-
-export function extendDivision(
-  unit: UnitLong,
-  i: number,
-  divisions: UnitLong[]
-): ExtUnit {
-  const overlappingUnits = divisions.filter(
-    (d) => d.unit_id != unit.unit_id && unitsOverlap(unit, d)
-  );
-  let bottomOverlap = false;
-  for (const d of overlappingUnits) {
-    if (d.b_age < unit.b_age + dt) bottomOverlap = true;
-  }
-
-  let column = 0;
-  if (overlappingUnits.length == 1) {
-    column = 1;
-  }
-
-  return {
-    ...unit,
-    bottomOverlap,
-    column,
-    overlappingUnits: overlappingUnits.map((d) => d.unit_id),
-  };
-}
-
-export function preprocessUnits(units: UnitLong[]) {
-  let divisions = units.map(extendDivision);
-  for (let d of divisions) {
-    const overlappingUnits = divisions.filter((u) =>
-      d.overlappingUnits.includes(u.unit_id)
-    );
-
-    const maxNOverlapping = Math.max(
-      Math.max(
-        ...d.overlappingUnits.map(
-          (uid) =>
-            divisions.find((u) => u.unit_id == uid).overlappingUnits.length
-        ),
-        0
-      )
-    );
-
-    //d.maxNOverlapping = maxNOverlapping;
-
-    // Overlapping columns
-    const columns = overlappingUnits.map((d) => d.column);
-
-    if (columns.includes(d.column)) {
-      let col = 0;
-      // Go through columns to find a better index
-      while (columns.includes(col)) {
-        col++;
-      }
-      d.column = col;
-    }
-  }
-
-  return divisions;
-}
-
-export function groupUnitsIntoSections(units: IUnit[]): SectionInfo[] {
-  let groups = Array.from(group(units, (d) => d.section_id));
-  return groups.map(([section_id, units]) => {
-    const t_age = Math.min(...units.map((d) => d.t_age));
-    const b_age = Math.max(...units.map((d) => d.b_age));
-    return { section_id, t_age, b_age, units };
-  });
-}
-
-export function _mergeOverlappingSections(
-  sections: SectionInfo[]
-): SectionInfo[] {
-  /** Columns can have sections that overlap in time. Here, we merge overlapping
-   * sections into a single section to correctly render gap-bound packages.
-   */
-  const [firstSection, ...rest] = sections;
-  const newSections = [firstSection];
-  for (const section of rest) {
-    const lastSection = newSections[newSections.length - 1];
-    if (
-      lastSection.b_age < section.t_age ||
-      lastSection.t_age > section.b_age
-    ) {
-      // No overlap, add the section as normal
-      newSections.push(section);
-      continue;
-    }
-    // Overlap, merge the sections
-    lastSection.section_id = [
-      ...ensureArray(lastSection.section_id),
-      ...ensureArray(section.section_id),
-    ];
-    lastSection.units.push(...section.units);
-    lastSection.b_age = Math.max(lastSection.b_age, section.b_age);
-    lastSection.t_age = Math.min(lastSection.t_age, section.t_age);
-  }
-  return newSections;
-}
-
-export function ensureArray<T>(x: T | T[]): T[] {
-  if (Array.isArray(x)) {
-    return x;
-  }
-  return [x];
-}

package/src/providers.ts

@@ -1,34 +0,0 @@
-import h from "@macrostrat/hyper";
-import { ColumnProvider, ColumnAxisType } from "@macrostrat/column-components";
-import { APIProvider } from "@macrostrat/ui-components";
-import { ReactNode } from "react";
-
-export function MacrostratColumnProvider(props) {
-  // A column provider specialized the Macrostrat API
-  return h(ColumnProvider, { axisType: ColumnAxisType.AGE, ...props });
-}
-
-type APIProviderProps = {
-  children: ReactNode;
-  useDev?: boolean;
-  baseURL?: string;
-};
-
-export function MacrostratAPIProvider({
-  children,
-  useDev = false,
-  baseURL,
-}: APIProviderProps) {
-  baseURL ??= useDev
-    ? "https://dev2.macrostrat.org/api/v2"
-    : "https://macrostrat.org/api/v2";
-
-  return h(
-    APIProvider,
-    {
-      baseURL,
-      unwrapResponse: (res) => res.success.data,
-    },
-    children
-  );
-}

package/src/selection-popover.ts

@@ -1,71 +0,0 @@
-import hyper from "@macrostrat/hyper";
-import { Button, Popover } from "@blueprintjs/core";
-import { DOMElement } from "react";
-import styles from "./selection-popover.module.sass";
-import { useSelectedUnit } from "./units";
-import { UnitDetailsPanel } from "./unit-details";
-
-const h = hyper.styled(styles);
-
-export function UnitDetailsPopover({
-  style,
-  children,
-  boundary,
-}: {
-  style: object;
-  children: React.ReactNode;
-  boundary?: DOMElement<any, any>;
-}) {
-  const content = h(LegendPopoverContainer, children);
-
-  return h(
-    "div.popover-main",
-    {
-      style,
-    },
-    h(
-      Popover,
-      // @ts-ignore
-      { content, isOpen: true, usePortal: false, boundary, position: "right" },
-      h("span.popover-target")
-    )
-  );
-}
-
-export function LegendPopoverContainer({ children }) {
-  return h(
-    "div.legend-panel-outer",
-    {
-      onClick(e) {
-        // Stop events from leaking to the parent
-        e.stopPropagation();
-      },
-    },
-    [h("div.legend-info-panel", children)]
-  );
-}
-
-export function UnitSelectionPopover(props) {
-  const { position } = props;
-  const unit = useSelectedUnit();
-  if (unit == null) {
-    return null;
-  }
-
-  return h(
-    "div.unit-popover-container",
-    h(
-      UnitDetailsPopover,
-      {
-        style: {
-          position: "absolute",
-          top: position?.y,
-          width: position?.width,
-          left: position?.x,
-          height: position?.height,
-        },
-      },
-      h(UnitDetailsPanel, { unit })
-    )
-  );
-}

package/src/store.ts

@@ -1,12 +0,0 @@
-import { createContext, useContext } from "react";
-import h from "@macrostrat/hyper";
-
-const MacrostratUnitsContext = createContext(null);
-
-export function MacrostratUnitsProvider({ children, units }) {
-  return h(MacrostratUnitsContext.Provider, { value: units }, children);
-}
-
-export function useMacrostratUnits() {
-  return useContext(MacrostratUnitsContext);
-}

package/src/units/units.scss

@@ -1,16 +0,0 @@
-g.labeled-unit div.unit-name {
-  display: block;
-  width: 100%;
-  height: 100%;
-}
-g.labeled-unit span.label-text {
-  text-align: center;
-}
-@media (prefers-color-scheme: dark) {
-  .lithology-column .frame {
-    stroke: #fff;
-  }
-  g.inner pattern image {
-    filter: invert(100%);
-  }
-}