@ktnpm_devops/react-component 0.12.1 → 0.13.1

package/dist/index30.cjs

@@ -2,11 +2,156 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index55.cjs");
-const Input_module = require("./index65.cjs");
-const Input = react.forwardRef(
-  ({ className, type = "text", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("input", { ref, type, className: clsx.clsx(Input_module.default.root, className), ...props })
-);
-Input.displayName = "Input";
-exports.Input = Input;
+const reactLeaflet = require("react-leaflet");
+const clsx = require("./index57.cjs");
+const useThemeMode = require("./index7.cjs");
+const constants = require("./index59.cjs");
+const normalizePoints = require("./index104.cjs");
+const buildMarkerStyle = require("./index105.cjs");
+const MapViewport = require("./index106.cjs");
+const MapLegend = require("./index107.cjs");
+const PointListing = require("./index108.cjs");
+const GeoMapCard_module = require("./index109.cjs");
+const EmptyState = require("./index28.cjs");
+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(" — ");
+const GeoMapCard = ({
+  title,
+  points,
+  selectedIds,
+  onSelectPoint,
+  categoryLabel = "Category",
+  legendTitle = "Legend",
+  hideLegend = false,
+  maxPoints = constants.GEO_MAP.MAX_POINTS,
+  onRender,
+  fitBounds = true,
+  center,
+  zoom,
+  scrollWheelZoom = false,
+  basemap = "auto",
+  tileLayer,
+  compact = false,
+  toolbar,
+  actions,
+  isLoading = false,
+  error = null,
+  onRetry,
+  emptyTitle = "No mappable points",
+  emptyDescription = "None of the points received carry usable coordinates.",
+  retryLabel = "Retry",
+  loadingLabel = "Loading map...",
+  pointListLabel = "Map points",
+  className
+}) => {
+  const theme = useThemeMode.useThemeMode();
+  const containerRef = react.useRef(null);
+  const { drawn, bounds, info } = react.useMemo(
+    () => normalizePoints.normalizePoints(points, maxPoints),
+    [points, maxPoints]
+  );
+  const categoryColors = react.useMemo(() => buildMarkerStyle.buildCategoryColors(points), [points]);
+  const legendItems = react.useMemo(() => buildMarkerStyle.buildLegendItems(categoryColors), [categoryColors]);
+  const markers = react.useMemo(() => {
+    const weightScale = buildMarkerStyle.buildWeightScale(points);
+    const selection = new Set(selectedIds ?? []);
+    return drawn.map(({ point, sourceIndex }) => {
+      const selected = selection.has(point.id);
+      return {
+        point,
+        sourceIndex,
+        selected,
+        style: buildMarkerStyle.buildMarkerStyle(point, { categoryColors, weightScale, selected, theme }),
+        description: describePoint(point, categoryLabel)
+      };
+    });
+  }, [drawn, points, selectedIds, categoryColors, theme, categoryLabel]);
+  const tiles = tileLayer ?? {
+    url: constants.BASEMAP_TILES[basemap === "auto" ? theme : basemap],
+    attribution: constants.BASEMAP_TILES.attribution
+  };
+  const shouldFitBounds = fitBounds && center == null && zoom == null;
+  const showLegend = !hideLegend && legendItems.length > 0;
+  const notice = buildNotice(info, maxPoints);
+  const hasMap = !isLoading && error == null && info.drawn > 0;
+  react.useEffect(() => {
+    onRender == null ? void 0 : onRender(info);
+  }, [onRender, info]);
+  react.useEffect(() => {
+  }, [hasMap]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx.clsx(GeoMapCard_module.default.root, compact && GeoMapCard_module.default.compact, className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: GeoMapCard_module.default.header, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: GeoMapCard_module.default.title, children: title }),
+      actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: GeoMapCard_module.default.headerActions, children: actions })
+    ] }),
+    toolbar && /* @__PURE__ */ jsxRuntime.jsx("div", { className: GeoMapCard_module.default.toolbar, children: toolbar }),
+    hasMap && notice && /* @__PURE__ */ jsxRuntime.jsx("div", { className: GeoMapCard_module.default.warning, role: "status", children: notice }),
+    isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: GeoMapCard_module.default.loading, children: loadingLabel }),
+    !isLoading && error != null && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: GeoMapCard_module.default.error, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: error }),
+      onRetry && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: GeoMapCard_module.default.retryButton, onClick: onRetry, children: retryLabel })
+    ] }),
+    !isLoading && error == null && info.drawn === 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      EmptyState.EmptyState,
+      {
+        className: GeoMapCard_module.default.empty,
+        variant: "plain",
+        title: emptyTitle,
+        description: emptyDescription
+      }
+    ),
+    hasMap && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref: containerRef,
+        className: GeoMapCard_module.default.mapContainer,
+        role: "figure",
+        "aria-label": `${title}: map of ${info.drawn} points`,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            reactLeaflet.MapContainer,
+            {
+              className: GeoMapCard_module.default.map,
+              center: center ?? [...constants.GEO_MAP.DEFAULT_CENTER],
+              zoom: zoom ?? constants.GEO_MAP.DEFAULT_ZOOM,
+              scrollWheelZoom,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(reactLeaflet.TileLayer, { url: tiles.url, attribution: tiles.attribution }, tiles.url),
+                /* @__PURE__ */ jsxRuntime.jsx(MapViewport.MapViewport, { bounds, fitBounds: shouldFitBounds }),
+                markers.map(({ point, sourceIndex, style, description }) => /* @__PURE__ */ jsxRuntime.jsx(
+                  reactLeaflet.CircleMarker,
+                  {
+                    center: [point.latitude, point.longitude],
+                    radius: style.radius,
+                    pathOptions: style,
+                    eventHandlers: onSelectPoint ? { click: () => onSelectPoint({ point, index: sourceIndex }) } : {},
+                    children: /* @__PURE__ */ jsxRuntime.jsx(reactLeaflet.Tooltip, { children: description })
+                  },
+                  point.id
+                )),
+                showLegend && /* @__PURE__ */ jsxRuntime.jsx(MapLegend.MapLegend, { items: legendItems, title: legendTitle })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            PointListing.PointListing,
+            {
+              markers,
+              label: pointListLabel,
+              onSelectPoint
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+GeoMapCard.displayName = "GeoMapCard";
+exports.GeoMapCard = GeoMapCard;
 //# sourceMappingURL=index30.cjs.map

package/dist/index30.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index30.cjs","sources":["../src/primitives/Input/Input.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport styles from './Input.module.css';\n\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type = 'text', ...props }, ref) => (\n    <input ref={ref} type={type} className={clsx(styles.root, className)} {...props} />\n  ),\n);\n\nInput.displayName = 'Input';\n"],"names":["forwardRef","jsx","clsx","styles"],"mappings":";;;;;;AAMO,MAAM,QAAQA,MAAAA;AAAAA,EACnB,CAAC,EAAE,WAAW,OAAO,QAAQ,GAAG,SAAS,QACvCC,2BAAAA,IAAC,WAAM,KAAU,MAAY,WAAWC,UAAKC,aAAAA,QAAO,MAAM,SAAS,GAAI,GAAG,MAAA,CAAO;AAErF;AAEA,MAAM,cAAc;;"}
+{"version":3,"file":"index30.cjs","sources":["../src/geo/GeoMapCard/GeoMapCard.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef } from 'react';\nimport { CircleMarker, MapContainer, TileLayer, Tooltip } from 'react-leaflet';\nimport clsx from 'clsx';\nimport { EmptyState } from '../../primitives/EmptyState';\nimport { useThemeMode } from '../../hooks/useThemeMode';\nimport { BASEMAP_TILES, GEO_MAP } from '../../constants';\nimport type { GeoPoint, GeoRenderInfo } from '../../types/geo.types';\nimport type { GeoMapCardProps, MarkerDescriptor } from './GeoMapCard.types';\nimport { normalizePoints } from './normalizePoints';\nimport { buildCategoryColors, buildLegendItems, buildMarkerStyle, buildWeightScale } from './buildMarkerStyle';\nimport { MapViewport } from './MapViewport';\nimport { MapLegend } from './MapLegend';\nimport { PointListing } from './PointListing';\nimport { warnMissingLeafletStylesheet } from './warnMissingLeafletStylesheet';\nimport styles from './GeoMapCard.module.css';\n\n/** States what was left out, so a truncated map never passes for a complete one. */\nconst 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. */\nconst 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\nexport const GeoMapCard = ({\n  title,\n  points,\n  selectedIds,\n  onSelectPoint,\n  categoryLabel = 'Category',\n  legendTitle = 'Legend',\n  hideLegend = false,\n  maxPoints = GEO_MAP.MAX_POINTS,\n  onRender,\n  fitBounds = true,\n  center,\n  zoom,\n  scrollWheelZoom = false,\n  basemap = 'auto',\n  tileLayer,\n  compact = false,\n  toolbar,\n  actions,\n  isLoading = false,\n  error = null,\n  onRetry,\n  emptyTitle = 'No mappable points',\n  emptyDescription = 'None of the points received carry usable coordinates.',\n  retryLabel = 'Retry',\n  loadingLabel = 'Loading map...',\n  pointListLabel = 'Map points',\n  className,\n}: GeoMapCardProps) => {\n  const theme = useThemeMode();\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const { drawn, bounds, info } = useMemo(\n    () => normalizePoints(points, maxPoints),\n    [points, maxPoints],\n  );\n\n  const categoryColors = useMemo(() => buildCategoryColors(points), [points]);\n  const legendItems = useMemo(() => buildLegendItems(categoryColors), [categoryColors]);\n\n  const markers = useMemo<MarkerDescriptor[]>(() => {\n    const weightScale = buildWeightScale(points);\n    const selection = new Set(selectedIds ?? []);\n\n    return drawn.map(({ point, sourceIndex }) => {\n      const selected = selection.has(point.id);\n\n      return {\n        point,\n        sourceIndex,\n        selected,\n        style: buildMarkerStyle(point, { categoryColors, weightScale, selected, theme }),\n        description: describePoint(point, categoryLabel),\n      };\n    });\n  }, [drawn, points, selectedIds, categoryColors, theme, categoryLabel]);\n\n  const tiles = tileLayer ?? {\n    url: BASEMAP_TILES[basemap === 'auto' ? theme : basemap],\n    attribution: BASEMAP_TILES.attribution,\n  };\n\n  // Manual framing and automatic framing would fight over the viewport.\n  const shouldFitBounds = fitBounds && center == null && zoom == null;\n  const showLegend = !hideLegend && legendItems.length > 0;\n  const notice = buildNotice(info, maxPoints);\n  const hasMap = !isLoading && error == null && info.drawn > 0;\n\n  useEffect(() => {\n    onRender?.(info);\n  }, [onRender, info]);\n\n  useEffect(() => {\n    if (import.meta.env.DEV && hasMap) warnMissingLeafletStylesheet(containerRef.current);\n  }, [hasMap]);\n\n  return (\n    <div className={clsx(styles.root, compact && styles.compact, className)}>\n      <header className={styles.header}>\n        <h3 className={styles.title}>{title}</h3>\n        {actions && <div className={styles.headerActions}>{actions}</div>}\n      </header>\n\n      {toolbar && <div className={styles.toolbar}>{toolbar}</div>}\n\n      {hasMap && notice && (\n        <div className={styles.warning} role=\"status\">\n          {notice}\n        </div>\n      )}\n\n      {isLoading && <div className={styles.loading}>{loadingLabel}</div>}\n\n      {!isLoading && error != null && (\n        <div className={styles.error}>\n          <span>{error}</span>\n          {onRetry && (\n            <button type=\"button\" className={styles.retryButton} onClick={onRetry}>\n              {retryLabel}\n            </button>\n          )}\n        </div>\n      )}\n\n      {!isLoading && error == null && info.drawn === 0 && (\n        <EmptyState\n          className={styles.empty}\n          variant=\"plain\"\n          title={emptyTitle}\n          description={emptyDescription}\n        />\n      )}\n\n      {hasMap && (\n        <div\n          ref={containerRef}\n          className={styles.mapContainer}\n          role=\"figure\"\n          aria-label={`${title}: map of ${info.drawn} points`}\n        >\n          <MapContainer\n            className={styles.map}\n            center={center ?? [...GEO_MAP.DEFAULT_CENTER]}\n            zoom={zoom ?? GEO_MAP.DEFAULT_ZOOM}\n            scrollWheelZoom={scrollWheelZoom}\n          >\n            <TileLayer key={tiles.url} url={tiles.url} attribution={tiles.attribution} />\n            <MapViewport bounds={bounds} fitBounds={shouldFitBounds} />\n\n            {markers.map(({ point, sourceIndex, style, description }) => (\n              <CircleMarker\n                key={point.id}\n                center={[point.latitude, point.longitude]}\n                radius={style.radius}\n                pathOptions={style}\n                eventHandlers={\n                  onSelectPoint ? { click: () => onSelectPoint({ point, index: sourceIndex }) } : {}\n                }\n              >\n                <Tooltip>{description}</Tooltip>\n              </CircleMarker>\n            ))}\n\n            {showLegend && <MapLegend items={legendItems} title={legendTitle} />}\n          </MapContainer>\n\n          <PointListing\n            markers={markers}\n            label={pointListLabel}\n            onSelectPoint={onSelectPoint}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nGeoMapCard.displayName = 'GeoMapCard';\n"],"names":["GEO_MAP","useThemeMode","useRef","useMemo","normalizePoints","buildCategoryColors","buildLegendItems","buildWeightScale","buildMarkerStyle","BASEMAP_TILES","useEffect","jsxs","clsx","styles","jsx","EmptyState","MapContainer","TileLayer","MapViewport","CircleMarker","Tooltip","MapLegend","PointListing"],"mappings":"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"}

package/dist/index30.js

@@ -1,12 +1,157 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { clsx } from "./index55.js";
-import styles from "./index65.js";
-const Input = forwardRef(
-  ({ className, type = "text", ...props }, ref) => /* @__PURE__ */ jsx("input", { ref, type, className: clsx(styles.root, className), ...props })
-);
-Input.displayName = "Input";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useRef, useMemo, useEffect } from "react";
+import { MapContainer, TileLayer, CircleMarker, Tooltip } from "react-leaflet";
+import { clsx } from "./index57.js";
+import { useThemeMode } from "./index7.js";
+import { GEO_MAP, BASEMAP_TILES } from "./index59.js";
+import { normalizePoints } from "./index104.js";
+import { buildCategoryColors, buildLegendItems, buildWeightScale, buildMarkerStyle } from "./index105.js";
+import { MapViewport } from "./index106.js";
+import { MapLegend } from "./index107.js";
+import { PointListing } from "./index108.js";
+import styles from "./index109.js";
+import { EmptyState } from "./index28.js";
+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(" — ");
+const GeoMapCard = ({
+  title,
+  points,
+  selectedIds,
+  onSelectPoint,
+  categoryLabel = "Category",
+  legendTitle = "Legend",
+  hideLegend = false,
+  maxPoints = GEO_MAP.MAX_POINTS,
+  onRender,
+  fitBounds = true,
+  center,
+  zoom,
+  scrollWheelZoom = false,
+  basemap = "auto",
+  tileLayer,
+  compact = false,
+  toolbar,
+  actions,
+  isLoading = false,
+  error = null,
+  onRetry,
+  emptyTitle = "No mappable points",
+  emptyDescription = "None of the points received carry usable coordinates.",
+  retryLabel = "Retry",
+  loadingLabel = "Loading map...",
+  pointListLabel = "Map points",
+  className
+}) => {
+  const theme = useThemeMode();
+  const containerRef = useRef(null);
+  const { drawn, bounds, info } = useMemo(
+    () => normalizePoints(points, maxPoints),
+    [points, maxPoints]
+  );
+  const categoryColors = useMemo(() => buildCategoryColors(points), [points]);
+  const legendItems = useMemo(() => buildLegendItems(categoryColors), [categoryColors]);
+  const markers = useMemo(() => {
+    const weightScale = buildWeightScale(points);
+    const selection = new Set(selectedIds ?? []);
+    return drawn.map(({ point, sourceIndex }) => {
+      const selected = selection.has(point.id);
+      return {
+        point,
+        sourceIndex,
+        selected,
+        style: buildMarkerStyle(point, { categoryColors, weightScale, selected, theme }),
+        description: describePoint(point, categoryLabel)
+      };
+    });
+  }, [drawn, points, selectedIds, categoryColors, theme, categoryLabel]);
+  const tiles = tileLayer ?? {
+    url: BASEMAP_TILES[basemap === "auto" ? theme : basemap],
+    attribution: BASEMAP_TILES.attribution
+  };
+  const shouldFitBounds = fitBounds && center == null && zoom == null;
+  const showLegend = !hideLegend && legendItems.length > 0;
+  const notice = buildNotice(info, maxPoints);
+  const hasMap = !isLoading && error == null && info.drawn > 0;
+  useEffect(() => {
+    onRender == null ? void 0 : onRender(info);
+  }, [onRender, info]);
+  useEffect(() => {
+  }, [hasMap]);
+  return /* @__PURE__ */ jsxs("div", { className: clsx(styles.root, compact && styles.compact, className), children: [
+    /* @__PURE__ */ jsxs("header", { className: styles.header, children: [
+      /* @__PURE__ */ jsx("h3", { className: styles.title, children: title }),
+      actions && /* @__PURE__ */ jsx("div", { className: styles.headerActions, children: actions })
+    ] }),
+    toolbar && /* @__PURE__ */ jsx("div", { className: styles.toolbar, children: toolbar }),
+    hasMap && notice && /* @__PURE__ */ jsx("div", { className: styles.warning, role: "status", children: notice }),
+    isLoading && /* @__PURE__ */ jsx("div", { className: styles.loading, children: loadingLabel }),
+    !isLoading && error != null && /* @__PURE__ */ jsxs("div", { className: styles.error, children: [
+      /* @__PURE__ */ jsx("span", { children: error }),
+      onRetry && /* @__PURE__ */ jsx("button", { type: "button", className: styles.retryButton, onClick: onRetry, children: retryLabel })
+    ] }),
+    !isLoading && error == null && info.drawn === 0 && /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        className: styles.empty,
+        variant: "plain",
+        title: emptyTitle,
+        description: emptyDescription
+      }
+    ),
+    hasMap && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: containerRef,
+        className: styles.mapContainer,
+        role: "figure",
+        "aria-label": `${title}: map of ${info.drawn} points`,
+        children: [
+          /* @__PURE__ */ jsxs(
+            MapContainer,
+            {
+              className: styles.map,
+              center: center ?? [...GEO_MAP.DEFAULT_CENTER],
+              zoom: zoom ?? GEO_MAP.DEFAULT_ZOOM,
+              scrollWheelZoom,
+              children: [
+                /* @__PURE__ */ jsx(TileLayer, { url: tiles.url, attribution: tiles.attribution }, tiles.url),
+                /* @__PURE__ */ jsx(MapViewport, { bounds, fitBounds: shouldFitBounds }),
+                markers.map(({ point, sourceIndex, style, description }) => /* @__PURE__ */ jsx(
+                  CircleMarker,
+                  {
+                    center: [point.latitude, point.longitude],
+                    radius: style.radius,
+                    pathOptions: style,
+                    eventHandlers: onSelectPoint ? { click: () => onSelectPoint({ point, index: sourceIndex }) } : {},
+                    children: /* @__PURE__ */ jsx(Tooltip, { children: description })
+                  },
+                  point.id
+                )),
+                showLegend && /* @__PURE__ */ jsx(MapLegend, { items: legendItems, title: legendTitle })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PointListing,
+            {
+              markers,
+              label: pointListLabel,
+              onSelectPoint
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+GeoMapCard.displayName = "GeoMapCard";
 export {
-  Input
+  GeoMapCard
 };
 //# sourceMappingURL=index30.js.map

package/dist/index30.js.map

@@ -1 +1 @@
-{"version":3,"file":"index30.js","sources":["../src/primitives/Input/Input.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport styles from './Input.module.css';\n\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type = 'text', ...props }, ref) => (\n    <input ref={ref} type={type} className={clsx(styles.root, className)} {...props} />\n  ),\n);\n\nInput.displayName = 'Input';\n"],"names":[],"mappings":";;;;AAMO,MAAM,QAAQ;AAAA,EACnB,CAAC,EAAE,WAAW,OAAO,QAAQ,GAAG,SAAS,QACvC,oBAAC,WAAM,KAAU,MAAY,WAAW,KAAK,OAAO,MAAM,SAAS,GAAI,GAAG,MAAA,CAAO;AAErF;AAEA,MAAM,cAAc;"}
+{"version":3,"file":"index30.js","sources":["../src/geo/GeoMapCard/GeoMapCard.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef } from 'react';\nimport { CircleMarker, MapContainer, TileLayer, Tooltip } from 'react-leaflet';\nimport clsx from 'clsx';\nimport { EmptyState } from '../../primitives/EmptyState';\nimport { useThemeMode } from '../../hooks/useThemeMode';\nimport { BASEMAP_TILES, GEO_MAP } from '../../constants';\nimport type { GeoPoint, GeoRenderInfo } from '../../types/geo.types';\nimport type { GeoMapCardProps, MarkerDescriptor } from './GeoMapCard.types';\nimport { normalizePoints } from './normalizePoints';\nimport { buildCategoryColors, buildLegendItems, buildMarkerStyle, buildWeightScale } from './buildMarkerStyle';\nimport { MapViewport } from './MapViewport';\nimport { MapLegend } from './MapLegend';\nimport { PointListing } from './PointListing';\nimport { warnMissingLeafletStylesheet } from './warnMissingLeafletStylesheet';\nimport styles from './GeoMapCard.module.css';\n\n/** States what was left out, so a truncated map never passes for a complete one. */\nconst 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. */\nconst 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\nexport const GeoMapCard = ({\n  title,\n  points,\n  selectedIds,\n  onSelectPoint,\n  categoryLabel = 'Category',\n  legendTitle = 'Legend',\n  hideLegend = false,\n  maxPoints = GEO_MAP.MAX_POINTS,\n  onRender,\n  fitBounds = true,\n  center,\n  zoom,\n  scrollWheelZoom = false,\n  basemap = 'auto',\n  tileLayer,\n  compact = false,\n  toolbar,\n  actions,\n  isLoading = false,\n  error = null,\n  onRetry,\n  emptyTitle = 'No mappable points',\n  emptyDescription = 'None of the points received carry usable coordinates.',\n  retryLabel = 'Retry',\n  loadingLabel = 'Loading map...',\n  pointListLabel = 'Map points',\n  className,\n}: GeoMapCardProps) => {\n  const theme = useThemeMode();\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const { drawn, bounds, info } = useMemo(\n    () => normalizePoints(points, maxPoints),\n    [points, maxPoints],\n  );\n\n  const categoryColors = useMemo(() => buildCategoryColors(points), [points]);\n  const legendItems = useMemo(() => buildLegendItems(categoryColors), [categoryColors]);\n\n  const markers = useMemo<MarkerDescriptor[]>(() => {\n    const weightScale = buildWeightScale(points);\n    const selection = new Set(selectedIds ?? []);\n\n    return drawn.map(({ point, sourceIndex }) => {\n      const selected = selection.has(point.id);\n\n      return {\n        point,\n        sourceIndex,\n        selected,\n        style: buildMarkerStyle(point, { categoryColors, weightScale, selected, theme }),\n        description: describePoint(point, categoryLabel),\n      };\n    });\n  }, [drawn, points, selectedIds, categoryColors, theme, categoryLabel]);\n\n  const tiles = tileLayer ?? {\n    url: BASEMAP_TILES[basemap === 'auto' ? theme : basemap],\n    attribution: BASEMAP_TILES.attribution,\n  };\n\n  // Manual framing and automatic framing would fight over the viewport.\n  const shouldFitBounds = fitBounds && center == null && zoom == null;\n  const showLegend = !hideLegend && legendItems.length > 0;\n  const notice = buildNotice(info, maxPoints);\n  const hasMap = !isLoading && error == null && info.drawn > 0;\n\n  useEffect(() => {\n    onRender?.(info);\n  }, [onRender, info]);\n\n  useEffect(() => {\n    if (import.meta.env.DEV && hasMap) warnMissingLeafletStylesheet(containerRef.current);\n  }, [hasMap]);\n\n  return (\n    <div className={clsx(styles.root, compact && styles.compact, className)}>\n      <header className={styles.header}>\n        <h3 className={styles.title}>{title}</h3>\n        {actions && <div className={styles.headerActions}>{actions}</div>}\n      </header>\n\n      {toolbar && <div className={styles.toolbar}>{toolbar}</div>}\n\n      {hasMap && notice && (\n        <div className={styles.warning} role=\"status\">\n          {notice}\n        </div>\n      )}\n\n      {isLoading && <div className={styles.loading}>{loadingLabel}</div>}\n\n      {!isLoading && error != null && (\n        <div className={styles.error}>\n          <span>{error}</span>\n          {onRetry && (\n            <button type=\"button\" className={styles.retryButton} onClick={onRetry}>\n              {retryLabel}\n            </button>\n          )}\n        </div>\n      )}\n\n      {!isLoading && error == null && info.drawn === 0 && (\n        <EmptyState\n          className={styles.empty}\n          variant=\"plain\"\n          title={emptyTitle}\n          description={emptyDescription}\n        />\n      )}\n\n      {hasMap && (\n        <div\n          ref={containerRef}\n          className={styles.mapContainer}\n          role=\"figure\"\n          aria-label={`${title}: map of ${info.drawn} points`}\n        >\n          <MapContainer\n            className={styles.map}\n            center={center ?? [...GEO_MAP.DEFAULT_CENTER]}\n            zoom={zoom ?? GEO_MAP.DEFAULT_ZOOM}\n            scrollWheelZoom={scrollWheelZoom}\n          >\n            <TileLayer key={tiles.url} url={tiles.url} attribution={tiles.attribution} />\n            <MapViewport bounds={bounds} fitBounds={shouldFitBounds} />\n\n            {markers.map(({ point, sourceIndex, style, description }) => (\n              <CircleMarker\n                key={point.id}\n                center={[point.latitude, point.longitude]}\n                radius={style.radius}\n                pathOptions={style}\n                eventHandlers={\n                  onSelectPoint ? { click: () => onSelectPoint({ point, index: sourceIndex }) } : {}\n                }\n              >\n                <Tooltip>{description}</Tooltip>\n              </CircleMarker>\n            ))}\n\n            {showLegend && <MapLegend items={legendItems} title={legendTitle} />}\n          </MapContainer>\n\n          <PointListing\n            markers={markers}\n            label={pointListLabel}\n            onSelectPoint={onSelectPoint}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nGeoMapCard.displayName = 'GeoMapCard';\n"],"names":[],"mappings":"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"}

package/dist/index31.cjs

@@ -2,134 +2,80 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index55.cjs");
-const constants = require("./index59.cjs");
-const LiveExplorerTable_module = require("./index97.cjs");
-const SKELETON_ROWS = 5;
-const FULL_PERCENT = 100;
-const LiveExplorerTable = ({
-  rows,
-  columns,
-  sortState = null,
-  onSortChange,
-  isLoading = false,
-  hasMore = false,
-  isFetchingNext = false,
-  onLoadMore,
-  onColumnResize,
-  onRowClick,
-  selectedRowKey = null,
-  scrollToSelectedRow = false,
-  maxHeight,
-  className
-}) => {
-  const selectedRef = react.useRef(null);
-  react.useEffect(() => {
-    if (scrollToSelectedRow && selectedRef.current) {
-      selectedRef.current.scrollIntoView({ block: "nearest", behavior: "smooth" });
-    }
-  }, [scrollToSelectedRow, selectedRowKey]);
-  const handleSort = react.useCallback(
-    (columnKey) => {
-      if (!onSortChange) return;
-      const newDirection = (sortState == null ? void 0 : sortState.column) === columnKey && sortState.direction === "asc" ? "desc" : "asc";
-      onSortChange({ column: columnKey, direction: newDirection });
-    },
-    [onSortChange, sortState]
-  );
-  const handleResizeStart = react.useCallback(
-    (columnKey, startX, startWidth) => {
-      if (!onColumnResize) return;
-      const col = columns.find((c) => c.key === columnKey);
-      const minW = (col == null ? void 0 : col.minWidth) ?? constants.MIN_COLUMN_WIDTH;
-      const onMouseMove = (e) => {
-        const newWidth = Math.max(minW, startWidth + e.clientX - startX);
-        onColumnResize(columnKey, newWidth);
-      };
-      const onMouseUp = () => {
-        document.removeEventListener("mousemove", onMouseMove);
-        document.removeEventListener("mouseup", onMouseUp);
-        document.body.style.cursor = "";
-        document.body.style.userSelect = "";
-      };
-      document.addEventListener("mousemove", onMouseMove);
-      document.addEventListener("mouseup", onMouseUp);
-      document.body.style.cursor = "col-resize";
-      document.body.style.userSelect = "none";
-    },
-    [onColumnResize, columns]
-  );
-  const getSortAria = (key) => {
-    if ((sortState == null ? void 0 : sortState.column) !== key) return "none";
-    return sortState.direction === "asc" ? "ascending" : "descending";
-  };
-  const renderCell = (col, row) => {
-    const value = row[col.key];
-    if (col.render) return col.render(value, row);
-    return String(value ?? "");
-  };
-  const containerStyle = maxHeight ? { maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight } : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx.clsx(LiveExplorerTable_module.default.root, className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: LiveExplorerTable_module.default.tableContainer, style: containerStyle, children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: LiveExplorerTable_module.default.table, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsxs(
-        "th",
-        {
-          scope: "col",
-          className: clsx.clsx(LiveExplorerTable_module.default.th, { [LiveExplorerTable_module.default.sortable]: col.sortable }),
-          style: col.width ? { width: `${col.width}px` } : void 0,
-          "aria-sort": col.sortable ? getSortAria(col.key) : void 0,
-          onClick: col.sortable ? () => handleSort(col.key) : void 0,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: LiveExplorerTable_module.default.thContent, children: [
-              col.label,
-              col.sortable && (sortState == null ? void 0 : sortState.column) === col.key && /* @__PURE__ */ jsxRuntime.jsx("span", { className: LiveExplorerTable_module.default.sortIndicator, "aria-hidden": "true", children: sortState.direction === "asc" ? "▲" : "▼" })
-            ] }),
-            onColumnResize && /* @__PURE__ */ jsxRuntime.jsx(
-              "span",
+const clsx = require("./index57.cjs");
+const HeatmapMatrix_module = require("./index97.cjs");
+function activateOnKey(event, action) {
+  if (event.key === "Enter" || event.key === " ") {
+    event.preventDefault();
+    action();
+  }
+}
+const HeatmapMatrix = react.forwardRef(
+  ({
+    columns,
+    rows,
+    cornerLabel,
+    getCell,
+    onRowHeaderClick,
+    onCellClick,
+    maxHeight,
+    className,
+    style,
+    ...props
+  }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: clsx.clsx(HeatmapMatrix_module.default.wrap, className),
+      style: { maxHeight, ...style },
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: HeatmapMatrix_module.default.root, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", className: HeatmapMatrix_module.default.corner, "aria-hidden": cornerLabel == null, children: cornerLabel }),
+          columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", className: HeatmapMatrix_module.default.colh, title: col.title, children: col.label }, col.key))
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: rows.map((row) => {
+          const rowInteractive = Boolean(onRowHeaderClick);
+          return /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "th",
               {
-                className: LiveExplorerTable_module.default.resizeHandle,
-                role: "separator",
-                "aria-orientation": "vertical",
-                onMouseDown: (e) => {
-                  e.preventDefault();
-                  e.stopPropagation();
-                  const th = e.target.closest("th");
-                  handleResizeStart(col.key, e.clientX, (th == null ? void 0 : th.offsetWidth) ?? FULL_PERCENT);
-                }
+                scope: "row",
+                className: clsx.clsx(HeatmapMatrix_module.default.rowh, rowInteractive && HeatmapMatrix_module.default.clickable),
+                role: rowInteractive ? "button" : void 0,
+                tabIndex: rowInteractive ? 0 : void 0,
+                onClick: rowInteractive ? () => onRowHeaderClick == null ? void 0 : onRowHeaderClick(row.key) : void 0,
+                onKeyDown: rowInteractive ? (event) => activateOnKey(event, () => onRowHeaderClick == null ? void 0 : onRowHeaderClick(row.key)) : void 0,
+                children: row.label
               }
-            )
-          ]
-        },
-        col.key
-      )) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: isLoading && rows.length === 0 ? Array.from({ length: SKELETON_ROWS }, (_, i) => /* @__PURE__ */ jsxRuntime.jsx("tr", { className: LiveExplorerTable_module.default.skeletonRow, children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: LiveExplorerTable_module.default.skeleton }) }, col.key)) }, `skeleton-${i}`)) : rows.map((row) => /* @__PURE__ */ jsxRuntime.jsx(
-        "tr",
-        {
-          ref: row.id === selectedRowKey ? selectedRef : void 0,
-          className: clsx.clsx(LiveExplorerTable_module.default.row, {
-            [LiveExplorerTable_module.default.rowSelected]: row.id === selectedRowKey,
-            [LiveExplorerTable_module.default.rowClickable]: !!onRowClick
-          }),
-          "aria-selected": row.id === selectedRowKey || void 0,
-          onClick: onRowClick ? () => onRowClick(row) : void 0,
-          children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx("td", { className: LiveExplorerTable_module.default.td, children: renderCell(col, row) }, col.key))
-        },
-        row.id
-      )) })
-    ] }) }),
-    rows.length === 0 && !isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: LiveExplorerTable_module.default.empty, children: "No data available" }),
-    hasMore && onLoadMore && /* @__PURE__ */ jsxRuntime.jsx("div", { className: LiveExplorerTable_module.default.loadMore, children: /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        className: LiveExplorerTable_module.default.loadMoreButton,
-        onClick: onLoadMore,
-        disabled: isFetchingNext,
-        children: isFetchingNext ? "Loading..." : "Load more"
-      }
-    ) })
-  ] });
-};
-LiveExplorerTable.displayName = "LiveExplorerTable";
-exports.LiveExplorerTable = LiveExplorerTable;
+            ),
+            columns.map((col) => {
+              const cell = getCell(row.key, col.key);
+              const cellInteractive = Boolean(onCellClick);
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                "td",
+                {
+                  title: cell.title,
+                  className: clsx.clsx(
+                    HeatmapMatrix_module.default.cell,
+                    cell.state && HeatmapMatrix_module.default[cell.state],
+                    cellInteractive && HeatmapMatrix_module.default.clickable
+                  ),
+                  role: cellInteractive ? "button" : void 0,
+                  tabIndex: cellInteractive ? 0 : void 0,
+                  onClick: cellInteractive ? () => onCellClick == null ? void 0 : onCellClick(row.key, col.key) : void 0,
+                  onKeyDown: cellInteractive ? (event) => activateOnKey(event, () => onCellClick == null ? void 0 : onCellClick(row.key, col.key)) : void 0,
+                  children: cell.value
+                },
+                col.key
+              );
+            })
+          ] }, row.key);
+        }) })
+      ] })
+    }
+  )
+);
+HeatmapMatrix.displayName = "HeatmapMatrix";
+exports.HeatmapMatrix = HeatmapMatrix;
 //# sourceMappingURL=index31.cjs.map