@measured/puck 0.19.4-canary.bb36dbba → 0.19.4-canary.f09540db

package/README.md

@@ -1,29 +1,33 @@
-# Puck
+<br /><br /><br />
 
-The visual editor for React.
+<div align="center">
 
-<p align="left">
-  <a aria-label="NPM version" href="https://www.npmjs.com/package/@measured/puck">
-    <img alt="" src="https://img.shields.io/npm/v/@measured/puck.svg?style=for-the-badge&labelColor=000000">
-  </a>
-  <a aria-label="License" href="https://github.com/measuredco/puck/blob/main/LICENSE">
-    <img alt="" src="https://img.shields.io/npm/l/@measured/puck.svg?style=for-the-badge&labelColor=000000">
-  </a>
-  <a aria-label="Join the community on Discord" href="https://discord.gg/D9e4E3MQVZ">
-    <img alt="" src="https://img.shields.io/badge/Join%20the%20Discord-blueviolet.svg?style=for-the-badge&logo=Discord&labelColor=000000&logoWidth=20">
-  </a>
- <a aria-label="Browse the awesome-puck community repo" href="https://github.com/measuredco/awesome-puck">
-    <img alt="" src="https://img.shields.io/badge/repo-awesome--puck-fc60a8.svg?style=for-the-badge&labelColor=000000&logoWidth=20">
-  </a>
-</p>
+<a href="https://puckeditor.com">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://res.cloudinary.com/die3nptcg/image/upload/Puck_Logo_White_RGB_j2rwgg.svg" height="100px" aria-label="Puck logo">
+    <img src="https://res.cloudinary.com/die3nptcg/image/upload/Puck_Logo_Black_RGB_dqsjag.svg" height="100px" aria-label="Puck logo">
+  </picture>
+</a>
 
-## Demo
+_The visual editor for React_
 
-Visit https://demo.puckeditor.com/edit to try the demo.
+[Documentation](https://puckeditor.com/docs) • [Demo](https://demo.puckeditor.com/edit) • [Discord](https://discord.gg/V9mDAhuxyZ) • [Contributing](https://github.com/puckeditor/puck/blob/main/CONTRIBUTING.md)
 
-## Documentation
+⭐️ Enjoying Puck? Please [leave a star](https://github.com/puckeditor/puck)!
 
-Visit https://puckeditor.com to view the full documentation.
+<br />
+
+[![GIF showing a page being created in the Puck Editor, with components being added, arranged, and customized in real time](https://github.com/user-attachments/assets/25e1ae25-ca5e-450f-afa0-01816830b731)](https://demo.puckeditor.com/edit)
+
+</div>
+
+## What is Puck?
+
+Puck is a modular, open-source visual editor for React.js. You can use Puck to build custom drag-and-drop experiences with your own application and React components.
+
+Because Puck is just a React component, it plays well with all React.js environments, including Next.js. You own your data and there’s no vendor lock-in.
+
+Puck is also [licensed under MIT](https://github.com/puckeditor/puck?tab=MIT-1-ov-file#readme), making it suitable for both internal systems and commercial applications.
 
 ## Quick start
 

package/dist/index.js

@@ -4319,9 +4319,8 @@ var ObjectField = ({
       readOnly,
       children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: getClassName14(), children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("fieldset", { className: getClassName14("fieldset"), children: Object.keys(field.objectFields).map((subName) => {
         const subField = field.objectFields[subName];
-        const subPath = `${name}.${subName}`;
-        const localSubPath = `${localName || name}.${subName}`;
-        const subReadOnly = readOnly ? readOnly : readOnlyFields[localSubPath];
+        const subPath = `${localName}.${subName}`;
+        const subReadOnly = readOnly ? readOnly : readOnlyFields[subPath];
         const label2 = subField.label || subName;
         return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           NestedFieldProvider,
@@ -4420,7 +4419,7 @@ var FieldLabelInternal = ({
   );
 };
 function AutoFieldInternal(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const dispatch = useAppStore((s) => s.dispatch);
   const overrides = useAppStore((s) => s.overrides);
   const readOnly = useAppStore((s) => {
@@ -4492,21 +4491,23 @@ function AutoFieldInternal(props) {
   if (field.type === "slot") {
     return null;
   }
+  let children = null;
+  let FieldComponent;
   if (field.type === "custom") {
     if (!field.render) {
       return null;
     }
-    const CustomField = field.render;
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: getClassNameWrapper(), onFocus, onBlur, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: getClassName15(), children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CustomField, __spreadValues({}, mergedProps)) }) });
+    FieldComponent = field.render;
+  } else {
+    children = defaultFields[field.type](mergedProps);
+    FieldComponent = render[field.type];
   }
-  const children = defaultFields[field.type](mergedProps);
-  const Render3 = render[field.type];
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     NestedFieldContext.Provider,
     {
       value: {
         readOnlyFields: nestedFieldContext.readOnlyFields || readOnly || {},
-        localName: nestedFieldContext.localName
+        localName: (_i = nestedFieldContext.localName) != null ? _i : mergedProps.name
       },
       children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         "div",
@@ -4517,7 +4518,7 @@ function AutoFieldInternal(props) {
           onClick: (e) => {
             e.stopPropagation();
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Render3, __spreadProps(__spreadValues({}, mergedProps), { children }))
+          children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(FieldComponent, __spreadProps(__spreadValues({}, mergedProps), { children }))
         }
       )
     }

package/dist/index.mjs

@@ -3442,9 +3442,8 @@ var ObjectField = ({
       readOnly,
       children: /* @__PURE__ */ jsx17("div", { className: getClassName14(), children: /* @__PURE__ */ jsx17("fieldset", { className: getClassName14("fieldset"), children: Object.keys(field.objectFields).map((subName) => {
         const subField = field.objectFields[subName];
-        const subPath = `${name}.${subName}`;
-        const localSubPath = `${localName || name}.${subName}`;
-        const subReadOnly = readOnly ? readOnly : readOnlyFields[localSubPath];
+        const subPath = `${localName}.${subName}`;
+        const subReadOnly = readOnly ? readOnly : readOnlyFields[subPath];
         const label2 = subField.label || subName;
         return /* @__PURE__ */ jsx17(
           NestedFieldProvider,
@@ -3543,7 +3542,7 @@ var FieldLabelInternal = ({
   );
 };
 function AutoFieldInternal(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const dispatch = useAppStore((s) => s.dispatch);
   const overrides = useAppStore((s) => s.overrides);
   const readOnly = useAppStore((s) => {
@@ -3615,21 +3614,23 @@ function AutoFieldInternal(props) {
   if (field.type === "slot") {
     return null;
   }
+  let children = null;
+  let FieldComponent;
   if (field.type === "custom") {
     if (!field.render) {
       return null;
     }
-    const CustomField = field.render;
-    return /* @__PURE__ */ jsx18("div", { className: getClassNameWrapper(), onFocus, onBlur, children: /* @__PURE__ */ jsx18("div", { className: getClassName15(), children: /* @__PURE__ */ jsx18(CustomField, __spreadValues({}, mergedProps)) }) });
+    FieldComponent = field.render;
+  } else {
+    children = defaultFields[field.type](mergedProps);
+    FieldComponent = render[field.type];
   }
-  const children = defaultFields[field.type](mergedProps);
-  const Render2 = render[field.type];
   return /* @__PURE__ */ jsx18(
     NestedFieldContext.Provider,
     {
       value: {
         readOnlyFields: nestedFieldContext.readOnlyFields || readOnly || {},
-        localName: nestedFieldContext.localName
+        localName: (_i = nestedFieldContext.localName) != null ? _i : mergedProps.name
       },
       children: /* @__PURE__ */ jsx18(
         "div",
@@ -3640,7 +3641,7 @@ function AutoFieldInternal(props) {
           onClick: (e) => {
             e.stopPropagation();
           },
-          children: /* @__PURE__ */ jsx18(Render2, __spreadProps(__spreadValues({}, mergedProps), { children }))
+          children: /* @__PURE__ */ jsx18(FieldComponent, __spreadProps(__spreadValues({}, mergedProps), { children }))
         }
       )
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck",
-  "version": "0.19.4-canary.bb36dbba",
+  "version": "0.19.4-canary.f09540db",
   "author": "Chris Villa <chris@puckeditor.com>",
   "repository": "measuredco/puck",
   "bugs": "https://github.com/measuredco/puck/issues",