@mittwald/flow-remote-react-components 1.1.0-next.1 → 1.1.0-next.11

package/README.md

@@ -27,11 +27,7 @@ pnpm add @mittwald/flow-remote-react-components
 #### Adjust imports in your code
 
 ```shell
-npx jscodeshift \
-  -t https://raw.githubusercontent.com/mittwald/flow/refs/heads/main/packages/codemods/src/transforms/flowRemote.ts \
-  --parser tsx \
-  src
+npx @mittwald/flow-codemods@latest to-remote-package src
 ```
 
-Replace `src` with your sources folder. If you do not use TypeScript in your
-project, use `--parser jsx`.
+Replace `src` with your sources folder.

package/USAGE.md

@@ -123,7 +123,12 @@ Two consequences:
 
 Read the
 [migration notes](https://github.com/mittwald/flow/blob/main/packages/components/MIGRATION.md)
-before upgrading — they cover the remote elements too.
+before upgrading — they cover the remote elements too. The codemods among them
+run from one command, and it treats this package like any other Flow dependency:
+
+```shell
+npx @mittwald/flow-codemods@latest upgrade
+```
 
 ## Mistakes to avoid
 

package/dist/js/version.mjs

@@ -3,7 +3,7 @@
 import { Version } from "@mittwald/flow-remote-core";
 //#region src/version.ts
 var communicationVersion = Version.v5;
-var packageVersion = "1.1.0-next.1";
+var packageVersion = "1.1.0-next.11";
 var version = communicationVersion;
 //#endregion
 export { communicationVersion, packageVersion, version };

package/dist/types/tests/NestedFormSubmit.browser.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=NestedFormSubmit.browser.test.d.ts.map

package/dist/types/tests/NestedFormSubmit.browser.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedFormSubmit.browser.test.d.ts","sourceRoot":"","sources":["../../../src/tests/NestedFormSubmit.browser.test.tsx"],"names":[],"mappings":""}

package/dist/types/tests/RemoteEventListenerRemoval.browser.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=RemoteEventListenerRemoval.browser.test.d.ts.map

package/dist/types/tests/RemoteEventListenerRemoval.browser.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoteEventListenerRemoval.browser.test.d.ts","sourceRoot":"","sources":["../../../src/tests/RemoteEventListenerRemoval.browser.test.tsx"],"names":[],"mappings":""}

package/dist/types/tests/ScreenshotPreamble.browser.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ScreenshotPreamble.browser.test.d.ts.map

package/dist/types/tests/ScreenshotPreamble.browser.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenshotPreamble.browser.test.d.ts","sourceRoot":"","sources":["../../../src/tests/ScreenshotPreamble.browser.test.tsx"],"names":[],"mappings":""}

package/dist/types/tests/lib/environments.d.ts

@@ -6,6 +6,12 @@ import * as PasswordToolsComponents from "@mittwald/flow-react-components/mittwa
 declare const localComponents: typeof Components & typeof PasswordToolsComponents;
 export declare const renderRemote: typeof render;
 export declare const renderLocal: typeof render;
+/**
+ * Everything `testScreenshot` does before it captures. Exported so a scenario's
+ * state at capture time can be asserted on the DOM instead of on pixels — see
+ * `ScreenshotPreamble.browser.test.tsx`.
+ */
+export declare const prepareForScreenshot: () => Promise<void>;
 interface TestEnvironment {
     toString: () => string;
     components: typeof localComponents | typeof RemoteComponents;

package/dist/types/tests/lib/environments.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"environments.d.ts","sourceRoot":"","sources":["../../../../src/tests/lib/environments.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAW,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,KAAK,EAAE,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AACxE,OAAO,KAAK,gBAAgB,MAAM,SAAS,CAAC;AAC5C,OAAO,KAAK,UAAU,MAAM,iCAAiC,CAAC;AAC9D,OAAO,KAAK,uBAAuB,MAAM,4DAA4D,CAAC;AAOtG,QAAA,MAAM,eAAe,EAAE,OAAO,UAAU,GAAG,OAAO,uBAGjD,CAAC;AA4BF,eAAO,MAAM,YAAY,EAAE,OAAO,MAKjC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,OAAO,MAKhC,CAAC;AAwFF,UAAU,eAAe;IACvB,QAAQ,EAAE,MAAM,MAAM,CAAC;IACvB,UAAU,EAAE,OAAO,eAAe,GAAG,OAAO,gBAAgB,CAAC;IAC7D,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,CACd,WAAW,EAAE,MAAM,EACnB,OAAO,CAAC,EAAE,wBAAwB,KAC/B,OAAO,CAAC,IAAI,CAAC,CAAC;CACpB;AAkBD,eAAO,MAAM,gBAAgB,6CAGnB,CAAC;AAEX,MAAM,WAAW,gBAAgB;IAC/B,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,GAAI,gBAAgB,gBAAgB,KAAG,OACzD,CAAC"}
+{"version":3,"file":"environments.d.ts","sourceRoot":"","sources":["../../../../src/tests/lib/environments.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAW,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,KAAK,EAAE,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AACxE,OAAO,KAAK,gBAAgB,MAAM,SAAS,CAAC;AAC5C,OAAO,KAAK,UAAU,MAAM,iCAAiC,CAAC;AAC9D,OAAO,KAAK,uBAAuB,MAAM,4DAA4D,CAAC;AAOtG,QAAA,MAAM,eAAe,EAAE,OAAO,UAAU,GAAG,OAAO,uBAGjD,CAAC;AA4BF,eAAO,MAAM,YAAY,EAAE,OAAO,MAKjC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,OAAO,MAKhC,CAAC;AAmJF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,QAAa,OAAO,CAAC,IAAI,CAIzD,CAAC;AAUF,UAAU,eAAe;IACvB,QAAQ,EAAE,MAAM,MAAM,CAAC;IACvB,UAAU,EAAE,OAAO,eAAe,GAAG,OAAO,gBAAgB,CAAC;IAC7D,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,CACd,WAAW,EAAE,MAAM,EACnB,OAAO,CAAC,EAAE,wBAAwB,KAC/B,OAAO,CAAC,IAAI,CAAC,CAAC;CACpB;AAkBD,eAAO,MAAM,gBAAgB,6CAGnB,CAAC;AAEX,MAAM,WAAW,gBAAgB;IAC/B,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,GAAI,gBAAgB,gBAAgB,KAAG,OACzD,CAAC"}

package/dist/types/tests/lib/scenarioFocus.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Whether the focus sits in the scenario at all, i.e. inside the container the
+ * visual suite renders into and captures.
+ *
+ * A field's focus ring is pure CSS (`:focus-within` on the form control,
+ * `:focus` on a segment), so this is exactly what the reference encodes.
+ * Popovers render in a portal outside the container, so an open one holding the
+ * focus reads as `false`.
+ */
+export declare const focusIsInTheScenario: () => boolean;
+/** Waits until the focus has (re-)entered the scenario. */
+export declare const waitForFocusInTheScenario: () => Promise<void>;
+/** Waits until the focus has left the scenario. */
+export declare const waitForFocusOutsideTheScenario: () => Promise<void>;
+//# sourceMappingURL=scenarioFocus.d.ts.map

package/dist/types/tests/lib/scenarioFocus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scenarioFocus.d.ts","sourceRoot":"","sources":["../../../../src/tests/lib/scenarioFocus.ts"],"names":[],"mappings":"AAmCA;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,QAAO,OACyB,CAAC;AAWlE,2DAA2D;AAC3D,eAAO,MAAM,yBAAyB,QAAa,OAAO,CAAC,IAAI,CAQ9D,CAAC;AAEF,mDAAmD;AACnD,eAAO,MAAM,8BAA8B,QAAa,OAAO,CAAC,IAAI,CAQnE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-remote-react-components",
-  "version": "1.1.0-next.1",
+  "version": "1.1.0-next.11",
   "type": "module",
   "description": "React components that can be used in a remote environment",
   "homepage": "https://flow.mittwald.de",
@@ -44,26 +44,26 @@
     "test:e2e": "vitest run --config=e2e/remote-test-server/vitest.config.ts --browser.headless",
     "test:e2e:dev": "vitest dev --config=e2e/remote-test-server/vitest.config.ts",
     "test:e2e:prepare": "pnpm rimraf e2e/remote-test-server/.vitest",
-    "test:unit": "vitest run --project=unit --passWithNoTests",
-    "test:unit:dev": "vitest dev --project=unit --passWithNoTests",
+    "test:unit": "vitest run --project=unit* --passWithNoTests",
+    "test:unit:dev": "vitest dev --project=unit* --passWithNoTests",
     "test:visual": "vitest run --project=visual --browser.headless",
     "test:visual:dev": "vitest dev --project=visual",
-    "test:visual:update": "vitest run --project=visual --browser.headless --update --browser.fileParallelism=false"
+    "test:visual:update": "vitest run --project=visual --browser.headless --update"
   },
   "dependencies": {
-    "@mittwald/flow-react-components": "1.1.0-next.1",
-    "@mittwald/flow-remote-core": "1.1.0-next.1",
-    "@mittwald/flow-remote-elements": "1.1.0-next.1",
+    "@mittwald/flow-react-components": "1.1.0-next.11",
+    "@mittwald/flow-remote-core": "1.1.0-next.11",
+    "@mittwald/flow-remote-elements": "1.1.0-next.11",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.10",
     "@types/react": "^19.2",
     "react-error-boundary": "^6.1.3"
   },
   "devDependencies": {
     "@internationalized/date": "^3.12.3",
-    "@mittwald/ext-bridge": "1.1.0-next.1",
-    "@mittwald/flow-core": "1.1.0-next.1",
-    "@mittwald/flow-remote-react-renderer": "1.1.0-next.1",
-    "@mittwald/typescript-config": "1.1.0-next.1",
+    "@mittwald/ext-bridge": "1.1.0-next.11",
+    "@mittwald/flow-core": "1.1.0-next.11",
+    "@mittwald/flow-remote-react-renderer": "1.1.0-next.11",
+    "@mittwald/typescript-config": "1.1.0-next.11",
     "@quilted/threads": "^3.3.1",
     "@tabler/icons-react": "^3.44.0",
     "@types/node": "^25.9.3",
@@ -89,7 +89,7 @@
   },
   "peerDependencies": {
     "@internationalized/date": "^3.12.2",
-    "@mittwald/ext-bridge": "1.1.0-next.1",
+    "@mittwald/ext-bridge": "1.1.0-next.11",
     "react": "^19.2.0",
     "react-hook-form": "^7.65.0"
   },
@@ -104,5 +104,5 @@
       "optional": true
     }
   },
-  "gitHead": "3d1fcf6eb22e5098804ffadf7537a8005be1c3fc"
+  "gitHead": "bc0ae71617e1e8da950269f0c5a0e765fae2c7aa"
 }