pcm-shared-components 2.1.401 → 2.1.403

package/dist/components/Reservation/AnimalVehicleDetailsEditor/index.js

@@ -213,11 +213,20 @@ export const AnimalVehicleDetailsEditor = props => {
   //
   // Re-runs whenever the wrapped set itself changes (not just when `fieldConfig` changes), because
   // promoting one field to full width re-pairs its neighbors, which can occasionally make a
-  // DIFFERENT field's label newly wrap (or stop wrapping) at its new column width. Safe from an
-  // infinite loop: promotions only ever add width, never remove it, so this converges in at most a
-  // few passes, and the state setter bails out (no re-render) the moment a pass finds no change.
+  // DIFFERENT field's label newly wrap at its new column width.
+  //
+  // Promotions must be a ONE-WAY RATCHET (seed from `prev`, only ever add) rather than recomputed
+  // from scratch each pass. A field promoted to full width almost always stops wrapping there --
+  // it just got 2x the space -- so measuring fresh every time would immediately demote it again,
+  // which shrinks it back to half width, which makes it wrap again, which re-promotes it... an
+  // infinite loop that used to hang the whole editor (every field whose label happened to wrap at
+  // half width but fit at full width triggered this on mount). Only dropping keys that are no
+  // longer in `fieldConfig` at all keeps a stale promotion from leaking across an entirely
+  // different field set. The state setter still bails out (no re-render) the moment a pass finds
+  // no change, so this converges in at most `fieldConfig.length` passes.
   useLayoutEffect(() => {
-    const nextWrapped = new Set();
+    const liveKeys = new Set(fieldConfig.map(f => f.key));
+    const nextWrapped = new Set([...wrappedKeys].filter(k => liveKeys.has(k)));
     labelRefs.current.forEach((el, fieldKey) => {
       if (!el) return;
       const lineHeight = parseFloat(getComputedStyle(el).lineHeight) || 0;

package/dist/languages/en/translations.json

@@ -1474,7 +1474,8 @@
       "zoom_in": "Zoom in",
       "zoom_out": "Zoom out",
       "hourly": "Hourly",
-      "minute": "Minute"
+      "minute": "Minute",
+      "plus_count_more": "+{{count}} more"
     },
     "connectivity": {
       "offline-action-blocked": "You're offline. This action needs an internet connection and isn't available right now. It will work again once you're back online.",

package/dist/languages/es/translations.json

@@ -1474,7 +1474,8 @@
       "zoom_in": "Acercar",
       "zoom_out": "Alejar",
       "hourly": "Por hora",
-      "minute": "Minuto"
+      "minute": "Minuto",
+      "plus_count_more": "+{{count}} más"
     },
     "connectivity": {
       "offline-action-blocked": "Está sin conexión. Esta acción necesita una conexión a Internet y no está disponible en este momento. Volverá a funcionar cuando vuelva a estar en línea.",

package/dist/languages/fr/translations.json

@@ -1474,7 +1474,8 @@
       "zoom_in": "Zoomer",
       "zoom_out": "Dézoomer",
       "hourly": "Horaire",
-      "minute": "Minute"
+      "minute": "Minute",
+      "plus_count_more": "+{{count}} de plus"
     },
     "connectivity": {
       "offline-action-blocked": "Vous êtes hors ligne. Cette action nécessite une connexion Internet et n'est pas disponible pour le moment. Elle fonctionnera de nouveau dès que vous serez de retour en ligne.",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pcm-shared-components",
-  "version": "2.1.401",
+  "version": "2.1.403",
   "private": false,
   "main": "dist/index.js",
   "babel": {