fix(docs): Display extended interfaces in the docs

Author: fhlavac

packages/module/src/DataViewTable/DataViewTable.tsx

@@ -8,18 +8,38 @@ import { DataViewTableTree, DataViewTableTreeProps } from '../DataViewTableTree'
 import { DataViewTableBasic, DataViewTableBasicProps } from '../DataViewTableBasic';
 
 // Table head typings
-export type DataViewTh = ReactNode | { cell: ReactNode; props?: ThProps };
+export type DataViewTh = ReactNode | {
+  /** Table head cell node */
+  cell: ReactNode;
+  /** Props passed to Th */
+  props?: ThProps
+};
 export const isDataViewThObject = (value: DataViewTh): value is { cell: ReactNode; props?: ThProps } => value != null && typeof value === 'object' && 'cell' in value;
 
 // Basic table typings
-export interface DataViewTrObject { row: DataViewTd[], id?: string, props?: TrProps }
-export type DataViewTd = ReactNode | { cell: ReactNode; props?: TdProps };
+export interface DataViewTrObject {
+  /** Array of rows */
+  row: DataViewTd[],
+  /** Unique identifier of a row */
+  id?: string,
+  /** Props passed to Tr */
+  props?: TrProps
+}
+
+export type DataViewTd = ReactNode | {
+  /** Table body cell node */
+  cell: ReactNode;
+  /** Props passed to Td */
+  props?: TdProps
+};
+
 export type DataViewTr = DataViewTd[] | DataViewTrObject;
 
 export const isDataViewTdObject = (value: DataViewTd): value is { cell: ReactNode; props?: TdProps } => value != null && typeof value === 'object' && 'cell' in value;
 export const isDataViewTrObject = (value: DataViewTr): value is { row: DataViewTd[], id?: string } => value != null && typeof value === 'object' && 'row' in value;
 
 // Tree table typings
+/** extends DataViewTrObject */
 export interface DataViewTrTree extends DataViewTrObject { id: string, children?: DataViewTrTree[] }
 
 export type DataViewTableProps =

packages/module/src/DataViewTableBasic/DataViewTableBasic.tsx

@@ -11,6 +11,7 @@ import { DataViewTableHead } from '../DataViewTableHead';
 import { DataViewTh, DataViewTr, isDataViewTdObject, isDataViewTrObject } from '../DataViewTable';
 import { DataViewState } from '../DataView/DataView';
 
+/** extends TableProps */
 export interface DataViewTableBasicProps extends Omit<TableProps, 'onSelect' | 'rows'> {
   /** Columns definition */
   columns: DataViewTh[];

packages/module/src/DataViewTableHead/DataViewTableHead.tsx

@@ -8,6 +8,7 @@ import {
 import { useInternalContext } from '../InternalContext';
 import { DataViewTh, isDataViewThObject } from '../DataViewTable';
 
+/** extends TheadProps */
 export interface DataViewTableHeadProps extends TheadProps {
   /** Indicates whether table is a tree */
   isTreeTable?: boolean;

packages/module/src/DataViewTableTree/DataViewTableTree.tsx

@@ -30,6 +30,7 @@ const isNodeChecked = (node: DataViewTrTree, isSelected: (node: DataViewTrTree)
   return allSelected;
 };
 
+/** extends TableProps */
 export interface DataViewTableTreeProps extends Omit<TableProps, 'onSelect' | 'rows'> {
   /** Columns definition */
   columns: DataViewTh[];

packages/module/src/Hooks/pagination.ts

@@ -20,6 +20,7 @@ export interface UseDataViewPaginationProps {
   perPageParam?: string;
 }
 
+/** extends UseDataViewPaginationProps */
 export interface DataViewPaginationProps extends UseDataViewPaginationProps {
   /** Current page number */
   page: number;

packages/module/src/Hooks/selection.ts

@@ -8,8 +8,9 @@ export interface UseDataViewSelectionProps {
   initialSelected?: (any)[];
 }
 
-export const useDataViewSelection = ({ matchOption, initialSelected = [] }: UseDataViewSelectionProps) => {
-  const [ selected, setSelected ] = useState<any[]>(initialSelected);
+export const useDataViewSelection = (props?: UseDataViewSelectionProps) => {
+  const [ selected, setSelected ] = useState<any[]>(props?.initialSelected ?? []);
+  const matchOption = props?.matchOption ? props.matchOption : (option, another) => (option === another);
 
   const onSelect = (isSelecting: boolean, items?: any[] | any) => {
     isSelecting && items ?

packages/module/src/InternalContext/InternalContext.tsx

@@ -17,6 +17,7 @@ export interface InternalContextProps {
   activeState?: DataViewState | string;
 }
 
+/** extends InternalContextProps */
 export interface InternalContextValue extends InternalContextProps {
   /** Flag indicating if data view is selectable (auto-calculated) */
   isSelectable: boolean;