@macrostrat/column-views 2.4.4 → 3.0.0

package/dist/units/composite.js

@@ -0,0 +1,157 @@
+import { hyperStyled } from "@macrostrat/hyper";
+import { ColumnContext, LithologyColumn, SVG } from "@macrostrat/column-components";
+import { defaultNameFunction, UnitNamesColumn } from "./names.js";
+import { useEffect, useContext, useState, useRef, useCallback, createContext } from "react";
+import { LabeledUnit, UnitBoxes } from "./boxes.js";
+import styles from "./composite.module.sass.js";
+import { useUnitSelectionDispatch } from "../data-provider/unit-selection.js";
+import { useMacrostratColumnData, useCompositeScale } from "../data-provider/store.js";
+const h = hyperStyled(styles);
+const LabelTrackerContext = createContext(null);
+const UnlabeledDivisionsContext = createContext(null);
+const findMacrostratUnitID = (u) => u.unit_id;
+function LabelTrackerProvider(props) {
+  const { children, units, findUnitID = findMacrostratUnitID } = props;
+  const [unlabeledDivisions, setUnlabeledDivisions] = useState(null);
+  const labelTrackerRef = useRef({});
+  const trackLabelVisibility = useCallback(
+    (div, visible) => {
+      const id = findUnitID(div);
+      labelTrackerRef.current[id] = visible;
+      if (Object.keys(labelTrackerRef.current).length == units.length) {
+        setUnlabeledDivisions(
+          // @ts-ignore
+          units.filter((d) => {
+            const id2 = findUnitID(d);
+            return labelTrackerRef.current[id2] == false;
+          })
+        );
+      }
+    },
+    [labelTrackerRef, units, findUnitID]
+  );
+  const value = trackLabelVisibility;
+  return h(
+    LabelTrackerContext.Provider,
+    { value },
+    h(
+      UnlabeledDivisionsContext.Provider,
+      { value: unlabeledDivisions },
+      children
+    )
+  );
+}
+function TrackedLabeledUnit({
+  division,
+  nameForDivision = defaultNameFunction,
+  ...rest
+}) {
+  const trackLabelVisibility = useContext(LabelTrackerContext);
+  return h(LabeledUnit, {
+    division,
+    label: nameForDivision(division),
+    onLabelUpdated(label, visible) {
+      trackLabelVisibility?.(division, visible);
+    },
+    ...rest
+  });
+}
+const CompositeUnitComponent = TrackedLabeledUnit;
+function CompositeUnitsColumn(props) {
+  const {
+    width,
+    unitComponent = TrackedLabeledUnit,
+    unitComponentProps,
+    clipToFrame,
+    ...rest
+  } = props;
+  return h(LithologyColumn, { width, clipToFrame }, [
+    h(UnitBoxes, {
+      unitComponent,
+      unitComponentProps,
+      ...rest
+    })
+  ]);
+}
+function AnnotatedUnitsColumn(props) {
+  useEffect(() => {
+    console.warn(
+      "AnnotatedUnitsColumn is deprecated and currently renders a no-op for transition purposes"
+    );
+  }, []);
+  return null;
+}
+function SectionLabelsColumn(props) {
+  const {
+    width = 300,
+    noteMode = "unlabeled",
+    labelOffset = 30,
+    noteComponent,
+    shouldRenderNote
+  } = props;
+  const { totalHeight, axisType } = useMacrostratColumnData();
+  const _compositeScale = useCompositeScale();
+  const unlabeledUnits = useContext(UnlabeledDivisionsContext);
+  const unitsToLabel = noteMode == "unlabeled" ? unlabeledUnits : void 0;
+  const selectUnit = useUnitSelectionDispatch();
+  return h("div.section-labels-column", [
+    h(
+      ColumnNotesProvider,
+      {
+        units: [],
+        scale: _compositeScale,
+        totalHeight,
+        axisType
+      },
+      h(
+        SVG,
+        {
+          height: totalHeight,
+          innerWidth: width - 4,
+          paddingH: 1,
+          paddingLeft: 3
+        },
+        h(UnitNamesColumn, {
+          divisions: unitsToLabel,
+          paddingLeft: labelOffset,
+          width,
+          noteComponent,
+          shouldRenderNote,
+          scale: _compositeScale,
+          onClickNote(note) {
+            selectUnit(note.data, null, null);
+          }
+        })
+      )
+    )
+  ]);
+}
+function ColumnNotesProvider(props) {
+  const { children, scale, totalHeight, pixelScale } = props;
+  const { axisType } = useMacrostratColumnData();
+  return h(
+    ColumnContext.Provider,
+    {
+      value: {
+        divisions: [],
+        scale,
+        scaleClamped: scale,
+        pixelHeight: totalHeight,
+        pixelsPerMeter: pixelScale,
+        axisType,
+        zoom: 1
+      }
+    },
+    children
+  );
+}
+export {
+  AnnotatedUnitsColumn,
+  ColumnNotesProvider,
+  CompositeUnitComponent,
+  CompositeUnitsColumn,
+  LabelTrackerProvider,
+  SectionLabelsColumn,
+  TrackedLabeledUnit
+};
+//# sourceMappingURL=composite.js.map

package/dist/units/composite.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composite.js","sources":["../../src/units/composite.ts"],"sourcesContent":["import { hyperStyled } from \"@macrostrat/hyper\";\nimport {\n  ColumnContext,\n  LithologyColumn,\n  SVG,\n} from \"@macrostrat/column-components\";\nimport { defaultNameFunction, UnitNamesColumn } from \"./names\";\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { BaseUnit } from \"@macrostrat/api-types\";\nimport { LabeledUnit, UnitBoxes } from \"./boxes\";\nimport styles from \"./composite.module.sass\";\nimport {\n  useCompositeScale,\n  useMacrostratColumnData,\n  useUnitSelectionDispatch,\n} from \"../data-provider\";\n\nconst h = hyperStyled(styles);\n\ninterface LabelTracker {\n  [key: number]: boolean;\n}\n\nconst LabelTrackerContext = createContext(null);\nconst UnlabeledDivisionsContext = createContext(null);\n\nconst findMacrostratUnitID = (u) => u.unit_id;\n\nexport function LabelTrackerProvider(props) {\n  /** Tracker for units to handle state for whether their labels fit inline or not.\n   * Designed to work for single or composite columns.\n   */\n  const { children, units, findUnitID = findMacrostratUnitID } = props;\n  const [unlabeledDivisions, setUnlabeledDivisions] = useState<\n    BaseUnit[] | null\n  >(null);\n  const labelTrackerRef = useRef<LabelTracker>({});\n  const trackLabelVisibility = useCallback(\n    (div, visible) => {\n      const id = findUnitID(div);\n      labelTrackerRef.current[id] = visible;\n      if (Object.keys(labelTrackerRef.current).length == units.length) {\n        setUnlabeledDivisions(\n          // @ts-ignore\n          units.filter((d) => {\n            const id = findUnitID(d);\n            return labelTrackerRef.current[id] == false;\n          }),\n        );\n      }\n    },\n    [labelTrackerRef, units, findUnitID],\n  );\n\n  const value = trackLabelVisibility;\n  return h(\n    LabelTrackerContext.Provider,\n    { value },\n    h(\n      UnlabeledDivisionsContext.Provider,\n      { value: unlabeledDivisions },\n      children,\n    ),\n  );\n}\n\nfunction TrackedLabeledUnit({\n  division,\n  nameForDivision = defaultNameFunction,\n  ...rest\n}) {\n  const trackLabelVisibility = useContext(LabelTrackerContext);\n  return h(LabeledUnit, {\n    division,\n    label: nameForDivision(division),\n    onLabelUpdated(label, visible) {\n      // If there is al LabelTrackerContext, update the label visibility\n      trackLabelVisibility?.(division, visible);\n    },\n    ...rest,\n  });\n}\n\nexport const CompositeUnitComponent = TrackedLabeledUnit;\n\ntype BaseUnitProps = {\n  width: number;\n  showLabels?: boolean;\n  columnWidth?: number;\n  clipToFrame?: boolean;\n};\n\ntype ICompositeUnitProps = BaseUnitProps & {\n  gutterWidth?: number;\n  labelOffset?: number;\n  paddingLeft?: number;\n  nameForDivision?: (division: BaseUnit) => string;\n  children?: React.ReactNode;\n  unitComponent?: React.FC<any>;\n  unitComponentProps?: any;\n  noteMode?: \"labeled\" | \"unlabeled\";\n  showLabelColumn?: boolean;\n  noteComponent?: React.FC<any>;\n  shouldRenderNote?: (d: any) => boolean;\n};\n\ninterface CompositeUnitProps {\n  unitComponent: React.FC<any>;\n  unitComponentProps?: any;\n  width: number;\n  showLabels?: boolean;\n  clipToFrame?: boolean;\n}\n\nexport function CompositeUnitsColumn(props: CompositeUnitProps) {\n  /*\n  A column with units and names either\n  overlapping or offset to the right\n  */\n  const {\n    width,\n    unitComponent = TrackedLabeledUnit,\n    unitComponentProps,\n    clipToFrame,\n    ...rest\n  } = props;\n\n  return h(LithologyColumn, { width, clipToFrame }, [\n    h(UnitBoxes, {\n      unitComponent,\n      unitComponentProps,\n      ...rest,\n    }),\n  ]);\n}\n\nexport function AnnotatedUnitsColumn(props: ICompositeUnitProps) {\n  useEffect(() => {\n    console.warn(\n      \"AnnotatedUnitsColumn is deprecated and currently renders a no-op for transition purposes\",\n    );\n  }, []);\n  return null;\n}\n\nexport function SectionLabelsColumn(props: ICompositeUnitProps) {\n  // Section with \"squishy\" time scale\n  const {\n    width = 300,\n    noteMode = \"unlabeled\",\n    labelOffset = 30,\n    noteComponent,\n    shouldRenderNote,\n  } = props;\n\n  const { totalHeight, axisType } = useMacrostratColumnData();\n  const _compositeScale = useCompositeScale();\n\n  const unlabeledUnits = useContext(UnlabeledDivisionsContext);\n  const unitsToLabel = noteMode == \"unlabeled\" ? unlabeledUnits : undefined;\n\n  const selectUnit = useUnitSelectionDispatch();\n\n  return h(\"div.section-labels-column\", [\n    h(\n      ColumnNotesProvider,\n      {\n        units: [],\n        scale: _compositeScale,\n        totalHeight,\n        axisType,\n      },\n      h(\n        SVG,\n        {\n          height: totalHeight,\n          innerWidth: width - 4,\n          paddingH: 1,\n          paddingLeft: 3,\n        },\n        h(UnitNamesColumn, {\n          divisions: unitsToLabel,\n          paddingLeft: labelOffset,\n          width,\n          noteComponent,\n          shouldRenderNote,\n          scale: _compositeScale,\n          onClickNote(note) {\n            selectUnit(note.data, null, null);\n          },\n        }),\n      ),\n    ),\n  ]);\n}\n\nexport function ColumnNotesProvider(props) {\n  // A fake column axis provider that allows scales to cross\n  const { children, scale, totalHeight, pixelScale } = props;\n\n  const { axisType } = useMacrostratColumnData();\n\n  return h(\n    ColumnContext.Provider,\n    {\n      value: {\n        divisions: [],\n        scale,\n        scaleClamped: scale,\n        pixelHeight: totalHeight,\n        pixelsPerMeter: pixelScale,\n        axisType,\n        zoom: 1,\n      },\n    },\n    children,\n  );\n}\n\nexport { TrackedLabeledUnit, ICompositeUnitProps };\n"],"names":["id"],"mappings":"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"}

package/dist/units/composite.module.sass.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const styles = {
+  "unit-label": "_unit-label_tidbs_1"
+};
+exports.default = styles;
+//# sourceMappingURL=composite.module.sass.cjs.map

package/dist/units/composite.module.sass.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"composite.module.sass.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/units/composite.module.sass.js

@@ -0,0 +1,7 @@
+const styles = {
+  "unit-label": "_unit-label_tidbs_1"
+};
+export {
+  styles as default
+};
+//# sourceMappingURL=composite.module.sass.js.map

package/dist/units/composite.module.sass.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composite.module.sass.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/units/index.cjs

@@ -0,0 +1,117 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const h = require("@macrostrat/hyper");
+const columnComponents = require("@macrostrat/column-components");
+const names = require("./names.cjs");
+const boxes = require("./boxes.cjs");
+const uiComponents = require("@macrostrat/ui-components");
+const colors = require("./colors.cjs");
+const composite = require("./composite.cjs");
+const React = require("react");
+const resolvers = require("./resolvers.cjs");
+const base = require("../data-provider/base.cjs");
+function UnitsColumn({ width = 100 }) {
+  return h(columnComponents.LithologyColumn, { width }, h(boxes.UnitBoxes));
+}
+function SimpleUnitsColumn(props) {
+  const { columnWidth, width, gutterWidth = 0, labelOffset = 30 } = props;
+  return h([
+    h(UnitsColumn, {
+      width: columnWidth
+    }),
+    h(names.UnitNamesColumn, {
+      transform: `translate(${columnWidth + gutterWidth})`,
+      paddingLeft: labelOffset,
+      width: width - columnWidth - gutterWidth
+    })
+  ]);
+}
+function BasicUnitComponent({ division, ...rest }) {
+  return h(UnitComponent, {
+    division,
+    ...rest,
+    backgroundColor: division.color,
+    patternID: division.patternID
+  });
+}
+function UnitComponent({ division, nColumns = 2, ...rest }) {
+  const width = rest.width ?? columnComponents.useColumnLayout()?.width;
+  const nOverlappingUnits = division.overlappingUnits?.length ?? 0;
+  const _nColumns = nOverlappingUnits == 0 ? 1 : nColumns;
+  const columnIx = (division.column ?? 0) % _nColumns;
+  const reducedWidth = width / _nColumns;
+  const x = columnIx * width / _nColumns;
+  return h(composite.TrackedLabeledUnit, {
+    division,
+    ...rest,
+    width: reducedWidth,
+    x
+  });
+}
+function useUnitColor(unit, opts = {}) {
+  const lithMap = base.useLithologies();
+  const inDarkMode = uiComponents.useInDarkMode();
+  const { asBackground = true } = opts;
+  return React.useMemo(() => {
+    if (unit == null || lithMap == null) return null;
+    return colors.getMixedUnitColor(unit, lithMap, inDarkMode, asBackground);
+  }, [unit?.unit_id, lithMap, inDarkMode, asBackground]);
+}
+function ColoredUnitComponent(props) {
+  const backgroundColor = useUnitColor(props.division);
+  const patternID = React.useMemo(() => {
+    return resolvers.resolveID(props.division);
+  }, [props.division?.unit_id]);
+  const fill = columnComponents.useGeologicPattern(patternID);
+  return h(UnitComponent, {
+    fill,
+    backgroundColor,
+    ...props
+  });
+}
+function useUnitColorByEnvironment(unit, opts = {}) {
+  const environmentMap = base.useEnvironments();
+  const lithMap = base.useLithologies();
+  const inDarkMode = uiComponents.useInDarkMode();
+  const { asBackground = true } = opts;
+  return React.useMemo(() => {
+    if (unit == null || environmentMap == null) return null;
+    let c = colors.getMixedUnitColor(unit, environmentMap, inDarkMode, asBackground, {
+      key: "environ",
+      id_key: "environ_id"
+    });
+    if (c != null) {
+      return c;
+    }
+    return colors.getMixedUnitColor(unit, lithMap, inDarkMode, asBackground);
+  }, [unit?.unit_id, environmentMap, lithMap, inDarkMode, asBackground]);
+}
+function EnvironmentColoredUnitComponent(props) {
+  const backgroundColor = useUnitColorByEnvironment(props.division);
+  const patternID = React.useMemo(() => {
+    return resolvers.resolveID(props.division);
+  }, [props.division?.unit_id]);
+  const fill = columnComponents.useGeologicPattern(patternID);
+  return h(UnitComponent, {
+    fill,
+    backgroundColor,
+    ...props
+  });
+}
+exports.getMixedUnitColor = colors.getMixedUnitColor;
+exports.AnnotatedUnitsColumn = composite.AnnotatedUnitsColumn;
+exports.ColumnNotesProvider = composite.ColumnNotesProvider;
+exports.CompositeUnitComponent = composite.CompositeUnitComponent;
+exports.CompositeUnitsColumn = composite.CompositeUnitsColumn;
+exports.LabelTrackerProvider = composite.LabelTrackerProvider;
+exports.SectionLabelsColumn = composite.SectionLabelsColumn;
+exports.TrackedLabeledUnit = composite.TrackedLabeledUnit;
+exports.BasicUnitComponent = BasicUnitComponent;
+exports.ColoredUnitComponent = ColoredUnitComponent;
+exports.EnvironmentColoredUnitComponent = EnvironmentColoredUnitComponent;
+exports.SimpleUnitsColumn = SimpleUnitsColumn;
+exports.UnitComponent = UnitComponent;
+exports.UnitsColumn = UnitsColumn;
+exports.useUnitColor = useUnitColor;
+exports.useUnitColorByEnvironment = useUnitColorByEnvironment;
+//# sourceMappingURL=index.cjs.map

package/dist/units/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../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":["LithologyColumn","UnitBoxes","UnitNamesColumn","useColumnLayout","TrackedLabeledUnit","useLithologies","useInDarkMode","useMemo","getMixedUnitColor","resolveID","useGeologicPattern","useEnvironments"],"mappings":"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"}

package/dist/units/index.d.ts

@@ -0,0 +1,40 @@
+import { ICompositeUnitProps } from './composite';
+export * from './composite';
+export * from './types';
+export * from './colors';
+export declare function UnitsColumn({ width }: {
+    width?: number;
+}): import('react').FunctionComponentElement<import('@macrostrat/column-components').LithologyColumnProps>;
+export declare function SimpleUnitsColumn(props: ICompositeUnitProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare function BasicUnitComponent({ division, ...rest }: {
+    [x: string]: any;
+    division: any;
+}): import('react').FunctionComponentElement<{
+    [x: string]: any;
+    division: any;
+    nColumns?: number;
+}>;
+export declare function UnitComponent({ division, nColumns, ...rest }: {
+    [x: string]: any;
+    division: any;
+    nColumns?: number;
+}): import('react').FunctionComponentElement<{
+    [x: string]: any;
+    division: any;
+    nameForDivision?: (div: any) => any;
+}>;
+interface UnitColorOptions {
+    asBackground?: boolean;
+}
+export declare function useUnitColor(unit: any, opts?: UnitColorOptions): string | null;
+export declare function ColoredUnitComponent(props: any): import('react').FunctionComponentElement<{
+    [x: string]: any;
+    division: any;
+    nColumns?: number;
+}>;
+export declare function useUnitColorByEnvironment(unit: any, opts?: UnitColorOptions): string | null;
+export declare function EnvironmentColoredUnitComponent(props: any): import('react').FunctionComponentElement<{
+    [x: string]: any;
+    division: any;
+    nColumns?: number;
+}>;

package/dist/units/index.js

@@ -0,0 +1,118 @@
+import h from "@macrostrat/hyper";
+import { useGeologicPattern, useColumnLayout, LithologyColumn } from "@macrostrat/column-components";
+import { UnitNamesColumn } from "./names.js";
+import { UnitBoxes } from "./boxes.js";
+import { useInDarkMode } from "@macrostrat/ui-components";
+import { getMixedUnitColor } from "./colors.js";
+import { TrackedLabeledUnit } from "./composite.js";
+import { AnnotatedUnitsColumn, ColumnNotesProvider, CompositeUnitComponent, CompositeUnitsColumn, LabelTrackerProvider, SectionLabelsColumn } from "./composite.js";
+import { useMemo } from "react";
+import { resolveID } from "./resolvers.js";
+import { useLithologies, useEnvironments } from "../data-provider/base.js";
+function UnitsColumn({ width = 100 }) {
+  return h(LithologyColumn, { width }, h(UnitBoxes));
+}
+function SimpleUnitsColumn(props) {
+  const { columnWidth, width, gutterWidth = 0, labelOffset = 30 } = props;
+  return h([
+    h(UnitsColumn, {
+      width: columnWidth
+    }),
+    h(UnitNamesColumn, {
+      transform: `translate(${columnWidth + gutterWidth})`,
+      paddingLeft: labelOffset,
+      width: width - columnWidth - gutterWidth
+    })
+  ]);
+}
+function BasicUnitComponent({ division, ...rest }) {
+  return h(UnitComponent, {
+    division,
+    ...rest,
+    backgroundColor: division.color,
+    patternID: division.patternID
+  });
+}
+function UnitComponent({ division, nColumns = 2, ...rest }) {
+  const width = rest.width ?? useColumnLayout()?.width;
+  const nOverlappingUnits = division.overlappingUnits?.length ?? 0;
+  const _nColumns = nOverlappingUnits == 0 ? 1 : nColumns;
+  const columnIx = (division.column ?? 0) % _nColumns;
+  const reducedWidth = width / _nColumns;
+  const x = columnIx * width / _nColumns;
+  return h(TrackedLabeledUnit, {
+    division,
+    ...rest,
+    width: reducedWidth,
+    x
+  });
+}
+function useUnitColor(unit, opts = {}) {
+  const lithMap = useLithologies();
+  const inDarkMode = useInDarkMode();
+  const { asBackground = true } = opts;
+  return useMemo(() => {
+    if (unit == null || lithMap == null) return null;
+    return getMixedUnitColor(unit, lithMap, inDarkMode, asBackground);
+  }, [unit?.unit_id, lithMap, inDarkMode, asBackground]);
+}
+function ColoredUnitComponent(props) {
+  const backgroundColor = useUnitColor(props.division);
+  const patternID = useMemo(() => {
+    return resolveID(props.division);
+  }, [props.division?.unit_id]);
+  const fill = useGeologicPattern(patternID);
+  return h(UnitComponent, {
+    fill,
+    backgroundColor,
+    ...props
+  });
+}
+function useUnitColorByEnvironment(unit, opts = {}) {
+  const environmentMap = useEnvironments();
+  const lithMap = useLithologies();
+  const inDarkMode = useInDarkMode();
+  const { asBackground = true } = opts;
+  return useMemo(() => {
+    if (unit == null || environmentMap == null) return null;
+    let c = getMixedUnitColor(unit, environmentMap, inDarkMode, asBackground, {
+      key: "environ",
+      id_key: "environ_id"
+    });
+    if (c != null) {
+      return c;
+    }
+    return getMixedUnitColor(unit, lithMap, inDarkMode, asBackground);
+  }, [unit?.unit_id, environmentMap, lithMap, inDarkMode, asBackground]);
+}
+function EnvironmentColoredUnitComponent(props) {
+  const backgroundColor = useUnitColorByEnvironment(props.division);
+  const patternID = useMemo(() => {
+    return resolveID(props.division);
+  }, [props.division?.unit_id]);
+  const fill = useGeologicPattern(patternID);
+  return h(UnitComponent, {
+    fill,
+    backgroundColor,
+    ...props
+  });
+}
+export {
+  AnnotatedUnitsColumn,
+  BasicUnitComponent,
+  ColoredUnitComponent,
+  ColumnNotesProvider,
+  CompositeUnitComponent,
+  CompositeUnitsColumn,
+  EnvironmentColoredUnitComponent,
+  LabelTrackerProvider,
+  SectionLabelsColumn,
+  SimpleUnitsColumn,
+  TrackedLabeledUnit,
+  UnitComponent,
+  UnitsColumn,
+  getMixedUnitColor,
+  useUnitColor,
+  useUnitColorByEnvironment
+};
+//# sourceMappingURL=index.js.map

package/dist/units/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../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":[],"mappings":"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"}

package/dist/units/names.cjs

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const h = require("@macrostrat/hyper");
+const React = require("react");
+const columnComponents = require("@macrostrat/column-components");
+const store = require("../data-provider/store.cjs");
+const utils = require("../prepare-units/utils.cjs");
+function noteForDivision(div, opts) {
+  const { axisType } = opts;
+  const [height, top_height] = utils.getUnitHeightRange(div, axisType);
+  const nameForDivision = opts.nameForDivision ?? defaultNameFunction;
+  return {
+    height,
+    top_height,
+    data: div,
+    id: div.unit_id,
+    note: nameForDivision(div)
+  };
+}
+const defaultNameFunction = (div) => {
+  return div.unit_name.replace("Mbr", "Member").replace("Fm", "Formation").replace("Gp", "Group");
+};
+function UnitDataColumn_(props) {
+  const { axisType, units } = store.useMacrostratColumnData();
+  const scale = store.useCompositeScale();
+  const {
+    left = 0,
+    noteComponent,
+    shouldRenderNote = (note, i) => true,
+    nameForDivision,
+    minimumHeight = 0,
+    divisions = units,
+    ...rest
+  } = props;
+  const minimumHeightFilter = React.useCallback(
+    (d) => {
+      if (minimumHeight == 0) return true;
+      const dy = Math.abs(scale(d.top_height) - scale(d.height));
+      return dy > minimumHeight;
+    },
+    [scale, minimumHeight]
+  );
+  if (divisions == null) return null;
+  const notes = divisions.filter(shouldRenderNote).map((d) => noteForDivision(d, { axisType, nameForDivision })).filter(minimumHeightFilter);
+  return h(columnComponents.NotesColumn, {
+    transform: `translate(${left})`,
+    editable: false,
+    noteComponent,
+    notes,
+    forceOptions: {
+      nodeSpacing: 1
+    },
+    ...rest
+  });
+}
+const UnitDataColumn = React.memo(UnitDataColumn_);
+function UnitNameNote(props) {
+  const { note } = props;
+  return h("p.col-note-label", note.note);
+}
+function UnitNamesColumn(props) {
+  const { noteComponent = UnitNameNote, ...rest } = props;
+  return h(UnitDataColumn, {
+    noteComponent,
+    ...rest
+  });
+}
+exports.UnitDataColumn = UnitDataColumn;
+exports.UnitNamesColumn = UnitNamesColumn;
+exports.defaultNameFunction = defaultNameFunction;
+exports.noteForDivision = noteForDivision;
+//# sourceMappingURL=names.cjs.map

package/dist/units/names.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"names.cjs","sources":["../../src/units/names.ts"],"sourcesContent":["import h from \"@macrostrat/hyper\";\nimport { useCallback } from \"react\";\nimport {\n  ColumnAxisType,\n  NotesColumn,\n  type ColumnDivision,\n  type NoteData,\n  type NotesColumnProps,\n} from \"@macrostrat/column-components\";\nimport type { IUnit } from \"./types\";\nimport React from \"react\";\nimport { useCompositeScale, useMacrostratColumnData } from \"../data-provider\";\nimport {\n  type CompositeColumnScale,\n  getUnitHeightRange,\n} from \"../prepare-units\";\n\ninterface UnitDataProps extends NotesColumnProps {\n  left?: number;\n  transform?: string;\n  nameForDivision?(obj: IUnit): 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\ninterface UnitNote extends NoteData {\n  height: number;\n  top_height: number;\n  data: IUnit;\n  id: number;\n}\n\nfunction noteForDivision(\n  div: IUnit,\n  opts: { axisType: ColumnAxisType; nameForDivision?: (obj: IUnit) => string },\n): UnitNote {\n  const { axisType } = opts;\n\n  const [height, top_height] = getUnitHeightRange(div, axisType);\n\n  const nameForDivision = opts.nameForDivision ?? defaultNameFunction;\n\n  return {\n    height,\n    top_height,\n    data: div,\n    id: div.unit_id,\n    note: nameForDivision(div),\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    nameForDivision,\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, nameForDivision }))\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\nexport interface UnitNamesProps extends UnitDataProps {\n  paddingLeft?: number;\n  width: number;\n  onClickNote?: (note: any) => void;\n}\n\nfunction UnitNameNote(props: { note: UnitNote }) {\n  const { note } = props;\n  return h(\"p.col-note-label\", note.note);\n}\n\nexport function UnitNamesColumn(props: UnitNamesProps) {\n  const { noteComponent = UnitNameNote, ...rest } = props;\n  return h(UnitDataColumn, {\n    noteComponent,\n    ...rest,\n  });\n}\n\nexport { defaultNameFunction, noteForDivision, UnitDataColumn };\n"],"names":["getUnitHeightRange","useMacrostratColumnData","useCompositeScale","useCallback","NotesColumn"],"mappings":";;;;;;;AAmCA,SAAS,gBACP,KACA,MACU;AACV,QAAM,EAAE,aAAa;AAErB,QAAM,CAAC,QAAQ,UAAU,IAAIA,MAAAA,mBAAmB,KAAK,QAAQ;AAE7D,QAAM,kBAAkB,KAAK,mBAAmB;AAEhD,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN,IAAI,IAAI;AAAA,IACR,MAAM,gBAAgB,GAAG;AAAA,EAAA;AAE7B;AAEA,MAAM,sBAAsB,CAAC,QAAQ;AACnC,SAAO,IAAI,UACR,QAAQ,OAAO,QAAQ,EACvB,QAAQ,MAAM,WAAW,EACzB,QAAQ,MAAM,OAAO;AAC1B;AAEA,SAAS,gBAAgB,OAAsB;AAC7C,QAAM,EAAE,UAAU,MAAA,IAAUC,8BAAA;AAC5B,QAAM,QAAQC,MAAAA,kBAAA;AACd,QAAM;AAAA,IACJ,OAAO;AAAA,IACP;AAAA,IACA,mBAAmB,CAAC,MAA8B,MAAc;AAAA,IAChE;AAAA,IACA,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,GAAG;AAAA,EAAA,IACD;AAEJ,QAAM,sBAAsBC,MAAAA;AAAAA,IAC1B,CAAC,MAAM;AACL,UAAI,iBAAiB,EAAG,QAAO;AAC/B,YAAM,KAAK,KAAK,IAAI,MAAM,EAAE,UAAU,IAAI,MAAM,EAAE,MAAM,CAAC;AACzD,aAAO,KAAK;AAAA,IACd;AAAA,IACA,CAAC,OAAO,aAAa;AAAA,EAAA;AAGvB,MAAI,aAAa,KAAM,QAAO;AAC9B,QAAM,QAAoB,UACvB,OAAO,gBAAgB,EACvB,IAAI,CAAC,MAAa,gBAAgB,GAAG,EAAE,UAAU,gBAAA,CAAiB,CAAC,EACnE,OAAO,mBAAmB;AAE7B,SAAO,EAAEC,iBAAAA,aAAa;AAAA,IACpB,WAAW,aAAa,IAAI;AAAA,IAC5B,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,cAAc;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,IAEf,GAAG;AAAA,EAAA,CACJ;AACH;AAEA,MAAM,iBAAiB,MAAM,KAAK,eAAe;AAQjD,SAAS,aAAa,OAA2B;AAC/C,QAAM,EAAE,SAAS;AACjB,SAAO,EAAE,oBAAoB,KAAK,IAAI;AACxC;AAEO,SAAS,gBAAgB,OAAuB;AACrD,QAAM,EAAE,gBAAgB,cAAc,GAAG,SAAS;AAClD,SAAO,EAAE,gBAAgB;AAAA,IACvB;AAAA,IACA,GAAG;AAAA,EAAA,CACJ;AACH;;;;;"}

package/dist/units/names.d.ts

@@ -0,0 +1,33 @@
+import { ColumnAxisType, ColumnDivision, NoteData, NotesColumnProps } from '@macrostrat/column-components';
+import { IUnit } from './types';
+import { default as React } from 'react';
+import { CompositeColumnScale } from '../prepare-units';
+interface UnitDataProps extends NotesColumnProps {
+    left?: number;
+    transform?: string;
+    nameForDivision?(obj: IUnit): string;
+    noteComponent?: React.ComponentType<any>;
+    shouldRenderNote?(div: ColumnDivision | IUnit, index: number): boolean;
+    divisions?: IUnit[];
+    minimumHeight?: number;
+    scale?: CompositeColumnScale;
+}
+interface UnitNote extends NoteData {
+    height: number;
+    top_height: number;
+    data: IUnit;
+    id: number;
+}
+declare function noteForDivision(div: IUnit, opts: {
+    axisType: ColumnAxisType;
+    nameForDivision?: (obj: IUnit) => string;
+}): UnitNote;
+declare const defaultNameFunction: (div: any) => any;
+declare const UnitDataColumn: React.NamedExoticComponent<UnitDataProps>;
+export interface UnitNamesProps extends UnitDataProps {
+    paddingLeft?: number;
+    width: number;
+    onClickNote?: (note: any) => void;
+}
+export declare function UnitNamesColumn(props: UnitNamesProps): import('react').FunctionComponentElement<UnitDataProps>;
+export { defaultNameFunction, noteForDivision, UnitDataColumn };