dune-react 0.0.16 → 0.0.19

package/dist/components/puck-block/location-sections/location-3/location.js

@@ -2,15 +2,22 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { CompoundContainer } from "../../../puck-base/container.js";
 import { CompoundButton } from "../../../puck-base/button.js";
 import { cn } from "../../../../utils/css-utils.js";
+import { getMapEmbedUrl, getDirectionsUrl } from "../../../puck-base/core/fields.js";
+const MAP_STYLE_FILTERS = {
+  default: "",
+  grayscale: "grayscale(35%) contrast(1.05) brightness(1.0)",
+  dark: "grayscale(100%) invert(1) contrast(1.1) brightness(0.8)"
+};
 const Location3 = ({
   heading,
   description,
-  mapEmbedUrl,
-  mapTitle = "Google Maps",
-  mapFilter,
+  mapLocation,
+  mapStyle = "default",
   locations = [],
   styles
 }) => {
+  const mapEmbedUrl = mapLocation && mapLocation.lat !== 0 ? getMapEmbedUrl(mapLocation) : void 0;
+  const mapFilter = MAP_STYLE_FILTERS[mapStyle] || "";
   const mapHeight = (styles == null ? void 0 : styles.mapHeight) ?? "md";
   const columns = (styles == null ? void 0 : styles.columns) ?? "3";
   const mapHeightClass = mapHeight === "sm" ? "h-[220px] md:h-[260px]" : mapHeight === "lg" ? "h-[360px] md:h-[440px]" : "h-[280px] md:h-[340px]";
@@ -30,97 +37,100 @@ const Location3 = ({
           "iframe",
           {
             src: mapEmbedUrl,
-            title: mapTitle,
+            title: (mapLocation == null ? void 0 : mapLocation.address) || "Google Maps",
             className: "h-full w-full border-0",
             loading: "lazy",
             referrerPolicy: "no-referrer-when-downgrade",
             allowFullScreen: true,
-            style: { filter: mapFilter }
+            style: mapFilter ? { filter: mapFilter } : void 0
           }
         ) : /* @__PURE__ */ jsx("div", { className: "bg-muted text-muted-foreground flex h-full w-full items-center justify-center text-sm", children: "Map address not configured" }) }),
-        locations.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("grid grid-cols-1 gap-5", colClass), children: locations.map((loc, i) => /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: "bg-card border-border flex flex-col gap-3 rounded-xl border p-6",
-            children: [
-              /* @__PURE__ */ jsx("h3", { className: "text-foreground text-lg font-semibold", children: loc.name }),
-              loc.address && /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground flex items-start gap-2 text-sm", children: [
-                /* @__PURE__ */ jsxs(
-                  "svg",
-                  {
-                    className: "text-primary mt-0.5 shrink-0",
-                    width: "14",
-                    height: "14",
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "2",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    children: [
-                      /* @__PURE__ */ jsx("path", { d: "M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" }),
-                      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "10", r: "3" })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { className: "whitespace-pre-line", children: loc.address })
-              ] }),
-              loc.phone && /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground flex items-center gap-2 text-sm", children: [
-                /* @__PURE__ */ jsx(
-                  "svg",
-                  {
-                    className: "text-primary shrink-0",
-                    width: "14",
-                    height: "14",
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "2",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    children: /* @__PURE__ */ jsx("path", { d: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 14a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.62 3h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 10.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 17.92Z" })
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { children: loc.phone })
-              ] }),
-              loc.hours && /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground flex items-start gap-2 text-sm", children: [
-                /* @__PURE__ */ jsxs(
-                  "svg",
+        locations.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("grid grid-cols-1 gap-5", colClass), children: locations.map((loc, i) => {
+          var _a;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "bg-card border-border flex flex-col gap-3 rounded-xl border p-6",
+              children: [
+                /* @__PURE__ */ jsx("h3", { className: "text-foreground text-lg font-semibold", children: loc.name }),
+                ((_a = loc.location) == null ? void 0 : _a.address) && /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground flex items-start gap-2 text-sm", children: [
+                  /* @__PURE__ */ jsxs(
+                    "svg",
+                    {
+                      className: "text-primary mt-0.5 shrink-0",
+                      width: "14",
+                      height: "14",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "2",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      children: [
+                        /* @__PURE__ */ jsx("path", { d: "M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" }),
+                        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "10", r: "3" })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { className: "whitespace-pre-line", children: loc.location.address })
+                ] }),
+                loc.phone && /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground flex items-center gap-2 text-sm", children: [
+                  /* @__PURE__ */ jsx(
+                    "svg",
+                    {
+                      className: "text-primary shrink-0",
+                      width: "14",
+                      height: "14",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "2",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      children: /* @__PURE__ */ jsx("path", { d: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 14a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.62 3h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 10.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 17.92Z" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { children: loc.phone })
+                ] }),
+                loc.hours && /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground flex items-start gap-2 text-sm", children: [
+                  /* @__PURE__ */ jsxs(
+                    "svg",
+                    {
+                      className: "text-primary mt-0.5 shrink-0",
+                      width: "14",
+                      height: "14",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "2",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      children: [
+                        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+                        /* @__PURE__ */ jsx("polyline", { points: "12 6 12 12 16 14" })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { className: "whitespace-pre-line", children: loc.hours })
+                ] }),
+                (loc.directionsAction || loc.location && loc.location.lat !== 0) && /* @__PURE__ */ jsx("div", { className: "mt-auto pt-2", children: /* @__PURE__ */ jsx(
+                  CompoundButton,
                   {
-                    className: "text-primary mt-0.5 shrink-0",
-                    width: "14",
-                    height: "14",
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "2",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    children: [
-                      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
-                      /* @__PURE__ */ jsx("polyline", { points: "12 6 12 12 16 14" })
-                    ]
+                    label: loc.directionsLabel || "Get Directions",
+                    action: loc.directionsAction ?? (loc.location ? {
+                      type: "external",
+                      externalUrl: getDirectionsUrl(loc.location)
+                    } : void 0),
+                    variant: "outline",
+                    size: "sm",
+                    icon: "map-pin"
                   }
-                ),
-                /* @__PURE__ */ jsx("span", { className: "whitespace-pre-line", children: loc.hours })
-              ] }),
-              (loc.directionsAction || loc.directionsUrl) && /* @__PURE__ */ jsx("div", { className: "mt-auto pt-2", children: /* @__PURE__ */ jsx(
-                CompoundButton,
-                {
-                  label: loc.directionsLabel || "Get Directions",
-                  action: loc.directionsAction ?? (loc.directionsUrl ? {
-                    type: "external",
-                    externalUrl: loc.directionsUrl
-                  } : void 0),
-                  variant: "outline",
-                  size: "sm",
-                  icon: "map-pin"
-                }
-              ) })
-            ]
-          },
-          i
-        )) })
+                ) })
+              ]
+            },
+            i
+          );
+        }) })
       ] })
     }
   );

package/dist/components/puck-block/location-sections/props.d.ts

@@ -1,3 +1,4 @@
+import type { MapLocation } from "@/components/puck-base/core/fields";
 type LocationVariant = "location-1" | "location-2" | "location-3";
 type LocationPadding = {
     top?: "none" | "small" | "medium" | "large";
@@ -13,22 +14,19 @@ type LocationButton = {
 };
 type LocationItem = {
     name: string;
-    address?: string;
+    location?: MapLocation;
     phone?: string;
     hours?: string;
-    directionsUrl?: string;
 };
-type LocationSectionProps = {
+export type LocationSectionProps = {
     variant?: LocationVariant;
     heading?: string;
     description?: string;
-    address?: string;
-    mapEmbedUrl?: string;
-    mapTitle?: string;
-    mapFilter?: string;
-    mapTintMode?: "none" | "theme" | "custom";
-    mapTintColor?: string;
-    mapTintOpacity?: number;
+    displayAddress?: string;
+    location?: MapLocation;
+    mapLocation?: MapLocation;
+    mapStyle?: "default" | "grayscale" | "dark";
+    mapTint?: "none" | "theme";
     buttons?: LocationButton[];
     locations?: LocationItem[];
     contentPosition?: "left" | "right";
@@ -43,3 +41,4 @@ type LocationSectionProps = {
         sectionHeight?: "sm" | "md" | "lg";
     };
 };
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dune-react",
-  "version": "0.0.16",
+  "version": "0.0.19",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -16,7 +16,8 @@
     "build-storybook": "storybook build && cp -r skills storybook-static/skills",
     "deploy-storybook": "storybook-to-ghpages -- --existing-output-dir=storybook-static",
     "ondeploy": "pnpm build-storybook && pnpm deploy-storybook",
-    "postpublish": "bash scripts/postpublish.sh"
+    "sync:downstream": "bash scripts/postpublish.sh",
+    "upload:previews": "tsx scripts/upload-previews-r2.ts"
   },
   "sideEffects": [
     "*.css"