@macrostrat/column-views 2.1.3 → 2.2.0

package/dist/esm/{column-views.a8926321.js.map → column-views.e4c26185.js.map}

@@ -1 +1 @@
-{"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.a8926321.js.map"}
+{"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.e4c26185.js.map"}

package/dist/esm/column-views.e84bd756.js

@@ -0,0 +1,92 @@
+import {useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d} from "./column-views.4fd4ec92.js";
+import "./column-views.1151416d.css";
+import $kIqD4$columnviews6e7082dbjs from "./column-views.6e7082db.js";
+import {getUnitHeightRange as $b6657fba8924a702$export$70e712e2ac0237a} from "./column-views.54f8b909.js";
+import {ColumnNotes as $9e52fe4012c88296$export$fc5babae10f3f77d} from "./column-views.83395185.js";
+import {useCallback as $kIqD4$useCallback, useMemo as $kIqD4$useMemo} from "react";
+import $kIqD4$macrostrathyper from "@macrostrat/hyper";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+
+
+
+
+
+const $c6d9d48b3424a44c$var$h = (0, $kIqD4$macrostrathyper).styled((0, ($parcel$interopDefault($kIqD4$columnviews6e7082dbjs))));
+function $c6d9d48b3424a44c$export$ce5c4f2fdf4e644d({ data: data, noteComponent: noteComponent, width: width = 500, paddingLeft: paddingLeft = 40, className: className, getUnitID: getUnitID = (d)=>d.unit_id, matchingUnit: matchingUnit }) {
+    const { axisType: axisType, units: units } = (0, $d5074f164411387e$export$f8509b7cce386c7d)();
+    const _matchingUnit = matchingUnit ?? (0, $kIqD4$useCallback)((dz)=>{
+        return (d)=>{
+            return getUnitID(d) === dz.unit_id;
+        };
+    }, [
+        getUnitID
+    ]);
+    const notes = (0, $kIqD4$useMemo)(()=>{
+        if (data == null || units == null) return [];
+        let unitRefData = Array.from(data.values()).map((d)=>{
+            return {
+                data: d,
+                unit: units.find(_matchingUnit(d))
+            };
+        }).filter((d)=>d.unit != null);
+        unitRefData.sort((a, b)=>{
+            const v1 = units.indexOf(a.unit);
+            const v2 = units.indexOf(b.unit);
+            return v1 - v2;
+        });
+        return unitRefData.map((d)=>{
+            const { unit: unit, data: data } = d;
+            const heightRange = (0, $b6657fba8924a702$export$70e712e2ac0237a)(unit, axisType);
+            return {
+                top_height: heightRange[1],
+                height: heightRange[0],
+                data: data,
+                unit: unit,
+                id: unit.unit_id
+            };
+        });
+    }, [
+        data,
+        units,
+        matchingUnit
+    ]);
+    if (data == null || units == null) return null;
+    return $c6d9d48b3424a44c$var$h("div", {
+        className: className
+    }, $c6d9d48b3424a44c$var$h((0, $9e52fe4012c88296$export$fc5babae10f3f77d), {
+        width: width,
+        paddingLeft: paddingLeft,
+        notes: notes,
+        noteComponent: noteComponent
+    }));
+}
+function $c6d9d48b3424a44c$export$653e47a7a0da0f0d({ data: data, className: className, maxItems: maxItems = 5, itemRenderer: itemRenderer = (p)=>$c6d9d48b3424a44c$var$h("span", p.data) }) {
+    let tooMany = null;
+    let d1 = data;
+    if (data.length > maxItems) {
+        const n = data.length - maxItems;
+        d1 = data.slice(0, maxItems);
+        tooMany = $c6d9d48b3424a44c$var$h("li.too-many", `and ${n} more`);
+    }
+    return $c6d9d48b3424a44c$var$h("ul.truncated-list", {
+        className: className
+    }, [
+        d1.map((d, i)=>{
+            return $c6d9d48b3424a44c$var$h("li.element", {
+                key: i
+            }, $c6d9d48b3424a44c$var$h(itemRenderer, {
+                data: d
+            }));
+        }),
+        tooMany
+    ]);
+}
+
+
+export {$c6d9d48b3424a44c$export$ce5c4f2fdf4e644d as BaseMeasurementsColumn, $c6d9d48b3424a44c$export$653e47a7a0da0f0d as TruncatedList};
+//# sourceMappingURL=column-views.e84bd756.js.map

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

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

package/dist/esm/column-views.ea4ebbb7.js

@@ -0,0 +1,31 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $c6d04ae22b505264$exports = {};
+
+$parcel$export($c6d04ae22b505264$exports, "taxa-occurrences-matrix", () => $c6d04ae22b505264$export$1a8a56764d75ed71, (v) => $c6d04ae22b505264$export$1a8a56764d75ed71 = v);
+$parcel$export($c6d04ae22b505264$exports, "taxon-label", () => $c6d04ae22b505264$export$a72089d2f6fa8dfc, (v) => $c6d04ae22b505264$export$a72089d2f6fa8dfc = v);
+$parcel$export($c6d04ae22b505264$exports, "taxon-label-inner", () => $c6d04ae22b505264$export$bca4873e6487914b, (v) => $c6d04ae22b505264$export$bca4873e6487914b = v);
+$parcel$export($c6d04ae22b505264$exports, "taxon-label-text", () => $c6d04ae22b505264$export$c17fb3de63e5b5e0, (v) => $c6d04ae22b505264$export$c17fb3de63e5b5e0 = v);
+$parcel$export($c6d04ae22b505264$exports, "taxon-labels", () => $c6d04ae22b505264$export$5717d7656277d73a, (v) => $c6d04ae22b505264$export$5717d7656277d73a = v);
+$parcel$export($c6d04ae22b505264$exports, "taxon-name", () => $c6d04ae22b505264$export$8bc33626fdbc643b, (v) => $c6d04ae22b505264$export$8bc33626fdbc643b = v);
+$parcel$export($c6d04ae22b505264$exports, "taxon-ranges", () => $c6d04ae22b505264$export$6f150713c4eb8d46, (v) => $c6d04ae22b505264$export$6f150713c4eb8d46 = v);
+var $c6d04ae22b505264$export$1a8a56764d75ed71;
+var $c6d04ae22b505264$export$a72089d2f6fa8dfc;
+var $c6d04ae22b505264$export$bca4873e6487914b;
+var $c6d04ae22b505264$export$c17fb3de63e5b5e0;
+var $c6d04ae22b505264$export$5717d7656277d73a;
+var $c6d04ae22b505264$export$8bc33626fdbc643b;
+var $c6d04ae22b505264$export$6f150713c4eb8d46;
+$c6d04ae22b505264$export$1a8a56764d75ed71 = `VC2fja_taxa-occurrences-matrix`;
+$c6d04ae22b505264$export$a72089d2f6fa8dfc = `VC2fja_taxon-label`;
+$c6d04ae22b505264$export$bca4873e6487914b = `VC2fja_taxon-label-inner`;
+$c6d04ae22b505264$export$c17fb3de63e5b5e0 = `VC2fja_taxon-label-text`;
+$c6d04ae22b505264$export$5717d7656277d73a = `VC2fja_taxon-labels`;
+$c6d04ae22b505264$export$8bc33626fdbc643b = `VC2fja_taxon-name`;
+$c6d04ae22b505264$export$6f150713c4eb8d46 = `VC2fja_taxon-ranges`;
+
+
+export {$c6d04ae22b505264$exports as default};
+//# sourceMappingURL=column-views.ea4ebbb7.js.map

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

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AANA,4CAA4C,CAAC,8BAA8B,CAAC;AAC5E,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAAsC,CAAC,wBAAwB,CAAC;AAChE,4CAAqC,CAAC,uBAAuB,CAAC;AAC9D,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAiC,CAAC,mBAAmB,CAAC","sources":["packages/column-views/src/facets/fossils/index.module.sass"],"sourcesContent":[".taxa-occurrences-matrix\n  color: var(--column-text-color)\n  line\n    stroke: var(--column-stroke-color)\n    stroke-width: 2px\n  text.taxon-name\n    fill: var(--column-text-color)\n    transform: rotate(90deg) translate(0, 4px)\n    text-anchor: end\n    position: sticky\n    top: 0\n\n.taxon-ranges\n  position: relative\n  &>svg\n    position: absolute\n    height: 100%\n\n.taxon-labels\n  z-index: 10\n  position: absolute\n  width: 100%\n  height: 100%\n  pointer-events: none\n\n  .taxon-label\n    position: absolute\n    height: 100%\n\n  .taxon-label-inner\n    position: sticky\n    top: calc(var(--label-width, 200px) - 10px)\n    transform: rotate(-90deg) translate(10px, 8px)\n    transform-origin: bottom left\n    background-color: var(--column-background-color)\n\n  .taxon-label-text\n\n    font-style: italic\n    text-align: left\n    padding: 0 8px\n    max-width: 300px\n    //position: sticky\n    //top: 200px\n"],"names":[],"version":3,"file":"column-views.ea4ebbb7.js.map"}

package/dist/esm/column-views.ed05e233.js

@@ -0,0 +1,13 @@
+import {fetchAllColumns as $33a46f9423c8104a$export$45bd78cd093090fa, useColumnFeatures as $33a46f9423c8104a$export$e3270a4e30e40ff9, fetchLithologies as $33a46f9423c8104a$export$1aa679bd5e605f82, fetchIntervals as $33a46f9423c8104a$export$5d2ec2e733dfe6c7, fetchEnvironments as $33a46f9423c8104a$export$780b4b253712916c, fetchRefs as $33a46f9423c8104a$export$cd7bfa0860f58b96, fetchStratNames as $33a46f9423c8104a$export$8ea8f45a7ffe4183, fetchUnits as $33a46f9423c8104a$export$b97b9bdd6a521298, fetchColumnUnits as $33a46f9423c8104a$export$d3d8b0fabcc76c5d} from "./column-views.8c296309.js";
+import {useMacrostratStore as $774a5efa27d1c77b$export$fb98d5bae3a6800, useMacrostratBaseURL as $774a5efa27d1c77b$export$33b1392d23dde04, useMacrostratDefs as $774a5efa27d1c77b$export$89dd4e5ae4a82373, useMacrostratColumns as $774a5efa27d1c77b$export$81eaae0b474404fd, useMacrostratData as $774a5efa27d1c77b$export$b9c9fc603d74a555, MacrostratDataProvider as $774a5efa27d1c77b$export$690613f93cdc5576, MacrostratAPIProvider as $774a5efa27d1c77b$export$3098013bc6cc316d, MacrostratColumnProvider as $774a5efa27d1c77b$export$9e42f9b6e0d67c7d, LithologiesProvider as $774a5efa27d1c77b$export$8492a5cae82b6a70, useLithologies as $774a5efa27d1c77b$export$4d18a90c945d129f, useEnvironments as $774a5efa27d1c77b$export$c6b216bf4c71b61f} from "./column-views.73b8ff16.js";
+import {useColumnNav as $b8de97dfa82f4910$export$91cb5ac808759b34, ColumnNavProvider as $b8de97dfa82f4910$export$36fed9e0f93a8fde} from "./column-views.6d6b73b4.js";
+import {MacrostratColumnDataProvider as $d5074f164411387e$export$7fec7bd80ff9c10e, useMacrostratColumnData as $d5074f164411387e$export$f8509b7cce386c7d, useMacrostratUnits as $d5074f164411387e$export$6fb40844db555b2, useColumnUnitsMap as $d5074f164411387e$export$7513be0cfd10d9cc, useCompositeScale as $d5074f164411387e$export$a7fc62995ec4f76} from "./column-views.4fd4ec92.js";
+
+
+
+
+
+
+
+export {$33a46f9423c8104a$export$45bd78cd093090fa as fetchAllColumns, $33a46f9423c8104a$export$e3270a4e30e40ff9 as useColumnFeatures, $33a46f9423c8104a$export$1aa679bd5e605f82 as fetchLithologies, $33a46f9423c8104a$export$5d2ec2e733dfe6c7 as fetchIntervals, $33a46f9423c8104a$export$780b4b253712916c as fetchEnvironments, $33a46f9423c8104a$export$cd7bfa0860f58b96 as fetchRefs, $33a46f9423c8104a$export$8ea8f45a7ffe4183 as fetchStratNames, $33a46f9423c8104a$export$b97b9bdd6a521298 as fetchUnits, $33a46f9423c8104a$export$d3d8b0fabcc76c5d as fetchColumnUnits, $774a5efa27d1c77b$export$fb98d5bae3a6800 as useMacrostratStore, $774a5efa27d1c77b$export$33b1392d23dde04 as useMacrostratBaseURL, $774a5efa27d1c77b$export$89dd4e5ae4a82373 as useMacrostratDefs, $774a5efa27d1c77b$export$81eaae0b474404fd as useMacrostratColumns, $774a5efa27d1c77b$export$b9c9fc603d74a555 as useMacrostratData, $774a5efa27d1c77b$export$690613f93cdc5576 as MacrostratDataProvider, $774a5efa27d1c77b$export$3098013bc6cc316d as MacrostratAPIProvider, $774a5efa27d1c77b$export$9e42f9b6e0d67c7d as MacrostratColumnProvider, $774a5efa27d1c77b$export$8492a5cae82b6a70 as LithologiesProvider, $774a5efa27d1c77b$export$4d18a90c945d129f as useLithologies, $774a5efa27d1c77b$export$c6b216bf4c71b61f as useEnvironments, $b8de97dfa82f4910$export$91cb5ac808759b34 as useColumnNav, $b8de97dfa82f4910$export$36fed9e0f93a8fde as ColumnNavProvider, $d5074f164411387e$export$7fec7bd80ff9c10e as MacrostratColumnDataProvider, $d5074f164411387e$export$f8509b7cce386c7d as useMacrostratColumnData, $d5074f164411387e$export$6fb40844db555b2 as useMacrostratUnits, $d5074f164411387e$export$7513be0cfd10d9cc as useColumnUnitsMap, $d5074f164411387e$export$a7fc62995ec4f76 as useCompositeScale};
+//# sourceMappingURL=column-views.ed05e233.js.map

package/dist/esm/{column-views.3729c372.js.map → column-views.ed05e233.js.map}

@@ -1 +1 @@
-{"mappings":"","sources":["packages/column-views/src/data-provider/index.ts"],"sourcesContent":["export * from \"./fetch\";\nexport * from \"./base\";\nexport * from \"./column-nav\";\nexport * from \"./store\";\n"],"names":[],"version":3,"file":"column-views.3729c372.js.map"}
+{"mappings":"","sources":["packages/column-views/src/data-provider/index.ts"],"sourcesContent":["export * from \"./fetch\";\nexport * from \"./base\";\nexport * from \"./column-nav\";\nexport * from \"./store\";\n"],"names":[],"version":3,"file":"column-views.ed05e233.js.map"}

package/dist/esm/{column-views.64a84c43.js → column-views.f2fd0e4a.js}

@@ -43,7 +43,15 @@ function $4d5d1c15f39f6a14$export$f19d75b1d4b676a4(props) {
                         selectedUnitData: selectedUnit
                     });
                 },
-                onUnitSelected: (unit, target, event)=>{
+                onUnitSelected: (input, target = null, event = null)=>{
+                    if (input == null) return set({
+                        selectedUnit: null,
+                        selectedUnitData: null,
+                        overlayPosition: null
+                    });
+                    let unit = null;
+                    if (typeof input === "number") unit = props.units.find((u)=>u.unit_id === input) || null;
+                    else unit = input;
                     const el = props.columnRef?.current;
                     let overlayPosition = null;
                     /** This is not the natural place to get positions within the column,
@@ -155,4 +163,4 @@ function $4d5d1c15f39f6a14$export$70f5ee19650fc7d1({ units: units }) {
 
 
 export {$4d5d1c15f39f6a14$export$77a278d5ca56e309 as useUnitSelectionDispatch, $4d5d1c15f39f6a14$export$b220b1d3591dc9e5 as useUnitSelectionStore, $4d5d1c15f39f6a14$export$f0dd93f90aa8e5da as useSelectedUnit, $4d5d1c15f39f6a14$export$f19d75b1d4b676a4 as UnitSelectionProvider, $4d5d1c15f39f6a14$export$cbbec12b1451fe7d as useUnitSelectionTarget, $4d5d1c15f39f6a14$export$70f5ee19650fc7d1 as UnitKeyboardNavigation};
-//# sourceMappingURL=column-views.64a84c43.js.map
+//# sourceMappingURL=column-views.f2fd0e4a.js.map

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

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/column-views/src/units/selection.ts"],"sourcesContent":["import { BaseUnit } from \"@macrostrat/api-types\";\nimport h from \"@macrostrat/hyper\";\nimport { useKeyHandler } from \"@macrostrat/ui-components\";\nimport {\n  createContext,\n  useContext,\n  useEffect,\n  useState,\n  ReactNode,\n  RefObject,\n  useRef,\n  useCallback,\n} from \"react\";\nimport { createStore, StoreApi, useStore } from \"zustand\";\nimport type { RectBounds, IUnit } from \"./types\";\n\ntype UnitSelectDispatch = (\n  unit: number | BaseUnit | null,\n  target: HTMLElement | null,\n  event: Event | null,\n) => void;\n\nconst UnitSelectionContext = createContext<StoreApi<UnitSelectionStore>>(null);\n\nexport function useUnitSelectionDispatch(): UnitSelectDispatch {\n  const store = useContext(UnitSelectionContext);\n  if (store == null) {\n    return () => {};\n  }\n  return useStore(store, (state) => state.onUnitSelected);\n}\n\nexport function useUnitSelectionStore<T>(\n  selector: (state: UnitSelectionStore) => T,\n): T {\n  const store = useContext(UnitSelectionContext);\n  if (store == null) {\n    return null;\n  }\n  return useStore(store, selector);\n}\n\nexport function useSelectedUnit() {\n  return useUnitSelectionStore((state) => state.selectedUnitData);\n}\n\ninterface UnitSelectionStore {\n  selectedUnit: number | null;\n  selectedUnitData: BaseUnit | null;\n  overlayPosition: RectBounds | null;\n  onUnitSelected: UnitSelectDispatch;\n  setSelectedUnit: (unit: number | null) => void;\n}\n\nexport interface ColumnClickData {\n  unitID: number | null;\n  unit: BaseUnit | null;\n  target: HTMLElement | null;\n  height: number;\n  // Room for boundary IDs eventually\n}\n\nexport function UnitSelectionProvider<T extends BaseUnit>(props: {\n  children: ReactNode;\n  columnRef?: RefObject<HTMLElement>;\n  units: T[];\n  selectedUnit: number | null;\n  onClickedColumn?: (columnClickData: ColumnClickData, event: Event) => void;\n  onUnitSelected?: (unitID: number | null, unit: T | null) => void;\n}) {\n  const [store] = useState(() =>\n    createStore<UnitSelectionStore>((set) => ({\n      selectedUnit: null,\n      selectedUnitData: null,\n      overlayPosition: null,\n      setSelectedUnit(selectedUnit: number | null | BaseUnit) {\n        if (selectedUnit == null) {\n          set({ selectedUnit: null, selectedUnitData: null });\n          return;\n          // If it's a number, set the selected unit\n        } else if (typeof selectedUnit === \"number\") {\n          set({ selectedUnit, selectedUnitData: null });\n        } else if (\"unit_id\" in selectedUnit) {\n          set({\n            selectedUnit: selectedUnit.unit_id,\n            selectedUnitData: selectedUnit,\n          });\n        }\n      },\n      onUnitSelected: (\n        input: number | T | null,\n        target: HTMLElement = null,\n        event: PointerEvent = null,\n      ) => {\n        if (input == null) {\n          return set({\n            selectedUnit: null,\n            selectedUnitData: null,\n            overlayPosition: null,\n          });\n        }\n\n        let unit: T | null = null;\n        if (typeof input === \"number\") {\n          unit = props.units.find((u) => u.unit_id === input) || null;\n        } else {\n          unit = input;\n        }\n\n        const el = props.columnRef?.current;\n        let overlayPosition = null;\n\n        /** This is not the natural place to get positions within the column,\n         * but it will work for now.\n         */\n        if (props.onClickedColumn) {\n          // Infer height from top and bottom height of unit (because that's passed back with the call)\n          //const py = event.y;\n          //const [bottom, top] = getUnitHeightRange(unit, axisType);\n          //const height = Math.abs(bottom - top);\n\n          /** Ideally this would be defined at the column level */\n          const columnClickData: ColumnClickData = {\n            unitID: unit?.unit_id,\n            unit,\n            target,\n            height: el?.getBoundingClientRect().height || 0,\n          };\n          props.onClickedColumn(columnClickData, event);\n        }\n\n        if (unit != null && el != null && target != null) {\n          const rect = el.getBoundingClientRect();\n          const targetRect = target.getBoundingClientRect();\n\n          overlayPosition = {\n            x: targetRect.left - rect.left,\n            y: targetRect.top - rect.top,\n            width: targetRect.width,\n            height: targetRect.height,\n          };\n        }\n        props.onUnitSelected?.(unit?.unit_id, unit);\n\n        return set({\n          selectedUnit: unit?.unit_id,\n          selectedUnitData: unit,\n          overlayPosition,\n        });\n      },\n    })),\n  );\n\n  const { units, selectedUnit } = props;\n\n  useEffect(() => {\n    // Synchronize store with provided props\n    if (selectedUnit != null) {\n      const unitData = units?.find((u) => u.unit_id === selectedUnit);\n      store.setState({ selectedUnit, selectedUnitData: unitData });\n    } else {\n      store.setState({ selectedUnit: null, selectedUnitData: null });\n    }\n  }, [selectedUnit, units]);\n\n  return h(UnitSelectionContext.Provider, { value: store }, props.children);\n}\n\nexport function useUnitSelectionTarget(\n  unit: IUnit,\n): [React.RefObject<HTMLElement>, boolean, (evt: Event) => void] {\n  const ref = useRef<HTMLElement>();\n  const selectedUnit = useSelectedUnit();\n  const onSelectUnit = useUnitSelectionStore((state) => state.onUnitSelected);\n  const selected = selectedUnit?.unit_id == unit.unit_id;\n\n  const onClick = useCallback(\n    (evt: Event) => {\n      if (onSelectUnit == null) return;\n      onSelectUnit(unit, ref.current, evt);\n      evt.stopPropagation();\n    },\n    [unit, onSelectUnit],\n  );\n\n  useEffect(() => {\n    if (!selected || onSelectUnit == null) return;\n    // In case we haven't set the position of the unit (if we don't have a target), set the selected unit\n    onSelectUnit(unit, ref.current, null);\n\n    // Scroll the unit into view\n    ref.current?.scrollIntoView({\n      behavior: \"smooth\",\n      block: \"center\",\n      inline: \"nearest\",\n    });\n  }, [selected, onSelectUnit]);\n\n  return [ref, selected, onClick];\n}\n\nexport function UnitKeyboardNavigation<T extends BaseUnit>({\n  units,\n}: {\n  units: T[];\n}) {\n  const selectedUnit = useSelectedUnit();\n  const selectUnit = useUnitSelectionDispatch();\n\n  const ix = units.findIndex((unit) => unit.unit_id === selectedUnit?.unit_id);\n\n  const keyMap = {\n    38: ix - 1,\n    40: ix + 1,\n  };\n\n  useKeyHandler(\n    (event) => {\n      const nextIx = keyMap[event.keyCode];\n      if (nextIx == null || nextIx < 0 || nextIx >= units.length) return;\n      selectUnit(units[nextIx], null, null);\n      event.stopPropagation();\n    },\n    [units, ix],\n  );\n  return null;\n}\n"],"names":[],"version":3,"file":"column-views.f2fd0e4a.js.map"}

package/dist/esm/{column-views.103b1cb0.js → column-views.f46a0b36.js}

@@ -1,4 +1,4 @@
-import {useColumnNavigationStore as $09486427d129f589$export$642c2b57c47ea41} from "./column-views.a8926321.js";
+import {useColumnNavigationStore as $09486427d129f589$export$642c2b57c47ea41} from "./column-views.e4c26185.js";
 import {buildKeyMapping as $40b71acee908f16d$export$b3975a0f05980d25, buildTriangulation as $40b71acee908f16d$export$39cd73f2cb8dc4f7} from "./column-views.dc42f5d0.js";
 import {useMemo as $1DDgQ$useMemo, useCallback as $1DDgQ$useCallback, useEffect as $1DDgQ$useEffect} from "react";
 import {setGeoJSON as $1DDgQ$setGeoJSON, buildGeoJSONSource as $1DDgQ$buildGeoJSONSource} from "@macrostrat/mapbox-utils";
@@ -109,4 +109,4 @@ function $ab1043903d5406ef$export$c613fba0aabeee13(color = "purple") {
 
 
 export {$ab1043903d5406ef$export$8c41dd563753848 as ColumnKeyboardNavigation, $ab1043903d5406ef$export$c613fba0aabeee13 as buildKeyboardNavigationStyle};
-//# sourceMappingURL=column-views.103b1cb0.js.map
+//# sourceMappingURL=column-views.f46a0b36.js.map

package/dist/esm/{column-views.103b1cb0.js.map → column-views.f46a0b36.js.map}

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;AAaO,SAAS,yCAAyB,KAAuB;IAC9D,kEAAkE,GAClE,MAAM,qBAAE,oBAAoB,OAAO,GAAG;IACtC,MAAM,UAAU,CAAA,GAAA,wCAAuB,EAAE,CAAC,QAAU,MAAM,OAAO;IACjE,MAAM,SAAS,CAAA,GAAA,wCAAuB,EAAE,CAAC,QAAU,MAAM,cAAc;IACvE,MAAM,eAAe,CAAA,GAAA,wCAAuB,EAAE,CAAC,QAAU,MAAM,YAAY;IAE3E,MAAM,UAAU,CAAA,GAAA,cAAM,EAAE;QACtB,IAAI,CAAC,WAAW,QAAQ,MAAM,IAAI,GAAG,OAAO;QAC5C,OAAO,CAAA,GAAA,yCAAiB,EAAE;IAC5B,GAAG;QAAC;KAAQ;IAEZ,MAAM,SAAS,CAAA,GAAA,gBAAQ;IACvB,MAAM,MAAM,OAAO,OAAO;IAE1B,MAAM,aAAa,CAAA,GAAA,cAAM,EAAE;QACzB,IAAI,WAAW,QAAQ,WAAW,QAAQ,OAAO,MAAM,OAAO;QAE9D,MAAM,aAAa,CAAC;YAClB,MAAM,KAAK,IAAI,OAAO,CAAC;YACvB,OAAO;gBAAC,GAAG,CAAC;gBAAE,GAAG,CAAC;aAAC;QACrB;QAEA,MAAM,eAAe,QAAQ,SAAS,CACpC,CAAC,IAAM,EAAE,UAAU,CAAC,MAAM,IAAI;QAGhC,MAAM,YAAY,QAAQ,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC,aAAa;QAC9D,OAAO,CAAA,GAAA,yCAAc,EACnB,WACA,QAAQ,SAAS,EACjB,cACA;IAEJ,GAAG;QAAC;QAAQ;QAAS;QAAS;KAAI;IAElC,MAAM,YAAY,CAAA,GAAA,kBAAU,EAC1B,CAAC;QACC,IAAI,cAAc,MAAM;QACxB,MAAM,eAAe,UAAU,CAAC,MAAM,KAAK,CAAC;QAC5C,IAAI,gBAAgB,MAAM;QAC1B,MAAM,cAAc;QACpB,MAAM,eAAe;QACrB,aAAa;QACb,aAAa,OAAO,CAAC,aAAa,CAAC,EAAE;QACrC,OAAO;IACT,GACA;QAAC;QAAY;KAAa;IAG5B,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,OAAO,MAAM;QACjB,MAAM,SAAS,IAAI,SAAS;QAC5B,OAAO,gBAAgB,CAAC,WAAW;QACnC,OAAO;YACL,OAAO,mBAAmB,CAAC,WAAW;QACxC;IACF,GAAG;QAAC;QAAK;KAAU;IAEnB,CAAA,GAAA,0BAAkB,EAChB,CAAC;QACC,IAAI,WAAW,QAAQ,CAAC,mBAAmB;QAC3C,MAAM,YAAE,QAAQ,EAAE,GAAG,QAAQ,GAAG,CAAC,KAAK;QAEtC,CAAA,GAAA,iBAAS,EAAE,KAAK,gBAAgB;YAC9B,MAAM;sBACN;QACF;IACF,GACA;QAAC;QAAS;KAAkB;IAG9B,qCAAqC;IACrC,6DAA6D;IAE7D,OAAO;AACT;AAEO,SAAS,0CAA6B,QAAgB,QAAQ;IACnE,OAAO;QACL,SAAS;YACP,gBAAgB,CAAA,GAAA,yBAAiB;QAEnC;QACA,QAAQ;YACN;gBACE,IAAI;gBACJ,MAAM;gBACN,QAAQ;gBACR,OAAO;oBACL,cAAc;oBACd,cAAc;gBAChB;YACF;YACA;gBACE,IAAI;gBACJ,MAAM;gBACN,QAAQ;gBACR,OAAO;oBACL,iBAAiB;oBACjB,gBAAgB;gBAClB;YACF;SACD;IACH;AACF","sources":["packages/column-views/src/maps/column-navigation/mapbox/keyboard-navigation.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo } from \"react\";\nimport { buildGeoJSONSource, setGeoJSON } from \"@macrostrat/mapbox-utils\";\nimport { useMapRef, useMapStyleOperator } from \"@macrostrat/mapbox-react\";\nimport { useColumnNavigationStore } from \"./state\";\nimport {\n  buildTriangulation,\n  buildKeyMapping,\n} from \"../utils/keyboard-navigation\";\n\ninterface KeyboardNavProps {\n  showTriangulation: boolean;\n}\n\nexport function ColumnKeyboardNavigation(props: KeyboardNavProps) {\n  /** Keyboard navigation of columns using a Delaunay triangulation */\n  const { showTriangulation = false } = props;\n  const columns = useColumnNavigationStore((state) => state.columns);\n  const col_id = useColumnNavigationStore((state) => state.selectedColumn);\n  const selectColumn = useColumnNavigationStore((state) => state.selectColumn);\n\n  const voronoi = useMemo(() => {\n    if (!columns || columns.length == 0) return null;\n    return buildTriangulation(columns);\n  }, [columns]);\n\n  const mapRef = useMapRef();\n  const map = mapRef.current;\n\n  const keyMapping = useMemo(() => {\n    if (columns == null || voronoi == null || map == null) return null;\n\n    const projection = (d) => {\n      const pt = map.project(d);\n      return [pt.x, pt.y];\n    };\n\n    const currentIndex = columns.findIndex(\n      (d) => d.properties.col_id == col_id,\n    );\n\n    const neighbors = voronoi.tri.delaunay.neighbors[currentIndex];\n    return buildKeyMapping(\n      neighbors,\n      voronoi.centroids,\n      currentIndex,\n      projection,\n    );\n  }, [col_id, columns, voronoi, map]);\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (keyMapping == null) return;\n      const nextColumnIx = keyMapping[event.which];\n      if (nextColumnIx == null) return;\n      event.preventDefault();\n      event.stopPropagation();\n      // @ts-ignore\n      selectColumn(columns[nextColumnIx].id);\n      return false;\n    },\n    [keyMapping, selectColumn],\n  );\n\n  useEffect(() => {\n    if (map == null) return;\n    const canvas = map.getCanvas();\n    canvas.addEventListener(\"keydown\", onKeyDown);\n    return () => {\n      canvas.removeEventListener(\"keydown\", onKeyDown);\n    };\n  }, [map, onKeyDown]);\n\n  useMapStyleOperator(\n    (map) => {\n      if (voronoi == null || !showTriangulation) return;\n      const { features } = voronoi.tri.links();\n\n      setGeoJSON(map, \"column-links\", {\n        type: \"FeatureCollection\",\n        features,\n      });\n    },\n    [voronoi, showTriangulation],\n  );\n\n  //if (neighbors == null) return null;\n  //const neighborFeatures = neighbors.map((d) => features[d]);\n\n  return null;\n}\n\nexport function buildKeyboardNavigationStyle(color: string = \"purple\") {\n  return {\n    sources: {\n      \"column-links\": buildGeoJSONSource(),\n      //neighbors: buildGeoJSONSource(),\n    },\n    layers: [\n      {\n        id: \"column-links\",\n        type: \"line\",\n        source: \"column-links\",\n        paint: {\n          \"line-color\": color,\n          \"line-width\": 1.5,\n        },\n      },\n      {\n        id: \"column-centers\",\n        type: \"circle\",\n        source: \"column-links\",\n        paint: {\n          \"circle-radius\": 2,\n          \"circle-color\": color,\n        },\n      },\n    ],\n  };\n}\n"],"names":[],"version":3,"file":"column-views.103b1cb0.js.map"}
+{"mappings":";;;;;;;;;;;AAaO,SAAS,yCAAyB,KAAuB;IAC9D,kEAAkE,GAClE,MAAM,qBAAE,oBAAoB,OAAO,GAAG;IACtC,MAAM,UAAU,CAAA,GAAA,wCAAuB,EAAE,CAAC,QAAU,MAAM,OAAO;IACjE,MAAM,SAAS,CAAA,GAAA,wCAAuB,EAAE,CAAC,QAAU,MAAM,cAAc;IACvE,MAAM,eAAe,CAAA,GAAA,wCAAuB,EAAE,CAAC,QAAU,MAAM,YAAY;IAE3E,MAAM,UAAU,CAAA,GAAA,cAAM,EAAE;QACtB,IAAI,CAAC,WAAW,QAAQ,MAAM,IAAI,GAAG,OAAO;QAC5C,OAAO,CAAA,GAAA,yCAAiB,EAAE;IAC5B,GAAG;QAAC;KAAQ;IAEZ,MAAM,SAAS,CAAA,GAAA,gBAAQ;IACvB,MAAM,MAAM,OAAO,OAAO;IAE1B,MAAM,aAAa,CAAA,GAAA,cAAM,EAAE;QACzB,IAAI,WAAW,QAAQ,WAAW,QAAQ,OAAO,MAAM,OAAO;QAE9D,MAAM,aAAa,CAAC;YAClB,MAAM,KAAK,IAAI,OAAO,CAAC;YACvB,OAAO;gBAAC,GAAG,CAAC;gBAAE,GAAG,CAAC;aAAC;QACrB;QAEA,MAAM,eAAe,QAAQ,SAAS,CACpC,CAAC,IAAM,EAAE,UAAU,CAAC,MAAM,IAAI;QAGhC,MAAM,YAAY,QAAQ,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC,aAAa;QAC9D,OAAO,CAAA,GAAA,yCAAc,EACnB,WACA,QAAQ,SAAS,EACjB,cACA;IAEJ,GAAG;QAAC;QAAQ;QAAS;QAAS;KAAI;IAElC,MAAM,YAAY,CAAA,GAAA,kBAAU,EAC1B,CAAC;QACC,IAAI,cAAc,MAAM;QACxB,MAAM,eAAe,UAAU,CAAC,MAAM,KAAK,CAAC;QAC5C,IAAI,gBAAgB,MAAM;QAC1B,MAAM,cAAc;QACpB,MAAM,eAAe;QACrB,aAAa;QACb,aAAa,OAAO,CAAC,aAAa,CAAC,EAAE;QACrC,OAAO;IACT,GACA;QAAC;QAAY;KAAa;IAG5B,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,OAAO,MAAM;QACjB,MAAM,SAAS,IAAI,SAAS;QAC5B,OAAO,gBAAgB,CAAC,WAAW;QACnC,OAAO;YACL,OAAO,mBAAmB,CAAC,WAAW;QACxC;IACF,GAAG;QAAC;QAAK;KAAU;IAEnB,CAAA,GAAA,0BAAkB,EAChB,CAAC;QACC,IAAI,WAAW,QAAQ,CAAC,mBAAmB;QAC3C,MAAM,YAAE,QAAQ,EAAE,GAAG,QAAQ,GAAG,CAAC,KAAK;QAEtC,CAAA,GAAA,iBAAS,EAAE,KAAK,gBAAgB;YAC9B,MAAM;sBACN;QACF;IACF,GACA;QAAC;QAAS;KAAkB;IAG9B,qCAAqC;IACrC,6DAA6D;IAE7D,OAAO;AACT;AAEO,SAAS,0CAA6B,QAAgB,QAAQ;IACnE,OAAO;QACL,SAAS;YACP,gBAAgB,CAAA,GAAA,yBAAiB;QAEnC;QACA,QAAQ;YACN;gBACE,IAAI;gBACJ,MAAM;gBACN,QAAQ;gBACR,OAAO;oBACL,cAAc;oBACd,cAAc;gBAChB;YACF;YACA;gBACE,IAAI;gBACJ,MAAM;gBACN,QAAQ;gBACR,OAAO;oBACL,iBAAiB;oBACjB,gBAAgB;gBAClB;YACF;SACD;IACH;AACF","sources":["packages/column-views/src/maps/column-navigation/mapbox/keyboard-navigation.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo } from \"react\";\nimport { buildGeoJSONSource, setGeoJSON } from \"@macrostrat/mapbox-utils\";\nimport { useMapRef, useMapStyleOperator } from \"@macrostrat/mapbox-react\";\nimport { useColumnNavigationStore } from \"./state\";\nimport {\n  buildTriangulation,\n  buildKeyMapping,\n} from \"../utils/keyboard-navigation\";\n\ninterface KeyboardNavProps {\n  showTriangulation: boolean;\n}\n\nexport function ColumnKeyboardNavigation(props: KeyboardNavProps) {\n  /** Keyboard navigation of columns using a Delaunay triangulation */\n  const { showTriangulation = false } = props;\n  const columns = useColumnNavigationStore((state) => state.columns);\n  const col_id = useColumnNavigationStore((state) => state.selectedColumn);\n  const selectColumn = useColumnNavigationStore((state) => state.selectColumn);\n\n  const voronoi = useMemo(() => {\n    if (!columns || columns.length == 0) return null;\n    return buildTriangulation(columns);\n  }, [columns]);\n\n  const mapRef = useMapRef();\n  const map = mapRef.current;\n\n  const keyMapping = useMemo(() => {\n    if (columns == null || voronoi == null || map == null) return null;\n\n    const projection = (d) => {\n      const pt = map.project(d);\n      return [pt.x, pt.y];\n    };\n\n    const currentIndex = columns.findIndex(\n      (d) => d.properties.col_id == col_id,\n    );\n\n    const neighbors = voronoi.tri.delaunay.neighbors[currentIndex];\n    return buildKeyMapping(\n      neighbors,\n      voronoi.centroids,\n      currentIndex,\n      projection,\n    );\n  }, [col_id, columns, voronoi, map]);\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (keyMapping == null) return;\n      const nextColumnIx = keyMapping[event.which];\n      if (nextColumnIx == null) return;\n      event.preventDefault();\n      event.stopPropagation();\n      // @ts-ignore\n      selectColumn(columns[nextColumnIx].id);\n      return false;\n    },\n    [keyMapping, selectColumn],\n  );\n\n  useEffect(() => {\n    if (map == null) return;\n    const canvas = map.getCanvas();\n    canvas.addEventListener(\"keydown\", onKeyDown);\n    return () => {\n      canvas.removeEventListener(\"keydown\", onKeyDown);\n    };\n  }, [map, onKeyDown]);\n\n  useMapStyleOperator(\n    (map) => {\n      if (voronoi == null || !showTriangulation) return;\n      const { features } = voronoi.tri.links();\n\n      setGeoJSON(map, \"column-links\", {\n        type: \"FeatureCollection\",\n        features,\n      });\n    },\n    [voronoi, showTriangulation],\n  );\n\n  //if (neighbors == null) return null;\n  //const neighborFeatures = neighbors.map((d) => features[d]);\n\n  return null;\n}\n\nexport function buildKeyboardNavigationStyle(color: string = \"purple\") {\n  return {\n    sources: {\n      \"column-links\": buildGeoJSONSource(),\n      //neighbors: buildGeoJSONSource(),\n    },\n    layers: [\n      {\n        id: \"column-links\",\n        type: \"line\",\n        source: \"column-links\",\n        paint: {\n          \"line-color\": color,\n          \"line-width\": 1.5,\n        },\n      },\n      {\n        id: \"column-centers\",\n        type: \"circle\",\n        source: \"column-links\",\n        paint: {\n          \"circle-radius\": 2,\n          \"circle-color\": color,\n        },\n      },\n    ],\n  };\n}\n"],"names":[],"version":3,"file":"column-views.f46a0b36.js.map"}

package/dist/esm/{column-views.d48cb0d8.js → column-views.fcf25ec6.js}

@@ -11,6 +11,7 @@ $parcel$export($99635b65dd697f61$exports, "hidden-actions", () => $99635b65dd697
 $parcel$export($99635b65dd697f61$exports, "hidden-actions-container", () => $99635b65dd697f61$export$76ccfd847a96b3a0, (v) => $99635b65dd697f61$export$76ccfd847a96b3a0 = v);
 $parcel$export($99635b65dd697f61$exports, "identifier", () => $99635b65dd697f61$export$c2ab62c7bf24634, (v) => $99635b65dd697f61$export$c2ab62c7bf24634 = v);
 $parcel$export($99635b65dd697f61$exports, "interval-proportions", () => $99635b65dd697f61$export$ff33e8e065b5d268, (v) => $99635b65dd697f61$export$ff33e8e065b5d268 = v);
+$parcel$export($99635b65dd697f61$exports, "item", () => $99635b65dd697f61$export$7061c75fc5af8b7e, (v) => $99635b65dd697f61$export$7061c75fc5af8b7e = v);
 $parcel$export($99635b65dd697f61$exports, "legend-panel-header", () => $99635b65dd697f61$export$ce652ed9af8e3365, (v) => $99635b65dd697f61$export$ce652ed9af8e3365 = v);
 $parcel$export($99635b65dd697f61$exports, "no-units", () => $99635b65dd697f61$export$aff88130074c0d5f, (v) => $99635b65dd697f61$export$aff88130074c0d5f = v);
 $parcel$export($99635b65dd697f61$exports, "proportion", () => $99635b65dd697f61$export$5a14da41381fe262, (v) => $99635b65dd697f61$export$5a14da41381fe262 = v);
@@ -24,6 +25,7 @@ $parcel$export($99635b65dd697f61$exports, "unit-details-content", () => $99635b6
 $parcel$export($99635b65dd697f61$exports, "unit-details-content-holder", () => $99635b65dd697f61$export$1dcba08cee5317f8, (v) => $99635b65dd697f61$export$1dcba08cee5317f8 = v);
 $parcel$export($99635b65dd697f61$exports, "unit-details-panel", () => $99635b65dd697f61$export$f94e3d1eb82ee550, (v) => $99635b65dd697f61$export$f94e3d1eb82ee550 = v);
 $parcel$export($99635b65dd697f61$exports, "unit-id", () => $99635b65dd697f61$export$e22f189945dfce76, (v) => $99635b65dd697f61$export$e22f189945dfce76 = v);
+$parcel$export($99635b65dd697f61$exports, "units-list", () => $99635b65dd697f61$export$69cb3becad3ae676, (v) => $99635b65dd697f61$export$69cb3becad3ae676 = v);
 var $99635b65dd697f61$export$60d5655c6babb2a0;
 var $99635b65dd697f61$export$def51519e6441a17;
 var $99635b65dd697f61$export$46755bac45eea0a4;
@@ -31,6 +33,7 @@ var $99635b65dd697f61$export$b36b9e25cc36a950;
 var $99635b65dd697f61$export$76ccfd847a96b3a0;
 var $99635b65dd697f61$export$c2ab62c7bf24634;
 var $99635b65dd697f61$export$ff33e8e065b5d268;
+var $99635b65dd697f61$export$7061c75fc5af8b7e;
 var $99635b65dd697f61$export$ce652ed9af8e3365;
 var $99635b65dd697f61$export$aff88130074c0d5f;
 var $99635b65dd697f61$export$5a14da41381fe262;
@@ -44,6 +47,7 @@ var $99635b65dd697f61$export$1c30616b5f94c6bc;
 var $99635b65dd697f61$export$1dcba08cee5317f8;
 var $99635b65dd697f61$export$f94e3d1eb82ee550;
 var $99635b65dd697f61$export$e22f189945dfce76;
+var $99635b65dd697f61$export$69cb3becad3ae676;
 $99635b65dd697f61$export$60d5655c6babb2a0 = `XUD4UG_clickable`;
 $99635b65dd697f61$export$def51519e6441a17 = `XUD4UG_color-swatch`;
 $99635b65dd697f61$export$46755bac45eea0a4 = `XUD4UG_discourage-break`;
@@ -51,6 +55,7 @@ $99635b65dd697f61$export$b36b9e25cc36a950 = `XUD4UG_hidden-actions`;
 $99635b65dd697f61$export$76ccfd847a96b3a0 = `XUD4UG_hidden-actions-container`;
 $99635b65dd697f61$export$c2ab62c7bf24634 = `XUD4UG_identifier`;
 $99635b65dd697f61$export$ff33e8e065b5d268 = `XUD4UG_interval-proportions`;
+$99635b65dd697f61$export$7061c75fc5af8b7e = `XUD4UG_item`;
 $99635b65dd697f61$export$ce652ed9af8e3365 = `XUD4UG_legend-panel-header`;
 $99635b65dd697f61$export$aff88130074c0d5f = `XUD4UG_no-units`;
 $99635b65dd697f61$export$5a14da41381fe262 = `XUD4UG_proportion`;
@@ -64,7 +69,8 @@ $99635b65dd697f61$export$1c30616b5f94c6bc = `XUD4UG_unit-details-content`;
 $99635b65dd697f61$export$1dcba08cee5317f8 = `XUD4UG_unit-details-content-holder`;
 $99635b65dd697f61$export$f94e3d1eb82ee550 = `XUD4UG_unit-details-panel`;
 $99635b65dd697f61$export$e22f189945dfce76 = `XUD4UG_unit-id`;
+$99635b65dd697f61$export$69cb3becad3ae676 = `XUD4UG_units-list`;
 
 
 export {$99635b65dd697f61$exports as default};
-//# sourceMappingURL=column-views.d48cb0d8.js.map
+//# sourceMappingURL=column-views.fcf25ec6.js.map

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

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AArBA,4CAA8B,CAAC,gBAAgB,CAAC;AAChD,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAAqC,CAAC,uBAAuB,CAAC;AAC9D,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,2CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAyC,CAAC,2BAA2B,CAAC;AACtE,4CAAyB,CAAC,WAAW,CAAC;AACtC,4CAAwC,CAAC,0BAA0B,CAAC;AACpE,4CAA6B,CAAC,eAAe,CAAC;AAC9C,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAyB,CAAC,WAAW,CAAC;AACtC,4CAAwB,CAAC,UAAU,CAAC;AACpC,4CAA2B,CAAC,aAAa,CAAC;AAC1C,4CAAkC,CAAC,oBAAoB,CAAC;AACxD,4CAAoC,CAAC,sBAAsB,CAAC;AAC5D,4CAAoC,CAAC,sBAAsB,CAAC;AAC5D,4CAAyC,CAAC,2BAA2B,CAAC;AACtE,4CAAgD,CAAC,kCAAkC,CAAC;AACpF,4CAAuC,CAAC,yBAAyB,CAAC;AAClE,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAA+B,CAAC,iBAAiB,CAAC","sources":["packages/column-views/src/unit-details/panel.module.sass"],"sourcesContent":[".legend-panel-header\n  display: flex\n  justify-content: space-between\n  align-items: center\n  gap: 0.5em\n  border-bottom: 1px solid var(--panel-rule-color)\n  position: sticky\n  top: 0\n  background-color: var(--panel-secondary-background-color)\n  padding: 0.5em 1em\n  z-index: 50\n  min-height: 45px\n  overflow: hidden\n  .title-container\n    gap: 0.5em\n    align-items: baseline\n    margin: 0\n    flex-grow: 1\n    z-index: 5\n    &:hover\n      .hidden-actions-container\n        visibility: visible\n    h1, h2, h3\n      display: inline\n      margin: 0\n    .hidden-actions-container\n      visibility: hidden\n    button\n      transform: translateY(0px)\n\n  code\n    font-size: 0.9em\n    color: var(--secondary-color)\n  .unit-id:before\n    content: '#'\n    // Tertiary color is too light...\n    color: var(--secondary-color)\n\n  .spacer\n    flex: 1\n\n.unit-details-panel\n  display: flex\n  flex-direction: column\n  .unit-details-content-holder\n    flex: 1\n    overflow-y: scroll\n\n.unit-details-content\n  position: relative\n  margin: 1em\n\n.units-list\n  .item\n    &:after\n      content: ', '\n    &:last-child:after\n      content: ''\n\n.proportion, .sep, .no-units, .strat-name-text\n  color: var(--secondary-color)\n  font-style: italic\n\n.strat-name-id, .identifier\n  font-family: var(--monospace-font)\n  color: var(--secondary-color)\n\n  &::before\n    content: '#'\n    color: var(--tertiary-color)\n\n.color-swatch\n  width: 1em\n  height: 1em\n  border-radius: 0.2em\n  margin-right: 0.2em\n  border: 1px solid var(--panel-rule-color)\n  display: inline-block\n\n.refs\n  list-style: none\n  margin: 0\n  padding-left: 0\n\n.interval-proportions\n  flex-grow: 1\n  width: 100%\n  text-align: right\n  .discourage-break\n    white-space: nowrap\n  .sep\n    margin: 0 0.3em\n\n.clickable\n  cursor: pointer\n\n.hidden-actions-container\n  min-width: 0\n  display: inline-block\n  //margin-right: -5em\n  width: 0\n  position: relative\n\n.hidden-actions\n  padding-left: 1em\n  width: fit-content\n  display: flex\n  align-items: center\n  gap: 0.25em\n  background-color: var(--panel-secondary-background-color)\n  z-index: 50\n  position: relative\n  bottom: 0\n  button\n    color: var(--secondary-color) !important\n"],"names":[],"version":3,"file":"column-views.fcf25ec6.js.map"}