@ktnpm_devops/react-component 0.17.0 → 0.18.0

package/dist/index103.js

@@ -1,22 +1,46 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { clsx } from "./index59.js";
-import styles from "./index106.js";
-const MapLegend = ({ items, title }) => /* @__PURE__ */ jsx("div", { className: "leaflet-bottom leaflet-right", children: /* @__PURE__ */ jsxs("div", { className: clsx("leaflet-control", styles.legend), children: [
-  /* @__PURE__ */ jsx("p", { className: styles.legendTitle, children: title }),
-  /* @__PURE__ */ jsx("ul", { className: styles.legendList, children: items.map((item) => /* @__PURE__ */ jsxs("li", { className: styles.legendItem, children: [
-    /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: styles.legendSwatch,
-        style: { backgroundColor: item.color },
-        "aria-hidden": "true"
-      }
-    ),
-    item.label
-  ] }, item.label)) })
-] }) });
-MapLegend.displayName = "MapLegend";
+import { CHART_COLORS, GEO_MAP } from "./index62.js";
+import { orbitTokens } from "./index3.js";
+const SELECTION_RING = {
+  light: orbitTokens.purple.base,
+  dark: "#FFFFFF"
+};
+const UNCATEGORISED_COLOR = orbitTokens.brand.orange;
+const buildCategoryColors = (points) => {
+  const categories = [...new Set(points.map((p) => p.category).filter((c) => c != null))];
+  categories.sort((a, b) => a.localeCompare(b));
+  return new Map(categories.map((category, i) => [category, CHART_COLORS[i % CHART_COLORS.length]]));
+};
+const buildWeightScale = (points) => {
+  const weights = points.map((p) => p.weight).filter((w) => w != null && Number.isFinite(w));
+  if (weights.length === 0) return null;
+  const min = Math.min(...weights);
+  const max = Math.max(...weights);
+  return min === max ? null : { min, max };
+};
+const radiusFor = (weight, scale) => {
+  if (scale == null || weight == null || !Number.isFinite(weight)) return GEO_MAP.BASE_MARKER_RADIUS;
+  const ratio = (weight - scale.min) / (scale.max - scale.min);
+  const clamped = Math.min(Math.max(ratio, 0), 1);
+  const minArea = GEO_MAP.MIN_MARKER_RADIUS ** 2;
+  const maxArea = GEO_MAP.MAX_MARKER_RADIUS ** 2;
+  return Math.sqrt(minArea + clamped * (maxArea - minArea));
+};
+const buildMarkerStyle = (point, { categoryColors, weightScale, selected, theme }) => {
+  const fillColor = (point.category != null ? categoryColors.get(point.category) : void 0) ?? UNCATEGORISED_COLOR;
+  const radius = radiusFor(point.weight, weightScale);
+  return {
+    radius: selected ? radius + GEO_MAP.SELECTED_RADIUS_BOOST : radius,
+    color: selected ? SELECTION_RING[theme] : fillColor,
+    weight: selected ? GEO_MAP.SELECTED_STROKE_WIDTH : GEO_MAP.MARKER_STROKE_WIDTH,
+    fillColor,
+    fillOpacity: selected ? 1 : GEO_MAP.MARKER_FILL_OPACITY
+  };
+};
+const buildLegendItems = (categoryColors) => [...categoryColors].map(([label, color]) => ({ label, color }));
 export {
-  MapLegend
+  buildCategoryColors,
+  buildLegendItems,
+  buildMarkerStyle,
+  buildWeightScale
 };
 //# sourceMappingURL=index103.js.map

package/dist/index103.js.map

@@ -1 +1 @@
-{"version":3,"file":"index103.js","sources":["../src/geo/GeoMapCard/MapLegend.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { MapLegendProps } from './GeoMapCard.types';\nimport styles from './GeoMapCard.module.css';\n\n/**\n * Rendered inside `MapContainer` with Leaflet's own control classes, so it sits\n * in Leaflet's control pane and needs no `z-index` of its own — which is how the\n * library's \"no z-index above 10\" rule is met without asking for an exception.\n */\nexport const MapLegend = ({ items, title }: MapLegendProps) => (\n  <div className=\"leaflet-bottom leaflet-right\">\n    <div className={clsx('leaflet-control', styles.legend)}>\n      <p className={styles.legendTitle}>{title}</p>\n      <ul className={styles.legendList}>\n        {items.map((item) => (\n          <li key={item.label} className={styles.legendItem}>\n            <span\n              className={styles.legendSwatch}\n              style={{ backgroundColor: item.color }}\n              aria-hidden=\"true\"\n            />\n            {item.label}\n          </li>\n        ))}\n      </ul>\n    </div>\n  </div>\n);\n\nMapLegend.displayName = 'MapLegend';\n"],"names":[],"mappings":";;;AASO,MAAM,YAAY,CAAC,EAAE,OAAO,MAAA,MACjC,oBAAC,OAAA,EAAI,WAAU,gCACb,+BAAC,OAAA,EAAI,WAAW,KAAK,mBAAmB,OAAO,MAAM,GACnD,UAAA;AAAA,EAAA,oBAAC,KAAA,EAAE,WAAW,OAAO,aAAc,UAAA,OAAM;AAAA,EACzC,oBAAC,MAAA,EAAG,WAAW,OAAO,YACnB,UAAA,MAAM,IAAI,CAAC,SACV,qBAAC,MAAA,EAAoB,WAAW,OAAO,YACrC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,OAAO;AAAA,QAClB,OAAO,EAAE,iBAAiB,KAAK,MAAA;AAAA,QAC/B,eAAY;AAAA,MAAA;AAAA,IAAA;AAAA,IAEb,KAAK;AAAA,EAAA,KANC,KAAK,KAOd,CACD,EAAA,CACH;AAAA,EAAA,CACF,EAAA,CACF;AAGF,UAAU,cAAc;"}
+{"version":3,"file":"index103.js","sources":["../src/geo/GeoMapCard/buildMarkerStyle.ts"],"sourcesContent":["import { CHART_COLORS, GEO_MAP } from '../../constants';\nimport { orbitTokens } from '../../tokens/tokens';\nimport type { ThemeMode } from '../../hooks/useThemeMode';\nimport type { GeoLegendItem, GeoPoint } from '../../types/geo.types';\n\n/**\n * Leaflet draws its markers as SVG paths, out of reach of the CSS custom\n * properties, so colours are resolved here as hex — the same exception the\n * ECharts family makes. Everything styled with CSS still uses the tokens.\n */\nexport interface MarkerStyle {\n  radius: number;\n  /** Stroke colour. */\n  color: string;\n  /** Stroke width. */\n  weight: number;\n  fillColor: string;\n  fillOpacity: number;\n}\n\n/** Weight range actually present in the data, or `null` when it carries none. */\nexport interface WeightScale {\n  min: number;\n  max: number;\n}\n\nexport interface MarkerStyleOptions {\n  categoryColors: Map<string, string>;\n  weightScale: WeightScale | null;\n  selected: boolean;\n  theme: ThemeMode;\n}\n\n/** Ring drawn around a selected marker: maximum contrast against the basemap. */\nconst SELECTION_RING: Record<ThemeMode, string> = {\n  light: orbitTokens.purple.base,\n  dark: '#FFFFFF',\n};\n\n/** Colour used when no point carries a category. */\nconst UNCATEGORISED_COLOR = orbitTokens.brand.orange;\n\n/**\n * Categories are sorted before being indexed into the palette, so a colour\n * belongs to a category and not to the order the rows happened to arrive in.\n */\nexport const buildCategoryColors = (points: GeoPoint[]): Map<string, string> => {\n  const categories = [...new Set(points.map((p) => p.category).filter((c): c is string => c != null))];\n\n  categories.sort((a, b) => a.localeCompare(b));\n\n  return new Map(categories.map((category, i) => [category, CHART_COLORS[i % CHART_COLORS.length]]));\n};\n\n/**\n * Null when nothing carries a weight, and also when every weight is equal:\n * a dataset with no size information should render at the base radius rather\n * than paint every marker at the maximum.\n */\nexport const buildWeightScale = (points: GeoPoint[]): WeightScale | null => {\n  const weights = points\n    .map((p) => p.weight)\n    .filter((w): w is number => w != null && Number.isFinite(w));\n\n  if (weights.length === 0) return null;\n\n  const min = Math.min(...weights);\n  const max = Math.max(...weights);\n\n  return min === max ? null : { min, max };\n};\n\n/**\n * Interpolate on the *area*, which is what a reader actually compares, and take\n * the square root to get back to a radius.\n */\nconst radiusFor = (weight: number | null | undefined, scale: WeightScale | null): number => {\n  if (scale == null || weight == null || !Number.isFinite(weight)) return GEO_MAP.BASE_MARKER_RADIUS;\n\n  const ratio = (weight - scale.min) / (scale.max - scale.min);\n  const clamped = Math.min(Math.max(ratio, 0), 1);\n  const minArea = GEO_MAP.MIN_MARKER_RADIUS ** 2;\n  const maxArea = GEO_MAP.MAX_MARKER_RADIUS ** 2;\n\n  return Math.sqrt(minArea + clamped * (maxArea - minArea));\n};\n\n/**\n * Selection changes the radius and the stroke as well as the colour, because\n * colour is never allowed to be the only indicator of a state.\n */\nexport const buildMarkerStyle = (\n  point: GeoPoint,\n  { categoryColors, weightScale, selected, theme }: MarkerStyleOptions,\n): MarkerStyle => {\n  const fillColor =\n    (point.category != null ? categoryColors.get(point.category) : undefined) ?? UNCATEGORISED_COLOR;\n  const radius = radiusFor(point.weight, weightScale);\n\n  return {\n    radius: selected ? radius + GEO_MAP.SELECTED_RADIUS_BOOST : radius,\n    color: selected ? SELECTION_RING[theme] : fillColor,\n    weight: selected ? GEO_MAP.SELECTED_STROKE_WIDTH : GEO_MAP.MARKER_STROKE_WIDTH,\n    fillColor,\n    fillOpacity: selected ? 1 : GEO_MAP.MARKER_FILL_OPACITY,\n  };\n};\n\n/** Legend swatches, in the same order the palette was handed out. */\nexport const buildLegendItems = (categoryColors: Map<string, string>): GeoLegendItem[] =>\n  [...categoryColors].map(([label, color]) => ({ label, color }));\n"],"names":[],"mappings":";;AAkCA,MAAM,iBAA4C;AAAA,EAChD,OAAO,YAAY,OAAO;AAAA,EAC1B,MAAM;AACR;AAGA,MAAM,sBAAsB,YAAY,MAAM;AAMvC,MAAM,sBAAsB,CAAC,WAA4C;AAC9E,QAAM,aAAa,CAAC,GAAG,IAAI,IAAI,OAAO,IAAI,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,MAAmB,KAAK,IAAI,CAAC,CAAC;AAEnG,aAAW,KAAK,CAAC,GAAG,MAAM,EAAE,cAAc,CAAC,CAAC;AAE5C,SAAO,IAAI,IAAI,WAAW,IAAI,CAAC,UAAU,MAAM,CAAC,UAAU,aAAa,IAAI,aAAa,MAAM,CAAC,CAAC,CAAC;AACnG;AAOO,MAAM,mBAAmB,CAAC,WAA2C;AAC1E,QAAM,UAAU,OACb,IAAI,CAAC,MAAM,EAAE,MAAM,EACnB,OAAO,CAAC,MAAmB,KAAK,QAAQ,OAAO,SAAS,CAAC,CAAC;AAE7D,MAAI,QAAQ,WAAW,EAAG,QAAO;AAEjC,QAAM,MAAM,KAAK,IAAI,GAAG,OAAO;AAC/B,QAAM,MAAM,KAAK,IAAI,GAAG,OAAO;AAE/B,SAAO,QAAQ,MAAM,OAAO,EAAE,KAAK,IAAA;AACrC;AAMA,MAAM,YAAY,CAAC,QAAmC,UAAsC;AAC1F,MAAI,SAAS,QAAQ,UAAU,QAAQ,CAAC,OAAO,SAAS,MAAM,EAAG,QAAO,QAAQ;AAEhF,QAAM,SAAS,SAAS,MAAM,QAAQ,MAAM,MAAM,MAAM;AACxD,QAAM,UAAU,KAAK,IAAI,KAAK,IAAI,OAAO,CAAC,GAAG,CAAC;AAC9C,QAAM,UAAU,QAAQ,qBAAqB;AAC7C,QAAM,UAAU,QAAQ,qBAAqB;AAE7C,SAAO,KAAK,KAAK,UAAU,WAAW,UAAU,QAAQ;AAC1D;AAMO,MAAM,mBAAmB,CAC9B,OACA,EAAE,gBAAgB,aAAa,UAAU,YACzB;AAChB,QAAM,aACH,MAAM,YAAY,OAAO,eAAe,IAAI,MAAM,QAAQ,IAAI,WAAc;AAC/E,QAAM,SAAS,UAAU,MAAM,QAAQ,WAAW;AAElD,SAAO;AAAA,IACL,QAAQ,WAAW,SAAS,QAAQ,wBAAwB;AAAA,IAC5D,OAAO,WAAW,eAAe,KAAK,IAAI;AAAA,IAC1C,QAAQ,WAAW,QAAQ,wBAAwB,QAAQ;AAAA,IAC3D;AAAA,IACA,aAAa,WAAW,IAAI,QAAQ;AAAA,EAAA;AAExC;AAGO,MAAM,mBAAmB,CAAC,mBAC/B,CAAC,GAAG,cAAc,EAAE,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO,EAAE,OAAO,QAAQ;"}

package/dist/index104.cjs

@@ -1,16 +1,27 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const GeoMapCard_module = require("./index106.cjs");
-const PointListing = ({ markers, label, onSelectPoint }) => /* @__PURE__ */ jsxRuntime.jsx("ul", { className: GeoMapCard_module.default.srOnly, "aria-label": label, children: markers.map(({ point, sourceIndex, description, selected }) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: onSelectPoint ? /* @__PURE__ */ jsxRuntime.jsx(
-  "button",
-  {
-    type: "button",
-    "aria-pressed": selected,
-    onClick: () => onSelectPoint({ point, index: sourceIndex }),
-    children: description
-  }
-) : description }, point.id)) });
-PointListing.displayName = "PointListing";
-exports.PointListing = PointListing;
+const react = require("react");
+const reactLeaflet = require("react-leaflet");
+const useResizeObserver = require("./index6.cjs");
+const constants = require("./index62.cjs");
+const MapViewport = ({ bounds, fitBounds }) => {
+  const map = reactLeaflet.useMap();
+  const containerRef = react.useRef(null);
+  if (containerRef.current === null) containerRef.current = map.getContainer();
+  const { width, height } = useResizeObserver.useResizeObserver(containerRef);
+  react.useEffect(() => {
+    map.invalidateSize();
+  }, [map, width, height]);
+  react.useEffect(() => {
+    if (!fitBounds || bounds == null) return;
+    map.fitBounds(bounds, {
+      padding: [...constants.GEO_MAP.FIT_BOUNDS_PADDING],
+      // A single point makes `fitBounds` collapse to the maximum zoom level.
+      maxZoom: constants.GEO_MAP.SINGLE_POINT_ZOOM
+    });
+  }, [map, bounds, fitBounds]);
+  return null;
+};
+MapViewport.displayName = "MapViewport";
+exports.MapViewport = MapViewport;
 //# sourceMappingURL=index104.cjs.map

package/dist/index104.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index104.cjs","sources":["../src/geo/GeoMapCard/PointListing.tsx"],"sourcesContent":["import type { PointListingProps } from './GeoMapCard.types';\nimport styles from './GeoMapCard.module.css';\n\n/**\n * Leaflet draws its `CircleMarker`s as SVG paths, which take no keyboard focus\n * and expose nothing to a screen reader. The same points are therefore also\n * published as a visually hidden list — part of the component's contract, not a\n * patch: it gives keyboard access, gives the reader the data, and gives the\n * tests a surface that does not depend on Leaflet rendering at all.\n */\nexport const PointListing = ({ markers, label, onSelectPoint }: PointListingProps) => (\n  <ul className={styles.srOnly} aria-label={label}>\n    {markers.map(({ point, sourceIndex, description, selected }) => (\n      <li key={point.id}>\n        {onSelectPoint ? (\n          <button\n            type=\"button\"\n            aria-pressed={selected}\n            onClick={() => onSelectPoint({ point, index: sourceIndex })}\n          >\n            {description}\n          </button>\n        ) : (\n          description\n        )}\n      </li>\n    ))}\n  </ul>\n);\n\nPointListing.displayName = 'PointListing';\n"],"names":["jsx","styles"],"mappings":";;;;AAUO,MAAM,eAAe,CAAC,EAAE,SAAS,OAAO,oBAC7CA,2BAAAA,IAAC,MAAA,EAAG,WAAWC,kBAAAA,QAAO,QAAQ,cAAY,OACvC,UAAA,QAAQ,IAAI,CAAC,EAAE,OAAO,aAAa,aAAa,SAAA,MAC/CD,2BAAAA,IAAC,MAAA,EACE,UAAA,gBACCA,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,gBAAc;AAAA,IACd,SAAS,MAAM,cAAc,EAAE,OAAO,OAAO,aAAa;AAAA,IAEzD,UAAA;AAAA,EAAA;AACH,IAEA,YAAA,GAVK,MAAM,EAYf,CACD,EAAA,CACH;AAGF,aAAa,cAAc;;"}
+{"version":3,"file":"index104.cjs","sources":["../src/geo/GeoMapCard/MapViewport.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { useMap } from 'react-leaflet';\nimport { useResizeObserver } from '../../hooks/useResizeObserver';\nimport { GEO_MAP } from '../../constants';\nimport type { MapViewportProps } from './GeoMapCard.types';\n\n/**\n * A childless child of `MapContainer`, which is the only place `useMap()` works.\n * It owns the two things Leaflet cannot work out on its own:\n *\n * - **Framing**: `fitBounds` over the drawn points, instead of a centroid at a\n *   fixed zoom that leaves half a province outside the viewport.\n * - **Sizing**: `invalidateSize()` on every resize. Leaflet caches its container\n *   size, so a map mounted hidden — a wizard step, a collapsed split panel —\n *   renders grey tiles forever without this.\n */\nexport const MapViewport = ({ bounds, fitBounds }: MapViewportProps) => {\n  const map = useMap();\n  const containerRef = useRef<HTMLElement | null>(null);\n\n  if (containerRef.current === null) containerRef.current = map.getContainer();\n\n  const { width, height } = useResizeObserver(containerRef);\n\n  useEffect(() => {\n    map.invalidateSize();\n  }, [map, width, height]);\n\n  useEffect(() => {\n    if (!fitBounds || bounds == null) return;\n\n    map.fitBounds(bounds, {\n      padding: [...GEO_MAP.FIT_BOUNDS_PADDING],\n      // A single point makes `fitBounds` collapse to the maximum zoom level.\n      maxZoom: GEO_MAP.SINGLE_POINT_ZOOM,\n    });\n  }, [map, bounds, fitBounds]);\n\n  return null;\n};\n\nMapViewport.displayName = 'MapViewport';\n"],"names":["useMap","useRef","useResizeObserver","useEffect","GEO_MAP"],"mappings":";;;;;;AAgBO,MAAM,cAAc,CAAC,EAAE,QAAQ,gBAAkC;AACtE,QAAM,MAAMA,aAAAA,OAAA;AACZ,QAAM,eAAeC,MAAAA,OAA2B,IAAI;AAEpD,MAAI,aAAa,YAAY,KAAM,cAAa,UAAU,IAAI,aAAA;AAE9D,QAAM,EAAE,OAAO,WAAWC,kBAAAA,kBAAkB,YAAY;AAExDC,QAAAA,UAAU,MAAM;AACd,QAAI,eAAA;AAAA,EACN,GAAG,CAAC,KAAK,OAAO,MAAM,CAAC;AAEvBA,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,aAAa,UAAU,KAAM;AAElC,QAAI,UAAU,QAAQ;AAAA,MACpB,SAAS,CAAC,GAAGC,UAAAA,QAAQ,kBAAkB;AAAA;AAAA,MAEvC,SAASA,UAAAA,QAAQ;AAAA,IAAA,CAClB;AAAA,EACH,GAAG,CAAC,KAAK,QAAQ,SAAS,CAAC;AAE3B,SAAO;AACT;AAEA,YAAY,cAAc;;"}

package/dist/index104.js

@@ -1,16 +1,27 @@
-import { jsx } from "react/jsx-runtime";
-import styles from "./index106.js";
-const PointListing = ({ markers, label, onSelectPoint }) => /* @__PURE__ */ jsx("ul", { className: styles.srOnly, "aria-label": label, children: markers.map(({ point, sourceIndex, description, selected }) => /* @__PURE__ */ jsx("li", { children: onSelectPoint ? /* @__PURE__ */ jsx(
-  "button",
-  {
-    type: "button",
-    "aria-pressed": selected,
-    onClick: () => onSelectPoint({ point, index: sourceIndex }),
-    children: description
-  }
-) : description }, point.id)) });
-PointListing.displayName = "PointListing";
+import { useRef, useEffect } from "react";
+import { useMap } from "react-leaflet";
+import { useResizeObserver } from "./index6.js";
+import { GEO_MAP } from "./index62.js";
+const MapViewport = ({ bounds, fitBounds }) => {
+  const map = useMap();
+  const containerRef = useRef(null);
+  if (containerRef.current === null) containerRef.current = map.getContainer();
+  const { width, height } = useResizeObserver(containerRef);
+  useEffect(() => {
+    map.invalidateSize();
+  }, [map, width, height]);
+  useEffect(() => {
+    if (!fitBounds || bounds == null) return;
+    map.fitBounds(bounds, {
+      padding: [...GEO_MAP.FIT_BOUNDS_PADDING],
+      // A single point makes `fitBounds` collapse to the maximum zoom level.
+      maxZoom: GEO_MAP.SINGLE_POINT_ZOOM
+    });
+  }, [map, bounds, fitBounds]);
+  return null;
+};
+MapViewport.displayName = "MapViewport";
 export {
-  PointListing
+  MapViewport
 };
 //# sourceMappingURL=index104.js.map

package/dist/index104.js.map

@@ -1 +1 @@
-{"version":3,"file":"index104.js","sources":["../src/geo/GeoMapCard/PointListing.tsx"],"sourcesContent":["import type { PointListingProps } from './GeoMapCard.types';\nimport styles from './GeoMapCard.module.css';\n\n/**\n * Leaflet draws its `CircleMarker`s as SVG paths, which take no keyboard focus\n * and expose nothing to a screen reader. The same points are therefore also\n * published as a visually hidden list — part of the component's contract, not a\n * patch: it gives keyboard access, gives the reader the data, and gives the\n * tests a surface that does not depend on Leaflet rendering at all.\n */\nexport const PointListing = ({ markers, label, onSelectPoint }: PointListingProps) => (\n  <ul className={styles.srOnly} aria-label={label}>\n    {markers.map(({ point, sourceIndex, description, selected }) => (\n      <li key={point.id}>\n        {onSelectPoint ? (\n          <button\n            type=\"button\"\n            aria-pressed={selected}\n            onClick={() => onSelectPoint({ point, index: sourceIndex })}\n          >\n            {description}\n          </button>\n        ) : (\n          description\n        )}\n      </li>\n    ))}\n  </ul>\n);\n\nPointListing.displayName = 'PointListing';\n"],"names":[],"mappings":";;AAUO,MAAM,eAAe,CAAC,EAAE,SAAS,OAAO,oBAC7C,oBAAC,MAAA,EAAG,WAAW,OAAO,QAAQ,cAAY,OACvC,UAAA,QAAQ,IAAI,CAAC,EAAE,OAAO,aAAa,aAAa,SAAA,MAC/C,oBAAC,MAAA,EACE,UAAA,gBACC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,gBAAc;AAAA,IACd,SAAS,MAAM,cAAc,EAAE,OAAO,OAAO,aAAa;AAAA,IAEzD,UAAA;AAAA,EAAA;AACH,IAEA,YAAA,GAVK,MAAM,EAYf,CACD,EAAA,CACH;AAGF,aAAa,cAAc;"}
+{"version":3,"file":"index104.js","sources":["../src/geo/GeoMapCard/MapViewport.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { useMap } from 'react-leaflet';\nimport { useResizeObserver } from '../../hooks/useResizeObserver';\nimport { GEO_MAP } from '../../constants';\nimport type { MapViewportProps } from './GeoMapCard.types';\n\n/**\n * A childless child of `MapContainer`, which is the only place `useMap()` works.\n * It owns the two things Leaflet cannot work out on its own:\n *\n * - **Framing**: `fitBounds` over the drawn points, instead of a centroid at a\n *   fixed zoom that leaves half a province outside the viewport.\n * - **Sizing**: `invalidateSize()` on every resize. Leaflet caches its container\n *   size, so a map mounted hidden — a wizard step, a collapsed split panel —\n *   renders grey tiles forever without this.\n */\nexport const MapViewport = ({ bounds, fitBounds }: MapViewportProps) => {\n  const map = useMap();\n  const containerRef = useRef<HTMLElement | null>(null);\n\n  if (containerRef.current === null) containerRef.current = map.getContainer();\n\n  const { width, height } = useResizeObserver(containerRef);\n\n  useEffect(() => {\n    map.invalidateSize();\n  }, [map, width, height]);\n\n  useEffect(() => {\n    if (!fitBounds || bounds == null) return;\n\n    map.fitBounds(bounds, {\n      padding: [...GEO_MAP.FIT_BOUNDS_PADDING],\n      // A single point makes `fitBounds` collapse to the maximum zoom level.\n      maxZoom: GEO_MAP.SINGLE_POINT_ZOOM,\n    });\n  }, [map, bounds, fitBounds]);\n\n  return null;\n};\n\nMapViewport.displayName = 'MapViewport';\n"],"names":[],"mappings":";;;;AAgBO,MAAM,cAAc,CAAC,EAAE,QAAQ,gBAAkC;AACtE,QAAM,MAAM,OAAA;AACZ,QAAM,eAAe,OAA2B,IAAI;AAEpD,MAAI,aAAa,YAAY,KAAM,cAAa,UAAU,IAAI,aAAA;AAE9D,QAAM,EAAE,OAAO,WAAW,kBAAkB,YAAY;AAExD,YAAU,MAAM;AACd,QAAI,eAAA;AAAA,EACN,GAAG,CAAC,KAAK,OAAO,MAAM,CAAC;AAEvB,YAAU,MAAM;AACd,QAAI,CAAC,aAAa,UAAU,KAAM;AAElC,QAAI,UAAU,QAAQ;AAAA,MACpB,SAAS,CAAC,GAAG,QAAQ,kBAAkB;AAAA;AAAA,MAEvC,SAAS,QAAQ;AAAA,IAAA,CAClB;AAAA,EACH,GAAG,CAAC,KAAK,QAAQ,SAAS,CAAC;AAE3B,SAAO;AACT;AAEA,YAAY,cAAc;"}

package/dist/index105.cjs

@@ -1,13 +1,42 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const constants = require("./index64.cjs");
-const resolveTiles = (tileLayer, basemap, theme, basemapKey) => {
-  if (tileLayer != null) return tileLayer;
-  const url = constants.BASEMAP_TILES[basemap === "auto" ? theme : basemap];
-  return {
-    url: basemapKey ? `${url}?key=${encodeURIComponent(basemapKey)}` : url,
-    attribution: constants.BASEMAP_TILES.attribution
-  };
+const react = require("react");
+const reactLeaflet = require("react-leaflet");
+const normalizeViewport = require("./index132.cjs");
+const VIEWPORT_EVENTS = "moveend resize";
+const ViewportReporter = ({ onViewportChange }) => {
+  const map = reactLeaflet.useMap();
+  const handlerRef = react.useRef(onViewportChange);
+  const lastRef = react.useRef(null);
+  react.useEffect(() => {
+    handlerRef.current = onViewportChange;
+  });
+  react.useEffect(() => {
+    const report = () => {
+      const bounds = map.getBounds();
+      const center = map.getCenter();
+      const next = normalizeViewport.normalizeViewport(
+        {
+          west: bounds.getWest(),
+          south: bounds.getSouth(),
+          east: bounds.getEast(),
+          north: bounds.getNorth()
+        },
+        map.getZoom(),
+        [center.lat, center.lng]
+      );
+      if (lastRef.current != null && normalizeViewport.sameViewport(lastRef.current, next)) return;
+      lastRef.current = next;
+      handlerRef.current(next);
+    };
+    report();
+    map.on(VIEWPORT_EVENTS, report);
+    return () => {
+      map.off(VIEWPORT_EVENTS, report);
+    };
+  }, [map]);
+  return null;
 };
-exports.resolveTiles = resolveTiles;
+ViewportReporter.displayName = "ViewportReporter";
+exports.ViewportReporter = ViewportReporter;
 //# sourceMappingURL=index105.cjs.map

package/dist/index105.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index105.cjs","sources":["../src/geo/GeoMapCard/resolveTiles.ts"],"sourcesContent":["import { BASEMAP_TILES } from '../../constants';\nimport type { ThemeMode } from '../../hooks/useThemeMode';\nimport type { GeoBasemap, GeoTileLayer } from '../../types/geo.types';\n\n/**\n * The tile source to draw: a caller-supplied layer wins outright; otherwise the\n * CARTO basemap for the theme, carrying the API key when one is given.\n */\nexport const resolveTiles = (\n  tileLayer: GeoTileLayer | undefined,\n  basemap: GeoBasemap,\n  theme: ThemeMode,\n  basemapKey: string | undefined,\n): GeoTileLayer => {\n  if (tileLayer != null) return tileLayer;\n\n  const url = BASEMAP_TILES[basemap === 'auto' ? theme : basemap];\n\n  return {\n    url: basemapKey ? `${url}?key=${encodeURIComponent(basemapKey)}` : url,\n    attribution: BASEMAP_TILES.attribution,\n  };\n};\n"],"names":["BASEMAP_TILES"],"mappings":";;;AAQO,MAAM,eAAe,CAC1B,WACA,SACA,OACA,eACiB;AACjB,MAAI,aAAa,KAAM,QAAO;AAE9B,QAAM,MAAMA,UAAAA,cAAc,YAAY,SAAS,QAAQ,OAAO;AAE9D,SAAO;AAAA,IACL,KAAK,aAAa,GAAG,GAAG,QAAQ,mBAAmB,UAAU,CAAC,KAAK;AAAA,IACnE,aAAaA,UAAAA,cAAc;AAAA,EAAA;AAE/B;;"}
+{"version":3,"file":"index105.cjs","sources":["../src/geo/GeoMapCard/ViewportReporter.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { useMap } from 'react-leaflet';\nimport type { GeoViewport } from '../../types/geo.types';\nimport type { ViewportReporterProps } from './GeoMapCard.types';\nimport { normalizeViewport, sameViewport } from './normalizeViewport';\n\n/** `moveend` closes every pan, zoom and keyboard move; `resize` a size change without one. */\nconst VIEWPORT_EVENTS = 'moveend resize';\n\n/**\n * A childless child of `MapContainer` that tells the consumer what is visible,\n * so it can fetch points by area instead of all at once.\n *\n * The handler is read through a ref: a new function on every parent render must\n * neither re-subscribe nor re-emit. Identical viewports are dropped, since a resize\n * is usually followed by a `moveend` for the same view.\n */\nexport const ViewportReporter = ({ onViewportChange }: ViewportReporterProps) => {\n  const map = useMap();\n  const handlerRef = useRef(onViewportChange);\n  const lastRef = useRef<GeoViewport | null>(null);\n\n  useEffect(() => {\n    handlerRef.current = onViewportChange;\n  });\n\n  useEffect(() => {\n    const report = () => {\n      const bounds = map.getBounds();\n      const center = map.getCenter();\n      const next = normalizeViewport(\n        {\n          west: bounds.getWest(),\n          south: bounds.getSouth(),\n          east: bounds.getEast(),\n          north: bounds.getNorth(),\n        },\n        map.getZoom(),\n        [center.lat, center.lng],\n      );\n\n      if (lastRef.current != null && sameViewport(lastRef.current, next)) return;\n\n      lastRef.current = next;\n      handlerRef.current(next);\n    };\n\n    // react-leaflet renders children once the map exists with its initial view.\n    report();\n    map.on(VIEWPORT_EVENTS, report);\n\n    return () => {\n      map.off(VIEWPORT_EVENTS, report);\n    };\n  }, [map]);\n\n  return null;\n};\n\nViewportReporter.displayName = 'ViewportReporter';\n"],"names":["useMap","useRef","useEffect","normalizeViewport","sameViewport"],"mappings":";;;;;AAOA,MAAM,kBAAkB;AAUjB,MAAM,mBAAmB,CAAC,EAAE,uBAA8C;AAC/E,QAAM,MAAMA,aAAAA,OAAA;AACZ,QAAM,aAAaC,MAAAA,OAAO,gBAAgB;AAC1C,QAAM,UAAUA,MAAAA,OAA2B,IAAI;AAE/CC,QAAAA,UAAU,MAAM;AACd,eAAW,UAAU;AAAA,EACvB,CAAC;AAEDA,QAAAA,UAAU,MAAM;AACd,UAAM,SAAS,MAAM;AACnB,YAAM,SAAS,IAAI,UAAA;AACnB,YAAM,SAAS,IAAI,UAAA;AACnB,YAAM,OAAOC,kBAAAA;AAAAA,QACX;AAAA,UACE,MAAM,OAAO,QAAA;AAAA,UACb,OAAO,OAAO,SAAA;AAAA,UACd,MAAM,OAAO,QAAA;AAAA,UACb,OAAO,OAAO,SAAA;AAAA,QAAS;AAAA,QAEzB,IAAI,QAAA;AAAA,QACJ,CAAC,OAAO,KAAK,OAAO,GAAG;AAAA,MAAA;AAGzB,UAAI,QAAQ,WAAW,QAAQC,kBAAAA,aAAa,QAAQ,SAAS,IAAI,EAAG;AAEpE,cAAQ,UAAU;AAClB,iBAAW,QAAQ,IAAI;AAAA,IACzB;AAGA,WAAA;AACA,QAAI,GAAG,iBAAiB,MAAM;AAE9B,WAAO,MAAM;AACX,UAAI,IAAI,iBAAiB,MAAM;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AAER,SAAO;AACT;AAEA,iBAAiB,cAAc;;"}

package/dist/index105.js

@@ -1,13 +1,42 @@
-import { BASEMAP_TILES } from "./index64.js";
-const resolveTiles = (tileLayer, basemap, theme, basemapKey) => {
-  if (tileLayer != null) return tileLayer;
-  const url = BASEMAP_TILES[basemap === "auto" ? theme : basemap];
-  return {
-    url: basemapKey ? `${url}?key=${encodeURIComponent(basemapKey)}` : url,
-    attribution: BASEMAP_TILES.attribution
-  };
+import { useRef, useEffect } from "react";
+import { useMap } from "react-leaflet";
+import { normalizeViewport, sameViewport } from "./index132.js";
+const VIEWPORT_EVENTS = "moveend resize";
+const ViewportReporter = ({ onViewportChange }) => {
+  const map = useMap();
+  const handlerRef = useRef(onViewportChange);
+  const lastRef = useRef(null);
+  useEffect(() => {
+    handlerRef.current = onViewportChange;
+  });
+  useEffect(() => {
+    const report = () => {
+      const bounds = map.getBounds();
+      const center = map.getCenter();
+      const next = normalizeViewport(
+        {
+          west: bounds.getWest(),
+          south: bounds.getSouth(),
+          east: bounds.getEast(),
+          north: bounds.getNorth()
+        },
+        map.getZoom(),
+        [center.lat, center.lng]
+      );
+      if (lastRef.current != null && sameViewport(lastRef.current, next)) return;
+      lastRef.current = next;
+      handlerRef.current(next);
+    };
+    report();
+    map.on(VIEWPORT_EVENTS, report);
+    return () => {
+      map.off(VIEWPORT_EVENTS, report);
+    };
+  }, [map]);
+  return null;
 };
+ViewportReporter.displayName = "ViewportReporter";
 export {
-  resolveTiles
+  ViewportReporter
 };
 //# sourceMappingURL=index105.js.map

package/dist/index105.js.map

@@ -1 +1 @@
-{"version":3,"file":"index105.js","sources":["../src/geo/GeoMapCard/resolveTiles.ts"],"sourcesContent":["import { BASEMAP_TILES } from '../../constants';\nimport type { ThemeMode } from '../../hooks/useThemeMode';\nimport type { GeoBasemap, GeoTileLayer } from '../../types/geo.types';\n\n/**\n * The tile source to draw: a caller-supplied layer wins outright; otherwise the\n * CARTO basemap for the theme, carrying the API key when one is given.\n */\nexport const resolveTiles = (\n  tileLayer: GeoTileLayer | undefined,\n  basemap: GeoBasemap,\n  theme: ThemeMode,\n  basemapKey: string | undefined,\n): GeoTileLayer => {\n  if (tileLayer != null) return tileLayer;\n\n  const url = BASEMAP_TILES[basemap === 'auto' ? theme : basemap];\n\n  return {\n    url: basemapKey ? `${url}?key=${encodeURIComponent(basemapKey)}` : url,\n    attribution: BASEMAP_TILES.attribution,\n  };\n};\n"],"names":[],"mappings":";AAQO,MAAM,eAAe,CAC1B,WACA,SACA,OACA,eACiB;AACjB,MAAI,aAAa,KAAM,QAAO;AAE9B,QAAM,MAAM,cAAc,YAAY,SAAS,QAAQ,OAAO;AAE9D,SAAO;AAAA,IACL,KAAK,aAAa,GAAG,GAAG,QAAQ,mBAAmB,UAAU,CAAC,KAAK;AAAA,IACnE,aAAa,cAAc;AAAA,EAAA;AAE/B;"}
+{"version":3,"file":"index105.js","sources":["../src/geo/GeoMapCard/ViewportReporter.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { useMap } from 'react-leaflet';\nimport type { GeoViewport } from '../../types/geo.types';\nimport type { ViewportReporterProps } from './GeoMapCard.types';\nimport { normalizeViewport, sameViewport } from './normalizeViewport';\n\n/** `moveend` closes every pan, zoom and keyboard move; `resize` a size change without one. */\nconst VIEWPORT_EVENTS = 'moveend resize';\n\n/**\n * A childless child of `MapContainer` that tells the consumer what is visible,\n * so it can fetch points by area instead of all at once.\n *\n * The handler is read through a ref: a new function on every parent render must\n * neither re-subscribe nor re-emit. Identical viewports are dropped, since a resize\n * is usually followed by a `moveend` for the same view.\n */\nexport const ViewportReporter = ({ onViewportChange }: ViewportReporterProps) => {\n  const map = useMap();\n  const handlerRef = useRef(onViewportChange);\n  const lastRef = useRef<GeoViewport | null>(null);\n\n  useEffect(() => {\n    handlerRef.current = onViewportChange;\n  });\n\n  useEffect(() => {\n    const report = () => {\n      const bounds = map.getBounds();\n      const center = map.getCenter();\n      const next = normalizeViewport(\n        {\n          west: bounds.getWest(),\n          south: bounds.getSouth(),\n          east: bounds.getEast(),\n          north: bounds.getNorth(),\n        },\n        map.getZoom(),\n        [center.lat, center.lng],\n      );\n\n      if (lastRef.current != null && sameViewport(lastRef.current, next)) return;\n\n      lastRef.current = next;\n      handlerRef.current(next);\n    };\n\n    // react-leaflet renders children once the map exists with its initial view.\n    report();\n    map.on(VIEWPORT_EVENTS, report);\n\n    return () => {\n      map.off(VIEWPORT_EVENTS, report);\n    };\n  }, [map]);\n\n  return null;\n};\n\nViewportReporter.displayName = 'ViewportReporter';\n"],"names":[],"mappings":";;;AAOA,MAAM,kBAAkB;AAUjB,MAAM,mBAAmB,CAAC,EAAE,uBAA8C;AAC/E,QAAM,MAAM,OAAA;AACZ,QAAM,aAAa,OAAO,gBAAgB;AAC1C,QAAM,UAAU,OAA2B,IAAI;AAE/C,YAAU,MAAM;AACd,eAAW,UAAU;AAAA,EACvB,CAAC;AAED,YAAU,MAAM;AACd,UAAM,SAAS,MAAM;AACnB,YAAM,SAAS,IAAI,UAAA;AACnB,YAAM,SAAS,IAAI,UAAA;AACnB,YAAM,OAAO;AAAA,QACX;AAAA,UACE,MAAM,OAAO,QAAA;AAAA,UACb,OAAO,OAAO,SAAA;AAAA,UACd,MAAM,OAAO,QAAA;AAAA,UACb,OAAO,OAAO,SAAA;AAAA,QAAS;AAAA,QAEzB,IAAI,QAAA;AAAA,QACJ,CAAC,OAAO,KAAK,OAAO,GAAG;AAAA,MAAA;AAGzB,UAAI,QAAQ,WAAW,QAAQ,aAAa,QAAQ,SAAS,IAAI,EAAG;AAEpE,cAAQ,UAAU;AAClB,iBAAW,QAAQ,IAAI;AAAA,IACzB;AAGA,WAAA;AACA,QAAI,GAAG,iBAAiB,MAAM;AAE9B,WAAO,MAAM;AACX,UAAI,IAAI,iBAAiB,MAAM;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AAER,SAAO;AACT;AAEA,iBAAiB,cAAc;"}

package/dist/index106.cjs

@@ -1,72 +1,11 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-m-WU1";
-const header = "krc-header-j8Yft";
-const title = "krc-title-10Tak";
-const headerActions = "krc-headerActions-rh6MO";
-const toolbar = "krc-toolbar-6bfl-";
-const warning = "krc-warning-dISP1";
-const status = "krc-status-NTIdX";
-const refreshing = "krc-refreshing-THBtz";
-const refreshingDot = "krc-refreshingDot-flOST";
-const mapContainer = "krc-mapContainer-MKTII";
-const map = "krc-map-o-Ldd";
-const loading = "krc-loading-LE2tH";
-const empty = "krc-empty-JAoUd";
-const error = "krc-error-FkrvS";
-const retryButton = "krc-retryButton-BKn73";
-const legend = "krc-legend-c-RjE";
-const legendTitle = "krc-legendTitle-j4e4-";
-const legendList = "krc-legendList-jRukT";
-const legendItem = "krc-legendItem-X2jYA";
-const legendSwatch = "krc-legendSwatch-OTMwM";
-const compact = "krc-compact-Ha6w2";
-const srOnly = "krc-srOnly-KDwnO";
-const styles = {
-  root,
-  header,
-  title,
-  headerActions,
-  toolbar,
-  warning,
-  status,
-  refreshing,
-  refreshingDot,
-  mapContainer,
-  map,
-  loading,
-  empty,
-  error,
-  retryButton,
-  legend,
-  legendTitle,
-  legendList,
-  legendItem,
-  legendSwatch,
-  compact,
-  srOnly
-};
-exports.compact = compact;
-exports.default = styles;
-exports.empty = empty;
-exports.error = error;
-exports.header = header;
-exports.headerActions = headerActions;
-exports.legend = legend;
-exports.legendItem = legendItem;
-exports.legendList = legendList;
-exports.legendSwatch = legendSwatch;
-exports.legendTitle = legendTitle;
-exports.loading = loading;
-exports.map = map;
-exports.mapContainer = mapContainer;
-exports.refreshing = refreshing;
-exports.refreshingDot = refreshingDot;
-exports.retryButton = retryButton;
-exports.root = root;
-exports.srOnly = srOnly;
-exports.status = status;
-exports.title = title;
-exports.toolbar = toolbar;
-exports.warning = warning;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const GeoMapCard_module = require("./index111.cjs");
+const MapStatusBars = ({ notice, emptyMessage }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  notice && /* @__PURE__ */ jsxRuntime.jsx("div", { className: GeoMapCard_module.default.warning, role: "status", children: notice }),
+  emptyMessage && /* @__PURE__ */ jsxRuntime.jsx("div", { className: GeoMapCard_module.default.status, role: "status", children: emptyMessage })
+] });
+MapStatusBars.displayName = "MapStatusBars";
+exports.MapStatusBars = MapStatusBars;
 //# sourceMappingURL=index106.cjs.map

package/dist/index106.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index106.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index106.cjs","sources":["../src/geo/GeoMapCard/MapStatusBars.tsx"],"sourcesContent":["import type { MapStatusBarsProps } from './GeoMapCard.types';\nimport styles from './GeoMapCard.module.css';\n\n/**\n * The bars above the map. They sit outside it on purpose: anything drawn over the\n * map would have to stack above Leaflet's panes, far past the library's z-index cap.\n */\nexport const MapStatusBars = ({ notice, emptyMessage }: MapStatusBarsProps) => (\n  <>\n    {notice && (\n      <div className={styles.warning} role=\"status\">\n        {notice}\n      </div>\n    )}\n    {emptyMessage && (\n      <div className={styles.status} role=\"status\">\n        {emptyMessage}\n      </div>\n    )}\n  </>\n);\n\nMapStatusBars.displayName = 'MapStatusBars';\n"],"names":["jsxs","Fragment","styles"],"mappings":";;;;AAOO,MAAM,gBAAgB,CAAC,EAAE,QAAQ,aAAA,MACtCA,gCAAAC,WAAAA,UAAA,EACG,UAAA;AAAA,EAAA,yCACE,OAAA,EAAI,WAAWC,kBAAAA,QAAO,SAAS,MAAK,UAClC,UAAA,OAAA,CACH;AAAA,EAED,+CACE,OAAA,EAAI,WAAWA,kBAAAA,QAAO,QAAQ,MAAK,UACjC,UAAA,aAAA,CACH;AAAA,EAAA,CAEJ;AAGF,cAAc,cAAc;;"}

package/dist/index106.js

@@ -1,72 +1,11 @@
-const root = "krc-root-m-WU1";
-const header = "krc-header-j8Yft";
-const title = "krc-title-10Tak";
-const headerActions = "krc-headerActions-rh6MO";
-const toolbar = "krc-toolbar-6bfl-";
-const warning = "krc-warning-dISP1";
-const status = "krc-status-NTIdX";
-const refreshing = "krc-refreshing-THBtz";
-const refreshingDot = "krc-refreshingDot-flOST";
-const mapContainer = "krc-mapContainer-MKTII";
-const map = "krc-map-o-Ldd";
-const loading = "krc-loading-LE2tH";
-const empty = "krc-empty-JAoUd";
-const error = "krc-error-FkrvS";
-const retryButton = "krc-retryButton-BKn73";
-const legend = "krc-legend-c-RjE";
-const legendTitle = "krc-legendTitle-j4e4-";
-const legendList = "krc-legendList-jRukT";
-const legendItem = "krc-legendItem-X2jYA";
-const legendSwatch = "krc-legendSwatch-OTMwM";
-const compact = "krc-compact-Ha6w2";
-const srOnly = "krc-srOnly-KDwnO";
-const styles = {
-  root,
-  header,
-  title,
-  headerActions,
-  toolbar,
-  warning,
-  status,
-  refreshing,
-  refreshingDot,
-  mapContainer,
-  map,
-  loading,
-  empty,
-  error,
-  retryButton,
-  legend,
-  legendTitle,
-  legendList,
-  legendItem,
-  legendSwatch,
-  compact,
-  srOnly
-};
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import styles from "./index111.js";
+const MapStatusBars = ({ notice, emptyMessage }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  notice && /* @__PURE__ */ jsx("div", { className: styles.warning, role: "status", children: notice }),
+  emptyMessage && /* @__PURE__ */ jsx("div", { className: styles.status, role: "status", children: emptyMessage })
+] });
+MapStatusBars.displayName = "MapStatusBars";
 export {
-  compact,
-  styles as default,
-  empty,
-  error,
-  header,
-  headerActions,
-  legend,
-  legendItem,
-  legendList,
-  legendSwatch,
-  legendTitle,
-  loading,
-  map,
-  mapContainer,
-  refreshing,
-  refreshingDot,
-  retryButton,
-  root,
-  srOnly,
-  status,
-  title,
-  toolbar,
-  warning
+  MapStatusBars
 };
 //# sourceMappingURL=index106.js.map

package/dist/index106.js.map

@@ -1 +1 @@
-{"version":3,"file":"index106.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index106.js","sources":["../src/geo/GeoMapCard/MapStatusBars.tsx"],"sourcesContent":["import type { MapStatusBarsProps } from './GeoMapCard.types';\nimport styles from './GeoMapCard.module.css';\n\n/**\n * The bars above the map. They sit outside it on purpose: anything drawn over the\n * map would have to stack above Leaflet's panes, far past the library's z-index cap.\n */\nexport const MapStatusBars = ({ notice, emptyMessage }: MapStatusBarsProps) => (\n  <>\n    {notice && (\n      <div className={styles.warning} role=\"status\">\n        {notice}\n      </div>\n    )}\n    {emptyMessage && (\n      <div className={styles.status} role=\"status\">\n        {emptyMessage}\n      </div>\n    )}\n  </>\n);\n\nMapStatusBars.displayName = 'MapStatusBars';\n"],"names":[],"mappings":";;AAOO,MAAM,gBAAgB,CAAC,EAAE,QAAQ,aAAA,MACtC,qBAAA,UAAA,EACG,UAAA;AAAA,EAAA,8BACE,OAAA,EAAI,WAAW,OAAO,SAAS,MAAK,UAClC,UAAA,OAAA,CACH;AAAA,EAED,oCACE,OAAA,EAAI,WAAW,OAAO,QAAQ,MAAK,UACjC,UAAA,aAAA,CACH;AAAA,EAAA,CAEJ;AAGF,cAAc,cAAc;"}

package/dist/index107.cjs

@@ -1,18 +1,13 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-AouLD";
-const header = "krc-header-pNze5";
-const content = "krc-content-egG2e";
-const footer = "krc-footer-WJw5Z";
-const styles = {
-  root,
-  header,
-  content,
-  footer
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const buildNotice = (info, maxPoints) => {
+  const reasons = [];
+  if (info.skipped > 0) reasons.push(`${info.skipped} without usable coordinates`);
+  if (info.dropped > 0) reasons.push(`${info.dropped} over the ${maxPoints} marker cap`);
+  if (reasons.length === 0) return null;
+  return `Showing ${info.drawn} of ${info.total} points (${reasons.join(", ")}).`;
 };
-exports.content = content;
-exports.default = styles;
-exports.footer = footer;
-exports.header = header;
-exports.root = root;
+const describePoint = (point, categoryLabel) => [point.label, point.category != null ? `${categoryLabel}: ${point.category}` : null, point.detail].filter((part) => part != null && part !== "").join(" — ");
+exports.buildNotice = buildNotice;
+exports.describePoint = describePoint;
 //# sourceMappingURL=index107.cjs.map

package/dist/index107.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index107.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index107.cjs","sources":["../src/geo/GeoMapCard/describePoints.ts"],"sourcesContent":["import type { GeoPoint, GeoRenderInfo } from '../../types/geo.types';\n\n/** States what was left out, so a truncated map never passes for a complete one. */\nexport const buildNotice = (info: GeoRenderInfo, maxPoints: number): string | null => {\n  const reasons: string[] = [];\n\n  if (info.skipped > 0) reasons.push(`${info.skipped} without usable coordinates`);\n  if (info.dropped > 0) reasons.push(`${info.dropped} over the ${maxPoints} marker cap`);\n\n  if (reasons.length === 0) return null;\n\n  return `Showing ${info.drawn} of ${info.total} points (${reasons.join(', ')}).`;\n};\n\n/** One line carrying everything the tooltip shows, for the screen reader too. */\nexport const describePoint = (point: GeoPoint, categoryLabel: string): string =>\n  [point.label, point.category != null ? `${categoryLabel}: ${point.category}` : null, point.detail]\n    .filter((part): part is string => part != null && part !== '')\n    .join(' — ');\n"],"names":[],"mappings":";;AAGO,MAAM,cAAc,CAAC,MAAqB,cAAqC;AACpF,QAAM,UAAoB,CAAA;AAE1B,MAAI,KAAK,UAAU,EAAG,SAAQ,KAAK,GAAG,KAAK,OAAO,6BAA6B;AAC/E,MAAI,KAAK,UAAU,EAAG,SAAQ,KAAK,GAAG,KAAK,OAAO,aAAa,SAAS,aAAa;AAErF,MAAI,QAAQ,WAAW,EAAG,QAAO;AAEjC,SAAO,WAAW,KAAK,KAAK,OAAO,KAAK,KAAK,YAAY,QAAQ,KAAK,IAAI,CAAC;AAC7E;AAGO,MAAM,gBAAgB,CAAC,OAAiB,kBAC7C,CAAC,MAAM,OAAO,MAAM,YAAY,OAAO,GAAG,aAAa,KAAK,MAAM,QAAQ,KAAK,MAAM,MAAM,MAAM,EAC9F,OAAO,CAAC,SAAyB,QAAQ,QAAQ,SAAS,EAAE,EAC5D,KAAK,KAAK;;;"}

package/dist/index107.js

@@ -1,18 +1,13 @@
-const root = "krc-root-AouLD";
-const header = "krc-header-pNze5";
-const content = "krc-content-egG2e";
-const footer = "krc-footer-WJw5Z";
-const styles = {
-  root,
-  header,
-  content,
-  footer
+const buildNotice = (info, maxPoints) => {
+  const reasons = [];
+  if (info.skipped > 0) reasons.push(`${info.skipped} without usable coordinates`);
+  if (info.dropped > 0) reasons.push(`${info.dropped} over the ${maxPoints} marker cap`);
+  if (reasons.length === 0) return null;
+  return `Showing ${info.drawn} of ${info.total} points (${reasons.join(", ")}).`;
 };
+const describePoint = (point, categoryLabel) => [point.label, point.category != null ? `${categoryLabel}: ${point.category}` : null, point.detail].filter((part) => part != null && part !== "").join(" — ");
 export {
-  content,
-  styles as default,
-  footer,
-  header,
-  root
+  buildNotice,
+  describePoint
 };
 //# sourceMappingURL=index107.js.map

package/dist/index107.js.map

@@ -1 +1 @@
-{"version":3,"file":"index107.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"index107.js","sources":["../src/geo/GeoMapCard/describePoints.ts"],"sourcesContent":["import type { GeoPoint, GeoRenderInfo } from '../../types/geo.types';\n\n/** States what was left out, so a truncated map never passes for a complete one. */\nexport const buildNotice = (info: GeoRenderInfo, maxPoints: number): string | null => {\n  const reasons: string[] = [];\n\n  if (info.skipped > 0) reasons.push(`${info.skipped} without usable coordinates`);\n  if (info.dropped > 0) reasons.push(`${info.dropped} over the ${maxPoints} marker cap`);\n\n  if (reasons.length === 0) return null;\n\n  return `Showing ${info.drawn} of ${info.total} points (${reasons.join(', ')}).`;\n};\n\n/** One line carrying everything the tooltip shows, for the screen reader too. */\nexport const describePoint = (point: GeoPoint, categoryLabel: string): string =>\n  [point.label, point.category != null ? `${categoryLabel}: ${point.category}` : null, point.detail]\n    .filter((part): part is string => part != null && part !== '')\n    .join(' — ');\n"],"names":[],"mappings":"AAGO,MAAM,cAAc,CAAC,MAAqB,cAAqC;AACpF,QAAM,UAAoB,CAAA;AAE1B,MAAI,KAAK,UAAU,EAAG,SAAQ,KAAK,GAAG,KAAK,OAAO,6BAA6B;AAC/E,MAAI,KAAK,UAAU,EAAG,SAAQ,KAAK,GAAG,KAAK,OAAO,aAAa,SAAS,aAAa;AAErF,MAAI,QAAQ,WAAW,EAAG,QAAO;AAEjC,SAAO,WAAW,KAAK,KAAK,OAAO,KAAK,KAAK,YAAY,QAAQ,KAAK,IAAI,CAAC;AAC7E;AAGO,MAAM,gBAAgB,CAAC,OAAiB,kBAC7C,CAAC,MAAM,OAAO,MAAM,YAAY,OAAO,GAAG,aAAa,KAAK,MAAM,QAAQ,KAAK,MAAM,MAAM,MAAM,EAC9F,OAAO,CAAC,SAAyB,QAAQ,QAAQ,SAAS,EAAE,EAC5D,KAAK,KAAK;"}