@trackunit/react-map 0.2.138 → 0.2.141

package/index.cjs.js

@@ -6796,8 +6796,10 @@ const extractPositions = (features) => {
 /**
  * `useShapes` -- creates a shape layer handle from a GeoJSON FeatureCollection.
  *
- * Input is pure GeoJSON. The hook does not transform geometry -- it computes
- * bounds and wraps the data in a layer handle.
+ * Input is GeoJSON. Polygons that cross the antimeridian as a single
+ * seam-jumping ring (the form site APIs return) are split into RFC 7946
+ * MultiPolygon halves so fill tiling and hit-testing clip per hemisphere.
+ * Adapters merge those halves back into one outline at render time.
  *
  * @example
  * ```tsx
@@ -6819,7 +6821,9 @@ const useShapes = (options) => {
     // objects do NOT trigger handle re-creation (same pattern as stableStyle).
     const validatedFeatures = react.useMemo(() => {
         const validated = geoJsonUtils.validateFeatureCollection(rawFeatures, "[useShapes]");
-        return validated ?? geoJsonUtils.EMPTY_FEATURE_COLLECTION;
+        if (validated === null)
+            return geoJsonUtils.EMPTY_FEATURE_COLLECTION;
+        return geoJsonUtils.splitAntimeridianCrossingFeatures(validated);
     }, [rawFeatures]);
     const [features, setFeatures] = react.useState(validatedFeatures);
     if (validatedFeatures !== features && !esToolkit.isEqual(validatedFeatures, features)) {

package/index.esm.js

@@ -14,7 +14,7 @@ import { Checkbox, ToggleSwitch, RadioGroup as RadioGroup$1, RadioItem, FormGrou
 import { z } from 'zod';
 import { PieChart } from 'react-minimal-pie-chart';
 import { tailwindPalette } from '@trackunit/ui-design-tokens';
-import { lngLatToMercatorPxWS, validateBboxWithFallback, extractPositionsFromGeometry, geoJsonPositionSchema, validateFeatureCollection, EMPTY_FEATURE_COLLECTION, validateBbox, projectPolygonalToWebMercator, geoJsonPolygonDifference, unprojectPolygonalFromWebMercator, geoJsonPolygonSchema, geoJsonMultiPolygonSchema, distanceToGeoJsonPolygonBoundary, getGeoJsonPolygonIntersection, isFullyContainedInGeometry, isGeoJsonPointInPolygon, isBboxInsideFeatureCollection, extractEdges, computeGeometryCentroid, mercatorPxToLngLatWS, isPositionInsideRing, lngLatToWebMercatorPx, edgePixelLength, isFullyContainedInGeoJsonGeometry } from '@trackunit/geo-json-utils';
+import { lngLatToMercatorPxWS, validateBboxWithFallback, extractPositionsFromGeometry, geoJsonPositionSchema, validateFeatureCollection, EMPTY_FEATURE_COLLECTION, splitAntimeridianCrossingFeatures, validateBbox, projectPolygonalToWebMercator, geoJsonPolygonDifference, unprojectPolygonalFromWebMercator, geoJsonPolygonSchema, geoJsonMultiPolygonSchema, distanceToGeoJsonPolygonBoundary, getGeoJsonPolygonIntersection, isFullyContainedInGeometry, isGeoJsonPointInPolygon, isBboxInsideFeatureCollection, extractEdges, computeGeometryCentroid, mercatorPxToLngLatWS, isPositionInsideRing, lngLatToWebMercatorPx, edgePixelLength, isFullyContainedInGeoJsonGeometry } from '@trackunit/geo-json-utils';
 import { darkenColor, lightenColor } from '@trackunit/react-map-color-utils';
 
 var defaultTranslations = {
@@ -6795,8 +6795,10 @@ const extractPositions = (features) => {
 /**
  * `useShapes` -- creates a shape layer handle from a GeoJSON FeatureCollection.
  *
- * Input is pure GeoJSON. The hook does not transform geometry -- it computes
- * bounds and wraps the data in a layer handle.
+ * Input is GeoJSON. Polygons that cross the antimeridian as a single
+ * seam-jumping ring (the form site APIs return) are split into RFC 7946
+ * MultiPolygon halves so fill tiling and hit-testing clip per hemisphere.
+ * Adapters merge those halves back into one outline at render time.
  *
  * @example
  * ```tsx
@@ -6818,7 +6820,9 @@ const useShapes = (options) => {
     // objects do NOT trigger handle re-creation (same pattern as stableStyle).
     const validatedFeatures = useMemo(() => {
         const validated = validateFeatureCollection(rawFeatures, "[useShapes]");
-        return validated ?? EMPTY_FEATURE_COLLECTION;
+        if (validated === null)
+            return EMPTY_FEATURE_COLLECTION;
+        return splitAntimeridianCrossingFeatures(validated);
     }, [rawFeatures]);
     const [features, setFeatures] = useState(validatedFeatures);
     if (validatedFeatures !== features && !isEqual(validatedFeatures, features)) {

package/package.json

@@ -1,22 +1,22 @@
 {
   "name": "@trackunit/react-map",
-  "version": "0.2.138",
+  "version": "0.2.141",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
     "node": ">=24.x"
   },
   "dependencies": {
-    "@trackunit/react-components": "2.13.11",
-    "@trackunit/css-class-variance-utilities": "2.0.7",
-    "@trackunit/react-form-components": "2.6.59",
-    "@trackunit/react-core-hooks": "1.21.51",
-    "@trackunit/geo-json-utils": "1.15.39",
-    "@trackunit/i18n-library-translation": "2.4.51",
+    "@trackunit/react-components": "2.13.14",
+    "@trackunit/css-class-variance-utilities": "2.0.10",
+    "@trackunit/react-form-components": "2.6.62",
+    "@trackunit/react-core-hooks": "1.21.54",
+    "@trackunit/geo-json-utils": "1.15.42",
+    "@trackunit/i18n-library-translation": "2.4.54",
     "react-minimal-pie-chart": "^8.4.0",
-    "@trackunit/react-map-adapter-shared": "0.0.121",
-    "@trackunit/react-map-color-utils": "0.0.100",
-    "@trackunit/ui-design-tokens": "1.15.26",
+    "@trackunit/react-map-adapter-shared": "0.0.124",
+    "@trackunit/react-map-color-utils": "0.0.103",
+    "@trackunit/ui-design-tokens": "1.15.29",
     "@floating-ui/react": "^0.26.25",
     "es-toolkit": "^1.39.10",
     "tailwind-merge": "^2.0.0",

package/src/layers/useShapes/useShapes.d.ts

@@ -54,8 +54,10 @@ export type UseShapesReturn = ShapeLayerHandle;
 /**
  * `useShapes` -- creates a shape layer handle from a GeoJSON FeatureCollection.
  *
- * Input is pure GeoJSON. The hook does not transform geometry -- it computes
- * bounds and wraps the data in a layer handle.
+ * Input is GeoJSON. Polygons that cross the antimeridian as a single
+ * seam-jumping ring (the form site APIs return) are split into RFC 7946
+ * MultiPolygon halves so fill tiling and hit-testing clip per hemisphere.
+ * Adapters merge those halves back into one outline at render time.
  *
  * @example
  * ```tsx