@measured/puck 0.19.0-canary.e62832e → 0.19.0-canary.f96dc87b

package/README.md

@@ -95,6 +95,7 @@ Available recipes include:
 
 - [**next**](https://github.com/measuredco/puck/tree/main/recipes/next): Next.js example, using App Router and static page generation
 - [**remix**](https://github.com/measuredco/puck/tree/main/recipes/remix): Remix Run v2 example, using dynamic routes at root-level
+- [**react-router**](https://github.com/measuredco/puck/tree/main/recipes/react-router): React Router v7 app example, using dynamic routes to create pages at any level
 
 ## Community
 

package/dist/index.js

@@ -2968,6 +2968,7 @@ var ArrayField = ({
     (s) => s.permissions.getPermissions({ item: s.selectedItem }).edit
   );
   const forceReadOnly = !canEdit;
+  const valueRef = (0, import_react15.useRef)(value);
   if (field.type !== "array" || !field.arrayFields) {
     return null;
   }
@@ -2985,7 +2986,7 @@ var ArrayField = ({
           onDragStart: (id2) => setDraggedItem(id2),
           onDragEnd: () => {
             setDraggedItem("");
-            onChange(localState.value);
+            onChange(valueRef.current);
           },
           onMove: (move) => {
             if (arrayState.items[move.source]._arrayId !== draggedItem) {
@@ -3008,6 +3009,7 @@ var ArrayField = ({
               value: newValue,
               arrayState: __spreadProps(__spreadValues({}, arrayState), { items: newArrayStateItems })
             });
+            valueRef.current = newValue;
           },
           children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
             "div",
@@ -7983,7 +7985,7 @@ function PuckProvider({ children }) {
     const { state, resolveData: resolveData2 } = appStore.getState();
     resolveData2(state);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(appStoreContext.Provider, { value: appStore, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(UsePuckStoreContext, { value: uPuckStore, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(appStoreContext.Provider, { value: appStore, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(UsePuckStoreContext.Provider, { value: uPuckStore, children }) });
 }
 function PuckLayout({ children }) {
   const {

package/dist/index.mjs

@@ -676,7 +676,7 @@ var IconButton = ({
 };
 
 // components/AutoField/fields/ArrayField/index.tsx
-import { useCallback as useCallback2, useEffect as useEffect6, useState as useState3 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect6, useRef, useState as useState3 } from "react";
 
 // components/DragIcon/index.tsx
 init_react_import();
@@ -2776,6 +2776,7 @@ var ArrayField = ({
     (s) => s.permissions.getPermissions({ item: s.selectedItem }).edit
   );
   const forceReadOnly = !canEdit;
+  const valueRef = useRef(value);
   if (field.type !== "array" || !field.arrayFields) {
     return null;
   }
@@ -2793,7 +2794,7 @@ var ArrayField = ({
           onDragStart: (id2) => setDraggedItem(id2),
           onDragEnd: () => {
             setDraggedItem("");
-            onChange(localState.value);
+            onChange(valueRef.current);
           },
           onMove: (move) => {
             if (arrayState.items[move.source]._arrayId !== draggedItem) {
@@ -2816,6 +2817,7 @@ var ArrayField = ({
               value: newValue,
               arrayState: __spreadProps(__spreadValues({}, arrayState), { items: newArrayStateItems })
             });
+            valueRef.current = newValue;
           },
           children: /* @__PURE__ */ jsxs3(
             "div",
@@ -7841,7 +7843,7 @@ function PuckProvider({ children }) {
     const { state, resolveData: resolveData2 } = appStore.getState();
     resolveData2(state);
   }, []);
-  return /* @__PURE__ */ jsx38(appStoreContext.Provider, { value: appStore, children: /* @__PURE__ */ jsx38(UsePuckStoreContext, { value: uPuckStore, children }) });
+  return /* @__PURE__ */ jsx38(appStoreContext.Provider, { value: appStore, children: /* @__PURE__ */ jsx38(UsePuckStoreContext.Provider, { value: uPuckStore, children }) });
 }
 function PuckLayout({ children }) {
   const {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck",
-  "version": "0.19.0-canary.e62832e",
+  "version": "0.19.0-canary.f96dc87b",
   "author": "Measured Corporation Ltd <hello@measured.co>",
   "repository": "measuredco/puck",
   "bugs": "https://github.com/measuredco/puck/issues",
@@ -77,9 +77,9 @@
     "react-hotkeys-hook": "^4.6.1",
     "use-debounce": "^9.0.4",
     "uuid": "^9.0.1",
-    "zustand": "^4.5.6"
+    "zustand": "^5.0.3"
   },
   "peerDependencies": {
-    "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+    "react": "^18.0.0 || ^19.0.0"
   }
 }