@trackunit/react-map 0.2.30-alpha-0322e181a48.0 → 0.2.31

package/index.cjs.js

@@ -59,22 +59,22 @@ const translations = {
     default: defaultTranslations,
     languages: {
         de: () => Promise.resolve().then(function () { return require('./translation.cjs.js'); }),
-        da: () => Promise.resolve().then(function () { return require('./translation2.cjs.js'); }),
-        cs: () => Promise.resolve().then(function () { return require('./translation3.cjs.js'); }),
-        nl: () => Promise.resolve().then(function () { return require('./translation4.cjs.js'); }),
-        fr: () => Promise.resolve().then(function () { return require('./translation5.cjs.js'); }),
-        fi: () => Promise.resolve().then(function () { return require('./translation6.cjs.js'); }),
-        hu: () => Promise.resolve().then(function () { return require('./translation7.cjs.js'); }),
-        it: () => Promise.resolve().then(function () { return require('./translation8.cjs.js'); }),
-        nb: () => Promise.resolve().then(function () { return require('./translation9.cjs.js'); }),
-        pl: () => Promise.resolve().then(function () { return require('./translation10.cjs.js'); }),
-        pt: () => Promise.resolve().then(function () { return require('./translation11.cjs.js'); }),
-        ru: () => Promise.resolve().then(function () { return require('./translation12.cjs.js'); }),
-        ro: () => Promise.resolve().then(function () { return require('./translation13.cjs.js'); }),
-        es: () => Promise.resolve().then(function () { return require('./translation14.cjs.js'); }),
-        sv: () => Promise.resolve().then(function () { return require('./translation15.cjs.js'); }),
-        ja: () => Promise.resolve().then(function () { return require('./translation16.cjs.js'); }),
-        th: () => Promise.resolve().then(function () { return require('./translation17.cjs.js'); }),
+        da: () => Promise.resolve().then(function () { return require('./translation.cjs2.js'); }),
+        cs: () => Promise.resolve().then(function () { return require('./translation.cjs3.js'); }),
+        nl: () => Promise.resolve().then(function () { return require('./translation.cjs4.js'); }),
+        fr: () => Promise.resolve().then(function () { return require('./translation.cjs5.js'); }),
+        fi: () => Promise.resolve().then(function () { return require('./translation.cjs6.js'); }),
+        hu: () => Promise.resolve().then(function () { return require('./translation.cjs7.js'); }),
+        it: () => Promise.resolve().then(function () { return require('./translation.cjs8.js'); }),
+        nb: () => Promise.resolve().then(function () { return require('./translation.cjs9.js'); }),
+        pl: () => Promise.resolve().then(function () { return require('./translation.cjs10.js'); }),
+        pt: () => Promise.resolve().then(function () { return require('./translation.cjs11.js'); }),
+        ru: () => Promise.resolve().then(function () { return require('./translation.cjs12.js'); }),
+        ro: () => Promise.resolve().then(function () { return require('./translation.cjs13.js'); }),
+        es: () => Promise.resolve().then(function () { return require('./translation.cjs14.js'); }),
+        sv: () => Promise.resolve().then(function () { return require('./translation.cjs15.js'); }),
+        ja: () => Promise.resolve().then(function () { return require('./translation.cjs16.js'); }),
+        th: () => Promise.resolve().then(function () { return require('./translation.cjs17.js'); }),
     },
 };
 /**
@@ -6522,22 +6522,33 @@ const CORNER_OFFSET_FACTOR = 0.707;
 /**
  * Generate multi-geometry "+" badge decorations for a feature.
  *
- * Returns one decoration per part of a multi-geometry (MultiPolygon,
- * MultiLineString, MultiPoint). Each badge is placed at the part's
- * representative position (from `extractMultiParts`) using a `"position"`
- * anchor with the pre-resolved coordinate.
+ * Returns one decoration per **logical** part of a multi-geometry (MultiPolygon,
+ * MultiLineString, MultiPoint). Parts are counted after running the feature
+ * through the same antimeridian seam-merge the render adapters apply
+ * (`mergeAntimeridianFeatures`), so a shape split at ±180° per RFC 7946 §3.1.9
+ * counts as one part and gets no badge — the badge count always matches what
+ * the user visually perceives as separate shapes (SAGA-648). Each badge is
+ * placed at the part's representative position (from `extractMultiParts`)
+ * using a `"position"` anchor with the pre-resolved coordinate.
  *
  * For MultiPoint features a `pixelOffset` displaces the badge to the
  * top-right edge of the point circle so it does not obscure the fill area.
  *
  * Returns an empty array for single-geometry features or multi-geometries
- * with only one part.
+ * with only one logical part.
  *
  * @internal
  */
 const buildMultiPartDecorations = (feature, strokeColor, pointRadius, strokeWidth) => {
-    const geometry = feature.geometry;
-    if (geometry === null)
+    if (feature.geometry === null)
+        return [];
+    // Count logical parts on the seam-merged geometry so an antimeridian-split
+    // pair yields no badge. Merged coordinates may be unwrapped (lng > 180) in
+    // the mixed genuine-multi-part case; the adapters render those world-wrapped
+    // longitudes natively, so badge anchors stay on the drawn stroke.
+    const mergedFeature = reactMapAdapterShared.mergeAntimeridianFeatures({ type: "FeatureCollection", features: [feature] }).features[0];
+    const geometry = mergedFeature?.geometry;
+    if (geometry === undefined || geometry === null)
         return [];
     const parts = extractMultiParts(geometry);
     if (parts === null)

package/index.esm.js

@@ -1,6 +1,6 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useNamespaceTranslation, registerTranslations } from '@trackunit/i18n-library-translation';
-import { INITIAL_CAMERA_STATE, INITIAL_MAP_STATUS, KEYBOARD_PAN_AMOUNT, KEYBOARD_ZOOM_AMOUNT, mapAppearanceSchema, DEFAULT_MAP_APPEARANCE, WORLD_BBOX, INITIAL_INTERACTION_STATE, mapThemeSchema, extractSourceData, computeMarkerDomPortalZIndex, densifyGeodesicFeatures, angularDistance, intermediatePoint, GEODESIC_MAX_SEGMENT_KM, geometryTypeToShapeType, resolveStrokeColors } from '@trackunit/react-map-adapter-shared';
+import { INITIAL_CAMERA_STATE, INITIAL_MAP_STATUS, KEYBOARD_PAN_AMOUNT, KEYBOARD_ZOOM_AMOUNT, mapAppearanceSchema, DEFAULT_MAP_APPEARANCE, WORLD_BBOX, INITIAL_INTERACTION_STATE, mapThemeSchema, mergeAntimeridianFeatures, extractSourceData, computeMarkerDomPortalZIndex, densifyGeodesicFeatures, angularDistance, intermediatePoint, GEODESIC_MAX_SEGMENT_KM, geometryTypeToShapeType, resolveStrokeColors } from '@trackunit/react-map-adapter-shared';
 export { ANCHOR_SELECTOR, DEFAULT_MAP_APPEARANCE, HIT_SURFACE_SELECTOR, INITIAL_CAMERA_STATE, INITIAL_INTERACTION_STATE, INITIAL_MAP_STATE, INITIAL_MAP_STATUS, computeMarkerDomPortalZIndex, defineAdapter, geometryTypeToShapeType, mapAppearanceSchema, mapThemeSchema, mapTypeSchema } from '@trackunit/react-map-adapter-shared';
 import { useSyncExternalStore, useMemo, useState, useRef, useCallback, useLayoutEffect, useEffect, useReducer, createContext, useContext, memo, Suspense, useId, Fragment as Fragment$1, forwardRef } from 'react';
 import { cvaMerge } from '@trackunit/css-class-variance-utilities';
@@ -58,22 +58,22 @@ const translations = {
     default: defaultTranslations,
     languages: {
         de: () => import('./translation.esm.js'),
-        da: () => import('./translation2.esm.js'),
-        cs: () => import('./translation3.esm.js'),
-        nl: () => import('./translation4.esm.js'),
-        fr: () => import('./translation5.esm.js'),
-        fi: () => import('./translation6.esm.js'),
-        hu: () => import('./translation7.esm.js'),
-        it: () => import('./translation8.esm.js'),
-        nb: () => import('./translation9.esm.js'),
-        pl: () => import('./translation10.esm.js'),
-        pt: () => import('./translation11.esm.js'),
-        ru: () => import('./translation12.esm.js'),
-        ro: () => import('./translation13.esm.js'),
-        es: () => import('./translation14.esm.js'),
-        sv: () => import('./translation15.esm.js'),
-        ja: () => import('./translation16.esm.js'),
-        th: () => import('./translation17.esm.js'),
+        da: () => import('./translation.esm2.js'),
+        cs: () => import('./translation.esm3.js'),
+        nl: () => import('./translation.esm4.js'),
+        fr: () => import('./translation.esm5.js'),
+        fi: () => import('./translation.esm6.js'),
+        hu: () => import('./translation.esm7.js'),
+        it: () => import('./translation.esm8.js'),
+        nb: () => import('./translation.esm9.js'),
+        pl: () => import('./translation.esm10.js'),
+        pt: () => import('./translation.esm11.js'),
+        ru: () => import('./translation.esm12.js'),
+        ro: () => import('./translation.esm13.js'),
+        es: () => import('./translation.esm14.js'),
+        sv: () => import('./translation.esm15.js'),
+        ja: () => import('./translation.esm16.js'),
+        th: () => import('./translation.esm17.js'),
     },
 };
 /**
@@ -6521,22 +6521,33 @@ const CORNER_OFFSET_FACTOR = 0.707;
 /**
  * Generate multi-geometry "+" badge decorations for a feature.
  *
- * Returns one decoration per part of a multi-geometry (MultiPolygon,
- * MultiLineString, MultiPoint). Each badge is placed at the part's
- * representative position (from `extractMultiParts`) using a `"position"`
- * anchor with the pre-resolved coordinate.
+ * Returns one decoration per **logical** part of a multi-geometry (MultiPolygon,
+ * MultiLineString, MultiPoint). Parts are counted after running the feature
+ * through the same antimeridian seam-merge the render adapters apply
+ * (`mergeAntimeridianFeatures`), so a shape split at ±180° per RFC 7946 §3.1.9
+ * counts as one part and gets no badge — the badge count always matches what
+ * the user visually perceives as separate shapes (SAGA-648). Each badge is
+ * placed at the part's representative position (from `extractMultiParts`)
+ * using a `"position"` anchor with the pre-resolved coordinate.
  *
  * For MultiPoint features a `pixelOffset` displaces the badge to the
  * top-right edge of the point circle so it does not obscure the fill area.
  *
  * Returns an empty array for single-geometry features or multi-geometries
- * with only one part.
+ * with only one logical part.
  *
  * @internal
  */
 const buildMultiPartDecorations = (feature, strokeColor, pointRadius, strokeWidth) => {
-    const geometry = feature.geometry;
-    if (geometry === null)
+    if (feature.geometry === null)
+        return [];
+    // Count logical parts on the seam-merged geometry so an antimeridian-split
+    // pair yields no badge. Merged coordinates may be unwrapped (lng > 180) in
+    // the mixed genuine-multi-part case; the adapters render those world-wrapped
+    // longitudes natively, so badge anchors stay on the drawn stroke.
+    const mergedFeature = mergeAntimeridianFeatures({ type: "FeatureCollection", features: [feature] }).features[0];
+    const geometry = mergedFeature?.geometry;
+    if (geometry === undefined || geometry === null)
         return [];
     const parts = extractMultiParts(geometry);
     if (parts === null)

package/package.json

@@ -1,22 +1,22 @@
 {
   "name": "@trackunit/react-map",
-  "version": "0.2.30-alpha-0322e181a48.0",
+  "version": "0.2.31",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
     "node": ">=24.x"
   },
   "dependencies": {
-    "@trackunit/react-components": "2.2.25-alpha-0322e181a48.0",
-    "@trackunit/css-class-variance-utilities": "1.13.82-alpha-0322e181a48.0",
-    "@trackunit/react-form-components": "2.2.26-alpha-0322e181a48.0",
-    "@trackunit/react-core-hooks": "1.18.23-alpha-0322e181a48.0",
-    "@trackunit/geo-json-utils": "1.14.85-alpha-0322e181a48.0",
-    "@trackunit/i18n-library-translation": "2.1.23-alpha-0322e181a48.0",
+    "@trackunit/react-components": "2.2.25",
+    "@trackunit/css-class-variance-utilities": "1.13.82",
+    "@trackunit/react-form-components": "2.2.26",
+    "@trackunit/react-core-hooks": "1.18.23",
+    "@trackunit/geo-json-utils": "1.14.85",
+    "@trackunit/i18n-library-translation": "2.1.23",
     "react-minimal-pie-chart": "^8.4.0",
-    "@trackunit/react-map-adapter-shared": "0.0.66-alpha-0322e181a48.0",
-    "@trackunit/react-map-color-utils": "0.0.51-alpha-0322e181a48.0",
-    "@trackunit/ui-design-tokens": "1.13.81-alpha-0322e181a48.0",
+    "@trackunit/react-map-adapter-shared": "0.0.66",
+    "@trackunit/react-map-color-utils": "0.0.51",
+    "@trackunit/ui-design-tokens": "1.13.81",
     "@floating-ui/react": "^0.26.25",
     "es-toolkit": "^1.39.10",
     "tailwind-merge": "^2.0.0",

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

@@ -3,16 +3,20 @@ import type { ShapeDecoration } from "./shapeDecorations";
 /**
  * Generate multi-geometry "+" badge decorations for a feature.
  *
- * Returns one decoration per part of a multi-geometry (MultiPolygon,
- * MultiLineString, MultiPoint). Each badge is placed at the part's
- * representative position (from `extractMultiParts`) using a `"position"`
- * anchor with the pre-resolved coordinate.
+ * Returns one decoration per **logical** part of a multi-geometry (MultiPolygon,
+ * MultiLineString, MultiPoint). Parts are counted after running the feature
+ * through the same antimeridian seam-merge the render adapters apply
+ * (`mergeAntimeridianFeatures`), so a shape split at ±180° per RFC 7946 §3.1.9
+ * counts as one part and gets no badge — the badge count always matches what
+ * the user visually perceives as separate shapes (SAGA-648). Each badge is
+ * placed at the part's representative position (from `extractMultiParts`)
+ * using a `"position"` anchor with the pre-resolved coordinate.
  *
  * For MultiPoint features a `pixelOffset` displaces the badge to the
  * top-right edge of the point circle so it does not obscure the fill area.
  *
  * Returns an empty array for single-geometry features or multi-geometries
- * with only one part.
+ * with only one logical part.
  *
  * @internal
  */