feat: add generic parameter for appliedColumns and applyColumns

Author: raswonders

packages/module/src/ColumnManagementModal/ColumnManagementModal.tsx

@@ -1,4 +1,3 @@
-import type { FunctionComponent } from 'react';
 import { useState, useEffect } from 'react';
 import { Button, Content, ContentVariants, ButtonVariant } from '@patternfly/react-core';
 import { ModalProps, Modal, ModalVariant } from '@patternfly/react-core/deprecated';
@@ -18,15 +17,15 @@ export interface ColumnManagementModalColumn {
 }
 
 /** extends ModalProps */
-export interface ColumnManagementModalProps extends Omit<ModalProps, 'ref' | 'children'> {
+export interface ColumnManagementModalProps<T extends ColumnManagementModalColumn = ColumnManagementModalColumn> extends Omit<ModalProps, 'ref' | 'children'> {
   /** Flag to show the modal */
   isOpen?: boolean;
   /** Invoked when modal visibility is changed */
   onClose?: (event: KeyboardEvent | React.MouseEvent) => void;
   /** Current column state */
-  appliedColumns: ColumnManagementModalColumn[];
+  appliedColumns: T[];
   /** Invoked with new column state after save button is clicked */
-  applyColumns: (newColumns: ColumnManagementModalColumn[]) => void;
+  applyColumns: (newColumns: T[]) => void;
   /* Modal description text */
   description?: string;
   /* Modal title text */
@@ -41,7 +40,7 @@ export interface ColumnManagementModalProps extends Omit<ModalProps, 'ref' | 'ch
   resetToDefaultLabel?: string;
 }
 
-const ColumnManagementModal: FunctionComponent<ColumnManagementModalProps> = ({
+const ColumnManagementModal = <T extends ColumnManagementModalColumn = ColumnManagementModalColumn>({
   title = 'Manage columns',
   description = 'Selected categories will be displayed in the table.',
   isOpen = false,
@@ -53,7 +52,7 @@ const ColumnManagementModal: FunctionComponent<ColumnManagementModalProps> = ({
   onReset,
   resetToDefaultLabel = 'Reset to default',
   ...props
-}: ColumnManagementModalProps) => {
+}: ColumnManagementModalProps<T>) => {
   const [ currentColumns, setCurrentColumns ] = useState(() =>
     appliedColumns.map((column) => ({ ...column, isShown: column.isShown ?? column.isShownByDefault }))
   );