@macrostrat/column-views 3.9.0 → 3.11.0

package/dist/maps/inset-map/index.d.ts

@@ -1,16 +0,0 @@
-import { MapViewProps } from '@macrostrat/map-interface';
-import { ReactNode, CSSProperties } from 'react';
-export interface InsetMapProps extends Omit<MapViewProps, "style"> {
-    controls?: ReactNode;
-    className?: string;
-    children?: ReactNode;
-    style?: CSSProperties;
-    mapStyle?: mapboxgl.Style | string;
-    showLabels?: boolean;
-    showAdmin?: boolean;
-    showRoads?: boolean;
-}
-export declare function InsetMap({ controls, className, children, style, mapStyle, accessToken, showLabels, showAdmin, showRoads, ...rest }: InsetMapProps): import('react').ReactElement<{
-    className: string | undefined;
-    style: CSSProperties | undefined;
-}, string | import('react').JSXElementConstructor<any>>;

package/dist/maps/inset-map/index.js

@@ -1,69 +0,0 @@
-import { useMemo, useCallback } from "react";
-import { getBasicMapStyle, MapView } from "@macrostrat/map-interface";
-import h from "@macrostrat/hyper";
-import { MapboxMapProvider } from "@macrostrat/mapbox-react";
-import { useInDarkMode } from "@macrostrat/ui-components";
-import { removeMapLabels, removeSourceFromStyle } from "@macrostrat/mapbox-utils";
-function InsetMap({
-  controls,
-  className,
-  children,
-  style,
-  mapStyle,
-  accessToken,
-  showLabels = false,
-  showAdmin = false,
-  showRoads = false,
-  ...rest
-}) {
-  const inDarkMode = useInDarkMode();
-  const _style = useMemo(() => {
-    return mapStyle ?? getBasicMapStyle({ inDarkMode });
-  }, [mapStyle, inDarkMode]);
-  const transformStyle = useCallback(
-    (style2) => {
-      let newStyle = style2;
-      if (!showLabels) {
-        newStyle = removeMapLabels(newStyle);
-      }
-      if (!showAdmin) {
-        newStyle = removeSourceFromStyle(newStyle, null, "admin");
-      }
-      if (!showRoads) {
-        newStyle = removeSourceFromStyle(newStyle, null, "road");
-        newStyle = removeSourceFromStyle(newStyle, null, "aeroway");
-      }
-      return newStyle;
-    },
-    [mapStyle, showLabels, showRoads, showAdmin]
-  );
-  return h("div.inset-map", { className, style }, [
-    h(MapboxMapProvider, [
-      controls,
-      h(
-        MapView,
-        {
-          style: _style,
-          accessToken,
-          standalone: true,
-          /* Default map position that centers on the bulk of Macrostrat columns
-           */
-          mapPosition: {
-            camera: {
-              lng: -100,
-              lat: 38,
-              altitude: 5e6
-            }
-          },
-          transformStyle,
-          ...rest
-        },
-        children
-      )
-    ])
-  ]);
-}
-export {
-  InsetMap
-};
-//# sourceMappingURL=index.js.map

package/dist/maps/inset-map/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/maps/inset-map/index.ts"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport {\n  MapView,\n  getBasicMapStyle,\n  MapViewProps,\n} from \"@macrostrat/map-interface\";\nimport h from \"@macrostrat/hyper\";\nimport { MapboxMapProvider } from \"@macrostrat/mapbox-react\";\nimport { useInDarkMode } from \"@macrostrat/ui-components\";\nimport {\n  removeMapLabels,\n  removeSourceFromStyle,\n} from \"@macrostrat/mapbox-utils\";\nimport type { ReactNode, CSSProperties } from \"react\";\n\nexport interface InsetMapProps extends Omit<MapViewProps, \"style\"> {\n  controls?: ReactNode;\n  className?: string;\n  children?: ReactNode;\n  style?: CSSProperties;\n  mapStyle?: mapboxgl.Style | string;\n  showLabels?: boolean;\n  showAdmin?: boolean;\n  showRoads?: boolean;\n}\n\nexport function InsetMap({\n  controls,\n  className,\n  children,\n  style,\n  mapStyle,\n  accessToken,\n  showLabels = false,\n  showAdmin = false,\n  showRoads = false,\n  ...rest\n}: InsetMapProps) {\n  const inDarkMode = useInDarkMode();\n  const _style = useMemo((): mapboxgl.Style | string => {\n    return mapStyle ?? getBasicMapStyle({ inDarkMode });\n  }, [mapStyle, inDarkMode]);\n\n  const transformStyle = useCallback(\n    (style) => {\n      let newStyle = style;\n      if (!showLabels) {\n        newStyle = removeMapLabels(newStyle);\n      }\n      if (!showAdmin) {\n        newStyle = removeSourceFromStyle(newStyle, null, \"admin\");\n      }\n      if (!showRoads) {\n        newStyle = removeSourceFromStyle(newStyle, null, \"road\");\n        newStyle = removeSourceFromStyle(newStyle, null, \"aeroway\");\n      }\n      return newStyle;\n    },\n    [mapStyle, showLabels, showRoads, showAdmin],\n  );\n\n  return h(\"div.inset-map\", { className, style }, [\n    h(MapboxMapProvider, [\n      controls,\n      h(\n        MapView,\n        {\n          style: _style,\n          accessToken,\n          standalone: true,\n          /* Default map position that centers on the bulk of Macrostrat columns\n           */\n          mapPosition: {\n            camera: {\n              lng: -100,\n              lat: 38,\n              altitude: 5000000,\n            },\n          },\n          transformStyle,\n          ...rest,\n        },\n        children,\n      ),\n    ]),\n  ]);\n}\n"],"names":["style"],"mappings":";;;;;;AA0BO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,GAAG;AACL,GAAkB;AAChB,QAAM,aAAa,cAAA;AACnB,QAAM,SAAS,QAAQ,MAA+B;AACpD,WAAO,YAAY,iBAAiB,EAAE,YAAY;AAAA,EACpD,GAAG,CAAC,UAAU,UAAU,CAAC;AAEzB,QAAM,iBAAiB;AAAA,IACrB,CAACA,WAAU;AACT,UAAI,WAAWA;AACf,UAAI,CAAC,YAAY;AACf,mBAAW,gBAAgB,QAAQ;AAAA,MACrC;AACA,UAAI,CAAC,WAAW;AACd,mBAAW,sBAAsB,UAAU,MAAM,OAAO;AAAA,MAC1D;AACA,UAAI,CAAC,WAAW;AACd,mBAAW,sBAAsB,UAAU,MAAM,MAAM;AACvD,mBAAW,sBAAsB,UAAU,MAAM,SAAS;AAAA,MAC5D;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,UAAU,YAAY,WAAW,SAAS;AAAA,EAAA;AAG7C,SAAO,EAAE,iBAAiB,EAAE,WAAW,SAAS;AAAA,IAC9C,EAAE,mBAAmB;AAAA,MACnB;AAAA,MACA;AAAA,QACE;AAAA,QACA;AAAA,UACE,OAAO;AAAA,UACP;AAAA,UACA,YAAY;AAAA;AAAA;AAAA,UAGZ,aAAa;AAAA,YACX,QAAQ;AAAA,cACN,KAAK;AAAA,cACL,KAAK;AAAA,cACL,UAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UAEF;AAAA,UACA,GAAG;AAAA,QAAA;AAAA,QAEL;AAAA,MAAA;AAAA,IACF,CACD;AAAA,EAAA,CACF;AACH;"}

package/dist/maps/layers/columns.cjs

@@ -1,165 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const mapboxReact = require("@macrostrat/mapbox-react");
-const mapboxUtils = require("@macrostrat/mapbox-utils");
-const colorUtils = require("@macrostrat/color-utils");
-function BaseColumnsLayer({
-  enabled = true,
-  columns,
-  ...rest
-}) {
-  mapboxReact.useOverlayStyle(() => enabled ? buildColumnsStyle(rest) : null, [enabled]);
-  mapboxReact.useMapStyleOperator(
-    (map) => {
-      if (columns == null) {
-        return;
-      }
-      mapboxUtils.setGeoJSON(map, "columns", promoteToFeatureCollection(columns));
-    },
-    [columns, enabled]
-  );
-  return null;
-}
-function promoteToFeatureCollection(data) {
-  if (data == null) return null;
-  if ("type" in data && data.type == "Feature") {
-    return {
-      type: "FeatureCollection",
-      features: [data]
-    };
-  }
-  if ("type" in data && data.type == "FeatureCollection" && "features" in data) {
-    return data;
-  }
-  return {
-    type: "FeatureCollection",
-    features: data
-  };
-}
-function buildColumnsStyle(opts = {}) {
-  const { color } = opts;
-  const columnBaseColor = color ?? colorUtils.getCSSVariable("--text-subtle-color", "black");
-  let columnColor = columnBaseColor;
-  const columnSelectedColor = opts.selectedColor ?? colorUtils.getCSSVariable("--selection-color", "purple");
-  const lineColor = opts.lineColor ?? columnBaseColor;
-  const isHovered = [
-    "any",
-    ["boolean", ["feature-state", "hover"], false],
-    ["boolean", ["feature-state", "highlighted"], false]
-  ];
-  if (typeof columnColor === "string") {
-    columnColor = [
-      "coalesce",
-      ["feature-state", "color"],
-      ["get", "color"],
-      columnColor
-    ];
-  }
-  const fillOpacity = opts.opacity ?? 0.1;
-  const lineOpacity = opts.lineOpacity ?? 0.5;
-  const lineWidth = opts.lineWidth ?? 2;
-  const circleRadius = opts.circleRadius ?? 4;
-  return {
-    sources: {
-      columns: mapboxUtils.buildGeoJSONSource()
-    },
-    version: 8,
-    layers: [
-      {
-        id: "columns-fill",
-        type: "fill",
-        source: "columns",
-        paint: {
-          "fill-color": columnColor,
-          "fill-opacity": fillOpacity
-        }
-      },
-      {
-        id: "columns-points",
-        type: "circle",
-        source: "columns",
-        paint: {
-          "circle-radius": circleRadius,
-          "circle-color": columnColor,
-          "circle-opacity": fillOpacity
-        },
-        filter: ["==", "$type", "Point"]
-      },
-      {
-        id: "columns-line",
-        type: "line",
-        source: "columns",
-        paint: {
-          "line-color": ["case", isHovered, columnSelectedColor, lineColor],
-          "line-width": lineWidth,
-          "line-opacity": ["case", isHovered, 1, lineOpacity]
-        }
-      }
-    ]
-  };
-}
-const selectedColumnSourceID = "selectedColumn";
-function SelectedColumnOverlay({
-  selectedColumn,
-  ...styleOpts
-}) {
-  mapboxReact.useOverlayStyle(() => buildSelectedColumnStyle(styleOpts), []);
-  mapboxReact.useMapStyleOperator(
-    (map) => {
-      mapboxUtils.setGeoJSON(
-        map,
-        selectedColumnSourceID,
-        promoteToFeatureCollection(selectedColumn)
-      );
-    },
-    [selectedColumn]
-  );
-  return null;
-}
-function buildSelectedColumnStyle(opts = {}) {
-  const columnSelectedColor = opts.color ?? colorUtils.getCSSVariable("--selection-color", "purple");
-  return {
-    sources: {
-      selectedColumn: mapboxUtils.buildGeoJSONSource()
-    },
-    version: 8,
-    layers: [
-      {
-        id: "selected-column-highlight",
-        type: "fill",
-        source: selectedColumnSourceID,
-        paint: {
-          "fill-color": columnSelectedColor,
-          "fill-opacity": 0.5
-        },
-        filter: ["==", "$type", "Polygon"]
-      },
-      {
-        id: "selected-column-edge",
-        type: "line",
-        source: selectedColumnSourceID,
-        paint: {
-          "line-color": columnSelectedColor,
-          "line-width": 2,
-          "line-opacity": 1
-        },
-        filter: ["==", "$type", "Polygon"]
-      },
-      {
-        id: "selected-column-point",
-        type: "circle",
-        source: selectedColumnSourceID,
-        paint: {
-          "circle-radius": 6,
-          "circle-color": columnSelectedColor,
-          "circle-opacity": 1
-        },
-        filter: ["==", "$type", "Point"]
-      }
-    ]
-  };
-}
-exports.BaseColumnsLayer = BaseColumnsLayer;
-exports.SelectedColumnOverlay = SelectedColumnOverlay;
-exports.buildColumnsStyle = buildColumnsStyle;
-//# sourceMappingURL=columns.cjs.map

package/dist/maps/layers/columns.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"columns.cjs","sources":["../../../src/maps/layers/columns.ts"],"sourcesContent":["import { useMapStyleOperator, useOverlayStyle } from \"@macrostrat/mapbox-react\";\nimport { setGeoJSON } from \"@macrostrat/mapbox-utils\";\nimport GeoJSON, { FeatureCollection } from \"geojson\";\nimport { GeoJSONFeature } from \"mapbox-gl\";\nimport { getCSSVariable } from \"@macrostrat/color-utils\";\nimport { buildGeoJSONSource } from \"@macrostrat/mapbox-utils\";\nimport { StyleFragment } from \"@macrostrat/mapbox-react\";\n\nexport interface ColumnsStyleOptions {\n  color?: string | any[];\n  selectedColor?: string | any[];\n  opacity?: number | any[];\n  circleRadius?: number | any[];\n  lineOpacity?: number | any[];\n  lineWidth?: number | any[];\n  lineColor?: string | any[];\n}\n\ninterface ColumnLayerOptions extends ColumnsStyleOptions {\n  enabled: boolean;\n  columns: FeatureCollection | GeoJSONFeature[];\n}\n\nexport function BaseColumnsLayer({\n  enabled = true,\n  columns,\n  ...rest\n}: ColumnLayerOptions) {\n  useOverlayStyle(() => (enabled ? buildColumnsStyle(rest) : null), [enabled]);\n\n  useMapStyleOperator(\n    (map) => {\n      if (columns == null) {\n        return;\n      }\n\n      setGeoJSON(map, \"columns\", promoteToFeatureCollection(columns));\n    },\n    [columns, enabled],\n  );\n  return null;\n}\n\nfunction promoteToFeatureCollection(\n  data: FeatureCollection | GeoJSONFeature | GeoJSONFeature[] | null,\n): FeatureCollection | null {\n  if (data == null) return null;\n  if (\"type\" in data && data.type == \"Feature\") {\n    return {\n      type: \"FeatureCollection\",\n      features: [data],\n    };\n  }\n  if (\n    \"type\" in data &&\n    data.type == \"FeatureCollection\" &&\n    \"features\" in data\n  ) {\n    return data;\n  }\n  return {\n    type: \"FeatureCollection\",\n    features: data,\n  };\n}\n\nexport function buildColumnsStyle(\n  opts: ColumnsStyleOptions = {},\n): StyleFragment {\n  const { color } = opts;\n  const columnBaseColor =\n    color ?? getCSSVariable(\"--text-subtle-color\", \"black\");\n  let columnColor: any = columnBaseColor;\n  const columnSelectedColor =\n    opts.selectedColor ?? getCSSVariable(\"--selection-color\", \"purple\");\n\n  const lineColor = opts.lineColor ?? columnBaseColor;\n  // Highlight on either direct map hover or an externally-driven highlight\n  // (e.g. hovering the corresponding column header elsewhere in the UI).\n  const isHovered = [\n    \"any\",\n    [\"boolean\", [\"feature-state\", \"hover\"], false],\n    [\"boolean\", [\"feature-state\", \"highlighted\"], false],\n  ];\n  // If color is in the feature state or geojson properties, use that as second choice\n  if (typeof columnColor === \"string\") {\n    columnColor = [\n      \"coalesce\",\n      [\"feature-state\", \"color\"],\n      [\"get\", \"color\"],\n      columnColor,\n    ];\n  }\n\n  const fillOpacity = opts.opacity ?? 0.1;\n\n  const lineOpacity = opts.lineOpacity ?? 0.5;\n  const lineWidth = opts.lineWidth ?? 2;\n\n  const circleRadius = opts.circleRadius ?? 4;\n\n  return {\n    sources: {\n      columns: buildGeoJSONSource(),\n    },\n    version: 8,\n    layers: [\n      {\n        id: \"columns-fill\",\n        type: \"fill\",\n        source: \"columns\",\n        paint: {\n          \"fill-color\": columnColor,\n          \"fill-opacity\": fillOpacity,\n        },\n      },\n      {\n        id: \"columns-points\",\n        type: \"circle\",\n        source: \"columns\",\n        paint: {\n          \"circle-radius\": circleRadius,\n          \"circle-color\": columnColor,\n          \"circle-opacity\": fillOpacity,\n        },\n        filter: [\"==\", \"$type\", \"Point\"],\n      },\n      {\n        id: \"columns-line\",\n        type: \"line\",\n        source: \"columns\",\n        paint: {\n          \"line-color\": [\"case\", isHovered, columnSelectedColor, lineColor],\n          \"line-width\": lineWidth,\n          \"line-opacity\": [\"case\", isHovered, 1.0, lineOpacity],\n        },\n      },\n    ],\n  };\n}\n\nexport type ColumnFeature = GeoJSON.Feature & { id: number };\n\nconst selectedColumnSourceID = \"selectedColumn\";\n\nexport function SelectedColumnOverlay({\n  selectedColumn,\n  ...styleOpts\n}: { selectedColumn: ColumnFeature | null } & SelectedColumnStyleOpts) {\n  useOverlayStyle(() => buildSelectedColumnStyle(styleOpts), []);\n\n  useMapStyleOperator(\n    (map) => {\n      setGeoJSON(\n        map,\n        selectedColumnSourceID,\n        promoteToFeatureCollection(selectedColumn as GeoJSONFeature | null),\n      );\n    },\n    [selectedColumn],\n  );\n\n  return null;\n}\n\ninterface SelectedColumnStyleOpts {\n  color?: string | any[];\n}\n\nfunction buildSelectedColumnStyle(\n  opts: SelectedColumnStyleOpts = {},\n): StyleFragment {\n  const columnSelectedColor: any =\n    opts.color ?? getCSSVariable(\"--selection-color\", \"purple\");\n\n  return {\n    sources: {\n      selectedColumn: buildGeoJSONSource(),\n    },\n    version: 8,\n    layers: [\n      {\n        id: \"selected-column-highlight\",\n        type: \"fill\",\n        source: selectedColumnSourceID,\n        paint: {\n          \"fill-color\": columnSelectedColor,\n          \"fill-opacity\": 0.5,\n        },\n        filter: [\"==\", \"$type\", \"Polygon\"],\n      },\n      {\n        id: \"selected-column-edge\",\n        type: \"line\",\n        source: selectedColumnSourceID,\n        paint: {\n          \"line-color\": columnSelectedColor,\n          \"line-width\": 2,\n          \"line-opacity\": 1.0,\n        },\n        filter: [\"==\", \"$type\", \"Polygon\"],\n      },\n      {\n        id: \"selected-column-point\",\n        type: \"circle\",\n        source: selectedColumnSourceID,\n        paint: {\n          \"circle-radius\": 6,\n          \"circle-color\": columnSelectedColor,\n          \"circle-opacity\": 1.0,\n        },\n        filter: [\"==\", \"$type\", \"Point\"],\n      },\n    ],\n  };\n}\n"],"names":["useOverlayStyle","useMapStyleOperator","setGeoJSON","getCSSVariable","buildGeoJSONSource"],"mappings":"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"}

package/dist/maps/layers/columns.d.ts

@@ -1,28 +0,0 @@
-import { default as GeoJSON, FeatureCollection } from 'geojson';
-import { GeoJSONFeature } from 'mapbox-gl';
-import { StyleFragment } from '@macrostrat/mapbox-react';
-export interface ColumnsStyleOptions {
-    color?: string | any[];
-    selectedColor?: string | any[];
-    opacity?: number | any[];
-    circleRadius?: number | any[];
-    lineOpacity?: number | any[];
-    lineWidth?: number | any[];
-    lineColor?: string | any[];
-}
-interface ColumnLayerOptions extends ColumnsStyleOptions {
-    enabled: boolean;
-    columns: FeatureCollection | GeoJSONFeature[];
-}
-export declare function BaseColumnsLayer({ enabled, columns, ...rest }: ColumnLayerOptions): null;
-export declare function buildColumnsStyle(opts?: ColumnsStyleOptions): StyleFragment;
-export type ColumnFeature = GeoJSON.Feature & {
-    id: number;
-};
-export declare function SelectedColumnOverlay({ selectedColumn, ...styleOpts }: {
-    selectedColumn: ColumnFeature | null;
-} & SelectedColumnStyleOpts): null;
-interface SelectedColumnStyleOpts {
-    color?: string | any[];
-}
-export {};

package/dist/maps/layers/columns.js

@@ -1,165 +0,0 @@
-import { useOverlayStyle, useMapStyleOperator } from "@macrostrat/mapbox-react";
-import { setGeoJSON, buildGeoJSONSource } from "@macrostrat/mapbox-utils";
-import { getCSSVariable } from "@macrostrat/color-utils";
-function BaseColumnsLayer({
-  enabled = true,
-  columns,
-  ...rest
-}) {
-  useOverlayStyle(() => enabled ? buildColumnsStyle(rest) : null, [enabled]);
-  useMapStyleOperator(
-    (map) => {
-      if (columns == null) {
-        return;
-      }
-      setGeoJSON(map, "columns", promoteToFeatureCollection(columns));
-    },
-    [columns, enabled]
-  );
-  return null;
-}
-function promoteToFeatureCollection(data) {
-  if (data == null) return null;
-  if ("type" in data && data.type == "Feature") {
-    return {
-      type: "FeatureCollection",
-      features: [data]
-    };
-  }
-  if ("type" in data && data.type == "FeatureCollection" && "features" in data) {
-    return data;
-  }
-  return {
-    type: "FeatureCollection",
-    features: data
-  };
-}
-function buildColumnsStyle(opts = {}) {
-  const { color } = opts;
-  const columnBaseColor = color ?? getCSSVariable("--text-subtle-color", "black");
-  let columnColor = columnBaseColor;
-  const columnSelectedColor = opts.selectedColor ?? getCSSVariable("--selection-color", "purple");
-  const lineColor = opts.lineColor ?? columnBaseColor;
-  const isHovered = [
-    "any",
-    ["boolean", ["feature-state", "hover"], false],
-    ["boolean", ["feature-state", "highlighted"], false]
-  ];
-  if (typeof columnColor === "string") {
-    columnColor = [
-      "coalesce",
-      ["feature-state", "color"],
-      ["get", "color"],
-      columnColor
-    ];
-  }
-  const fillOpacity = opts.opacity ?? 0.1;
-  const lineOpacity = opts.lineOpacity ?? 0.5;
-  const lineWidth = opts.lineWidth ?? 2;
-  const circleRadius = opts.circleRadius ?? 4;
-  return {
-    sources: {
-      columns: buildGeoJSONSource()
-    },
-    version: 8,
-    layers: [
-      {
-        id: "columns-fill",
-        type: "fill",
-        source: "columns",
-        paint: {
-          "fill-color": columnColor,
-          "fill-opacity": fillOpacity
-        }
-      },
-      {
-        id: "columns-points",
-        type: "circle",
-        source: "columns",
-        paint: {
-          "circle-radius": circleRadius,
-          "circle-color": columnColor,
-          "circle-opacity": fillOpacity
-        },
-        filter: ["==", "$type", "Point"]
-      },
-      {
-        id: "columns-line",
-        type: "line",
-        source: "columns",
-        paint: {
-          "line-color": ["case", isHovered, columnSelectedColor, lineColor],
-          "line-width": lineWidth,
-          "line-opacity": ["case", isHovered, 1, lineOpacity]
-        }
-      }
-    ]
-  };
-}
-const selectedColumnSourceID = "selectedColumn";
-function SelectedColumnOverlay({
-  selectedColumn,
-  ...styleOpts
-}) {
-  useOverlayStyle(() => buildSelectedColumnStyle(styleOpts), []);
-  useMapStyleOperator(
-    (map) => {
-      setGeoJSON(
-        map,
-        selectedColumnSourceID,
-        promoteToFeatureCollection(selectedColumn)
-      );
-    },
-    [selectedColumn]
-  );
-  return null;
-}
-function buildSelectedColumnStyle(opts = {}) {
-  const columnSelectedColor = opts.color ?? getCSSVariable("--selection-color", "purple");
-  return {
-    sources: {
-      selectedColumn: buildGeoJSONSource()
-    },
-    version: 8,
-    layers: [
-      {
-        id: "selected-column-highlight",
-        type: "fill",
-        source: selectedColumnSourceID,
-        paint: {
-          "fill-color": columnSelectedColor,
-          "fill-opacity": 0.5
-        },
-        filter: ["==", "$type", "Polygon"]
-      },
-      {
-        id: "selected-column-edge",
-        type: "line",
-        source: selectedColumnSourceID,
-        paint: {
-          "line-color": columnSelectedColor,
-          "line-width": 2,
-          "line-opacity": 1
-        },
-        filter: ["==", "$type", "Polygon"]
-      },
-      {
-        id: "selected-column-point",
-        type: "circle",
-        source: selectedColumnSourceID,
-        paint: {
-          "circle-radius": 6,
-          "circle-color": columnSelectedColor,
-          "circle-opacity": 1
-        },
-        filter: ["==", "$type", "Point"]
-      }
-    ]
-  };
-}
-export {
-  BaseColumnsLayer,
-  SelectedColumnOverlay,
-  buildColumnsStyle
-};
-//# sourceMappingURL=columns.js.map

package/dist/maps/layers/columns.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"columns.js","sources":["../../../src/maps/layers/columns.ts"],"sourcesContent":["import { useMapStyleOperator, useOverlayStyle } from \"@macrostrat/mapbox-react\";\nimport { setGeoJSON } from \"@macrostrat/mapbox-utils\";\nimport GeoJSON, { FeatureCollection } from \"geojson\";\nimport { GeoJSONFeature } from \"mapbox-gl\";\nimport { getCSSVariable } from \"@macrostrat/color-utils\";\nimport { buildGeoJSONSource } from \"@macrostrat/mapbox-utils\";\nimport { StyleFragment } from \"@macrostrat/mapbox-react\";\n\nexport interface ColumnsStyleOptions {\n  color?: string | any[];\n  selectedColor?: string | any[];\n  opacity?: number | any[];\n  circleRadius?: number | any[];\n  lineOpacity?: number | any[];\n  lineWidth?: number | any[];\n  lineColor?: string | any[];\n}\n\ninterface ColumnLayerOptions extends ColumnsStyleOptions {\n  enabled: boolean;\n  columns: FeatureCollection | GeoJSONFeature[];\n}\n\nexport function BaseColumnsLayer({\n  enabled = true,\n  columns,\n  ...rest\n}: ColumnLayerOptions) {\n  useOverlayStyle(() => (enabled ? buildColumnsStyle(rest) : null), [enabled]);\n\n  useMapStyleOperator(\n    (map) => {\n      if (columns == null) {\n        return;\n      }\n\n      setGeoJSON(map, \"columns\", promoteToFeatureCollection(columns));\n    },\n    [columns, enabled],\n  );\n  return null;\n}\n\nfunction promoteToFeatureCollection(\n  data: FeatureCollection | GeoJSONFeature | GeoJSONFeature[] | null,\n): FeatureCollection | null {\n  if (data == null) return null;\n  if (\"type\" in data && data.type == \"Feature\") {\n    return {\n      type: \"FeatureCollection\",\n      features: [data],\n    };\n  }\n  if (\n    \"type\" in data &&\n    data.type == \"FeatureCollection\" &&\n    \"features\" in data\n  ) {\n    return data;\n  }\n  return {\n    type: \"FeatureCollection\",\n    features: data,\n  };\n}\n\nexport function buildColumnsStyle(\n  opts: ColumnsStyleOptions = {},\n): StyleFragment {\n  const { color } = opts;\n  const columnBaseColor =\n    color ?? getCSSVariable(\"--text-subtle-color\", \"black\");\n  let columnColor: any = columnBaseColor;\n  const columnSelectedColor =\n    opts.selectedColor ?? getCSSVariable(\"--selection-color\", \"purple\");\n\n  const lineColor = opts.lineColor ?? columnBaseColor;\n  // Highlight on either direct map hover or an externally-driven highlight\n  // (e.g. hovering the corresponding column header elsewhere in the UI).\n  const isHovered = [\n    \"any\",\n    [\"boolean\", [\"feature-state\", \"hover\"], false],\n    [\"boolean\", [\"feature-state\", \"highlighted\"], false],\n  ];\n  // If color is in the feature state or geojson properties, use that as second choice\n  if (typeof columnColor === \"string\") {\n    columnColor = [\n      \"coalesce\",\n      [\"feature-state\", \"color\"],\n      [\"get\", \"color\"],\n      columnColor,\n    ];\n  }\n\n  const fillOpacity = opts.opacity ?? 0.1;\n\n  const lineOpacity = opts.lineOpacity ?? 0.5;\n  const lineWidth = opts.lineWidth ?? 2;\n\n  const circleRadius = opts.circleRadius ?? 4;\n\n  return {\n    sources: {\n      columns: buildGeoJSONSource(),\n    },\n    version: 8,\n    layers: [\n      {\n        id: \"columns-fill\",\n        type: \"fill\",\n        source: \"columns\",\n        paint: {\n          \"fill-color\": columnColor,\n          \"fill-opacity\": fillOpacity,\n        },\n      },\n      {\n        id: \"columns-points\",\n        type: \"circle\",\n        source: \"columns\",\n        paint: {\n          \"circle-radius\": circleRadius,\n          \"circle-color\": columnColor,\n          \"circle-opacity\": fillOpacity,\n        },\n        filter: [\"==\", \"$type\", \"Point\"],\n      },\n      {\n        id: \"columns-line\",\n        type: \"line\",\n        source: \"columns\",\n        paint: {\n          \"line-color\": [\"case\", isHovered, columnSelectedColor, lineColor],\n          \"line-width\": lineWidth,\n          \"line-opacity\": [\"case\", isHovered, 1.0, lineOpacity],\n        },\n      },\n    ],\n  };\n}\n\nexport type ColumnFeature = GeoJSON.Feature & { id: number };\n\nconst selectedColumnSourceID = \"selectedColumn\";\n\nexport function SelectedColumnOverlay({\n  selectedColumn,\n  ...styleOpts\n}: { selectedColumn: ColumnFeature | null } & SelectedColumnStyleOpts) {\n  useOverlayStyle(() => buildSelectedColumnStyle(styleOpts), []);\n\n  useMapStyleOperator(\n    (map) => {\n      setGeoJSON(\n        map,\n        selectedColumnSourceID,\n        promoteToFeatureCollection(selectedColumn as GeoJSONFeature | null),\n      );\n    },\n    [selectedColumn],\n  );\n\n  return null;\n}\n\ninterface SelectedColumnStyleOpts {\n  color?: string | any[];\n}\n\nfunction buildSelectedColumnStyle(\n  opts: SelectedColumnStyleOpts = {},\n): StyleFragment {\n  const columnSelectedColor: any =\n    opts.color ?? getCSSVariable(\"--selection-color\", \"purple\");\n\n  return {\n    sources: {\n      selectedColumn: buildGeoJSONSource(),\n    },\n    version: 8,\n    layers: [\n      {\n        id: \"selected-column-highlight\",\n        type: \"fill\",\n        source: selectedColumnSourceID,\n        paint: {\n          \"fill-color\": columnSelectedColor,\n          \"fill-opacity\": 0.5,\n        },\n        filter: [\"==\", \"$type\", \"Polygon\"],\n      },\n      {\n        id: \"selected-column-edge\",\n        type: \"line\",\n        source: selectedColumnSourceID,\n        paint: {\n          \"line-color\": columnSelectedColor,\n          \"line-width\": 2,\n          \"line-opacity\": 1.0,\n        },\n        filter: [\"==\", \"$type\", \"Polygon\"],\n      },\n      {\n        id: \"selected-column-point\",\n        type: \"circle\",\n        source: selectedColumnSourceID,\n        paint: {\n          \"circle-radius\": 6,\n          \"circle-color\": columnSelectedColor,\n          \"circle-opacity\": 1.0,\n        },\n        filter: [\"==\", \"$type\", \"Point\"],\n      },\n    ],\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/maps/layers/index.d.ts

@@ -1,2 +0,0 @@
-export * from './columns';
-export * from './units';