@measured/puck 0.10.0-canary.e308381 → 0.10.1-canary.47ab3c9

package/README.md

@@ -120,15 +120,24 @@ Each render function receives three props:
 
 #### Example
 
-Here's a basic plugin that renders a "My plugin" heading in the root field area:
+Here's an example plugin that creates a button to toggle the left side-bar:
 
 ```jsx
 const myPlugin = {
-  renderRootFields: (props) => (
+  renderRootFields: ({ children, dispatch, state }) => (
     <div>
-      {props.children}
-
-      <h2>My plugin</h2>
+      {children}
+
+      <button
+        onClick={() => {
+          dispatch({
+            type: "setUi",
+            ui: { leftSideBarVisible: !state.ui.leftSideBarVisible },
+          });
+        }}
+      >
+        Toggle side-bar
+      </button>
     </div>
   ),
 };

package/dist/index.js

@@ -3219,7 +3219,7 @@ var ArrayField = ({
   const [arrayFieldId] = (0, import_react25.useState)(generateId("ArrayField"));
   const { state, setUi } = useAppContext();
   const arrayState = state.ui.arrayState[arrayFieldId] || {
-    items: Array.from(value).map((v) => ({
+    items: Array.from(value || []).map((v) => ({
       _arrayId: generateId("ArrayItem"),
       data: v
     })),
@@ -3239,7 +3239,7 @@ var ArrayField = ({
     [arrayState]
   );
   (0, import_react25.useEffect)(() => {
-    const newItems = Array.from(value).map((item, idx) => {
+    const newItems = Array.from(value || []).map((item, idx) => {
       var _a;
       return {
         _arrayId: ((_a = arrayState.items[idx]) == null ? void 0 : _a._arrayId) || generateId("ArrayItem"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck",
-  "version": "0.10.0-canary.e308381",
+  "version": "0.10.1-canary.47ab3c9",
   "private": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",