ignore some props

Author: mfal

demos/remote-dom/package.json

@@ -3,8 +3,6 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "build": "run next build",
-    "build:deps:watch": "nx watch -d -p \"@mittwald/flow-demo-remote-dom\" -- nx run-many -t build -p \\$NX_PROJECT_NAME --exclude=\"@mittwald/flow-demo-remote-dom\"",
     "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"

packages/components/dev/remote-components-generator/config.ts

@@ -1,3 +1,12 @@
 export const config = {
-  ignoreProps: ["tunnelId", "ref", "key", "children"],
+  ignoreProps: [
+    "tunnelId",
+    "ref",
+    "key",
+    "children",
+    "className",
+    "style",
+    "dangerouslySetInnerHTML",
+    "wrapWith",
+  ],
 } as const;

packages/components/dev/remote-components-generator/generation/generateRemoteElementFile.ts

@@ -3,7 +3,6 @@ import { componentModulePathOf } from "../lib/componentModulePathOf";
 import { isEvent, isProp, isSlot } from "../lib/propClassifiers";
 import { remoteElementTagNameOf } from "../lib/remoteElementTagNameOf";
 import { remoteComponentNameOf } from "../lib/remoteComponentNameOf";
-import { remoteComponentBaseNameOf } from "../lib/remoteComponentBaseNameOf";
 
 export function generateRemoteElementFile(c: ComponentDoc) {
   const componentProps = c.props;
@@ -39,7 +38,6 @@ export function generateRemoteElementFile(c: ComponentDoc) {
     import type { ${t.propsType} as ${t.propsAliasType} } from "@mittwald/flow-react-components/${t.exportPath}";
     export type { ${t.propsType} as ${t.propsAliasType} } from "@mittwald/flow-react-components/${t.exportPath}";
     
-    
     export class ${t.element} extends FlowRemoteElement<${t.propsAliasType}> {
       static get remoteProperties() {
         return {

packages/components/dev/remote-components-generator/generation/prepareTypeScriptOutput.ts

@@ -1,7 +1,6 @@
 import { format } from "../lib/format";
 
 const header = `\
-/* eslint-disable */
 /* prettier-ignore */
 /* This file is auto-generated with the remote-components-generator */
 `;

packages/components/src/components/Tabs/components/Tab/Tab.tsx

@@ -1,4 +1,4 @@
-import type { FC, PropsWithChildren } from "react";
+import type { FC, PropsWithChildren, ReactNode } from "react";
 import React, { useId } from "react";
 import type { TabPanelRenderProps } from "react-aria-components";
 import * as Aria from "react-aria-components";
@@ -23,7 +23,7 @@ export const Tab: FC<TabProps> = (props) => {
   const generatedId = useId();
   const id = idFromProps ?? generatedId;
 
-  const TabPanelRenderer: FC<TabPanelRenderProps> = (props) => {
+  const TabPanelRenderer = (props: TabPanelRenderProps): Awaited<ReactNode> => {
     const isSelected = props.state.selectedKey === id;
 
     const propsContext: PropsContext = {

packages/docs/src/content/03-components/form-controls/field-react-hook-form/examples/default.tsx

@@ -1,8 +1,6 @@
 import { useForm } from "react-hook-form";
-import {
-  Field,
-  Form,
-} from "@mittwald/flow-react-components/react-hook-form";
+import { Form } from "@mittwald/flow-react-components/react-hook-form/Form";
+import { Field } from "@mittwald/flow-react-components/react-hook-form/Field";
 import { TextField } from "@mittwald/flow-react-components/TextField";
 import { Label } from "@mittwald/flow-react-components/Label";
 import { FieldDescription } from "@mittwald/flow-react-components/FieldDescription";

packages/docs/src/content/03-components/form-controls/field-react-hook-form/examples/typed-field.tsx

@@ -1,8 +1,6 @@
 import { useForm } from "react-hook-form";
-import {
-  Form,
-  typedField,
-} from "@mittwald/flow-react-components/react-hook-form";
+import { Form } from "@mittwald/flow-react-components/react-hook-form/Form";
+import { typedField } from "@mittwald/flow-react-components/react-hook-form/Field";
 import { TextField } from "@mittwald/flow-react-components/TextField";
 import { Label } from "@mittwald/flow-react-components/Label";
 

packages/docs/src/content/03-components/form-controls/form-react-hook-form/examples/default.tsx

@@ -1,8 +1,6 @@
 import { useForm } from "react-hook-form";
-import {
-  Field,
-  Form,
-} from "@mittwald/flow-react-components/react-hook-form";
+import { Field } from "@mittwald/flow-react-components/react-hook-form/Field";
+import { Form } from "@mittwald/flow-react-components/react-hook-form/Form";
 import { TextField } from "@mittwald/flow-react-components/TextField";
 import { Label } from "@mittwald/flow-react-components/Label";
 import { ActionGroup } from "@mittwald/flow-react-components/ActionGroup";

packages/docs/src/content/03-components/overlays/modal/examples/form.tsx

@@ -7,10 +7,8 @@ import Heading from "@mittwald/flow-react-components/Heading";
 import Action from "@mittwald/flow-react-components/Action";
 import { useOverlayController } from "@mittwald/flow-react-components/controller";
 import { useForm } from "react-hook-form";
-import {
-  Form,
-  typedField,
-} from "@mittwald/flow-react-components/react-hook-form";
+import { Form } from "@mittwald/flow-react-components/react-hook-form/Form";
+import { typedField } from "@mittwald/flow-react-components/react-hook-form/Field";
 import { TextField } from "@mittwald/flow-react-components/TextField";
 
 export default () => {

packages/remote-elements/src/auto-generated/RemoteAccordionElement.ts

@@ -1,4 +1,3 @@
-/* eslint-disable */
 /* prettier-ignore */
 /* This file is auto-generated with the remote-components-generator */
 import { FlowRemoteElement } from "@/lib/FlowRemoteElement";
@@ -17,7 +16,6 @@ export class RemoteAccordionElement extends FlowRemoteElement<RemoteAccordionEle
       accessKey: {},
       autoCapitalize: {},
       autoFocus: {},
-      className: {},
       contentEditable: {},
       contextMenu: {},
       dir: {},
@@ -29,7 +27,6 @@ export class RemoteAccordionElement extends FlowRemoteElement<RemoteAccordionEle
       nonce: {},
       slot: {},
       spellCheck: {},
-      style: {},
       tabIndex: {},
       title: {},
       translate: {},
@@ -116,7 +113,6 @@ export class RemoteAccordionElement extends FlowRemoteElement<RemoteAccordionEle
       "aria-valuemin": {},
       "aria-valuenow": {},
       "aria-valuetext": {},
-      dangerouslySetInnerHTML: {},
     };
   }