refactor(types): fix type issues for React 18

Author: gcornut

packages/lumx-react/src/components/alert-dialog/AlertDialog.tsx

@@ -37,6 +37,10 @@ export interface AlertDialogProps extends Omit<DialogProps, 'header' | 'footer'>
         onClick(): void;
         label: string;
     };
+    /**
+     * Children
+     */
+    children?: React.ReactNode;
 }
 
 /**

packages/lumx-react/src/components/button/ButtonGroup.tsx

@@ -9,7 +9,12 @@ import { forwardRef } from '@lumx/react/utils/react/forwardRef';
 /**
  * Defines the props of the component
  */
-export type ButtonGroupProps = GenericProps;
+export interface ButtonGroupProps extends GenericProps {
+    /**
+     * Children
+     */
+    children?: React.ReactNode;
+}
 
 /**
  * Component display name.

packages/lumx-react/src/components/button/ButtonRoot.tsx

@@ -44,6 +44,8 @@ export interface BaseButtonProps
     type?: HTMLButtonProps['type'];
     /** Custom react component for the link (can be used to inject react router Link). */
     linkAs?: 'a' | any;
+    /** Children */
+    children?: React.ReactNode;
 }
 
 export interface ButtonRootProps extends BaseButtonProps {

packages/lumx-react/src/components/chip/Chip.tsx

@@ -41,6 +41,8 @@ export interface ChipProps extends GenericProps, HasTheme {
     onAfterClick?: MouseEventHandler;
     /** On "before" element clicked callback. */
     onBeforeClick?: MouseEventHandler;
+    /** Children */
+    children?: React.ReactNode;
 }
 
 /**

packages/lumx-react/src/components/dialog/Dialog.tsx

@@ -61,6 +61,8 @@ export interface DialogProps extends GenericProps {
     onVisibilityChange?(isVisible: boolean): void;
     /** whether to disable the scroll on the body or not */
     disableBodyScroll?: boolean;
+    /** Children */
+    children?: React.ReactNode;
 }
 
 export type DialogSizes = Extract<Size, 'tiny' | 'regular' | 'big' | 'huge'>;

packages/lumx-react/src/components/expansion-panel/ExpansionPanel.tsx

@@ -38,6 +38,8 @@ export interface ExpansionPanelProps extends GenericProps, HasTheme {
         Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis' | 'color'>;
     /** On toggle open or close callback. */
     onToggleOpen?(shouldOpen: boolean, event: React.MouseEvent): void;
+    /** Children */
+    children?: React.ReactNode;
 }
 
 /**

packages/lumx-react/src/components/grid/Grid.tsx

@@ -23,6 +23,8 @@ export interface GridProps extends GenericProps {
     hAlign?: Alignment;
     /** Gutter size. */
     gutter?: GridGutterSize;
+    /** Children */
+    children?: React.ReactNode;
 }
 
 /**

packages/lumx-react/src/components/grid/GridItem.tsx

@@ -19,6 +19,8 @@ export interface GridItemProps extends GenericProps {
     order?: Columns;
     /** Width. */
     width?: Columns;
+    /** Children */
+    children?: React.ReactNode;
 }
 
 /**

packages/lumx-react/src/components/heading/Heading.tsx

@@ -18,6 +18,10 @@ export interface HeadingProps extends Partial<TextProps> {
      * Display a specific heading level instead of the one provided by parent context provider.
      */
     as?: HeadingElement;
+    /**
+     * Children
+     */
+    children?: React.ReactNode;
 }
 
 /**

packages/lumx-react/src/components/inline-list/InlineList.tsx

@@ -27,6 +27,10 @@ export interface InlineListProps extends GenericProps {
      * Activate line wrap on overflow.
      */
     wrap?: boolean;
+    /**
+     * Children
+     */
+    children?: React.ReactNode;
 }
 
 /**