@colabcommerce/elements 0.0.2 → 0.0.4

package/dist/{index-BkhS8Nlh.js → index-CqSfhXDd.js}

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as g } from "react/jsx-runtime";
 import { createContext as Q, useState as c } from "react";
-import { i as R, u as z, d as Y, S as V, l as K, b as W, k as X, g as J } from "./addressComponentsToAddress-f0L6qfjZ.js";
-import { d as $, a as U, Q as H, c as u, B as ee } from "./globals-C3lGVSJ0.js";
+import { i as R, u as z, d as Y, S as V, l as K, b as W, k as X, g as J } from "./addressComponentsToAddress-DCL-K8mn.js";
+import { d as $, a as U, Q as H, c as u, B as ee } from "./globals-B8-hYoIU.js";
 /**
  * @license lucide-react v0.542.0 - ISC
  *

package/dist/index-FM02Uq_P.js

@@ -0,0 +1,100 @@
+import { jsxs as v, jsx as C } from "react/jsx-runtime";
+import { useState as I, useEffect as b, useCallback as x } from "react";
+import { j as z, A as E, o as j, a as D, k as N, M as P } from "./globals-B8-hYoIU.js";
+import { u as B } from "./addressComponentsToAddress-DCL-K8mn.js";
+const T = "lzEEu", _ = {
+  label: T
+}, U = ({ location: r, onClick: o = () => {
+} }) => {
+  var n, d, m, h, k;
+  const { setSelectedLocationId: w, selectedLocationId: L, setShowDetails: c, settings: a } = B(), i = ((n = a == null ? void 0 : a.entity) == null ? void 0 : n.store_type_icons) || [], l = (d = a == null ? void 0 : a.entity) == null ? void 0 : d.store_locator_default_store_icon, [S, u] = I(!1), e = () => {
+    o(r);
+  }, f = () => {
+    u(!0);
+  }, M = () => {
+    u(!1);
+  }, p = z(), g = L === r.id, y = (r == null ? void 0 : r.store_type) === "Palliser Studio", t = i == null ? void 0 : i.find((Z) => Z.name === r.store_type);
+  return t != null && t.url || (y ? p.studioSelected : p.standardSelected), /* @__PURE__ */ v(
+    E,
+    {
+      onClick: e,
+      onMouseEnter: f,
+      onMouseLeave: M,
+      zIndex: g ? S ? 3 : 2 : S ? 1 : 0,
+      position: { lat: ((m = r == null ? void 0 : r.address) == null ? void 0 : m.latitude) * 1, lng: ((h = r.address) == null ? void 0 : h.longitude) * 1 },
+      children: [
+        S && /* @__PURE__ */ C("div", { className: _.label, children: r.retailer_name }),
+        /* @__PURE__ */ C("img", { src: ((k = t == null ? void 0 : t.icon) == null ? void 0 : k.url) || (l == null ? void 0 : l.url), width: g ? 32 : 24, className: j("markerIcon", _, "map-marker") })
+      ]
+    }
+  );
+}, $ = "wdRt8", A = {
+  map: $
+}, F = ({ onMarkerClick: r = () => {
+} }) => {
+  const {
+    locations: o,
+    selectedLocationId: w,
+    searchCenter: L,
+    mapCenter: c,
+    setMapCenter: a,
+    zoom: i,
+    setZoom: l
+  } = B(), { t: S } = D(), u = N(), [e, f] = I(null);
+  b(() => {
+    u && f(u);
+  }, [u, f]);
+  const M = x((t) => {
+    var n, d, m, h;
+    if (!e) return;
+    a({ lat: (n = e == null ? void 0 : e.getCenter()) == null ? void 0 : n.lat(), lng: (d = e == null ? void 0 : e.getCenter()) == null ? void 0 : d.lng() });
+    const s = new URLSearchParams(window.location.search);
+    s.set("lat", ((m = e == null ? void 0 : e.getCenter()) == null ? void 0 : m.lat()) * 1), s.set("lng", ((h = e == null ? void 0 : e.getCenter()) == null ? void 0 : h.lng()) * 1), window.history.replaceState({}, "", `?${s.toString()}`);
+  }, [e, a]), p = x((t) => {
+    if (!e) return;
+    l(e == null ? void 0 : e.getZoom());
+    const s = new URLSearchParams(window.location.search);
+    s.set("zoom", (e == null ? void 0 : e.getZoom()) * 1), window.history.replaceState({}, "", `?${s.toString()}`);
+  }, [e, l]), g = () => {
+    if (!e) return;
+    let t = 0;
+    if (o.forEach((n) => {
+      var d;
+      (d = e == null ? void 0 : e.getBounds()) != null && d.contains({ lat: n.address.latitude * 1, lng: n.address.longitude * 1 }) && t++;
+    }), t >= 2) return;
+    const s = new window.google.maps.LatLngBounds();
+    o.slice(0, 2).map((n) => {
+      s.extend({ lat: n.address.latitude * 1, lng: n.address.longitude * 1 });
+    }), s.extend(c), e.fitBounds(s, 15);
+  }, y = (t) => {
+    var n;
+    if (!e) return;
+    const s = new window.google.maps.LatLngBounds();
+    (n = e == null ? void 0 : e.getBounds()) != null && n.contains({ lat: t.address.latitude * 1, lng: t.address.longitude * 1 }) || (s.extend({ lat: t.address.latitude * 1, lng: t.address.longitude * 1 }), s.extend(L), e.fitBounds(s, 150));
+  };
+  return b(() => {
+    if (w && o.length > 0) {
+      const t = o.find((s) => s.id === w);
+      t && y(t);
+    } else o.length > 0 && g();
+  }, [w, o, e]), b(() => {
+    o.length > 0 && g();
+  }, [o]), !c.lat || !c.lng ? null : /* @__PURE__ */ C(
+    P,
+    {
+      className: [A.map, "cc-map-map"].join(" "),
+      defaultZoom: i,
+      defaultCenter: c,
+      mapId: "fb10c7a27b297863",
+      gestureHandling: "greedy",
+      disableDefaultUI: !0,
+      zoomControl: !0,
+      onDragend: M,
+      onZoomChanged: p,
+      children: o == null ? void 0 : o.map((t) => /* @__PURE__ */ C(U, { location: t, onClick: r }, t.id))
+    }
+  );
+};
+export {
+  F as S
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colabcommerce/elements",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "license": "UNLICENSED",
   "type": "module",
   "exports": {

package/dist/index-GbXQ8qje.js

@@ -1,98 +0,0 @@
-import { jsxs as Z, jsx as p } from "react/jsx-runtime";
-import { useState as k, useEffect as y, useCallback as x } from "react";
-import { j as v, A as z, o as E, a as j, k as D, M as N } from "./globals-C3lGVSJ0.js";
-import { u as I } from "./addressComponentsToAddress-f0L6qfjZ.js";
-const P = "lzEEu", _ = {
-  label: P
-}, T = ({ location: t }) => {
-  var r, a, m, h, b;
-  const { setSelectedLocationId: u, selectedLocationId: L, setShowDetails: c, settings: o } = I(), i = ((r = o == null ? void 0 : o.entity) == null ? void 0 : r.store_type_icons) || [], d = (a = o == null ? void 0 : o.entity) == null ? void 0 : a.store_locator_default_store_icon, [w, l] = k(!1), e = () => {
-    u(t.id);
-  }, S = () => {
-    l(!0);
-  }, M = () => {
-    l(!1);
-  }, f = v(), g = L === t.id, C = (t == null ? void 0 : t.store_type) === "Palliser Studio", s = i == null ? void 0 : i.find((B) => B.name === t.store_type);
-  return s != null && s.url || (C ? f.studioSelected : f.standardSelected), /* @__PURE__ */ Z(
-    z,
-    {
-      onClick: e,
-      onMouseEnter: S,
-      onMouseLeave: M,
-      zIndex: g ? w ? 3 : 2 : w ? 1 : 0,
-      position: { lat: ((m = t == null ? void 0 : t.address) == null ? void 0 : m.latitude) * 1, lng: ((h = t.address) == null ? void 0 : h.longitude) * 1 },
-      children: [
-        w && /* @__PURE__ */ p("div", { className: _.label, children: t.retailer_name }),
-        /* @__PURE__ */ p("img", { src: ((b = s == null ? void 0 : s.icon) == null ? void 0 : b.url) || (d == null ? void 0 : d.url), width: g ? 32 : 24, className: E("markerIcon", _, "map-marker") })
-      ]
-    }
-  );
-}, U = "wdRt8", $ = {
-  map: U
-}, q = () => {
-  const {
-    locations: t,
-    selectedLocationId: u,
-    searchCenter: L,
-    mapCenter: c,
-    setMapCenter: o,
-    zoom: i,
-    setZoom: d
-  } = I(), { t: w } = j(), l = D(), [e, S] = k(null);
-  y(() => {
-    l && S(l);
-  }, [l, S]);
-  const M = x((s) => {
-    var r, a, m, h;
-    if (!e) return;
-    o({ lat: (r = e == null ? void 0 : e.getCenter()) == null ? void 0 : r.lat(), lng: (a = e == null ? void 0 : e.getCenter()) == null ? void 0 : a.lng() });
-    const n = new URLSearchParams(window.location.search);
-    n.set("lat", ((m = e == null ? void 0 : e.getCenter()) == null ? void 0 : m.lat()) * 1), n.set("lng", ((h = e == null ? void 0 : e.getCenter()) == null ? void 0 : h.lng()) * 1), window.history.replaceState({}, "", `?${n.toString()}`);
-  }, [e, o]), f = x((s) => {
-    if (!e) return;
-    d(e == null ? void 0 : e.getZoom());
-    const n = new URLSearchParams(window.location.search);
-    n.set("zoom", (e == null ? void 0 : e.getZoom()) * 1), window.history.replaceState({}, "", `?${n.toString()}`);
-  }, [e, d]), g = () => {
-    if (!e) return;
-    let s = 0;
-    if (t.forEach((r) => {
-      var a;
-      (a = e == null ? void 0 : e.getBounds()) != null && a.contains({ lat: r.address.latitude * 1, lng: r.address.longitude * 1 }) && s++;
-    }), s >= 2) return;
-    const n = new window.google.maps.LatLngBounds();
-    t.slice(0, 2).map((r) => {
-      n.extend({ lat: r.address.latitude * 1, lng: r.address.longitude * 1 });
-    }), n.extend(c), e.fitBounds(n, 15);
-  }, C = (s) => {
-    var r;
-    if (!e) return;
-    const n = new window.google.maps.LatLngBounds();
-    (r = e == null ? void 0 : e.getBounds()) != null && r.contains({ lat: s.address.latitude * 1, lng: s.address.longitude * 1 }) || (n.extend({ lat: s.address.latitude * 1, lng: s.address.longitude * 1 }), n.extend(L), e.fitBounds(n, 150));
-  };
-  return y(() => {
-    if (u && t.length > 0) {
-      const s = t.find((n) => n.id === u);
-      s && C(s);
-    } else t.length > 0 && g();
-  }, [u, t, e]), y(() => {
-    t.length > 0 && g();
-  }, [t]), !c.lat || !c.lng ? null : /* @__PURE__ */ p(
-    N,
-    {
-      className: [$.map, "cc-map-map"].join(" "),
-      defaultZoom: i,
-      defaultCenter: c,
-      mapId: "fb10c7a27b297863",
-      gestureHandling: "greedy",
-      disableDefaultUI: !0,
-      zoomControl: !0,
-      onDragend: M,
-      onZoomChanged: f,
-      children: t == null ? void 0 : t.map((s) => /* @__PURE__ */ p(T, { location: s }, s.id))
-    }
-  );
-};
-export {
-  q as S
-};