@factorialco/f0-react 8.28.4 → 8.29.1

package/dist/index-CAvvLGxX.js

@@ -0,0 +1,4 @@
+import { F as r } from "./F0VideoPlayer-qELgTiVB.js";
+export {
+  r as F0VideoPlayer
+};

package/dist/index-CiB_exG2.js

@@ -0,0 +1,358 @@
+import { y as A } from "./F0CanvasPanel-CLTvOws3.js";
+const G = (e) => {
+  const t = /* @__PURE__ */ new Map();
+  return {
+    set: (r) => {
+      const c = new Set(r.map((a) => a.id));
+      t.forEach((a, l) => {
+        c.has(l) || (a.setMap(null), t.delete(l));
+      }), r.forEach((a) => {
+        const l = {
+          paths: a.ring.map(([y, g]) => ({ lat: g, lng: y })),
+          clickable: !1,
+          // Beneath the polylines, which sit at the default zIndex.
+          zIndex: -1,
+          fillColor: a.color,
+          fillOpacity: a.fillOpacity,
+          strokeColor: a.color,
+          strokeOpacity: 1,
+          strokeWeight: a.strokeWidth
+        }, p = t.get(a.id);
+        p ? p.setOptions(l) : t.set(a.id, new google.maps.Polygon({ ...l, map: e }));
+      });
+    },
+    destroy: () => {
+      t.forEach((r) => r.setMap(null)), t.clear();
+    }
+  };
+}, k = 5.3, _ = 11 - k, B = (e) => {
+  let t, s;
+  return {
+    set: (r) => {
+      if (!r) {
+        s?.remove(), s = void 0, t = void 0;
+        return;
+      }
+      if (!t) {
+        t = document.createElement("div"), t.style.cssText = [
+          `width:${k * 2}px`,
+          `height:${k * 2}px`,
+          "border-radius:50%",
+          `background:hsl(${A.malibu[60]})`,
+          `box-shadow:0 0 0 ${_}px hsl(${A.malibu[50]} / 0.3)`,
+          "pointer-events:none"
+        ].join(";"), s = e.add(t, r, { beneath: !0 });
+        return;
+      }
+      s?.setPosition(r);
+    }
+  };
+}, H = (e) => e.map(([t, s]) => ({ lat: s, lng: t })), P = (e, t) => ({
+  strokeColor: t && e.hover?.color || e.color,
+  strokeWeight: t && e.hover?.width || e.width,
+  strokeOpacity: e.dashed ? 0 : (t ? e.hover?.opacity : void 0) ?? e.opacity,
+  // Google has no dash array on a stroke: a dashed line is an invisible stroke
+  // carrying repeated dot symbols, spaced to match MapLibre's [1.5, 2.8].
+  icons: e.dashed ? [
+    {
+      icon: {
+        path: "M 0,-1 0,1",
+        strokeOpacity: (t ? e.hover?.opacity : void 0) ?? e.opacity,
+        strokeWeight: t && e.hover?.width || e.width,
+        scale: 1
+      },
+      offset: "0",
+      repeat: `${(t && e.hover?.width || e.width) * 2.9}px`
+    }
+  ] : void 0
+}), K = (e) => {
+  let t = [];
+  const s = () => {
+    for (const r of t)
+      r.listeners.forEach((c) => c.remove()), r.polyline.setMap(null);
+    t = [];
+  };
+  return {
+    set: (r, c) => {
+      s(), t = r.map((a) => {
+        const l = new google.maps.Polyline({
+          map: e,
+          path: H(a.coordinates),
+          clickable: !!c,
+          ...P(a, !1)
+        }), p = [];
+        return c && p.push(
+          l.addListener("mouseover", () => {
+            l.setOptions(P(a, !0)), e.setOptions({ draggableCursor: "pointer" });
+          }),
+          l.addListener("mouseout", () => {
+            l.setOptions(P(a, !1)), e.setOptions({ draggableCursor: null });
+          }),
+          l.addListener("click", () => c(a.id))
+        ), { line: a, polyline: l, listeners: p };
+      });
+    },
+    destroy: s
+  };
+}, C = "__f0GoogleMapsReady", R = "https://maps.googleapis.com/maps/api/js";
+let w;
+const z = () => new Error("F0Map: the Google Maps JavaScript API failed to load."), T = () => window.google?.maps, D = async () => {
+  const e = T();
+  if (e?.importLibrary) {
+    await e.importLibrary("maps");
+    return;
+  }
+  if (!e?.Map)
+    throw z();
+}, U = (e) => new Promise((t, s) => {
+  e.addEventListener("load", () => t(), { once: !0 }), e.addEventListener("error", () => s(z()), { once: !0 });
+}), N = (e) => new Promise((t, s) => {
+  const r = window;
+  r[C] = () => {
+    Reflect.deleteProperty(r, C), t();
+  };
+  const c = document.createElement("script");
+  c.async = !0, c.src = R + `?key=${encodeURIComponent(e)}&v=weekly&loading=async&libraries=maps&callback=${C}`, c.onerror = () => {
+    c.remove(), s(z());
+  }, document.head.appendChild(c);
+}), V = (e) => {
+  if (w)
+    return w;
+  const t = document.querySelector(
+    `script[src^="${R}"]`
+  );
+  return w = (T() ? Promise.resolve() : t ? U(t) : N(e)).then(D).catch((r) => {
+    throw w = void 0, r;
+  }), w;
+}, q = (e) => {
+  const t = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set();
+  let r, c, a = !1, l = !1;
+  const p = (d, u) => {
+    const m = u.fromLatLngToDivPixel(
+      new google.maps.LatLng(d.at[1], d.at[0])
+    );
+    m && (d.element.style.transform = `translate(${m.x}px, ${m.y}px) translate(-50%, -50%)`);
+  };
+  class y extends google.maps.OverlayView {
+    onAdd() {
+      const u = this.getPanes(), m = () => {
+        const o = document.createElement("div");
+        return o.style.cssText = "position:absolute;left:0;top:0;width:0;height:0", o;
+      };
+      r = m(), c = m();
+      for (const o of t)
+        (o.beneath ? c : r).appendChild(o.element);
+      u?.overlayMouseTarget.appendChild(r), u?.mapPane.appendChild(c);
+    }
+    draw() {
+      const u = this.getProjection();
+      if (u) {
+        for (const m of t)
+          p(m, u);
+        a || (a = !0, s.forEach((m) => m()));
+      }
+    }
+    onRemove() {
+      r?.remove(), c?.remove(), r = void 0, c = void 0;
+    }
+  }
+  const g = new y();
+  g.setMap(e);
+  const v = () => l ? void 0 : g.getProjection();
+  return {
+    add: (d, u, m) => {
+      const o = { element: d, at: u, beneath: m?.beneath ?? !1 };
+      t.add(o), d.style.position = "absolute", (o.beneath ? c : r)?.appendChild(d);
+      const n = v();
+      return n && p(o, n), {
+        setPosition: (h) => {
+          o.at = h;
+          const i = v();
+          i && p(o, i);
+        },
+        remove: () => {
+          t.delete(o), d.remove();
+        }
+      };
+    },
+    onReady: (d) => a ? (d(), () => {
+    }) : (s.add(d), () => s.delete(d)),
+    isReady: () => a,
+    destroy: () => {
+      l = !0, a = !1, s.clear();
+      for (const d of t)
+        d.element.remove();
+      t.clear(), g.setMap(null);
+    }
+  };
+}, L = 256, I = ([e, t]) => {
+  const s = Math.min(
+    Math.max(Math.sin(t * Math.PI / 180), -0.9999),
+    0.9999
+  );
+  return {
+    x: L * (0.5 + e / 360),
+    y: L * (0.5 - Math.log((1 + s) / (1 - s)) / (4 * Math.PI))
+  };
+}, J = ({ x: e, y: t }) => [
+  (e / L - 0.5) * 360,
+  Math.atan(Math.sinh(Math.PI * (1 - 2 * t / L))) * 180 / Math.PI
+], Q = {
+  globeProjection: !1,
+  /**
+   * The getters report the destination in the same tick, so a flight in
+   * progress cannot be read even though the renderer glides.
+   */
+  observableFlight: !1
+}, j = (e) => e, b = ([e, t]) => ({ lat: t, lng: e }), x = (e) => Math.floor(e + 1e-6), X = {
+  move: "bounds_changed",
+  zoom: "zoom_changed",
+  click: "click",
+  styled: "idle"
+}, Y = (e) => {
+  const t = document.createElement("div");
+  t.style.cssText = "position:absolute;inset:0", e.container.appendChild(t);
+  const s = new google.maps.Map(t, {
+    center: b(e.center),
+    zoom: x(e.zoom),
+    minZoom: e.minZoom,
+    maxZoom: e.maxZoom,
+    // No `mapId` deliberately: with one, `styles` is ignored and the theme is
+    // immutable after the first render, so a light/dark swap means a teardown.
+    styles: j(e.style),
+    disableDefaultUI: !0,
+    // A gesture follows the fingers; `idle` then settles on a whole level.
+    isFractionalZoomEnabled: !0,
+    // Also removes the attribution bar's shortcuts button.
+    keyboardShortcuts: !1,
+    gestureHandling: e.interactive ? e.cooperativeGestures ? "cooperative" : "greedy" : "none"
+  });
+  s.addListener("idle", () => {
+    const o = s.getZoom();
+    o !== void 0 && Math.abs(o - Math.round(o)) > 1e-6 && s.setZoom(Math.round(o));
+  });
+  const r = q(s), c = B(r), a = K(s), l = G(s);
+  let p = !1;
+  const y = () => s.getZoom() ?? e.zoom, g = () => {
+    const o = s.getCenter();
+    return o ? [o.lng(), o.lat()] : e.center;
+  }, v = () => p || !r.isReady() ? null : {
+    scale: 2 ** y(),
+    centre: I(g()),
+    half: { x: t.clientWidth / 2, y: t.clientHeight / 2 }
+  }, d = (o) => {
+    const n = v();
+    if (!n)
+      return null;
+    const h = I(o);
+    return {
+      x: (h.x - n.centre.x) * n.scale + n.half.x,
+      y: (h.y - n.centre.y) * n.scale + n.half.y
+    };
+  }, u = (o) => {
+    const n = v();
+    return n ? J({
+      x: n.centre.x + (o.x - n.half.x) / n.scale,
+      y: n.centre.y + (o.y - n.half.y) / n.scale
+    }) : null;
+  }, m = (o) => {
+    s.panTo(b(o.center)), o.zoom !== void 0 && s.setZoom(x(o.zoom));
+  };
+  return {
+    provider: "google",
+    capabilities: Q,
+    native: () => s,
+    isAlive: () => !p,
+    destroy: () => {
+      p = !0, a.destroy(), l.destroy(), c.set(null), r.destroy(), t.remove();
+    },
+    on: (o, n) => {
+      if (o === "ready")
+        return r.onReady(n);
+      if (o === "resize") {
+        const i = new ResizeObserver(() => n());
+        return i.observe(e.container), () => i.disconnect();
+      }
+      if (o === "error") {
+        const i = window, f = i.gm_authFailure;
+        return i.gm_authFailure = n, () => {
+          i.gm_authFailure = f;
+        };
+      }
+      const h = s.addListener(X[o], n);
+      return () => h.remove();
+    },
+    project: d,
+    unproject: u,
+    getZoom: y,
+    getCenter: g,
+    jumpTo: (o) => {
+      s.moveCamera({
+        center: b(o.center),
+        ...o.zoom === void 0 ? {} : { zoom: x(o.zoom) }
+      });
+    },
+    easeTo: m,
+    // No coupled pan+zoom arc exists here; the renderer glides on its own.
+    flyTo: m,
+    fitCoordinates: (o, n) => {
+      const h = new google.maps.LatLngBounds();
+      o.forEach((f) => h.extend(b(f)));
+      const i = n?.gutter ?? 0;
+      if (s.fitBounds(h, {
+        top: i,
+        right: i,
+        bottom: i,
+        left: i
+      }), n?.maxZoom !== void 0) {
+        const f = s.getZoom();
+        f !== void 0 && f > n.maxZoom && s.setZoom(x(n.maxZoom));
+      }
+    },
+    // Google has no `cameraForBounds`: the pixel box at the current zoom gives
+    // the scale change to fit, which is a zoom delta.
+    cameraForCoordinates: (o, n) => {
+      if (o.length === 0)
+        return null;
+      const h = o.map(d);
+      if (h.some((M) => M === null))
+        return null;
+      const i = h.map((M) => M.x), f = h.map((M) => M.y), Z = u({
+        x: (Math.min(...i) + Math.max(...i)) / 2,
+        y: (Math.min(...f) + Math.max(...f)) / 2
+      });
+      if (!Z)
+        return null;
+      const E = n?.gutter ?? 0, $ = Math.max(Math.max(...i) - Math.min(...i), 1), S = Math.max(Math.max(...f) - Math.min(...f), 1), O = {
+        width: Math.max(e.container.clientWidth - E * 2, 1),
+        height: Math.max(e.container.clientHeight - E * 2, 1)
+      }, F = Math.min(O.width / $, O.height / S), W = Math.min(
+        y() + Math.log2(F),
+        n?.maxZoom ?? 1 / 0
+      );
+      return { center: Z, zoom: x(W) };
+    },
+    addDomMarker: r.add,
+    setLines: (o, n) => a.set(o, n?.onClick),
+    setAreas: (o) => l.set(o),
+    setCurrentLocation: (o) => c.set(o),
+    zoomIn: () => s.setZoom(y() + 1),
+    zoomOut: () => s.setZoom(y() - 1),
+    // Google re-reads its container on its own; there is nothing to poke.
+    resize: () => {
+    },
+    applyStyle: (o) => s.setOptions({ styles: j(o) }),
+    setGlobeProjection: () => {
+    }
+  };
+}, te = async (e) => {
+  if (!e?.apiKey)
+    throw new Error(
+      "F0Map: the google provider needs an apiKey on <F0Provider map={{ config: { apiKey } }}>."
+    );
+  return await V(e.apiKey), Y;
+};
+export {
+  Y as createGoogleAdapter,
+  te as loadGoogleAdapter
+};

package/dist/{index-BuHr35P1.js → index-D4gasE7u.js}

@@ -1,9 +1,9 @@
 import { jsxs as k, jsx as o, Fragment as rn } from "react/jsx-runtime";
 import { useRef as p, useEffect as v, useMemo as M, useCallback as A, useState as w } from "react";
-import { q as En, r as Fn, s as ln, t as Tn, v as Dn, w as Pn, x as Bn, y as Ln, u as sn } from "./F0CanvasPanel-DAEeI3lV.js";
+import { o as En, q as Fn, r as ln, s as Tn, t as Dn, v as Pn, w as Bn, x as Ln, u as sn } from "./F0CanvasPanel-CLTvOws3.js";
 import { d as L, f as on, u as In } from "./tooltip-CrXp1Uaz.js";
-import { a as cn, u as Qn, S as jn } from "./MapProvider-WM9ZFI_s.js";
-import { a as Kn, b as Un, R as tn } from "./F0Map-B7PwCmUl.js";
+import { a as cn, u as Qn, S as jn } from "./MapProvider-BW5mMnwW.js";
+import { F as Kn, a as Un, R as tn } from "./F0Map-Ba9xJQAg.js";
 const R = 3, _n = ({
   title: e,
   count: t,
@@ -283,7 +283,7 @@ const R = 3, _n = ({
       );
     },
     [l, d, f, s]
-  ), S = p(null), y = A(
+  ), S = p(null), N = A(
     (n) => {
       b(n), x.has(n) && S.current && (O.current = n, S.current.focusMarker(n), O.current = null, D.current = !0);
     },
@@ -295,23 +295,23 @@ const R = 3, _n = ({
     },
     []
   );
-  const [P, yn] = w(!1), [Nn, z] = w(!1), [B, H] = w(""), J = (n) => {
-    n !== P && (yn(n), gn?.(n));
+  const [P, Nn] = w(!1), [yn, z] = w(!1), [B, H] = w(""), J = (n) => {
+    n !== P && (Nn(n), gn?.(n));
   }, An = () => {
     z(!0), H(""), J(!0);
   }, Z = M(
     () => ({
-      select: (n) => n ? y(f(n)) : b(null),
+      select: (n) => n ? N(f(n)) : b(null),
       selectedRecordId: h,
       placement: (n) => {
         const g = f(n);
         return x.has(g) ? "placed" : W.get(g) ?? "unplaced";
       }
     }),
-    [y, b, f, h, x, W]
-  ), N = h ? d.find((n) => f(n) === h) ?? null : null, G = p(null);
-  N && (G.current = N);
-  const V = N ?? G.current, Y = A(() => S.current?.fitToMarkers(), []), wn = Xn({
+    [N, b, f, h, x, W]
+  ), y = h ? d.find((n) => f(n) === h) ?? null : null, G = p(null);
+  y && (G.current = y);
+  const V = y ?? G.current, Y = A(() => S.current?.fitToMarkers(), []), wn = Xn({
     querySignature: JSON.stringify({
       filters: e.currentFilters ?? {},
       search: e.currentSearch ?? ""
@@ -331,8 +331,8 @@ const R = 3, _n = ({
   const nn = p(null);
   v(() => {
     const n = `${c}:${u ?? 0}`;
-    !c || nn.current === n || !d.some((g) => f(g) === c) || (nn.current = n, y(c));
-  }, [c, u, d, f, y]);
+    !c || nn.current === n || !d.some((g) => f(g) === c) || (nn.current = n, N(c));
+  }, [c, u, d, f, N]);
   const Rn = M(() => {
     const n = B.trim().toLowerCase();
     return !C || !n ? null : [...m, ...T].filter(
@@ -365,7 +365,7 @@ const R = 3, _n = ({
             unplaced: m,
             placed: T,
             matches: Rn,
-            notOnMapOpen: Nn,
+            notOnMapOpen: yn,
             onNotOnMapOpenChange: z
           }
         ),
@@ -399,7 +399,7 @@ const R = 3, _n = ({
         // oxlint-disable-next-line react/jsx-no-useless-fragment -- a node, not null: see above
         /* @__PURE__ */ o(rn, {})
       ) : null,
-      detailOpen: !!N,
+      detailOpen: !!y,
       clearSelectionOnBackgroundClick: !F,
       fullScreen: !0
     }

package/dist/{index-B1tQWotf.js → index-fsK8SRpw.js}

@@ -1,7 +1,7 @@
-import { S as E, z as Ce, u as X, A as Te, x as Le, j as Fe, k as De, l as Ve, B as Ee, m as He, E as Ue, G as Oe, H as We, J as je } from "./F0CanvasPanel-DAEeI3lV.js";
+import { S as E, z as Ce, u as X, A as Te, w as Le, j as Fe, k as De, l as Ve, B as Ee, m as He, E as Ue, G as Oe, H as We, J as je } from "./F0CanvasPanel-CLTvOws3.js";
 import { jsx as r, jsxs as P } from "react/jsx-runtime";
 import { lazy as Y, forwardRef as ce, Suspense as $e, useState as U, useRef as A, useCallback as w, useMemo as ie, useEffect as V } from "react";
-import { e as ze, D as Me, P as Be, c as Ie } from "./pdfWorker-C8Mu95m3.js";
+import { e as ze, D as Me, P as Be, c as Ie } from "./pdfWorker-DL7XjnXc.js";
 import { F as Ae } from "./Printer-BD-FEi_2.js";
 import { d as G } from "./tooltip-CrXp1Uaz.js";
 import './index2.css';const Ge = ({
@@ -238,7 +238,7 @@ import './index2.css';const Ge = ({
   }), i;
 };
 ze();
-const ot = Y(() => import("./SheetViewer-CvQ24W5k.js")), nt = Y(() => import("./DocxViewer-CYBh46FI.js")), rt = Y(() => import("./TextViewer-uZnjAB6W.js")), se = 48, at = 150, ue = ce((e, t) => {
+const ot = Y(() => import("./SheetViewer-B4kQl9ga.js")), nt = Y(() => import("./DocxViewer-DyU-P-1j.js")), rt = Y(() => import("./TextViewer-BWQP1d3n.js")), se = 48, at = 150, ue = ce((e, t) => {
   const { kind: o = "pdf", mimeType: i, toolbar: l = "top", ...s } = e;
   if (o === "pdf")
     return /* @__PURE__ */ r(me, { ref: t, toolbar: l, ...s });

package/dist/{pdfWorker-C8Mu95m3.js → pdfWorker-DL7XjnXc.js}

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useReducer, forwardRef, useRef, useImperativeHandle, useEffect, useCallback, useMemo, useContext, useLayoutEffect } from "react";
 import { e as clsx } from "./tooltip-CrXp1Uaz.js";
-import { al as invariant } from "./F0CanvasPanel-DAEeI3lV.js";
-import { f as dequal } from "./MapProvider-WM9ZFI_s.js";
+import { al as invariant } from "./F0CanvasPanel-CLTvOws3.js";
+import { f as dequal } from "./MapProvider-BW5mMnwW.js";
 import { a as getAugmentedNamespace, g as getDefaultExportFromCjs } from "./_commonjsHelpers-ByX85dGu.js";
 import { c as commonjsRequire } from "./_commonjs-dynamic-modules-BpilXLfW.js";
 import './pdfWorker.css';var pdf$1 = { exports: {} };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@factorialco/f0-react",
-  "version": "8.28.4",
+  "version": "8.29.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/factorialco/f0.git",