dune-react 0.0.40 → 0.0.42

package/dist/components/puck-block/text-sections/prose-content/component.js

@@ -26,7 +26,7 @@ const ProseContent = (props) => {
     textLayout = "single",
     mediaType = "none",
     mediaPosition = "bottom",
-    hasMetatags = false
+    hasMetatags = "false"
   } = styles ?? {};
   const [isIframeLoaded, setIsIframeLoaded] = useState(false);
   const renderMedia = () => {
@@ -61,7 +61,7 @@ const ProseContent = (props) => {
   const mediaElement = renderMedia();
   const isTwoColumn = textLayout === "twoColumnProse";
   return /* @__PURE__ */ jsx(SectionWrapper, { className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsx("div", { className: "container", children: /* @__PURE__ */ jsxs("div", { className: cn("mx-auto w-full", isTwoColumn ? "max-w-4xl" : "max-w-lg"), children: [
-    hasMetatags && metatags && metatags.length > 0 && /* @__PURE__ */ jsx("div", { className: "mb-8 flex flex-wrap gap-x-8 gap-y-4 md:mb-12", children: metatags.map((tag, index) => /* @__PURE__ */ jsxs("div", { children: [
+    hasMetatags === "true" && metatags && metatags.length > 0 && /* @__PURE__ */ jsx("div", { className: "mb-8 flex flex-wrap gap-x-8 gap-y-4 md:mb-12", children: metatags.map((tag, index) => /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold", children: tag.label }),
       /* @__PURE__ */ jsx("p", { className: "text-sm", children: tag.value })
     ] }, index)) }),
@@ -88,7 +88,7 @@ const ProseContentDefaults = {
     textLayout: "single",
     mediaType: "none",
     mediaPosition: "bottom",
-    hasMetatags: false
+    hasMetatags: "false"
   }
 };
 export {

package/dist/components/puck-core/core/props/index.js

@@ -2,6 +2,7 @@ import { buttonsField, badgeField } from "./interactive.js";
 import { actionDefaults, actionField, buttonDefaults, buttonField, iconField, resolveActionUrl } from "./interactive.js";
 import { descriptionField, headingField, featuresField } from "./content.js";
 import { cardField, cardsField } from "./content.js";
+import { getPlaceholderMediaUrl, media16x9Placeholder, media1x1Placeholder, media9x16Placeholder, mediaField, mediasField } from "./media.js";
 const contentFields = {
   heading: headingField,
   description: descriptionField,
@@ -28,7 +29,13 @@ export {
   contentFieldsWithFeatures,
   descriptionField,
   featuresField,
+  getPlaceholderMediaUrl,
   headingField,
   iconField,
+  media16x9Placeholder,
+  media1x1Placeholder,
+  media9x16Placeholder,
+  mediaField,
+  mediasField,
   resolveActionUrl
 };

package/dist/components/puck-core/core/puck-fields-to-zod.d.ts

@@ -13,6 +13,7 @@ type PuckField = {
         instructions?: string;
         exclude?: boolean;
         stream?: boolean;
+        optional?: boolean;
     };
     [key: string]: unknown;
 };

package/dist/components/puck-core/core/puck-fields-to-zod.js

@@ -54,45 +54,55 @@ function withDescribe(schema, field) {
   const desc = (_a = field.ai) == null ? void 0 : _a.instructions;
   return desc ? schema.describe(desc) : schema;
 }
-function puckFieldToZod(field) {
+function isFieldOptional(field, fieldKey) {
+  var _a, _b;
+  if (((_a = field.ai) == null ? void 0 : _a.optional) === true) return true;
+  if (((_b = field.ai) == null ? void 0 : _b.optional) === false) return false;
+  if (fieldKey === "styles") return true;
+  return false;
+}
+function maybeOptional(schema, field, fieldKey) {
+  return isFieldOptional(field, fieldKey) ? schema.optional() : schema;
+}
+function puckFieldToZod(field, fieldKey) {
   var _a, _b;
   let schema;
   switch (field.type) {
     case "text":
     case "textarea":
-      schema = string().optional();
+      schema = string();
       break;
     case "select":
     case "radio": {
       const values = (field.options ?? []).map((o) => o.value);
-      schema = values.length === 0 ? string().optional() : _enum(values).optional();
+      schema = values.length === 0 ? string() : _enum(values);
       break;
     }
     case "object": {
       if (!field.objectFields || Object.keys(field.objectFields).length === 0) {
-        schema = record(string(), unknown()).optional();
+        schema = record(string(), unknown());
       } else {
         const shape = {};
         for (const [k, v] of Object.entries(field.objectFields)) {
           if ((_a = v.ai) == null ? void 0 : _a.exclude) continue;
-          shape[k] = puckFieldToZod(v);
+          shape[k] = puckFieldToZod(v, k);
         }
-        schema = object(shape).optional();
+        schema = object(shape);
       }
       break;
     }
     case "array": {
       if (!field.arrayFields || Object.keys(field.arrayFields).length === 0) {
-        schema = array(unknown()).optional();
+        schema = array(unknown());
       } else {
         const itemShape = {};
         for (const [k, v] of Object.entries(field.arrayFields)) {
           if ((_b = v.ai) == null ? void 0 : _b.exclude) continue;
-          itemShape[k] = puckFieldToZod(v);
+          itemShape[k] = puckFieldToZod(v, k);
         }
         let arraySchema = array(object(itemShape));
         if (field.max) arraySchema = arraySchema.max(field.max);
-        schema = arraySchema.optional();
+        schema = arraySchema;
       }
       break;
     }
@@ -102,6 +112,7 @@ function puckFieldToZod(field) {
     default:
       schema = any();
   }
+  schema = maybeOptional(schema, field, fieldKey);
   return withDescribe(schema, field);
 }
 function puckFieldsToZod(fields) {
@@ -109,7 +120,7 @@ function puckFieldsToZod(fields) {
   const shape = {};
   for (const [key, field] of Object.entries(fields)) {
     if ((_a = field.ai) == null ? void 0 : _a.exclude) continue;
-    shape[key] = puckFieldToZod(field);
+    shape[key] = puckFieldToZod(field, key);
   }
   return object(shape);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dune-react",
-  "version": "0.0.40",
+  "version": "0.0.42",
   "license": "MIT",
   "type": "module",
   "scripts": {