ignore some props

mittwald · Jan 9, 2025 · aec73a1 · aec73a1
1 parent 909092a
commit aec73a1
Show file tree

Hide file tree

Showing 234 changed files with 177 additions and 759 deletions.
diff --git a/demos/remote-dom/package.json b/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"

diff --git a/packages/components/dev/remote-components-generator/config.ts b/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;
diff --git a/packages/components/dev/remote-components-generator/generation/generateRemoteElementFile.ts b/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 {

diff --git a/packages/components/dev/remote-components-generator/generation/prepareTypeScriptOutput.ts b/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 */
 `;

diff --git a/packages/components/src/components/Tabs/components/Tab/Tab.tsx b/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 = {

diff --git a/...s/docs/src/content/03-components/form-controls/field-react-hook-form/examples/default.tsx b/...s/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";

diff --git a/...cs/src/content/03-components/form-controls/field-react-hook-form/examples/typed-field.tsx b/...cs/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";
 

diff --git a/...es/docs/src/content/03-components/form-controls/form-react-hook-form/examples/default.tsx b/...es/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";

diff --git a/packages/docs/src/content/03-components/overlays/modal/examples/form.tsx b/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 () => {

diff --git a/packages/remote-elements/src/auto-generated/RemoteAccordionElement.ts b/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: {},
     };
   }
 

diff --git a/packages/remote-elements/src/auto-generated/RemoteActionElement.ts b/packages/remote-elements/src/auto-generated/RemoteActionElement.ts
@@ -1,4 +1,3 @@
-/* eslint-disable */
 /* prettier-ignore */
 /* This file is auto-generated with the remote-components-generator */
 import { FlowRemoteElement } from "@/lib/FlowRemoteElement";
@@ -16,7 +15,6 @@ export class RemoteActionElement extends FlowRemoteElement<RemoteActionElementPr
       break: {},
       skip: {},
       showFeedback: {},
-      wrapWith: {},
     };
   }
 

diff --git a/packages/remote-elements/src/auto-generated/RemoteActionGroupElement.ts b/packages/remote-elements/src/auto-generated/RemoteActionGroupElement.ts
@@ -1,4 +1,3 @@
-/* eslint-disable */
 /* prettier-ignore */
 /* This file is auto-generated with the remote-components-generator */
 import { FlowRemoteElement } from "@/lib/FlowRemoteElement";
@@ -10,8 +9,6 @@ export class RemoteActionGroupElement extends FlowRemoteElement<RemoteActionGrou
     return {
       ignoreBreakpoint: {},
       spacing: {},
-      wrapWith: {},
-      className: {},
     };
   }
 

diff --git a/packages/remote-elements/src/auto-generated/RemoteActivityElement.ts b/packages/remote-elements/src/auto-generated/RemoteActivityElement.ts
@@ -1,4 +1,3 @@
-/* eslint-disable */
 /* prettier-ignore */
 /* This file is auto-generated with the remote-components-generator */
 import { FlowRemoteElement } from "@/lib/FlowRemoteElement";

diff --git a/packages/remote-elements/src/auto-generated/RemoteAlertBadgeElement.ts b/packages/remote-elements/src/auto-generated/RemoteAlertBadgeElement.ts
@@ -1,4 +1,3 @@
-/* eslint-disable */
 /* prettier-ignore */
 /* This file is auto-generated with the remote-components-generator */
 import { FlowRemoteElement } from "@/lib/FlowRemoteElement";
@@ -9,8 +8,6 @@ export class RemoteAlertBadgeElement extends FlowRemoteElement<RemoteAlertBadgeE
   static get remoteProperties() {
     return {
       status: {},
-      wrapWith: {},
-      className: {},
     };
   }
 

diff --git a/packages/remote-elements/src/auto-generated/RemoteAlertElement.ts b/packages/remote-elements/src/auto-generated/RemoteAlertElement.ts
@@ -1,4 +1,3 @@
-/* eslint-disable */
 /* prettier-ignore */
 /* This file is auto-generated with the remote-components-generator */
 import { FlowRemoteElement } from "@/lib/FlowRemoteElement";
@@ -15,7 +14,6 @@ export class RemoteAlertElement extends FlowRemoteElement<RemoteAlertElementProp
       accessKey: {},
       autoCapitalize: {},
       autoFocus: {},
-      className: {},
       contentEditable: {},
       contextMenu: {},
       dir: {},
@@ -27,7 +25,6 @@ export class RemoteAlertElement extends FlowRemoteElement<RemoteAlertElementProp
       nonce: {},
       slot: {},
       spellCheck: {},
-      style: {},
       tabIndex: {},
       title: {},
       translate: {},
@@ -114,9 +111,7 @@ export class RemoteAlertElement extends FlowRemoteElement<RemoteAlertElementProp
       "aria-valuemin": {},
       "aria-valuenow": {},
       "aria-valuetext": {},
-      dangerouslySetInnerHTML: {},
       status: {},
-      wrapWith: {},
     };
   }
 

diff --git a/packages/remote-elements/src/auto-generated/RemoteAlertIconElement.ts b/packages/remote-elements/src/auto-generated/RemoteAlertIconElement.ts
@@ -1,4 +1,3 @@
-/* eslint-disable */
 /* prettier-ignore */
 /* This file is auto-generated with the remote-components-generator */
 import { FlowRemoteElement } from "@/lib/FlowRemoteElement";
@@ -16,8 +15,6 @@ export class RemoteAlertIconElement extends FlowRemoteElement<RemoteAlertIconEle
       "aria-labelledby": {},
       "aria-describedby": {},
       "aria-details": {},
-      className: {},
-      style: {},
       end: {},
       id: {},
       width: {},
@@ -80,7 +77,6 @@ export class RemoteAlertIconElement extends FlowRemoteElement<RemoteAlertIconEle
       "aria-valuemin": {},
       "aria-valuenow": {},
       "aria-valuetext": {},
-      dangerouslySetInnerHTML: {},
       height: {},
       max: {},
       media: {},
@@ -323,7 +319,6 @@ export class RemoteAlertIconElement extends FlowRemoteElement<RemoteAlertIconEle
       yChannelSelector: {},
       z: {},
       zoomAndPan: {},
-      wrapWith: {},
     };
   }
 

diff --git a/packages/remote-elements/src/auto-generated/RemoteAlignElement.ts b/packages/remote-elements/src/auto-generated/RemoteAlignElement.ts
@@ -1,4 +1,3 @@
-/* eslint-disable */
 /* prettier-ignore */
 /* This file is auto-generated with the remote-components-generator */
 import { FlowRemoteElement } from "@/lib/FlowRemoteElement";
@@ -7,10 +6,7 @@ export type { AlignProps as RemoteAlignElementProps } from "@mittwald/flow-react
 
 export class RemoteAlignElement extends FlowRemoteElement<RemoteAlignElementProps> {
   static get remoteProperties() {
-    return {
-      className: {},
-      wrapWith: {},
-    };
+    return {};
   }
 
   static get remoteEvents() {

diff --git a/packages/remote-elements/src/auto-generated/RemoteAvatarElement.ts b/packages/remote-elements/src/auto-generated/RemoteAvatarElement.ts
@@ -1,4 +1,3 @@
-/* eslint-disable */
 /* prettier-ignore */
 /* This file is auto-generated with the remote-components-generator */
 import { FlowRemoteElement } from "@/lib/FlowRemoteElement";
@@ -10,8 +9,6 @@ export class RemoteAvatarElement extends FlowRemoteElement<RemoteAvatarElementPr
     return {
       size: {},
       color: {},
-      className: {},
-      wrapWith: {},
     };
   }
 

diff --git a/packages/remote-elements/src/auto-generated/RemoteBadgeElement.ts b/packages/remote-elements/src/auto-generated/RemoteBadgeElement.ts
@@ -1,4 +1,3 @@
-/* eslint-disable */
 /* prettier-ignore */
 /* This file is auto-generated with the remote-components-generator */
 import { FlowRemoteElement } from "@/lib/FlowRemoteElement";
@@ -10,8 +9,6 @@ export class RemoteBadgeElement extends FlowRemoteElement<RemoteBadgeElementProp
     return {
       color: {},
       isDisabled: {},
-      wrapWith: {},
-      className: {},
     };
   }
 

diff --git a/packages/remote-elements/src/auto-generated/RemoteBreadcrumbElement.ts b/packages/remote-elements/src/auto-generated/RemoteBreadcrumbElement.ts
@@ -1,4 +1,3 @@
-/* eslint-disable */
 /* prettier-ignore */
 /* This file is auto-generated with the remote-components-generator */
 import { FlowRemoteElement } from "@/lib/FlowRemoteElement";
@@ -13,8 +12,6 @@ export class RemoteBreadcrumbElement extends FlowRemoteElement<RemoteBreadcrumbE
       "aria-labelledby": {},
       "aria-describedby": {},
       "aria-details": {},
-      className: {},
-      style: {},
       isDisabled: {},
       id: {},
       slot: {},

diff --git a/packages/remote-elements/src/auto-generated/RemoteButtonElement.ts b/packages/remote-elements/src/auto-generated/RemoteButtonElement.ts
@@ -1,4 +1,3 @@
-/* eslint-disable */
 /* prettier-ignore */
 /* This file is auto-generated with the remote-components-generator */
 import { FlowRemoteElement } from "@/lib/FlowRemoteElement";
@@ -40,9 +39,6 @@ export class RemoteButtonElement extends FlowRemoteElement<RemoteButtonElementPr
       type: {},
       preventFocusOnPress: {},
       excludeFromTabOrder: {},
-      className: {},
-      style: {},
-      wrapWith: {},
     };
   }
 

diff --git a/packages/remote-elements/src/auto-generated/RemoteCheckboxButtonElement.ts b/packages/remote-elements/src/auto-generated/RemoteCheckboxButtonElement.ts
@@ -1,4 +1,3 @@
-/* eslint-disable */
 /* prettier-ignore */
 /* This file is auto-generated with the remote-components-generator */
 import { FlowRemoteElement } from "@/lib/FlowRemoteElement";
@@ -12,8 +11,6 @@ export class RemoteCheckboxButtonElement extends FlowRemoteElement<RemoteCheckbo
       "aria-labelledby": {},
       "aria-describedby": {},
       "aria-details": {},
-      className: {},
-      style: {},
       validationBehavior: {},
       isDisabled: {},
       isReadOnly: {},
@@ -32,7 +29,6 @@ export class RemoteCheckboxButtonElement extends FlowRemoteElement<RemoteCheckbo
       defaultSelected: {},
       isSelected: {},
       inputRef: {},
-      wrapWith: {},
     };
   }
 

diff --git a/packages/remote-elements/src/auto-generated/RemoteCheckboxElement.ts b/packages/remote-elements/src/auto-generated/RemoteCheckboxElement.ts
@@ -1,4 +1,3 @@
-/* eslint-disable */
 /* prettier-ignore */
 /* This file is auto-generated with the remote-components-generator */
 import { FlowRemoteElement } from "@/lib/FlowRemoteElement";
@@ -12,8 +11,6 @@ export class RemoteCheckboxElement extends FlowRemoteElement<RemoteCheckboxEleme
       "aria-labelledby": {},
       "aria-describedby": {},
       "aria-details": {},
-      className: {},
-      style: {},
       validationBehavior: {},
       isDisabled: {},
       isReadOnly: {},
@@ -32,7 +29,6 @@ export class RemoteCheckboxElement extends FlowRemoteElement<RemoteCheckboxEleme
       defaultSelected: {},
       isSelected: {},
       inputRef: {},
-      wrapWith: {},
     };
   }
 

diff --git a/packages/remote-elements/src/auto-generated/RemoteCheckboxGroupElement.ts b/packages/remote-elements/src/auto-generated/RemoteCheckboxGroupElement.ts
@@ -1,4 +1,3 @@
-/* eslint-disable */
 /* prettier-ignore */
 /* This file is auto-generated with the remote-components-generator */
 import { FlowRemoteElement } from "@/lib/FlowRemoteElement";
@@ -12,8 +11,6 @@ export class RemoteCheckboxGroupElement extends FlowRemoteElement<RemoteCheckbox
       "aria-labelledby": {},
       "aria-describedby": {},
       "aria-details": {},
-      className: {},
-      style: {},
       validationBehavior: {},
       isDisabled: {},
       isReadOnly: {},
@@ -29,7 +26,6 @@ export class RemoteCheckboxGroupElement extends FlowRemoteElement<RemoteCheckbox
       s: {},
       m: {},
       l: {},
-      wrapWith: {},
     };
   }
 

diff --git a/packages/remote-elements/src/auto-generated/RemoteCodeBlockElement.ts b/packages/remote-elements/src/auto-generated/RemoteCodeBlockElement.ts
@@ -1,4 +1,3 @@
-/* eslint-disable */
 /* prettier-ignore */
 /* This file is auto-generated with the remote-components-generator */
 import { FlowRemoteElement } from "@/lib/FlowRemoteElement";
@@ -11,7 +10,6 @@ export class RemoteCodeBlockElement extends FlowRemoteElement<RemoteCodeBlockEle
       copyable: {},
       color: {},
       code: {},
-      className: {},
     };
   }