diff --git a/.idea/compiler.xml b/.idea/compiler.xml deleted file mode 100644 index 8ca546d7d..000000000 --- a/.idea/compiler.xml +++ /dev/null @@ -1,6 +0,0 @@ - - - - - \ No newline at end of file diff --git a/nx.json b/nx.json index 043311f2d..b69118807 100644 --- a/nx.json +++ b/nx.json @@ -11,8 +11,9 @@ "build:icons", "build:imports", "build:css", - "^build:docs-properties", - "^build:remote-components" + "build:base", + "build:docs-properties", + "build:remote-components" ], "cache": true }, @@ -49,6 +50,7 @@ "inputs": ["default", "{projectRoot}/src/content/**/*.mdx"] }, "build:base": { + "dependsOn": ["^build"], "cache": true, "inputs": ["default"] } diff --git a/packages/docs/src/lib/PropertiesTables/components/PropertyRow.tsx b/packages/docs/src/lib/PropertiesTables/components/PropertyRow.tsx index 963239ab2..3a455549a 100644 --- a/packages/docs/src/lib/PropertiesTables/components/PropertyRow.tsx +++ b/packages/docs/src/lib/PropertiesTables/components/PropertyRow.tsx @@ -30,7 +30,7 @@ export const PropertyRow: React.FC = ({ components={omit(customComponents, [ "Content", "Heading", - "InlineAlert", + "Alert", "DoAndDont", "ColumnLayout", ])} diff --git a/packages/docs/src/lib/mdx/components/MdxFileView/MdxFileView.tsx b/packages/docs/src/lib/mdx/components/MdxFileView/MdxFileView.tsx index 3b6a21397..41823f87d 100644 --- a/packages/docs/src/lib/mdx/components/MdxFileView/MdxFileView.tsx +++ b/packages/docs/src/lib/mdx/components/MdxFileView/MdxFileView.tsx @@ -154,16 +154,20 @@ export const MdxFileView: FC = (props) => { return ( ); }; diff --git a/packages/docs/src/lib/mdx/components/MdxFileView/customComponents.tsx b/packages/docs/src/lib/mdx/components/MdxFileView/customComponents.tsx index a83ab2d4d..78e8bece8 100644 --- a/packages/docs/src/lib/mdx/components/MdxFileView/customComponents.tsx +++ b/packages/docs/src/lib/mdx/components/MdxFileView/customComponents.tsx @@ -1,8 +1,8 @@ import styles from "./customComponents.module.css"; import Heading from "@mittwald/flow-react-components/Heading"; -import type { MDXComponents } from "mdx/types"; import Alert from "@mittwald/flow-react-components/Alert"; import Content from "@mittwald/flow-react-components/Content"; +import type { PropsWithChildren } from "react"; import React from "react"; import CopyButton from "@mittwald/flow-react-components/CopyButton"; import Link from "@mittwald/flow-react-components/Link"; @@ -23,7 +23,7 @@ import { } from "@mittwald/flow-react-components/Table"; import { Label } from "@mittwald/flow-react-components/Label"; -export const customComponents: MDXComponents = { +export const customComponents = { Content: Content, Heading: Heading, Alert: Alert, @@ -33,7 +33,7 @@ export const customComponents: MDXComponents = { Label: Label, Link: Link, - pre: ({ children }) => ( + pre: ({ children }: PropsWithChildren) => (
{children}
), - code: ({ children }) => {children}, + code: ({ children }: PropsWithChildren) => ( + {children} + ), - p: ({ children }) => ( + p: ({ children }: PropsWithChildren) => ( {children} ), - ul: ({ children }) =>
    {children}
, + ul: ({ children }: PropsWithChildren) => ( +
    {children}
+ ), - li: ({ children }) =>
  • {children}
  • , + li: ({ children }: PropsWithChildren) => ( +
  • {children}
  • + ), - h1: ({ children }) => ( + h1: ({ children }: PropsWithChildren) => ( {children} ), - h2: ({ children }) => ( + h2: ({ children }: PropsWithChildren) => ( {children} ), - h3: ({ children }) => ( + h3: ({ children }: PropsWithChildren) => ( {children} ), - h4: ({ children }) => ( + h4: ({ children }: PropsWithChildren) => ( {children} ), - a: ({ children, href }) => { + a: ({ children, href }: PropsWithChildren<{ href?: string }>) => { if (href?.startsWith("http")) { return ( @@ -101,10 +107,14 @@ export const customComponents: MDXComponents = { hr: () => , - table: ({ children }) => {children}
    , - thead: ({ children }) => {children}, - tr: ({ children }) => {children}, - th: ({ children }) => {children}, - tbody: ({ children }) => {children}, - td: ({ children }) => {children}, -}; + table: ({ children }: PropsWithChildren) => {children}
    , + thead: ({ children }: PropsWithChildren) => ( + {children} + ), + tr: ({ children }: PropsWithChildren) => {children}, + th: ({ children }: PropsWithChildren) => ( + {children} + ), + tbody: ({ children }: PropsWithChildren) => {children}, + td: ({ children }: PropsWithChildren) => {children}, +} as const; diff --git a/packages/remote-elements/src/auto-generated/RemoteAlertIconElement.ts b/packages/remote-elements/src/auto-generated/RemoteAlertIconElement.ts index d91c9bd45..01d0cb75a 100644 --- a/packages/remote-elements/src/auto-generated/RemoteAlertIconElement.ts +++ b/packages/remote-elements/src/auto-generated/RemoteAlertIconElement.ts @@ -16,7 +16,12 @@ export class RemoteAlertIconElement extends FlowRemoteElement "aria-describedby": {}, "aria-details": {}, end: {}, + "aria-activedescendant": {}, + "aria-autocomplete": {}, + "aria-haspopup": {}, id: {}, + type: {}, + "aria-errormessage": {}, width: {}, spacing: {}, clipPath: {}, @@ -27,9 +32,7 @@ export class RemoteIconElement extends FlowRemoteElement tabIndex: {}, role: {}, color: {}, - "aria-activedescendant": {}, "aria-atomic": {}, - "aria-autocomplete": {}, "aria-braillelabel": {}, "aria-brailleroledescription": {}, "aria-busy": {}, @@ -43,11 +46,9 @@ export class RemoteIconElement extends FlowRemoteElement "aria-description": {}, "aria-disabled": {}, "aria-dropeffect": {}, - "aria-errormessage": {}, "aria-expanded": {}, "aria-flowto": {}, "aria-grabbed": {}, - "aria-haspopup": {}, "aria-hidden": {}, "aria-invalid": {}, "aria-keyshortcuts": {}, @@ -82,7 +83,6 @@ export class RemoteIconElement extends FlowRemoteElement method: {}, min: {}, target: {}, - type: {}, crossOrigin: {}, accentHeight: {}, accumulate: {}, @@ -329,23 +329,24 @@ export class RemoteIconElement extends FlowRemoteElement keyUp: {}, change: {}, copy: {}, - copyCapture: {}, cut: {}, - cutCapture: {}, paste: {}, - pasteCapture: {}, + compositionStart: {}, compositionEnd: {}, + compositionUpdate: {}, + select: {}, + beforeInput: {}, + input: {}, + copyCapture: {}, + cutCapture: {}, + pasteCapture: {}, compositionEndCapture: {}, - compositionStart: {}, compositionStartCapture: {}, - compositionUpdate: {}, compositionUpdateCapture: {}, focusCapture: {}, blurCapture: {}, changeCapture: {}, - beforeInput: {}, beforeInputCapture: {}, - input: {}, inputCapture: {}, reset: {}, resetCapture: {}, @@ -443,7 +444,6 @@ export class RemoteIconElement extends FlowRemoteElement mouseOverCapture: {}, mouseUp: {}, mouseUpCapture: {}, - select: {}, selectCapture: {}, touchCancel: {}, touchCancelCapture: {}, diff --git a/packages/remote-elements/src/auto-generated/RemoteLabelElement.ts b/packages/remote-elements/src/auto-generated/RemoteLabelElement.ts index 4f825c50f..5fec8a00a 100644 --- a/packages/remote-elements/src/auto-generated/RemoteLabelElement.ts +++ b/packages/remote-elements/src/auto-generated/RemoteLabelElement.ts @@ -14,9 +14,14 @@ export class RemoteLabelElement extends FlowRemoteElement "aria-labelledby": {}, "aria-describedby": {}, "aria-details": {}, + "aria-activedescendant": {}, + "aria-autocomplete": {}, + "aria-haspopup": {}, autoFocus: {}, defaultValue: {}, id: {}, + inputMode: {}, + "aria-errormessage": {}, slot: {}, title: {}, defaultChecked: {}, @@ -61,11 +66,8 @@ export class RemoteTextElement extends FlowRemoteElement popoverTargetAction: {}, popoverTarget: {}, inert: {}, - inputMode: {}, is: {}, - "aria-activedescendant": {}, "aria-atomic": {}, - "aria-autocomplete": {}, "aria-braillelabel": {}, "aria-brailleroledescription": {}, "aria-busy": {}, @@ -79,11 +81,9 @@ export class RemoteTextElement extends FlowRemoteElement "aria-description": {}, "aria-disabled": {}, "aria-dropeffect": {}, - "aria-errormessage": {}, "aria-expanded": {}, "aria-flowto": {}, "aria-grabbed": {}, - "aria-haspopup": {}, "aria-hidden": {}, "aria-invalid": {}, "aria-keyshortcuts": {}, @@ -124,23 +124,24 @@ export class RemoteTextElement extends FlowRemoteElement keyUp: {}, change: {}, copy: {}, - copyCapture: {}, cut: {}, - cutCapture: {}, paste: {}, - pasteCapture: {}, + compositionStart: {}, compositionEnd: {}, + compositionUpdate: {}, + select: {}, + beforeInput: {}, + input: {}, + copyCapture: {}, + cutCapture: {}, + pasteCapture: {}, compositionEndCapture: {}, - compositionStart: {}, compositionStartCapture: {}, - compositionUpdate: {}, compositionUpdateCapture: {}, focusCapture: {}, blurCapture: {}, changeCapture: {}, - beforeInput: {}, beforeInputCapture: {}, - input: {}, inputCapture: {}, reset: {}, resetCapture: {}, @@ -238,7 +239,6 @@ export class RemoteTextElement extends FlowRemoteElement mouseOverCapture: {}, mouseUp: {}, mouseUpCapture: {}, - select: {}, selectCapture: {}, touchCancel: {}, touchCancelCapture: {}, diff --git a/packages/remote-elements/src/auto-generated/RemoteTextFieldElement.ts b/packages/remote-elements/src/auto-generated/RemoteTextFieldElement.ts index 5cd3b232b..c6fb2a7d8 100644 --- a/packages/remote-elements/src/auto-generated/RemoteTextFieldElement.ts +++ b/packages/remote-elements/src/auto-generated/RemoteTextFieldElement.ts @@ -12,6 +12,9 @@ export class RemoteTextFieldElement extends FlowRemoteElement