@macrostrat/column-views 2.4.3 → 3.0.0

package/dist/esm/column-views.87c589b7.js

@@ -1,72 +0,0 @@
-import "./column-views.16cc7a58.css";
-import $bBNCV$columnviewsedf77621js from "./column-views.edf77621.js";
-import {useAtomOverlayPosition as $61771df184788970$export$36e20e8024573d5c, useSelectedUnit as $61771df184788970$export$f0dd93f90aa8e5da, useUnitSelectionDispatch as $61771df184788970$export$77a278d5ca56e309} from "./column-views.1cd55918.js";
-import {UnitDetailsPanel as $448b24baeef3b229$export$fbd245232df17557} from "./column-views.85df21ec.js";
-import $bBNCV$macrostrathyper from "@macrostrat/hyper";
-import {Popover as $bBNCV$Popover} from "@blueprintjs/core";
-import $bBNCV$classnames from "classnames";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-
-
-
-
-
-const $a9bcb536274d1bf9$var$h = (0, $bBNCV$macrostrathyper).styled((0, ($parcel$interopDefault($bBNCV$columnviewsedf77621js))));
-function $a9bcb536274d1bf9$export$6716aecc2c9afbe2({ style: style, children: children, viewportPadding: viewportPadding = 20 }) {
-    const content = $a9bcb536274d1bf9$var$h($a9bcb536274d1bf9$var$InteractionBarrier, children);
-    return $a9bcb536274d1bf9$var$h("div.popover-main", {
-        style: style
-    }, $a9bcb536274d1bf9$var$h((0, $bBNCV$Popover), // @ts-ignore
-    {
-        content: content,
-        isOpen: true,
-        usePortal: false,
-        position: "right",
-        modifiers: {
-            preventOverflow: {
-                options: {
-                    padding: viewportPadding
-                }
-            }
-        }
-    }, $a9bcb536274d1bf9$var$h("span.popover-target")));
-}
-function $a9bcb536274d1bf9$var$InteractionBarrier({ children: children }) {
-    return $a9bcb536274d1bf9$var$h("div", {
-        onClick (e) {
-            // Stop events from leaking to the parent
-            e.stopPropagation();
-        }
-    }, children);
-}
-function $a9bcb536274d1bf9$export$db1115efab13710d(props) {
-    const unit = (0, $61771df184788970$export$f0dd93f90aa8e5da)();
-    const selectUnit = (0, $61771df184788970$export$77a278d5ca56e309)();
-    const position = (0, $61771df184788970$export$36e20e8024573d5c)();
-    if (unit == null) return null;
-    return $a9bcb536274d1bf9$var$h("div.unit-popover-container", $a9bcb536274d1bf9$var$h($a9bcb536274d1bf9$export$6716aecc2c9afbe2, {
-        style: {
-            position: "absolute",
-            top: position?.y ?? 0,
-            width: position?.width ?? 100,
-            left: position?.x ?? 0,
-            height: position?.height ?? 100
-        }
-    }, $a9bcb536274d1bf9$var$h((0, $448b24baeef3b229$export$fbd245232df17557), {
-        ...props,
-        unit: unit,
-        className: (0, $bBNCV$classnames)("legend-panel", props.className),
-        onSelectUnit: (id)=>{
-            selectUnit(id, null);
-        }
-    })));
-}
-
-
-export {$a9bcb536274d1bf9$export$6716aecc2c9afbe2 as UnitDetailsPopover, $a9bcb536274d1bf9$export$db1115efab13710d as UnitSelectionPopover};
-//# sourceMappingURL=column-views.87c589b7.js.map

package/dist/esm/column-views.87c589b7.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;;AAiBA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,uEAAK;AAErB,SAAS,0CAAmB,SACjC,KAAK,YACL,QAAQ,mBACR,kBAAkB,IAKnB;IACC,MAAM,UAAU,wBAAE,0CAAoB;IAEtC,OAAO,wBACL,oBACA;eACE;IACF,GACA,wBACE,CAAA,GAAA,cAAM,GACN,aAAa;IACb;iBACE;QACA,QAAQ;QACR,WAAW;QACX,UAAU;QACV,WAAW;YACT,iBAAiB;gBAAE,SAAS;oBAAE,SAAS;gBAAgB;YAAE;QAC3D;IACF,GACA,wBAAE;AAGR;AAEA,SAAS,yCAAmB,YAAE,QAAQ,EAAE;IACtC,OAAO,wBACL,OACA;QACE,SAAQ,CAAC;YACP,yCAAyC;YACzC,EAAE,eAAe;QACnB;IACF,GACA;AAEJ;AAEO,SAAS,0CACd,KAA2D;IAE3D,MAAM,OAAO,CAAA,GAAA,yCAAc;IAC3B,MAAM,aAAa,CAAA,GAAA,yCAAuB;IAC1C,MAAM,WAAW,CAAA,GAAA,yCAAqB;IACtC,IAAI,QAAQ,MACV,OAAO;IAGT,OAAO,wBACL,8BACA,wBACE,2CACA;QACE,OAAO;YACL,UAAU;YACV,KAAK,UAAU,KAAK;YACpB,OAAO,UAAU,SAAS;YAC1B,MAAM,UAAU,KAAK;YACrB,QAAQ,UAAU,UAAU;QAC9B;IACF,GACA,wBAAE,CAAA,GAAA,yCAAe,GAAG;QAClB,GAAG,KAAK;cACR;QACA,WAAW,CAAA,GAAA,iBAAS,EAAE,gBAAgB,MAAM,SAAS;QACrD,cAAc,CAAC;YACb,WAAW,IAAI;QACjB;IACF;AAGN","sources":["packages/column-views/src/unit-details/popover.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport { Popover } from \"@blueprintjs/core\";\nimport styles from \"./popover.module.sass\";\nimport {\n  useAtomOverlayPosition,\n  useSelectedUnit,\n  useUnitSelectionDispatch,\n} from \"../data-provider\";\nimport {\n  UnitDetailsFeature,\n  UnitDetailsPanel,\n  UnitDetailsPanelProps,\n} from \"./panel\";\nimport { Lithology } from \"@macrostrat/api-types\";\nimport { LithologyTagFeature } from \"@macrostrat/data-components\";\nimport classNames from \"classnames\";\n\nconst h = hyper.styled(styles);\n\nexport function UnitDetailsPopover({\n  style,\n  children,\n  viewportPadding = 20,\n}: {\n  style: object;\n  viewportPadding?: number;\n  children: React.ReactNode;\n}) {\n  const content = h(InteractionBarrier, children);\n\n  return h(\n    \"div.popover-main\",\n    {\n      style,\n    },\n    h(\n      Popover,\n      // @ts-ignore\n      {\n        content,\n        isOpen: true,\n        usePortal: false,\n        position: \"right\",\n        modifiers: {\n          preventOverflow: { options: { padding: viewportPadding } },\n        },\n      },\n      h(\"span.popover-target\"),\n    ),\n  );\n}\n\nfunction InteractionBarrier({ children }) {\n  return h(\n    \"div\",\n    {\n      onClick(e) {\n        // Stop events from leaking to the parent\n        e.stopPropagation();\n      },\n    },\n    children,\n  );\n}\n\nexport function UnitSelectionPopover(\n  props: Omit<UnitDetailsPanelProps, \"onSelectUnit\" | \"unit\">,\n) {\n  const unit = useSelectedUnit();\n  const selectUnit = useUnitSelectionDispatch();\n  const position = useAtomOverlayPosition();\n  if (unit == null) {\n    return null;\n  }\n\n  return h(\n    \"div.unit-popover-container\",\n    h(\n      UnitDetailsPopover,\n      {\n        style: {\n          position: \"absolute\",\n          top: position?.y ?? 0,\n          width: position?.width ?? 100,\n          left: position?.x ?? 0,\n          height: position?.height ?? 100,\n        },\n      },\n      h(UnitDetailsPanel, {\n        ...props,\n        unit,\n        className: classNames(\"legend-panel\", props.className),\n        onSelectUnit: (id: number) => {\n          selectUnit(id, null);\n        },\n      }),\n    ),\n  );\n}\n"],"names":[],"version":3,"file":"column-views.87c589b7.js.map"}

package/dist/esm/column-views.8da2b857.js

@@ -1,81 +0,0 @@
-import {useMacrostratColumns as $774a5efa27d1c77b$export$81eaae0b474404fd, useMacrostratStore as $774a5efa27d1c77b$export$fb98d5bae3a6800} from "./column-views.636d6553.js";
-import {create as $g0ikq$create, useStore as $g0ikq$useStore} from "zustand";
-import {createContext as $g0ikq$createContext, useState as $g0ikq$useState, useMemo as $g0ikq$useMemo, useEffect as $g0ikq$useEffect, useContext as $g0ikq$useContext} from "react";
-import $g0ikq$macrostrathyper from "@macrostrat/hyper";
-
-
-
-
-
-const $09486427d129f589$var$NavigationStoreContext = (0, $g0ikq$createContext)(null);
-function $09486427d129f589$export$8da3b11f62ebf019({ children: children, columns: columns, columnIDs: columnIDs, selectedColumn: selectedColumn, projectID: projectID, inProcess: inProcess, onSelectColumn: onSelectColumn, onHoverColumn: onHoverColumn }) {
-    const getColumns = (0, $774a5efa27d1c77b$export$fb98d5bae3a6800)((s)=>s.getColumns);
-    const [store] = (0, $g0ikq$useState)(()=>{
-        return (0, $g0ikq$create)((set, get)=>{
-            return {
-                columns: null,
-                selectedColumn: null,
-                hoveredColumn: null,
-                selectColumn (columnID) {
-                    set({
-                        selectedColumn: columnID,
-                        hoveredColumn: null
-                    });
-                    const { columns: columns } = get();
-                    const column = columns?.find((d)=>d.id == columnID);
-                    onSelectColumn?.(columnID, column);
-                },
-                setHoveredColumn (columnID) {
-                    set({
-                        hoveredColumn: columnID
-                    });
-                    const { columns: columns } = get();
-                    const column = columns?.find((d)=>d.id == columnID);
-                    onHoverColumn?.(columnID, column);
-                }
-            };
-        });
-    });
-    // Set up the store
-    /** TODO: unify handling of columns between parts of application */ // useAsyncEffect(async () => {
-    //   let _columns = columns ?? (await getColumns(projectID, inProcess));
-    //   store.setState({ columns: _columns, selectedColumn });
-    // }, [projectID, inProcess, columns, getColumns]);
-    let _columns = columns ?? (0, $774a5efa27d1c77b$export$81eaae0b474404fd)(projectID, inProcess);
-    // filter columns if specified
-    if (columnIDs?.length > 0) _columns = (0, $g0ikq$useMemo)(()=>{
-        return _columns?.filter((d)=>columnIDs.includes(d.properties.col_id));
-    }, [
-        columnIDs,
-        _columns
-    ]);
-    (0, $g0ikq$useEffect)(()=>{
-        if (_columns?.length > 0) store.setState({
-            columns: _columns,
-            selectedColumn: selectedColumn
-        });
-    }, [
-        _columns
-    ]);
-    // Update selected column if it is changed externally
-    // Kind of an awkward way to do this but we need to allow the selector to run
-    (0, $g0ikq$useEffect)(()=>{
-        const { selectColumn: selectColumn, selectedColumn: _internalSelectedColumn } = store.getState();
-        if (selectedColumn == _internalSelectedColumn) return;
-        selectColumn(selectedColumn);
-    }, [
-        selectedColumn
-    ]);
-    return (0, $g0ikq$macrostrathyper)($09486427d129f589$var$NavigationStoreContext.Provider, {
-        value: store
-    }, children);
-}
-function $09486427d129f589$export$642c2b57c47ea41(selector) {
-    const storeApi = (0, $g0ikq$useContext)($09486427d129f589$var$NavigationStoreContext);
-    if (storeApi == null) throw new Error("Missing ColumnNavigationProvider");
-    return (0, $g0ikq$useStore)(storeApi, selector);
-}
-
-
-export {$09486427d129f589$export$8da3b11f62ebf019 as ColumnNavigationProvider, $09486427d129f589$export$642c2b57c47ea41 as useColumnNavigationStore};
-//# sourceMappingURL=column-views.8da2b857.js.map

package/dist/esm/column-views.8da2b857.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;AAoCA,MAAM,+CAAyB,CAAA,GAAA,oBAAY,EACzC;AAGK,SAAS,0CAAyB,YACvC,QAAQ,WACR,OAAO,aACP,SAAS,kBACT,cAAc,aACd,SAAS,aACT,SAAS,kBACT,cAAc,iBACd,aAAa,EACW;IACxB,MAAM,aAAa,CAAA,GAAA,wCAAiB,EAAE,CAAC,IAAM,EAAE,UAAU;IAEzD,MAAM,CAAC,MAAM,GAAG,CAAA,GAAA,eAAO,EAAE;QACvB,OAAO,CAAA,GAAA,aAAK,EAAmB,CAAC,KAAK;YACnC,OAAO;gBACL,SAAS;gBACT,gBAAgB;gBAChB,eAAe;gBACf,cAAa,QAAuB;oBAClC,IAAI;wBAAE,gBAAgB;wBAAU,eAAe;oBAAK;oBACpD,MAAM,WAAE,OAAO,EAAE,GAAG;oBACpB,MAAM,SAAS,SAAS,KAAK,CAAC,IAAM,EAAE,EAAE,IAAI;oBAC5C,iBAAiB,UAAU;gBAC7B;gBACA,kBAAiB,QAAuB;oBACtC,IAAI;wBAAE,eAAe;oBAAS;oBAC9B,MAAM,WAAE,OAAO,EAAE,GAAG;oBACpB,MAAM,SAAS,SAAS,KAAK,CAAC,IAAM,EAAE,EAAE,IAAI;oBAC5C,gBAAgB,UAAU;gBAC5B;YACF;QACF;IACF;IAEA,mBAAmB;IACnB,iEAAiE,GACjE,+BAA+B;IAC/B,wEAAwE;IACxE,2DAA2D;IAC3D,mDAAmD;IAEnD,IAAI,WAAW,WAAW,CAAA,GAAA,yCAAmB,EAAE,WAAW;IAE1D,8BAA8B;IAC9B,IAAI,WAAW,SAAS,GACtB,WAAW,CAAA,GAAA,cAAM,EAAE;QACjB,OAAO,UAAU,OAAO,CAAC,IAAM,UAAU,QAAQ,CAAC,EAAE,UAAU,CAAC,MAAM;IACvE,GAAG;QAAC;QAAW;KAAS;IAG1B,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,UAAU,SAAS,GACrB,MAAM,QAAQ,CAAC;YAAE,SAAS;4BAAU;QAAe;IAEvD,GAAG;QAAC;KAAS;IACb,qDAAqD;IAErD,6EAA6E;IAC7E,CAAA,GAAA,gBAAQ,EAAE;QACR,MAAM,gBAAE,YAAY,EAAE,gBAAgB,uBAAuB,EAAE,GAC7D,MAAM,QAAQ;QAChB,IAAI,kBAAkB,yBACpB;QAEF,aAAa;IACf,GAAG;QAAC;KAAe;IAEnB,OAAO,CAAA,GAAA,sBAAA,EAAE,6CAAuB,QAAQ,EAAE;QAAE,OAAO;IAAM,GAAG;AAC9D;AAEO,SAAS,yCACd,QAAyC;IAEzC,MAAM,WAAW,CAAA,GAAA,iBAAS,EAAE;IAC5B,IAAI,YAAY,MACd,MAAM,IAAI,MAAM;IAElB,OAAO,CAAA,GAAA,eAAO,EAAE,UAAU;AAC5B","sources":["packages/column-views/src/maps/column-navigation/mapbox/state.ts"],"sourcesContent":["import { create, StoreApi, useStore } from \"zustand\";\nimport type { ColumnGeoJSONRecordWithID } from \"@macrostrat/api-types\";\nimport {\n  createContext,\n  useState,\n  useContext,\n  ReactNode,\n  useEffect,\n  useMemo,\n} from \"react\";\nimport h from \"@macrostrat/hyper\";\nimport {\n  useMacrostratColumns,\n  useMacrostratStore,\n} from \"../../../data-provider\";\n\nexport interface NavigationStore {\n  columns: ColumnGeoJSONRecordWithID[];\n  selectedColumn: number | null;\n  hoveredColumn: number | null;\n  selectColumn: (columnID: number | null) => void;\n  setHoveredColumn: (columnID: number | null) => void;\n}\n\nexport interface NavigationProviderProps {\n  projectID?: number;\n  inProcess?: boolean;\n  selectedColumn?: number | null;\n  hoveredColumn?: number | null;\n  columns?: ColumnGeoJSONRecordWithID[] | null;\n  columnIDs?: number[] | null;\n  children: ReactNode;\n  onSelectColumn?: (col_id: number | null, column: any) => void;\n  onHoverColumn?: (col_id: number | null, column: any) => void;\n}\n\nconst NavigationStoreContext = createContext<StoreApi<NavigationStore> | null>(\n  null,\n);\n\nexport function ColumnNavigationProvider({\n  children,\n  columns,\n  columnIDs,\n  selectedColumn,\n  projectID,\n  inProcess,\n  onSelectColumn,\n  onHoverColumn,\n}: NavigationProviderProps) {\n  const getColumns = useMacrostratStore((s) => s.getColumns);\n\n  const [store] = useState(() => {\n    return create<NavigationStore>((set, get): NavigationStore => {\n      return {\n        columns: null,\n        selectedColumn: null,\n        hoveredColumn: null,\n        selectColumn(columnID: number | null) {\n          set({ selectedColumn: columnID, hoveredColumn: null });\n          const { columns } = get();\n          const column = columns?.find((d) => d.id == columnID);\n          onSelectColumn?.(columnID, column);\n        },\n        setHoveredColumn(columnID: number | null) {\n          set({ hoveredColumn: columnID });\n          const { columns } = get();\n          const column = columns?.find((d) => d.id == columnID);\n          onHoverColumn?.(columnID, column);\n        },\n      };\n    });\n  });\n\n  // Set up the store\n  /** TODO: unify handling of columns between parts of application */\n  // useAsyncEffect(async () => {\n  //   let _columns = columns ?? (await getColumns(projectID, inProcess));\n  //   store.setState({ columns: _columns, selectedColumn });\n  // }, [projectID, inProcess, columns, getColumns]);\n\n  let _columns = columns ?? useMacrostratColumns(projectID, inProcess);\n\n  // filter columns if specified\n  if (columnIDs?.length > 0) {\n    _columns = useMemo(() => {\n      return _columns?.filter((d) => columnIDs.includes(d.properties.col_id));\n    }, [columnIDs, _columns]);\n  }\n\n  useEffect(() => {\n    if (_columns?.length > 0) {\n      store.setState({ columns: _columns, selectedColumn });\n    }\n  }, [_columns]);\n  // Update selected column if it is changed externally\n\n  // Kind of an awkward way to do this but we need to allow the selector to run\n  useEffect(() => {\n    const { selectColumn, selectedColumn: _internalSelectedColumn } =\n      store.getState();\n    if (selectedColumn == _internalSelectedColumn) {\n      return;\n    }\n    selectColumn(selectedColumn);\n  }, [selectedColumn]);\n\n  return h(NavigationStoreContext.Provider, { value: store }, children);\n}\n\nexport function useColumnNavigationStore(\n  selector: (state: NavigationStore) => any,\n) {\n  const storeApi = useContext(NavigationStoreContext);\n  if (storeApi == null) {\n    throw new Error(\"Missing ColumnNavigationProvider\");\n  }\n  return useStore(storeApi, selector);\n}\n"],"names":[],"version":3,"file":"column-views.8da2b857.js.map"}

package/dist/esm/column-views.8fb37de7.js

@@ -1,9 +0,0 @@
-import {ColumnNavigationMap as $9d5d216fa2057b5b$export$821baedf611249f3} from "./column-views.7dc53f1b.js";
-import {ResizableMapFrame as $e6046e00d2c8a163$export$c4313db718750a5a, ColumnNavigationSVGMap as $e6046e00d2c8a163$export$9595c40c7a4c4f7b, MeasurementsLayer as $93f116a6493b17c3$export$2254347cd20e6080, ColumnFeatures as $93f116a6493b17c3$export$f177ff57c101017a, ColumnKeyboardNavigation as $93f116a6493b17c3$export$8c41dd563753848, Columns as $93f116a6493b17c3$export$f02cc02ad0e0bba3, ColumnCenters as $93f116a6493b17c3$export$4d8f6e6df85d9012, CurrentColumn as $93f116a6493b17c3$export$b9d912252344e099} from "./column-views.33796541.js";
-
-
-
-
-
-export {$9d5d216fa2057b5b$export$821baedf611249f3 as ColumnNavigationMap, $e6046e00d2c8a163$export$c4313db718750a5a as ResizableMapFrame, $e6046e00d2c8a163$export$9595c40c7a4c4f7b as ColumnNavigationSVGMap, $93f116a6493b17c3$export$2254347cd20e6080 as MeasurementsLayer, $93f116a6493b17c3$export$f177ff57c101017a as ColumnFeatures, $93f116a6493b17c3$export$8c41dd563753848 as ColumnKeyboardNavigation, $93f116a6493b17c3$export$f02cc02ad0e0bba3 as Columns, $93f116a6493b17c3$export$4d8f6e6df85d9012 as ColumnCenters, $93f116a6493b17c3$export$b9d912252344e099 as CurrentColumn};
-//# sourceMappingURL=column-views.8fb37de7.js.map

package/dist/esm/column-views.8fb37de7.js.map

@@ -1 +0,0 @@
-{"mappings":"","sources":["packages/column-views/src/maps/column-navigation/index.ts"],"sourcesContent":["export * from \"./mapbox\";\nexport * from \"./svg\";\n"],"names":[],"version":3,"file":"column-views.8fb37de7.js.map"}

package/dist/esm/column-views.905ddea0.js

@@ -1,9 +0,0 @@
-import {standardizeMeasurementHeight as $50d219504625a431$export$9d101e1fcb2166a6, mergeHeightRanges as $50d219504625a431$export$8f2afa8ddee7317e, BaseMeasurementsColumn as $50d219504625a431$export$ce5c4f2fdf4e644d, TruncatedList as $50d219504625a431$export$653e47a7a0da0f0d, groupNotesByPixelDistance as $50d219504625a431$export$4e649f790614b299} from "./column-views.1af3ec1f.js";
-import {SGPMeasurementsColumn as $c8e156b0b9c785ec$export$c49cf57576706bab} from "./column-views.b88d4bbe.js";
-
-
-
-
-
-export {$50d219504625a431$export$9d101e1fcb2166a6 as standardizeMeasurementHeight, $50d219504625a431$export$8f2afa8ddee7317e as mergeHeightRanges, $50d219504625a431$export$ce5c4f2fdf4e644d as BaseMeasurementsColumn, $50d219504625a431$export$653e47a7a0da0f0d as TruncatedList, $50d219504625a431$export$4e649f790614b299 as groupNotesByPixelDistance, $c8e156b0b9c785ec$export$c49cf57576706bab as SGPMeasurementsColumn};
-//# sourceMappingURL=column-views.905ddea0.js.map

package/dist/esm/column-views.905ddea0.js.map

@@ -1 +0,0 @@
-{"mappings":"","sources":["packages/column-views/src/facets/measurements/index.ts"],"sourcesContent":["export * from \"./base\";\nexport * from \"./sgp\";\n"],"names":[],"version":3,"file":"column-views.905ddea0.js.map"}

package/dist/esm/column-views.9512c5d5.js

@@ -1,240 +0,0 @@
-import {UnitKeyboardNavigation as $61771df184788970$export$70f5ee19650fc7d1, useColumnRef as $61771df184788970$export$ab00b48759e36cb4, useUnitSelectionDispatch as $61771df184788970$export$77a278d5ca56e309} from "./column-views.1cd55918.js";
-import {UnitSelectionProvider as $d5074f164411387e$export$f19d75b1d4b676a4} from "./column-views.362aae9a.js";
-import {UnitDetailsFeature as $448b24baeef3b229$export$ec297f6f9a6ccad0} from "./column-views.85df21ec.js";
-import {UnitSelectionPopover as $a9bcb536274d1bf9$export$db1115efab13710d} from "./column-views.87c589b7.js";
-import "./column-views.338a7a83.css";
-import $2d5zd$columnviews6a954628js from "./column-views.6a954628.js";
-import {CompositeTimescaleCore as $7d0f52717c0de7e1$export$463f46772c64d403} from "./column-views.4252a555.js";
-import {buildCorrelationChartData as $2c6a8e6a98a077ae$export$7f21dc14b8199dc0, findLaterallyExtensiveUnits as $2c6a8e6a98a077ae$export$cc5d9b95e199a6de, splitStratIntoBoxes as $2c6a8e6a98a077ae$export$3e71a3125322d04b} from "./column-views.a4f394fe.js";
-import {CompositeAgeAxisCore as $43794af7643cdf40$export$ac30ca3cf5df959d} from "./column-views.0ed9da35.js";
-import {ColoredUnitComponent as $4c8184c4a7317749$export$6012fd1584b5d0c0} from "./column-views.dac0a3bb.js";
-import {UnitBoxes as $d254716a820e9c85$export$5d1cdfabe8dc8085} from "./column-views.47b7d9ca.js";
-import {ColumnContainer as $2118f0266dc7e955$export$2194471aa3d52446} from "./column-views.ea08f667.js";
-import $2d5zd$macrostrathyper from "@macrostrat/hyper";
-import {useMemo as $2d5zd$useMemo} from "react";
-import {useInDarkMode as $2d5zd$useInDarkMode} from "@macrostrat/ui-components";
-import $2d5zd$classnames from "classnames";
-import {SVG as $2d5zd$SVG, ColumnProvider as $2d5zd$ColumnProvider, ColumnAxisType as $2d5zd$ColumnAxisType} from "@macrostrat/column-components";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-/** Correlation chart */ 
-
-
-
-
-
-
-
-
-
-
-
-
-
-const $ed7dc56184962590$var$h = (0, $2d5zd$macrostrathyper).styled((0, ($parcel$interopDefault($2d5zd$columnviews6a954628js))));
-function $ed7dc56184962590$var$MainChartArea({ children: children }) {
-    const columnRef = (0, $61771df184788970$export$ab00b48759e36cb4)();
-    return $ed7dc56184962590$var$h("div.main-chart", {
-        ref: columnRef
-    }, children);
-}
-const $ed7dc56184962590$var$unitPopoverFeatures = new Set([
-    (0, $448b24baeef3b229$export$ec297f6f9a6ccad0).AdjacentUnits,
-    (0, $448b24baeef3b229$export$ec297f6f9a6ccad0).OutcropType,
-    (0, $448b24baeef3b229$export$ec297f6f9a6ccad0).DepthRange,
-    (0, $448b24baeef3b229$export$ec297f6f9a6ccad0).ColumnName
-]);
-function $ed7dc56184962590$export$9ebf875c09445bec({ data: data, columnSpacing: columnSpacing = 0, columnWidth: columnWidth = 130, unconformityLabels: unconformityLabels = true, showUnitPopover: showUnitPopover = true, selectedUnit: selectedUnit, onUnitSelected: onUnitSelected, unitComponent: unitComponent, ...scaleProps }) {
-    const defaultScaleProps = {
-        targetUnitHeight: 10,
-        unconformityHeight: 60,
-        minSectionHeight: 60,
-        collapseSmallUnconformities: true
-    };
-    const chartData = (0, $2d5zd$useMemo)(()=>{
-        if (!data) return null;
-        return (0, $2c6a8e6a98a077ae$export$7f21dc14b8199dc0)(data, {
-            ...defaultScaleProps,
-            ...scaleProps
-        });
-    }, [
-        data,
-        ...Object.values(scaleProps)
-    ]);
-    // A flattened units array is used to support keyboard navigation
-    const units = (0, $2d5zd$useMemo)(()=>{
-        return data?.map((d0)=>d0.units).flat() ?? [];
-    }, [
-        data
-    ]);
-    const inDarkMode = (0, $2d5zd$useInDarkMode)();
-    const className = (0, $2d5zd$classnames)({
-        "dark-mode": inDarkMode
-    });
-    if (chartData == null) return null;
-    const { packages: packages, scaleInfo: scaleInfo, nColumns: nColumns } = chartData;
-    const mainWidth = (columnWidth + columnSpacing) * nColumns;
-    return $ed7dc56184962590$var$h((0, $2118f0266dc7e955$export$2194471aa3d52446), {
-        className: "correlation-diagram"
-    }, $ed7dc56184962590$var$h((0, $d5074f164411387e$export$f19d75b1d4b676a4), {
-        selectedUnit: selectedUnit,
-        onUnitSelected: onUnitSelected,
-        units: units
-    }, $ed7dc56184962590$var$h($ed7dc56184962590$var$ChartArea, [
-        $ed7dc56184962590$var$h($ed7dc56184962590$var$TimescaleColumn, {
-            key: "timescale",
-            scaleInfo: scaleInfo,
-            unconformityLabels: unconformityLabels
-        }),
-        $ed7dc56184962590$var$h($ed7dc56184962590$var$MainChartArea, [
-            $ed7dc56184962590$var$h((0, $2d5zd$SVG), {
-                className: className,
-                innerWidth: mainWidth,
-                height: scaleInfo.totalHeight,
-                paddingH: 4
-            }, packages.map((pkg, i)=>{
-                const { offset: offset, domain: domain, pixelScale: pixelScale, scale: scale, key: key } = scaleInfo.packages[i];
-                return $ed7dc56184962590$var$h($ed7dc56184962590$var$Package, {
-                    columnData: pkg.columnData,
-                    key: key,
-                    columnWidth: columnWidth,
-                    columnSpacing: columnSpacing,
-                    offset: offset,
-                    domain: domain,
-                    pixelScale: pixelScale,
-                    scale: scale,
-                    unitComponent: unitComponent
-                });
-            })),
-            $ed7dc56184962590$var$h.if(showUnitPopover)((0, $a9bcb536274d1bf9$export$db1115efab13710d), {
-                features: $ed7dc56184962590$var$unitPopoverFeatures
-            }),
-            // Navigation only works within a column for now...
-            $ed7dc56184962590$var$h((0, $61771df184788970$export$70f5ee19650fc7d1), {
-                columnData: data
-            })
-        ])
-    ])));
-}
-function $ed7dc56184962590$var$Package({ columnData: columnData, columnSpacing: columnSpacing, columnWidth: columnWidth, unitComponent: unitComponent, offset: offset, domain: domain, pixelScale: pixelScale, scale: scale }) {
-    return $ed7dc56184962590$var$h("g.package", {
-        transform: `translate(0 ${offset})`
-    }, [
-        // Disable the SVG overlay for now
-        //h(PackageSVGOverlay, { data, columnSpacing }),
-        $ed7dc56184962590$var$h("g.column-units", [
-            columnData.map((data, i)=>{
-                return $ed7dc56184962590$var$h($ed7dc56184962590$var$Column, {
-                    units: data.units,
-                    unitComponent: unitComponent,
-                    width: columnWidth,
-                    key: i,
-                    domain: domain,
-                    pixelScale: pixelScale,
-                    scale: scale,
-                    offsetLeft: i * (columnWidth + columnSpacing)
-                });
-            })
-        ])
-    ]);
-}
-function $ed7dc56184962590$var$Column(props) {
-    const { units: units, width: width = 150, offsetLeft: offsetLeft, domain: domain, pixelScale: pixelScale, scale: scale, unitComponent: unitComponent = (0, $4c8184c4a7317749$export$6012fd1584b5d0c0) } = props;
-    const columnWidth = width;
-    if (units.length == 0) return null;
-    return $ed7dc56184962590$var$h("g.section", {
-        transform: `translate(${offsetLeft} 0)`
-    }, $ed7dc56184962590$var$h((0, $2d5zd$ColumnProvider), {
-        // Need to tighten up types here...
-        divisions: units,
-        range: domain,
-        scale: scale,
-        pixelsPerMeter: pixelScale,
-        axisType: (0, $2d5zd$ColumnAxisType).AGE
-    }, $ed7dc56184962590$var$h((0, $d254716a820e9c85$export$5d1cdfabe8dc8085), {
-        unitComponent: unitComponent,
-        unitComponentProps: {
-            nColumns: 2,
-            width: columnWidth,
-            showLabel: false
-        }
-    })));
-}
-function $ed7dc56184962590$var$PackageSVGOverlay({ data: data, columnWidth: columnWidth = 100, columnSpacing: columnSpacing = 0 }) {
-    const { b_age: b_age, t_age: t_age, bestPixelScale: bestPixelScale, columnData: columnData } = data;
-    const width = (columnWidth + columnSpacing) * columnData.length;
-    const height = Math.ceil((b_age - t_age) * bestPixelScale) + 2;
-    const extensiveUnits = (0, $2c6a8e6a98a077ae$export$cc5d9b95e199a6de)(data);
-    const scale = (val)=>{
-        return (val - t_age) * bestPixelScale;
-    };
-    return $ed7dc56184962590$var$h("div.package-overlay", {
-        style: {
-            width: width,
-            height: height
-        }
-    }, extensiveUnits.map((d)=>{
-        return $ed7dc56184962590$var$h($ed7dc56184962590$var$LaterallyExtensiveUnit, {
-            data: d,
-            scale: scale,
-            pixelScale: bestPixelScale,
-            columnSpacing: columnSpacing
-        });
-    }));
-}
-function $ed7dc56184962590$var$LaterallyExtensiveUnit({ data: data, scale: scale, pixelScale: pixelScale, columnSpacing: columnSpacing }) {
-    const { b_age: b_age, t_age: t_age, strat_name_long: strat_name_long, units: units } = data;
-    // Build boxes by column groups
-    const boxes = (0, $2c6a8e6a98a077ae$export$3e71a3125322d04b)(data);
-    return $ed7dc56184962590$var$h("div.laterally-extensive-unit", boxes.map((d, i)=>{
-        return $ed7dc56184962590$var$h($ed7dc56184962590$var$StratColSpan, {
-            scale: scale,
-            data: d,
-            pixelScale: pixelScale,
-            key: i,
-            columnSpacing: columnSpacing
-        });
-    }));
-}
-function $ed7dc56184962590$var$StratColSpan({ data: data, scale: scale, columnWidth: columnWidth = 100, columnSpacing: columnSpacing = 0, pixelScale: pixelScale = 1 }) {
-    const { startCol: startCol, endCol: endCol, strat_name_long: strat_name_long, t_age: t_age, b_age: b_age } = data;
-    const top = scale(t_age);
-    const left = startCol * (columnWidth + columnSpacing);
-    const width = (endCol - startCol + 1) * (columnWidth + columnSpacing);
-    const height = (b_age - t_age) * pixelScale;
-    return $ed7dc56184962590$var$h("div.strat-col-span", {
-        style: {
-            top: top,
-            height: height,
-            width: width,
-            left: left
-        }
-    }, strat_name_long);
-}
-function $ed7dc56184962590$var$ChartArea({ children: children }) {
-    const setSelectedUnit = (0, $61771df184788970$export$77a278d5ca56e309)();
-    return $ed7dc56184962590$var$h("div.correlation-chart-inner", {
-        onClick () {
-            setSelectedUnit(null, null);
-        }
-    }, children);
-}
-function $ed7dc56184962590$var$TimescaleColumn(props) {
-    const { scaleInfo: scaleInfo, unconformityLabels: unconformityLabels = true } = props;
-    return $ed7dc56184962590$var$h("div.column-container.age-axis-container", [
-        $ed7dc56184962590$var$h((0, $43794af7643cdf40$export$ac30ca3cf5df959d), {
-            ...scaleInfo
-        }),
-        $ed7dc56184962590$var$h((0, $7d0f52717c0de7e1$export$463f46772c64d403), {
-            ...scaleInfo,
-            unconformityLabels: unconformityLabels
-        })
-    ]);
-}
-
-
-export {$ed7dc56184962590$export$9ebf875c09445bec as CorrelationChart};
-//# sourceMappingURL=column-views.9512c5d5.js.map

package/dist/esm/column-views.9512c5d5.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/column-views/src/correlation-chart/main.ts"],"sourcesContent":["/** Correlation chart */\nimport {\n  UnitSelectionProvider,\n  UnitKeyboardNavigation,\n  useUnitSelectionDispatch,\n  useColumnRef,\n} from \"../data-provider\";\nimport { UnitDetailsFeature, UnitSelectionPopover } from \"../unit-details\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\nimport { useMemo } from \"react\";\nimport { useInDarkMode } from \"@macrostrat/ui-components\";\nimport { CompositeTimescaleCore } from \"../section\";\nimport classNames from \"classnames\";\nimport {\n  findLaterallyExtensiveUnits,\n  splitStratIntoBoxes,\n  UnitGroupBox,\n  CorrelationChartSettings,\n  buildCorrelationChartData,\n} from \"./prepare-data\";\nimport {\n  CompositeAgeAxisCore,\n  CompositeStratigraphicScaleInfo,\n} from \"../age-axis\";\nimport {\n  ColumnAxisType,\n  ColumnProvider,\n  SVG,\n} from \"@macrostrat/column-components\";\nimport { ColoredUnitComponent } from \"../units\";\nimport { UnitBoxes } from \"../units/boxes\";\nimport { ColumnContainer } from \"../column\";\nimport { ColumnData } from \"../data-provider\";\nimport { BaseUnit } from \"@macrostrat/api-types\";\nimport { ScaleContinuousNumeric } from \"d3-scale\";\nimport { ExtUnit } from \"../prepare-units/types\";\n\nconst h = hyper.styled(styles);\n\nexport interface CorrelationChartProps extends CorrelationChartSettings {\n  data: ColumnData[];\n  columnWidth?: number;\n  columnSpacing?: number;\n  targetUnitHeight?: number;\n  unconformityLabels?: boolean;\n  selectedUnit?: number | null;\n  showUnitPopover?: boolean;\n  unitComponent?: any;\n  onUnitSelected?: (unitID: number | null, unit: BaseUnit | null) => void;\n}\n\nfunction MainChartArea({ children }) {\n  const columnRef = useColumnRef();\n  return h(\"div.main-chart\", { ref: columnRef }, children);\n}\n\nconst unitPopoverFeatures = new Set([\n  UnitDetailsFeature.AdjacentUnits,\n  UnitDetailsFeature.OutcropType,\n  UnitDetailsFeature.DepthRange,\n  UnitDetailsFeature.ColumnName,\n]);\n\nexport function CorrelationChart({\n  data,\n  columnSpacing = 0,\n  columnWidth = 130,\n  unconformityLabels = true,\n  showUnitPopover = true,\n  selectedUnit,\n  onUnitSelected,\n  unitComponent,\n  ...scaleProps\n}: CorrelationChartProps) {\n  const defaultScaleProps = {\n    targetUnitHeight: 10,\n    unconformityHeight: 60,\n    minSectionHeight: 60,\n    collapseSmallUnconformities: true,\n  };\n\n  const chartData = useMemo(() => {\n    if (!data) return null;\n    return buildCorrelationChartData(data, {\n      ...defaultScaleProps,\n      ...scaleProps,\n    });\n  }, [data, ...Object.values(scaleProps)]);\n\n  // A flattened units array is used to support keyboard navigation\n  const units = useMemo(() => {\n    return data?.map((d0) => d0.units).flat() ?? [];\n  }, [data]);\n\n  const inDarkMode = useInDarkMode();\n\n  const className = classNames({\n    \"dark-mode\": inDarkMode,\n  });\n\n  if (chartData == null) {\n    return null;\n  }\n\n  const { packages, scaleInfo, nColumns } = chartData;\n\n  const mainWidth = (columnWidth + columnSpacing) * nColumns;\n\n  return h(\n    ColumnContainer,\n    { className: \"correlation-diagram\" },\n    h(\n      UnitSelectionProvider,\n      { selectedUnit, onUnitSelected, units },\n      h(ChartArea, [\n        h(TimescaleColumn, {\n          key: \"timescale\",\n          scaleInfo,\n          unconformityLabels,\n        }),\n        h(MainChartArea, [\n          h(\n            SVG,\n            {\n              className,\n              innerWidth: mainWidth,\n              height: scaleInfo.totalHeight,\n              paddingH: 4,\n            },\n            packages.map((pkg, i) => {\n              const { offset, domain, pixelScale, scale, key } =\n                scaleInfo.packages[i];\n              return h(Package, {\n                columnData: pkg.columnData,\n                key,\n                columnWidth,\n                columnSpacing,\n                offset,\n                domain,\n                pixelScale,\n                scale,\n                unitComponent,\n              });\n            }),\n          ),\n          h.if(showUnitPopover)(UnitSelectionPopover, {\n            features: unitPopoverFeatures,\n          }),\n          // Navigation only works within a column for now...\n          h(UnitKeyboardNavigation, { columnData: data }),\n        ]),\n      ]),\n    ),\n  );\n}\n\nfunction Package({\n  columnData,\n  columnSpacing,\n  columnWidth,\n  unitComponent,\n  offset,\n  domain,\n  pixelScale,\n  scale,\n}) {\n  return h(\"g.package\", { transform: `translate(0 ${offset})` }, [\n    // Disable the SVG overlay for now\n    //h(PackageSVGOverlay, { data, columnSpacing }),\n    h(\"g.column-units\", [\n      columnData.map((data, i) => {\n        return h(Column, {\n          units: data.units,\n          unitComponent,\n          width: columnWidth,\n          key: i,\n          domain,\n          pixelScale,\n          scale,\n          offsetLeft: i * (columnWidth + columnSpacing),\n        });\n      }),\n    ]),\n  ]);\n}\n\ninterface ColumnProps {\n  units: ExtUnit[];\n  unitComponent?: React.FunctionComponent<any>;\n  unitComponentProps?: any;\n  showLabels?: boolean;\n  width?: number;\n  columnWidth?: number;\n  columnSpacing?: number;\n  targetUnitHeight?: number;\n  offsetLeft?: number;\n  domain: [number, number];\n  pixelScale: number;\n  scale?: ScaleContinuousNumeric<number, number>;\n}\n\nfunction Column(props: ColumnProps) {\n  const {\n    units,\n    width = 150,\n    offsetLeft,\n    domain,\n    pixelScale,\n    scale,\n    unitComponent = ColoredUnitComponent,\n  } = props;\n\n  const columnWidth = width;\n\n  if (units.length == 0) {\n    return null;\n  }\n\n  return h(\n    \"g.section\",\n    {\n      transform: `translate(${offsetLeft} 0)`,\n    },\n    h(\n      ColumnProvider,\n      {\n        // Need to tighten up types here...\n        divisions: units as any[],\n        range: domain,\n        scale,\n        pixelsPerMeter: pixelScale, // Actually pixels per myr\n        axisType: ColumnAxisType.AGE,\n      },\n      h(UnitBoxes, {\n        unitComponent,\n        unitComponentProps: {\n          nColumns: 2,\n          width: columnWidth,\n          showLabel: false,\n        },\n      }),\n    ),\n  );\n}\n\nfunction PackageSVGOverlay({ data, columnWidth = 100, columnSpacing = 0 }) {\n  const { b_age, t_age, bestPixelScale, columnData } = data;\n\n  const width = (columnWidth + columnSpacing) * columnData.length;\n  const height = Math.ceil((b_age - t_age) * bestPixelScale) + 2;\n\n  const extensiveUnits = findLaterallyExtensiveUnits(data);\n\n  const scale = (val: number) => {\n    return (val - t_age) * bestPixelScale;\n  };\n\n  return h(\n    \"div.package-overlay\",\n    { style: { width, height } },\n    extensiveUnits.map((d) => {\n      return h(LaterallyExtensiveUnit, {\n        data: d,\n        scale,\n        pixelScale: bestPixelScale,\n        columnSpacing,\n      });\n    }),\n  );\n}\n\nfunction LaterallyExtensiveUnit({ data, scale, pixelScale, columnSpacing }) {\n  const { b_age, t_age, strat_name_long, units } = data;\n  // Build boxes by column groups\n  const boxes: UnitGroupBox[] = splitStratIntoBoxes(data);\n\n  return h(\n    \"div.laterally-extensive-unit\",\n    boxes.map((d, i) => {\n      return h(StratColSpan, {\n        scale,\n        data: d,\n        pixelScale,\n        key: i,\n        columnSpacing,\n      });\n    }),\n  );\n}\n\nfunction StratColSpan({\n  data,\n  scale,\n  columnWidth = 100,\n  columnSpacing = 0,\n  pixelScale = 1,\n}) {\n  const { startCol, endCol, strat_name_long, t_age, b_age } = data;\n  const top = scale(t_age);\n  const left = startCol * (columnWidth + columnSpacing);\n  const width = (endCol - startCol + 1) * (columnWidth + columnSpacing);\n  const height = (b_age - t_age) * pixelScale;\n  return h(\n    \"div.strat-col-span\",\n    { style: { top, height, width, left } },\n    strat_name_long,\n  );\n}\n\nfunction ChartArea({ children }) {\n  const setSelectedUnit = useUnitSelectionDispatch();\n\n  return h(\n    \"div.correlation-chart-inner\",\n    {\n      onClick() {\n        setSelectedUnit(null, null);\n      },\n    },\n    children,\n  );\n}\n\ninterface TimescaleColumnProps {\n  scaleInfo: CompositeStratigraphicScaleInfo;\n  showLabels?: boolean;\n  unconformityLabels?: boolean;\n}\n\nfunction TimescaleColumn(props: TimescaleColumnProps) {\n  const { scaleInfo, unconformityLabels = true } = props;\n  return h(\"div.column-container.age-axis-container\", [\n    h(CompositeAgeAxisCore, { ...scaleInfo }),\n    h(CompositeTimescaleCore, { ...scaleInfo, unconformityLabels }),\n  ]);\n}\n"],"names":[],"version":3,"file":"column-views.9512c5d5.js.map"}

package/dist/esm/column-views.9905b91c.js

@@ -1,11 +0,0 @@
-import {UnitDetailsPanel as $448b24baeef3b229$export$fbd245232df17557, LegendPanelHeader as $448b24baeef3b229$export$fc503c39cc5cff43, UnitDetailsFeature as $448b24baeef3b229$export$ec297f6f9a6ccad0, Duration as $448b24baeef3b229$export$3b11bc38611c5941, ReferencesField as $448b24baeef3b229$export$895d4931dd696e25, Identifier as $448b24baeef3b229$export$989167234458594d, AgeLabel as $448b24baeef3b229$export$37ebfd237811b1eb, ClickableText as $448b24baeef3b229$export$b6867fc5221f9f65} from "./column-views.85df21ec.js";
-import {UnitDetailsPopover as $a9bcb536274d1bf9$export$6716aecc2c9afbe2, UnitSelectionPopover as $a9bcb536274d1bf9$export$db1115efab13710d} from "./column-views.87c589b7.js";
-import {UnitDetailsPanelWithNavigation as $d418ca9cbe9b0f3c$export$cfdbe8496aa51962} from "./column-views.b7cf0da2.js";
-
-
-
-
-
-
-export {$448b24baeef3b229$export$fbd245232df17557 as UnitDetailsPanel, $448b24baeef3b229$export$fc503c39cc5cff43 as LegendPanelHeader, $448b24baeef3b229$export$ec297f6f9a6ccad0 as UnitDetailsFeature, $448b24baeef3b229$export$3b11bc38611c5941 as Duration, $448b24baeef3b229$export$895d4931dd696e25 as ReferencesField, $448b24baeef3b229$export$989167234458594d as Identifier, $448b24baeef3b229$export$37ebfd237811b1eb as AgeLabel, $448b24baeef3b229$export$b6867fc5221f9f65 as ClickableText, $a9bcb536274d1bf9$export$6716aecc2c9afbe2 as UnitDetailsPopover, $a9bcb536274d1bf9$export$db1115efab13710d as UnitSelectionPopover, $d418ca9cbe9b0f3c$export$cfdbe8496aa51962 as UnitDetailsPanelWithNavigation};
-//# sourceMappingURL=column-views.9905b91c.js.map

package/dist/esm/column-views.9905b91c.js.map

@@ -1 +0,0 @@
-{"mappings":"","sources":["packages/column-views/src/unit-details/index.ts"],"sourcesContent":["export * from \"./panel\";\nexport * from \"./popover\";\nexport * from \"./modal-panel\";\n"],"names":[],"version":3,"file":"column-views.9905b91c.js.map"}

package/dist/esm/column-views.9b77388d.js

@@ -1,41 +0,0 @@
-import $kwOHx$chromajs from "chroma-js";
-
-
-function $6698edd2a743bf07$export$175d3e927f1a9860(unit, lithMap, inDarkMode = false, asBackground = true, keyOpts = null) {
-    const { key: key = "lith", id_key: id_key = "lith_id" } = keyOpts ?? {};
-    const liths = unit[key];
-    if (liths == null) return "gray";
-    const lithData = liths.map((d)=>{
-        let prop = d.prop;
-        if (prop == null || isNaN(prop) || prop <= 0) prop = null;
-        return {
-            lith_id: d[id_key],
-            prop: prop,
-            color: lithMap?.get(d[id_key])?.color
-        };
-    }).filter((d)=>d.color != null);
-    const lithsWithProp = lithData.filter((d)=>d.prop != null);
-    const lithsWithoutProp = lithData.filter((d)=>d.prop == null);
-    const totalProp = lithsWithProp.reduce((sum, d)=>sum + d.prop, 0);
-    if (totalProp < 1 && lithsWithoutProp.length > 0) {
-        const remainingProp = 1 - totalProp;
-        // Distribute remaining proportion equally among liths without prop
-        const equalProp = remainingProp / lithsWithoutProp.length;
-        lithsWithoutProp.forEach((d)=>{
-            lithsWithProp.push({
-                ...d,
-                prop: equalProp
-            });
-        });
-    }
-    if (lithsWithProp.length == 0) return null;
-    // Mix colors proportionally
-    const baseColor = (0, $kwOHx$chromajs).average(lithsWithProp.map((d)=>d.color), "lrgb", lithsWithProp.map((d)=>d.prop));
-    if (!asBackground) return baseColor.hex();
-    if (inDarkMode) return baseColor.set("hsl.l", 0.2).hex();
-    else return baseColor.set("hsl.l", 0.9).hex();
-}
-
-
-export {$6698edd2a743bf07$export$175d3e927f1a9860 as getMixedUnitColor};
-//# sourceMappingURL=column-views.9b77388d.js.map

package/dist/esm/column-views.9b77388d.js.map

@@ -1 +0,0 @@
-{"mappings":";;;AAQO,SAAS,0CACd,IAAc,EACd,OAAO,EACP,aAAa,KAAK,EAClB,eAAe,IAAI,EACnB,UAAsB,IAAI;IAE1B,MAAM,OAAE,MAAM,gBAAQ,SAAS,WAAW,GAAG,WAAW,CAAC;IACzD,MAAM,QAAQ,IAAI,CAAC,IAAI;IACvB,IAAI,SAAS,MACX,OAAO;IAET,MAAM,WAAW,MACd,GAAG,CAAC,CAAC;QACJ,IAAI,OAAO,EAAE,IAAI;QACjB,IAAI,QAAQ,QAAQ,MAAM,SAAS,QAAQ,GACzC,OAAO;QAET,OAAO;YACL,SAAS,CAAC,CAAC,OAAO;kBAClB;YACA,OAAO,SAAS,IAAI,CAAC,CAAC,OAAO,GAAG;QAClC;IACF,GACC,MAAM,CAAC,CAAC,IAAM,EAAE,KAAK,IAAI;IAE5B,MAAM,gBAAgB,SAAS,MAAM,CAAC,CAAC,IAAM,EAAE,IAAI,IAAI;IACvD,MAAM,mBAAmB,SAAS,MAAM,CAAC,CAAC,IAAM,EAAE,IAAI,IAAI;IAE1D,MAAM,YAAY,cAAc,MAAM,CAAC,CAAC,KAAK,IAAM,MAAM,EAAE,IAAI,EAAE;IACjE,IAAI,YAAY,KAAK,iBAAiB,MAAM,GAAG,GAAG;QAChD,MAAM,gBAAgB,IAAI;QAC1B,mEAAmE;QACnE,MAAM,YAAY,gBAAgB,iBAAiB,MAAM;QACzD,iBAAiB,OAAO,CAAC,CAAC;YACxB,cAAc,IAAI,CAAC;gBACjB,GAAG,CAAC;gBACJ,MAAM;YACR;QACF;IACF;IAEA,IAAI,cAAc,MAAM,IAAI,GAC1B,OAAO;IAGT,4BAA4B;IAC5B,MAAM,YAAY,CAAA,GAAA,eAAK,EAAE,OAAO,CAC9B,cAAc,GAAG,CAAC,CAAC,IAAM,EAAE,KAAK,GAChC,QACA,cAAc,GAAG,CAAC,CAAC,IAAM,EAAE,IAAI;IAGjC,IAAI,CAAC,cACH,OAAO,UAAU,GAAG;IAGtB,IAAI,YACF,OAAO,UAAU,GAAG,CAAC,SAAS,KAAK,GAAG;SAEtC,OAAO,UAAU,GAAG,CAAC,SAAS,KAAK,GAAG;AAE1C","sources":["packages/column-views/src/units/colors.ts"],"sourcesContent":["import chroma from \"chroma-js\";\nimport { UnitLong } from \"@macrostrat/api-types\";\n\ninterface KeyOptions {\n  key?: string;\n  id_key?: string;\n}\n\nexport function getMixedUnitColor(\n  unit: UnitLong,\n  lithMap,\n  inDarkMode = false,\n  asBackground = true,\n  keyOpts: KeyOptions = null,\n): string | null {\n  const { key = \"lith\", id_key = \"lith_id\" } = keyOpts ?? {};\n  const liths = unit[key];\n  if (liths == null) {\n    return \"gray\";\n  }\n  const lithData = liths\n    .map((d) => {\n      let prop = d.prop;\n      if (prop == null || isNaN(prop) || prop <= 0) {\n        prop = null;\n      }\n      return {\n        lith_id: d[id_key],\n        prop,\n        color: lithMap?.get(d[id_key])?.color,\n      };\n    })\n    .filter((d) => d.color != null);\n\n  const lithsWithProp = lithData.filter((d) => d.prop != null);\n  const lithsWithoutProp = lithData.filter((d) => d.prop == null);\n\n  const totalProp = lithsWithProp.reduce((sum, d) => sum + d.prop, 0);\n  if (totalProp < 1 && lithsWithoutProp.length > 0) {\n    const remainingProp = 1 - totalProp;\n    // Distribute remaining proportion equally among liths without prop\n    const equalProp = remainingProp / lithsWithoutProp.length;\n    lithsWithoutProp.forEach((d) => {\n      lithsWithProp.push({\n        ...d,\n        prop: equalProp,\n      });\n    });\n  }\n\n  if (lithsWithProp.length == 0) {\n    return null;\n  }\n\n  // Mix colors proportionally\n  const baseColor = chroma.average(\n    lithsWithProp.map((d) => d.color),\n    \"lrgb\",\n    lithsWithProp.map((d) => d.prop),\n  );\n\n  if (!asBackground) {\n    return baseColor.hex();\n  }\n\n  if (inDarkMode) {\n    return baseColor.set(\"hsl.l\", 0.2).hex();\n  } else {\n    return baseColor.set(\"hsl.l\", 0.9).hex();\n  }\n}\n"],"names":[],"version":3,"file":"column-views.9b77388d.js.map"}