@pagehub/sdk 0.1.4 → 0.1.6

package/dist/chunks/ListEditor-mD-CmRNE.js

@@ -0,0 +1,178 @@
+import { jsxs as k, jsx as r } from "react/jsx-runtime";
+import B, { useRef as E, useState as C, useCallback as T, useEffect as R } from "react";
+import { P as D, dR as S, aB as _, ca as $ } from "./index-C66dAl3Q.js";
+import { T as O } from "./ToolbarDashedButton-DbUxGmDg.js";
+const Y = ({
+  index: c,
+  label: o,
+  isActive: s,
+  isDragSource: f,
+  dropEdge: m,
+  onActivate: i,
+  onDelete: l,
+  extraButtons: u = [],
+  onGripPointerDown: a
+}) => /* @__PURE__ */ k(
+  "div",
+  {
+    "data-list-row": c,
+    className: `group border-base-300 relative flex h-8 items-center gap-1 border-b px-1.5 text-sm transition-colors last:border-b-0 ${s ? "bg-base-200 text-base-content" : "text-sidebar-foreground hover:bg-base-200/60"} ${f ? "opacity-40" : ""}`,
+    children: [
+      m && /* @__PURE__ */ r(
+        "span",
+        {
+          "aria-hidden": !0,
+          className: `bg-primary pointer-events-none absolute inset-x-0 z-10 h-0.5 ${m === "top" ? "-top-px" : "-bottom-px"}`
+        }
+      ),
+      /* @__PURE__ */ r(
+        "span",
+        {
+          className: `text-neutral-content flex shrink-0 items-center transition-opacity ${a ? "cursor-grab opacity-0 group-hover:opacity-100 active:cursor-grabbing" : "cursor-default opacity-30"}`,
+          onPointerDown: a,
+          "data-tooltip-id": a ? D : void 0,
+          "data-tooltip-content": a ? "Drag to reorder" : void 0,
+          "aria-label": a ? "Drag to reorder" : void 0,
+          children: /* @__PURE__ */ r(S, { className: "h-3.5 w-3.5" })
+        }
+      ),
+      /* @__PURE__ */ r(
+        "button",
+        {
+          type: "button",
+          onClick: i,
+          className: "flex min-w-0 flex-1 cursor-pointer items-center truncate text-left text-xs",
+          children: /* @__PURE__ */ r("span", { className: "truncate", children: o })
+        }
+      ),
+      u.map((e, n) => /* @__PURE__ */ r("span", { className: "shrink-0 opacity-0 group-hover:opacity-100", children: e }, n)),
+      l && /* @__PURE__ */ r(
+        "button",
+        {
+          type: "button",
+          className: "text-neutral-content hover:text-error flex shrink-0 items-center opacity-0 transition-colors group-hover:opacity-100",
+          onClick: l,
+          "data-tooltip-id": D,
+          "data-tooltip-content": "Delete",
+          "aria-label": "Delete",
+          children: /* @__PURE__ */ r(_, { className: "h-3.5 w-3.5" })
+        }
+      ),
+      /* @__PURE__ */ r(
+        "button",
+        {
+          type: "button",
+          onClick: i,
+          "aria-label": s ? "Collapse" : "Expand",
+          className: "text-neutral-content hover:text-base-content flex shrink-0 cursor-pointer items-center",
+          children: /* @__PURE__ */ r(
+            $,
+            {
+              "aria-hidden": !0,
+              className: `h-3.5 w-3.5 transition-transform ${s ? "rotate-90" : ""}`
+            }
+          )
+        }
+      )
+    ]
+  }
+), A = ({ children: c }) => {
+  const o = E(null);
+  return R(() => {
+    var s;
+    (s = o.current) == null || s.scrollIntoView({ behavior: "smooth", block: "nearest" });
+  }, []), /* @__PURE__ */ r(
+    "div",
+    {
+      ref: o,
+      className: "border-base-300 flex flex-col gap-3 border-b px-3 py-3 last:border-b-0",
+      children: c
+    }
+  );
+};
+function I(c, o) {
+  const [s, f] = C(null), [m, i] = C(null), l = E(null), u = E(null), a = T(() => {
+    var e;
+    (e = u.current) == null || e.detach(), u.current = null;
+  }, []);
+  R(() => a, [a]);
+  const d = T(
+    (e) => {
+      const n = l.current;
+      a(), l.current = null, f(null), i(null), e && n && n.over !== null && n.over !== n.from && o && o(n.from, n.over);
+    },
+    [a, o]
+  ), g = T(
+    (e) => (n) => {
+      if (!o || n.button !== 0) return;
+      n.preventDefault(), n.stopPropagation(), l.current = { from: e, over: e }, f(e), i(e);
+      const w = (v) => {
+        if (v.buttons === 0) {
+          d(!0);
+          return;
+        }
+        const x = c.current;
+        if (!x) return;
+        const h = x.querySelectorAll("[data-list-row]");
+        let b = null;
+        for (const y of Array.from(h)) {
+          const N = y.getBoundingClientRect();
+          if (v.clientY >= N.top && v.clientY <= N.bottom) {
+            b = parseInt(y.dataset.listRow || "0", 10);
+            break;
+          }
+        }
+        if (b === null && h.length) {
+          const y = h[0].getBoundingClientRect(), N = h[h.length - 1].getBoundingClientRect();
+          v.clientY < y.top ? b = 0 : v.clientY > N.bottom && (b = h.length - 1);
+        }
+        const L = l.current;
+        L && b !== null && b !== L.over && (L.over = b, i(b));
+      }, p = () => d(!0), t = () => d(!1);
+      window.addEventListener("pointermove", w), window.addEventListener("pointerup", p), window.addEventListener("pointercancel", t), window.addEventListener("blur", t), u.current = {
+        detach: () => {
+          window.removeEventListener("pointermove", w), window.removeEventListener("pointerup", p), window.removeEventListener("pointercancel", t), window.removeEventListener("blur", t);
+        }
+      };
+    },
+    [d, c, o]
+  );
+  return { dragSource: s, dragOver: m, startDrag: g };
+}
+const z = ({
+  items: c,
+  activeIndex: o,
+  setActiveIndex: s,
+  renderLabel: f,
+  renderPopover: m,
+  onDelete: i,
+  onAdd: l,
+  onReorder: u,
+  addLabel: a = "Add Item",
+  extraButtons: d
+}) => {
+  const g = E(null), { dragSource: e, dragOver: n, startDrag: w } = I(g, u);
+  return /* @__PURE__ */ k("div", { className: "flex flex-col gap-2", children: [
+    c.length > 0 && /* @__PURE__ */ r("div", { ref: g, className: "border-base-300 overflow-hidden rounded-lg border", children: c.map((p, t) => /* @__PURE__ */ k(B.Fragment, { children: [
+      /* @__PURE__ */ r(
+        Y,
+        {
+          index: t,
+          label: f(p, t),
+          isActive: o === t,
+          isDragSource: e === t,
+          dropEdge: e === null || n !== t || e === t ? null : e > t ? "top" : "bottom",
+          onActivate: () => s(o === t ? null : t),
+          onDelete: i ? () => i(p, t) : void 0,
+          extraButtons: d ? d(p, t) : [],
+          onGripPointerDown: u ? w(t) : void 0
+        }
+      ),
+      o === t && /* @__PURE__ */ r(A, { children: m(p, t) })
+    ] }, p.id ?? t)) }),
+    l && /* @__PURE__ */ r(O, { onClick: l, children: a })
+  ] });
+};
+export {
+  z as L
+};

package/dist/chunks/Map.render-DFkmncHz.js

@@ -0,0 +1,82 @@
+import { jsxs as w, jsx as s } from "react/jsx-runtime";
+import m from "react";
+import { cZ as P, d6 as _, d7 as I, d8 as R, d9 as T } from "./index-C66dAl3Q.js";
+const x = typeof window < "u" ? m.lazy(() => import("./MapLeaflet-DOfmZ3Pk.js")) : null, U = {
+  osm: "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
+  "cartodb-positron": "https://a.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png",
+  "cartodb-dark": "https://a.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}.png",
+  "cartodb-voyager": "https://a.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}.png"
+};
+function y(r, t, n) {
+  const o = Math.pow(2, n), l = Math.floor((t + 180) / 360 * o), e = r * Math.PI / 180, a = Math.floor((1 - Math.log(Math.tan(e) + 1 / Math.cos(e)) / Math.PI) / 2 * o);
+  return { x: l, y: a };
+}
+function z(r, t, n, o) {
+  const { x: l, y: e } = y(r, t, n);
+  return U[o].replace("{z}", String(n)).replace("{x}", String(l)).replace("{y}", String(e));
+}
+const W = (r) => {
+  var h;
+  const t = {
+    lat: 51.505,
+    lng: -0.09,
+    zoom: 13,
+    type: "interactive",
+    tileStyle: "osm",
+    grayscale: !1,
+    title: "",
+    ...r
+  }, n = ((h = P()) == null ? void 0 : h.id) ?? "", o = _(), l = t.childPoints ?? [], { lat: e, lng: a, zoom: c, type: i, tileStyle: p, grayscale: M } = t, b = e !== 0 || a !== 0, u = M ? { filter: "grayscale(1)" } : {}, v = () => {
+    if (!b) return null;
+    if (i === "background" || i === "static") {
+      const f = z(e, a, c, p);
+      return /* @__PURE__ */ w("div", { className: "relative size-full", style: u, children: [
+        /* @__PURE__ */ s("img", { src: f, alt: t.title || `Map at ${e}, ${a}`, className: "size-full object-cover", loading: "lazy" }),
+        i === "static" && l.length > 0 && l.map((d) => {
+          const { x: N, y: S } = y(e, a, c), { x: L, y: $ } = y(d.lat, d.lng, c), k = (L - N) * 256 + 128, j = ($ - S) * 256 + 128;
+          return /* @__PURE__ */ s(
+            "div",
+            {
+              className: "absolute size-3 -translate-x-1/2 -translate-y-1/2 rounded-full bg-red-500 shadow-md",
+              style: { left: `${k}px`, top: `${j}px` },
+              title: d.title
+            },
+            d.id
+          );
+        })
+      ] });
+    }
+    if (i === "interactive" && x && o)
+      return /* @__PURE__ */ s(
+        m.Suspense,
+        {
+          fallback: /* @__PURE__ */ s("div", { className: "text-neutral-content flex size-full items-center justify-center", children: "Loading map..." }),
+          children: /* @__PURE__ */ s("div", { className: "size-full", style: u, children: /* @__PURE__ */ s(
+            x,
+            {
+              lat: e,
+              lng: a,
+              zoom: c,
+              tileStyle: p,
+              childPoints: l,
+              enabled: !1
+            }
+          ) })
+        }
+      );
+    if (i === "interactive") {
+      const f = z(e, a, c, p);
+      return /* @__PURE__ */ s("img", { src: f, alt: t.title || `Map at ${e}, ${a}`, className: "size-full object-cover", loading: "lazy" });
+    }
+    return null;
+  }, g = {
+    className: `overflow-hidden ${t.className || ""}`,
+    role: "region",
+    "aria-label": t.title || "Map",
+    children: v()
+  };
+  return I(g, t), m.createElement(R(t, "div", !1), T({ ...g, key: n }, t, null, !1));
+};
+export {
+  W as MapRender
+};