paintcannon-react 0.0.40 → 0.0.42

package/dist/src/host-components/reconcile-shared.d.ts

@@ -5,4 +5,4 @@ import type { CommonProps, Scrollable } from "./shared.ts";
 export type ApplyCommonProps = (node: PaintElement, oldProps: Partial<CommonProps>, newProps: CommonProps) => void;
 export declare function applyScrollableElementProps<Props extends CommonProps & Partial<Scrollable>>(node: PaintElement & Scrollable, oldProps: Partial<Props>, newProps: Props, applyCommonProps: ApplyCommonProps): void;
 export declare function applyScrollableProps(node: Scrollable, props: Partial<Scrollable>): void;
-export declare function applyTextControlProps<T extends InputElement | TextAreaElement>(node: T, oldProps: Partial<input.Props | textarea.Props>, newProps: input.Props | textarea.Props): void;
+export declare function applyTextControlProps<T extends InputElement | TextAreaElement>(node: T, _oldProps: Partial<input.Props | textarea.Props>, newProps: input.Props | textarea.Props): void;

package/dist/src/host-components/reconcile-shared.js

@@ -10,7 +10,7 @@ export function applyScrollableProps(node, props) {
         node.scrollTop = props.scrollTop;
     }
 }
-export function applyTextControlProps(node, oldProps, newProps) {
+export function applyTextControlProps(node, _oldProps, newProps) {
     if (newProps.value !== undefined) {
         node.value = newProps.value;
     }
@@ -20,7 +20,4 @@ export function applyTextControlProps(node, oldProps, newProps) {
     if (newProps.cursorPosition !== undefined) {
         node.cursorPosition = newProps.cursorPosition;
     }
-    if (newProps.autoFocus === true && oldProps.autoFocus !== true) {
-        node.focus();
-    }
 }

package/dist/src/host-components/shared.d.ts

@@ -31,11 +31,11 @@ type ElementEventProps = {
 export type CommonProps = ElementEventProps & {
     children?: React.ReactNode;
     style?: CSSStyleProperties;
+    autoFocus?: boolean;
 };
 export type TextControlProps = CommonProps & {
     value?: string;
     placeholder?: string;
     cursorPosition?: number;
-    autoFocus?: boolean;
 };
 export {};

package/dist/src/reconciler.js

@@ -70,7 +70,10 @@ const reconciler = createReconciler({
         removeVirtualChild(container, child);
         destroyHostNode(child);
     },
-    finalizeInitialChildren: () => false,
+    finalizeInitialChildren: (_instance, _type, props) => props.autoFocus === true,
+    commitMount(instance) {
+        instance.node.focus();
+    },
     resetTextContent: () => { },
     getPublicInstance(instance) {
         return instance.node;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "paintcannon-react",
-  "version": "0.0.40",
+  "version": "0.0.42",
   "license": "ISC",
   "repository": {
     "type": "git",
@@ -36,7 +36,7 @@
     "scheduler": "^0.25.0"
   },
   "peerDependencies": {
-    "paintcannon": "^0.0.40",
+    "paintcannon": "^0.0.42",
     "react": "^19.0.0"
   },
   "devDependencies": {