@measured/puck 0.12.0-canary.12cea1e → 0.12.0-canary.39005a4

package/README.md

@@ -374,6 +374,36 @@ import { resolveAllData } from "@measured/puck";
 const resolvedData = resolveAllData(data, config);
 ```
 
+### React server components
+
+If you want to use React server components, use ` <Render>` from the `@measured/puck/rsc` bundle instead of the main bundle.
+
+```tsx
+import { Render } from "@measured/puck/rsc";
+import "@measured/puck/dist/index.css";
+
+export function Page() {
+  return <Render config={config} data={data} />;
+}
+```
+
+If you're using DropZones with React server components, use the `puck.renderDropZone` prop provided to your render function instead of the `<DropZone>` component.
+
+```tsx
+export const MyComponent: ComponentConfig = {
+  render: ({ puck: { renderDropZone } }) => {
+    return (
+      <div>
+        {renderDropZone({ zone: "first-drop-zone" })}
+        {renderDropZone({ zone: "second-drop-zone" })}
+      </div>
+    );
+  },
+};
+```
+
+In future, we may deprecate DropZone in favour of renderDropZone.
+
 ## Reference
 
 ### `<Puck>`

package/dist/index.js

@@ -33102,14 +33102,16 @@ var InputOrGroup = (_a) => {
   var _b = _a, { onChange } = _b, props = __objRest(_b, ["onChange"]);
   const { name, field, value, readOnly } = props;
   const [localValue, setLocalValue] = (0, import_react30.useState)(value);
-  const [localValueDb] = (0, import_use_debounce2.useDebounce)(localValue, 50, { leading: true });
-  (0, import_react30.useEffect)(() => {
-    if (value !== localValueDb) {
-      onChange(localValueDb);
-    }
-  }, [localValueDb]);
+  const onChangeDb = (0, import_use_debounce2.useDebouncedCallback)(
+    (val) => {
+      onChange(val);
+    },
+    50,
+    { leading: true }
+  );
   const onChangeLocal = (0, import_react30.useCallback)((val) => {
     setLocalValue(val);
+    onChangeDb(val);
   }, []);
   (0, import_react30.useEffect)(() => {
     setLocalValue(value);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck",
-  "version": "0.12.0-canary.12cea1e",
+  "version": "0.12.0-canary.39005a4",
   "private": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",