Merge remote-tracking branch 'origin/flow-remote' into feat/remote-co…

…mponent-generation * origin/flow-remote: (63 commits) sync invalid status add react-hook-form remote element fix ssr clone fix cleanup configure icon context fix multiple react 19 type errors fix react 19 types update deps implement basic react form hook support basic remote list implementation merge master fix(Avatar): fix avatar color (#1086) chore(release): bump version to 0.1.0-alpha.390 feature(List): auto-create columns from static data (#1085) feat(ContextMenu): support switch and selection mode in context menu section (#1051) chore(release): bump version to 0.1.0-alpha.389 chore: update tokens (#1026) chore(release): bump version to 0.1.0-alpha.388 feat(Table): support row header (#1058) ... # Conflicts: # .pnp.cjs # package.json # packages/remote-elements/src/Form.ts # packages/remote-elements/src/Fragment.ts # packages/remote-elements/src/ListItem.ts # packages/remote-elements/src/TextField.ts # packages/remote-elements/src/index.ts # packages/remote-react-components/src/Icon.ts # packages/remote-react-components/src/List.ts # packages/remote-react-components/src/TextField.ts # packages/remote-react-components/src/index.ts # yarn.lock
mittwald · Jan 6, 2025 · 8872bce · 8872bce
2 parents 419db0e + f3ce11a
commit 8872bce
Show file tree

Hide file tree

Showing 264 changed files with 8,773 additions and 3,391 deletions.
diff --git a/.idea/Flow - mittwald Design System.iml b/.idea/Flow - mittwald Design System.iml
diff --git a/.idea/compiler.xml b/.idea/compiler.xml
diff --git a/.idea/nx-console.xml b/.idea/nx-console.xml
diff --git a/.pnp.cjs b/.pnp.cjs
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,225 @@
 All notable changes to this project will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.1.0-alpha.390](https://github.com/mittwald/flow/compare/0.1.0-alpha.389...0.1.0-alpha.390) (2024-12-18)
+
+### Features
+
+- **ContextMenu:** support switch and selection mode in context menu section
+  ([#1051](https://github.com/mittwald/flow/issues/1051))
+  ([42c750e](https://github.com/mittwald/flow/commit/42c750e92b17ace552af2d08a41d41b791bd05ef))
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [0.1.0-alpha.389](https://github.com/mittwald/flow/compare/0.1.0-alpha.388...0.1.0-alpha.389) (2024-12-18)
+
+**Note:** Version bump only for package @mittwald/flow-project
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [0.1.0-alpha.388](https://github.com/mittwald/flow/compare/0.1.0-alpha.387...0.1.0-alpha.388) (2024-12-18)
+
+### Features
+
+- **Table:** support row header
+  ([#1058](https://github.com/mittwald/flow/issues/1058))
+  ([b73cfdd](https://github.com/mittwald/flow/commit/b73cfdd0d5603846c7ae0ad1882453ad58e1d6d2))
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [0.1.0-alpha.387](https://github.com/mittwald/flow/compare/0.1.0-alpha.386...0.1.0-alpha.387) (2024-12-18)
+
+**Note:** Version bump only for package @mittwald/flow-project
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [0.1.0-alpha.386](https://github.com/mittwald/flow/compare/0.1.0-alpha.385...0.1.0-alpha.386) (2024-12-18)
+
+### Features
+
+- **List:** add auto submit to search
+  ([#1069](https://github.com/mittwald/flow/issues/1069))
+  ([93bb0d6](https://github.com/mittwald/flow/commit/93bb0d6d8f6b87347e7aad1e61e5a99ad2556b4c))
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [0.1.0-alpha.385](https://github.com/mittwald/flow/compare/0.1.0-alpha.384...0.1.0-alpha.385) (2024-12-18)
+
+### Features
+
+- **List:** update search field size
+  ([#1068](https://github.com/mittwald/flow/issues/1068))
+  ([22e7008](https://github.com/mittwald/flow/commit/22e7008e0047fab8a5bda8afe8d6655fabfee2a7))
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [0.1.0-alpha.384](https://github.com/mittwald/flow/compare/0.1.0-alpha.383...0.1.0-alpha.384) (2024-12-18)
+
+### Bug Fixes
+
+- **List:** fix responsive list item
+  ([#1059](https://github.com/mittwald/flow/issues/1059))
+  ([a8fc2db](https://github.com/mittwald/flow/commit/a8fc2db6e0c19b77ebcd6c103770b301c836a780))
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [0.1.0-alpha.383](https://github.com/mittwald/flow/compare/0.1.0-alpha.382...0.1.0-alpha.383) (2024-12-18)
+
+**Note:** Version bump only for package @mittwald/flow-project
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [0.1.0-alpha.382](https://github.com/mittwald/flow/compare/0.1.0-alpha.381...0.1.0-alpha.382) (2024-12-18)
+
+### Bug Fixes
+
+- **List:** fix error when using defaultValues
+  ([#1082](https://github.com/mittwald/flow/issues/1082))
+  ([68ec508](https://github.com/mittwald/flow/commit/68ec508b2a7cc3c9594212c1e80dc1af3ce47ce7))
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [0.1.0-alpha.381](https://github.com/mittwald/flow/compare/0.1.0-alpha.380...0.1.0-alpha.381) (2024-12-17)
+
+### Bug Fixes
+
+- tabler icon chunks ([#1077](https://github.com/mittwald/flow/issues/1077))
+  ([7d4ba58](https://github.com/mittwald/flow/commit/7d4ba58545e2f128fc7e8f8f99f0e5784089860c))
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [0.1.0-alpha.380](https://github.com/mittwald/flow/compare/0.1.0-alpha.379...0.1.0-alpha.380) (2024-12-12)
+
+### Bug Fixes
+
+- **docs:** layout of the footer component
+  ([#1036](https://github.com/mittwald/flow/issues/1036))
+  ([d8adfa4](https://github.com/mittwald/flow/commit/d8adfa4c8d67b2cb40356b6d932f3d72f59a3bce))
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [0.1.0-alpha.379](https://github.com/mittwald/flow/compare/0.1.0-alpha.378...0.1.0-alpha.379) (2024-12-11)
+
+**Note:** Version bump only for package @mittwald/flow-project
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [0.1.0-alpha.378](https://github.com/mittwald/flow/compare/0.1.0-alpha.377...0.1.0-alpha.378) (2024-12-11)
+
+**Note:** Version bump only for package @mittwald/flow-project
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [0.1.0-alpha.377](https://github.com/mittwald/flow/compare/0.1.0-alpha.376...0.1.0-alpha.377) (2024-12-11)
+
+### Features
+
+- **Icon:** add vertical context menu icon and password icon
+  ([#1048](https://github.com/mittwald/flow/issues/1048))
+  ([4d189a8](https://github.com/mittwald/flow/commit/4d189a8f2e363f813d23a1daf3bcbfdc35cf8ddb))
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [0.1.0-alpha.376](https://github.com/mittwald/flow/compare/0.1.0-alpha.375...0.1.0-alpha.376) (2024-12-11)
+
+**Note:** Version bump only for package @mittwald/flow-project
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [0.1.0-alpha.375](https://github.com/mittwald/flow/compare/0.1.0-alpha.374...0.1.0-alpha.375) (2024-12-11)
+
+**Note:** Version bump only for package @mittwald/flow-project
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [0.1.0-alpha.374](https://github.com/mittwald/flow/compare/0.1.0-alpha.373...0.1.0-alpha.374) (2024-12-10)
+
+**Note:** Version bump only for package @mittwald/flow-project
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [0.1.0-alpha.373](https://github.com/mittwald/flow/compare/0.1.0-alpha.372...0.1.0-alpha.373) (2024-12-10)
+
+**Note:** Version bump only for package @mittwald/flow-project
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [0.1.0-alpha.372](https://github.com/mittwald/flow/compare/0.1.0-alpha.371...0.1.0-alpha.372) (2024-12-10)
+
+**Note:** Version bump only for package @mittwald/flow-project
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [0.1.0-alpha.371](https://github.com/mittwald/flow/compare/0.1.0-alpha.370...0.1.0-alpha.371) (2024-12-10)
+
+### Bug Fixes
+
+- **Modal:** fix mobile off canvas
+  ([#1055](https://github.com/mittwald/flow/issues/1055))
+  ([eb20386](https://github.com/mittwald/flow/commit/eb203862e3a9b9a30f7adeb3903eba385bd5c5f5))
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
 # [0.1.0-alpha.370](https://github.com/mittwald/flow/compare/0.1.0-alpha.369...0.1.0-alpha.370) (2024-12-10)
 
 ### Bug Fixes

diff --git a/demos/remote-dom/package.json b/demos/remote-dom/package.json
@@ -5,7 +5,7 @@
   "scripts": {
     "build": "run next build",
     "build:deps:watch": "run -T build:deps:watch @mittwald/flow-demo-remote-dom",
-    "dev": "run nx run-many --outputStyle=stream --projects=@mittwald/flow-demo-remote-dom --targets=start,build:deps:watch,build:imports",
+    "dev": "run nx run-many --outputStyle=stream --projects=@mittwald/flow-demo-remote-dom --targets=start,build:deps:watch",
     "start": "run next dev",
     "test:compile": "run tsc --noEmit"
   },
@@ -22,18 +22,18 @@
     "next": "~15.0.4",
     "react": "19.0.0",
     "react-dom": "19.0.0",
-    "react-hook-form": "^7.53.2",
+    "react-hook-form": "^7.54.0",
     "remeda": "^2.17.4",
     "sass": "^1.82.0",
     "webpack": "^5.97.1"
   },
   "devDependencies": {
     "@types/node": "^22.10.1",
-    "@types/react": "^19.0.0",
-    "@types/react-dom": "^19.0.0",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.2",
     "@yarnpkg/pnpify": "^4.1.3",
     "eslint": "^9.16.0",
-    "nx": "^20.2.0",
+    "nx": "^20.2.2",
     "typescript": "^5.7.2"
   },
   "overrides": {

diff --git a/demos/remote-dom/src/app/host/[demo]/page.tsx b/demos/remote-dom/src/app/host/[demo]/page.tsx
@@ -4,5 +4,17 @@ import { useParams } from "next/navigation";
 
 export default function Page() {
   const { demo } = useParams<{ demo: string }>();
-  return <RemoteRenderer src={`http://localhost:3000/remote/${demo}`} />;
+  return (
+    <RemoteRenderer
+      src={`http://localhost:3000/remote/${demo}`}
+      iframeStyle={{
+        border: 0,
+        bottom: 0,
+        left: 0,
+        right: 0,
+        height: "600px",
+        width: "100%",
+      }}
+    />
+  );
 }
diff --git a/demos/remote-dom/src/app/host/layout.tsx b/demos/remote-dom/src/app/host/layout.tsx
@@ -15,8 +15,12 @@ export default function Layout(props: PropsWithChildren) {
         <Link href="/host/modal">Modal</Link>
         <Link href="/host/simple-form">Simple Form</Link>
         <Link href="/host/action-form">Action Form</Link>
+        <Link href="/host/react-hook-form">React Hook Form</Link>
+        <Link href="/host/rhf-form">RHF Form</Link>
         <Link href="/host/suspense">Suspense</Link>
         <Link href="/host/svg">Icon/SVG</Link>
+        <Link href="/host/list">List</Link>
+        <Link href="/host/performance">Performance</Link>
       </HeaderNavigation>
       <Separator />
       <main className={styles.mainContainer}>

diff --git a/demos/remote-dom/src/app/remote/actions.ts b/demos/remote-dom/src/app/remote/actions.ts
@@ -22,3 +22,11 @@ export async function formServerAction(prevState: number, formData: FormData) {
   console.log("Done");
   return prevState + 1;
 }
+
+export async function formReactHookServerAction(
+  prevState: unknown,
+  formData: FormData,
+) {
+  await sleep();
+  console.log("action form", formData);
+}
diff --git a/demos/remote-dom/src/app/remote/layout.css b/demos/remote-dom/src/app/remote/layout.css
@@ -0,0 +1,21 @@
+body {
+  background-color: bisque;
+}
+
+script {
+  display: none;
+}
+
+* {
+  background-color: rgba(0, 0, 0, 0.1);
+  display: block;
+  font-family: sans-serif;
+}
+
+[flr-*] {
+  display: none;
+}
+
+* * {
+  padding-left: 20px;
+}
diff --git a/demos/remote-dom/src/app/remote/layout.tsx b/demos/remote-dom/src/app/remote/layout.tsx
@@ -1,6 +1,7 @@
 "use client";
 import { type PropsWithChildren } from "react";
 import { Root } from "@mittwald/flow-remote-react-components";
+import "./layout.css";
 
 export default function Page(props: PropsWithChildren) {
   return <Root>{props.children}</Root>;