@mittwald/flow-remote-react-renderer 1.1.0-next.1 → 1.1.0-next.2

package/dist/js/components/Form.mjs

@@ -6,8 +6,10 @@ import { jsx } from "react/jsx-runtime";
 var Form = (props) => {
 	const { action: onActionFromProps, onSubmit: onSubmitFromProps, ref, ...rest } = props;
 	const onSubmit = async (event) => {
+		event.stopPropagation();
+		if (!onSubmitFromProps) return;
 		event.preventDefault();
-		await onSubmitFromProps?.(new FormData(event.currentTarget));
+		await onSubmitFromProps(new FormData(event.currentTarget));
 	};
 	const onAction = async (formData) => {
 		await onActionFromProps?.(formData);
@@ -16,7 +18,7 @@ var Form = (props) => {
 		...rest,
 		ref,
 		action: onActionFromProps ? onAction : void 0,
-		onSubmit: onSubmitFromProps ? onSubmit : void 0
+		onSubmit
 	});
 };
 //#endregion

package/dist/js/components/Form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Form.mjs","names":[],"sources":["../../../src/components/Form.tsx"],"sourcesContent":["import {\n  type FC,\n  type FormEvent,\n  type PropsWithChildren,\n  type Ref,\n} from \"react\";\n\ntype FormProps = {\n  action?: (data: FormData) => void | Promise<void>;\n  onSubmit?: (data: FormData) => void | Promise<void>;\n  ref?: Ref<HTMLFormElement>;\n} & PropsWithChildren;\n\nexport const Form: FC<FormProps> = (props) => {\n  const {\n    action: onActionFromProps,\n    onSubmit: onSubmitFromProps,\n    ref,\n    ...rest\n  } = props;\n\n  const onSubmit = async (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    await onSubmitFromProps?.(new FormData(event.currentTarget));\n  };\n\n  const onAction = async (formData: FormData) => {\n    await onActionFromProps?.(formData);\n  };\n\n  return (\n    <form\n      {...rest}\n      ref={ref}\n      action={onActionFromProps ? onAction : undefined}\n      onSubmit={onSubmitFromProps ? onSubmit : undefined}\n    />\n  );\n};\n"],"mappings":";;;;;AAaA,IAAa,QAAuB,UAAU;CAC5C,MAAM,EACJ,QAAQ,mBACR,UAAU,mBACV,KACA,GAAG,SACD;CAEJ,MAAM,WAAW,OAAO,UAAsC;EAC5D,MAAM,eAAe;EACrB,MAAM,oBAAoB,IAAI,SAAS,MAAM,aAAa,CAAC;CAC7D;CAEA,MAAM,WAAW,OAAO,aAAuB;EAC7C,MAAM,oBAAoB,QAAQ;CACpC;CAEA,OACE,oBAAC,QAAD;EACE,GAAI;EACC;EACL,QAAQ,oBAAoB,WAAW,KAAA;EACvC,UAAU,oBAAoB,WAAW,KAAA;CAC1C,CAAA;AAEL"}
+{"version":3,"file":"Form.mjs","names":[],"sources":["../../../src/components/Form.tsx"],"sourcesContent":["import {\n  type FC,\n  type FormEvent,\n  type PropsWithChildren,\n  type Ref,\n} from \"react\";\n\ntype FormProps = {\n  action?: (data: FormData) => void | Promise<void>;\n  onSubmit?: (data: FormData) => void | Promise<void>;\n  ref?: Ref<HTMLFormElement>;\n} & PropsWithChildren;\n\nexport const Form: FC<FormProps> = (props) => {\n  const {\n    action: onActionFromProps,\n    onSubmit: onSubmitFromProps,\n    ref,\n    ...rest\n  } = props;\n\n  const onSubmit = async (event: FormEvent<HTMLFormElement>) => {\n    /*\n     * React events bubble through portals, so a submit inside a Modal would\n     * reach the Form the Modal sits in and submit it too. An action-only form\n     * needs that guard as well, so the handler always runs.\n     */\n    event.stopPropagation();\n\n    if (!onSubmitFromProps) {\n      return;\n    }\n    event.preventDefault();\n    await onSubmitFromProps(new FormData(event.currentTarget));\n  };\n\n  const onAction = async (formData: FormData) => {\n    await onActionFromProps?.(formData);\n  };\n\n  return (\n    <form\n      {...rest}\n      ref={ref}\n      action={onActionFromProps ? onAction : undefined}\n      onSubmit={onSubmit}\n    />\n  );\n};\n"],"mappings":";;;;;AAaA,IAAa,QAAuB,UAAU;CAC5C,MAAM,EACJ,QAAQ,mBACR,UAAU,mBACV,KACA,GAAG,SACD;CAEJ,MAAM,WAAW,OAAO,UAAsC;EAM5D,MAAM,gBAAgB;EAEtB,IAAI,CAAC,mBACH;EAEF,MAAM,eAAe;EACrB,MAAM,kBAAkB,IAAI,SAAS,MAAM,aAAa,CAAC;CAC3D;CAEA,MAAM,WAAW,OAAO,aAAuB;EAC7C,MAAM,oBAAoB,QAAQ;CACpC;CAEA,OACE,oBAAC,QAAD;EACE,GAAI;EACC;EACL,QAAQ,oBAAoB,WAAW,KAAA;EAC7B;CACX,CAAA;AAEL"}

package/dist/js/integrations/react-hook-form/Form.mjs

@@ -12,6 +12,7 @@ var Form = (props) => {
 	const { onSubmit: onSubmitFromProps, ref, ...rest } = props;
 	const onSubmit = async (event) => {
 		event.preventDefault();
+		event.stopPropagation();
 		await onSubmitFromProps?.();
 	};
 	return /* @__PURE__ */ jsx("form", {

package/dist/js/integrations/react-hook-form/Form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Form.mjs","names":[],"sources":["../../../../src/integrations/react-hook-form/Form.tsx"],"sourcesContent":["import {\n  type FC,\n  type FormEvent,\n  type PropsWithChildren,\n  type Ref,\n} from \"react\";\n\ntype FormProps = {\n  onSubmit?: () => void | Promise<void>;\n  ref?: Ref<HTMLFormElement>;\n} & PropsWithChildren;\n\n/**\n * ReactHookForm won't send the data over onSubmit, the form state is\n * transferred over onChange. To avoid sending unnecessary data, this RemoteForm\n * sends only the onSubmit without any formData.\n */\nexport const Form: FC<FormProps> = (props) => {\n  const { onSubmit: onSubmitFromProps, ref, ...rest } = props;\n\n  const onSubmit = async (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    await onSubmitFromProps?.();\n  };\n\n  return <form {...rest} ref={ref} onSubmit={onSubmit} />;\n};\n"],"mappings":";;;;;;;;;;AAiBA,IAAa,QAAuB,UAAU;CAC5C,MAAM,EAAE,UAAU,mBAAmB,KAAK,GAAG,SAAS;CAEtD,MAAM,WAAW,OAAO,UAAsC;EAC5D,MAAM,eAAe;EACrB,MAAM,oBAAoB;CAC5B;CAEA,OAAO,oBAAC,QAAD;EAAM,GAAI;EAAW;EAAe;CAAW,CAAA;AACxD"}
+{"version":3,"file":"Form.mjs","names":[],"sources":["../../../../src/integrations/react-hook-form/Form.tsx"],"sourcesContent":["import {\n  type FC,\n  type FormEvent,\n  type PropsWithChildren,\n  type Ref,\n} from \"react\";\n\ntype FormProps = {\n  onSubmit?: () => void | Promise<void>;\n  ref?: Ref<HTMLFormElement>;\n} & PropsWithChildren;\n\n/**\n * ReactHookForm won't send the data over onSubmit, the form state is\n * transferred over onChange. To avoid sending unnecessary data, this RemoteForm\n * sends only the onSubmit without any formData.\n */\nexport const Form: FC<FormProps> = (props) => {\n  const { onSubmit: onSubmitFromProps, ref, ...rest } = props;\n\n  const onSubmit = async (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    /*\n     * React events bubble through portals, so a submit inside a Modal would\n     * reach the Form the Modal sits in and submit it too. The remote Form\n     * cannot stop that itself — its submit has no nativeEvent.\n     */\n    event.stopPropagation();\n    await onSubmitFromProps?.();\n  };\n\n  return <form {...rest} ref={ref} onSubmit={onSubmit} />;\n};\n"],"mappings":";;;;;;;;;;AAiBA,IAAa,QAAuB,UAAU;CAC5C,MAAM,EAAE,UAAU,mBAAmB,KAAK,GAAG,SAAS;CAEtD,MAAM,WAAW,OAAO,UAAsC;EAC5D,MAAM,eAAe;EAMrB,MAAM,gBAAgB;EACtB,MAAM,oBAAoB;CAC5B;CAEA,OAAO,oBAAC,QAAD;EAAM,GAAI;EAAW;EAAe;CAAW,CAAA;AACxD"}

package/dist/types/components/Form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EAAE,EAEP,KAAK,iBAAiB,EACtB,KAAK,GAAG,EACT,MAAM,OAAO,CAAC;AAEf,KAAK,SAAS,GAAG;IACf,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;CAC5B,GAAG,iBAAiB,CAAC;AAEtB,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAyB9B,CAAC"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EAAE,EAEP,KAAK,iBAAiB,EACtB,KAAK,GAAG,EACT,MAAM,OAAO,CAAC;AAEf,KAAK,SAAS,GAAG;IACf,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;CAC5B,GAAG,iBAAiB,CAAC;AAEtB,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAmC9B,CAAC"}

package/dist/types/integrations/react-hook-form/Form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../../src/integrations/react-hook-form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EAAE,EAEP,KAAK,iBAAiB,EACtB,KAAK,GAAG,EACT,MAAM,OAAO,CAAC;AAEf,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;CAC5B,GAAG,iBAAiB,CAAC;AAEtB;;;;GAIG;AACH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAS9B,CAAC"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../../src/integrations/react-hook-form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EAAE,EAEP,KAAK,iBAAiB,EACtB,KAAK,GAAG,EACT,MAAM,OAAO,CAAC;AAEf,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;CAC5B,GAAG,iBAAiB,CAAC;AAEtB;;;;GAIG;AACH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAe9B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-remote-react-renderer",
-  "version": "1.1.0-next.1",
+  "version": "1.1.0-next.2",
   "type": "module",
   "description": "React rendering for Flow Remote Elements",
   "homepage": "https://flow.mittwald.de",
@@ -28,9 +28,9 @@
     "test:unit": "vitest run --passWithNoTests"
   },
   "dependencies": {
-    "@mittwald/ext-bridge": "1.1.0-next.1",
-    "@mittwald/flow-remote-core": "1.1.0-next.1",
-    "@mittwald/flow-remote-elements": "1.1.0-next.1",
+    "@mittwald/ext-bridge": "1.1.0-next.2",
+    "@mittwald/flow-remote-core": "1.1.0-next.2",
+    "@mittwald/flow-remote-elements": "1.1.0-next.2",
     "@mittwald/react-use-promise": "^4.2.2",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.10",
     "@types/react": "^19.2",
@@ -39,9 +39,9 @@
     "remeda": "^2.43.0"
   },
   "devDependencies": {
-    "@mittwald/flow-core": "1.1.0-next.1",
-    "@mittwald/flow-react-components": "1.1.0-next.1",
-    "@mittwald/typescript-config": "1.1.0-next.1",
+    "@mittwald/flow-core": "1.1.0-next.2",
+    "@mittwald/flow-react-components": "1.1.0-next.2",
+    "@mittwald/typescript-config": "1.1.0-next.2",
     "@types/node": "^25.9.3",
     "nx": "^22.7.5",
     "react": "^19.2.8",
@@ -56,7 +56,7 @@
     "vitest": "^4.1.11"
   },
   "peerDependencies": {
-    "@mittwald/flow-react-components": "1.1.0-next.1",
+    "@mittwald/flow-react-components": "1.1.0-next.2",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "react-hook-form": "^7.65.0"
@@ -66,5 +66,5 @@
       "optional": true
     }
   },
-  "gitHead": "3d1fcf6eb22e5098804ffadf7537a8005be1c3fc"
+  "gitHead": "3db3c67c1b022dd0d53dea4a202086b821e72acf"
 }