@loadsmart/loadsmart-ui 5.3.1 → 5.5.0

package/dist/components/Table/Table.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { useSelection } from './Selection';
 import TableSortHandle from './TableSortHandle';
-import type { TableProps, TableSectionProps, TableRowProps, TableCellProps, TableCaptionProps, TableSelectionProps, SelectionCellProps, TablePickerItemProps, TablePickerProps } from './Table.types';
+import type { TableProps, TableSectionProps, TableRowProps, TableCellProps, TableCaptionProps, TableSelectionProps, SelectionCellProps, TablePickerItemProps, TablePickerProps, ExpandableTableRowProps } from './Table.types';
 declare function Table<T>({ children, selection, scale, ...others }: TableProps<T>): JSX.Element;
 declare namespace Table {
     var Head: typeof TableHead;
@@ -16,6 +16,11 @@ declare namespace Table {
         Cell: typeof SelectionCell;
         HeadCell: typeof SelectionHeadCell;
     };
+    var Expandable: {
+        HeadCell: typeof ExpandableHeadCell;
+        Cell: typeof ExpandableCell;
+        Row: typeof ExpandableTableRow;
+    };
     var SortHandle: typeof TableSortHandle;
     var Picker: typeof TablePicker;
 }
@@ -25,7 +30,10 @@ declare function TableBody({ children, ...others }: TableSectionProps): JSX.Elem
 declare function TableCell({ children, alignment, format, ...others }: TableCellProps): JSX.Element;
 declare function SelectionCell<T>({ value, ...props }: SelectionCellProps<T>): JSX.Element;
 declare function SelectionHeadCell<T>(props: SelectionCellProps<T>): JSX.Element;
+declare function ExpandableHeadCell(props: TableCellProps): JSX.Element;
+declare function ExpandableCell(props: TableCellProps): JSX.Element;
 declare function TableRow({ children, ...others }: TableRowProps): JSX.Element;
+declare function ExpandableTableRow({ index, expandableContent, expanded, leading: propsLeading, children, onExpandedChange, initialExpanded, ...others }: ExpandableTableRowProps): JSX.Element;
 declare function TableHeadCell({ alignment, children, onClick, ...others }: TableCellProps): JSX.Element;
 declare function TableSelectionActions({ buttons, children, ...others }: TableSelectionProps): JSX.Element;
 declare function TablePickerItem<T>({ option, checked, children, ...props }: TablePickerItemProps<T>): JSX.Element;

package/dist/components/Table/Table.stories.d.ts

@@ -54,3 +54,9 @@ export declare namespace WithCustomRowSelection {
         };
     };
 }
+export declare function WithExpandableRow(args: TableProps): JSX.Element;
+export declare namespace WithExpandableRow {
+    var args: {
+        scale: string;
+    };
+}

package/dist/components/Table/Table.types.d.ts

@@ -29,6 +29,14 @@ export interface TableSectionProps extends HTMLAttributes<HTMLTableSectionElemen
     scale?: Scale;
 }
 export declare type TableRowProps = HTMLAttributes<HTMLTableRowElement>;
+export declare type ExpandableTableRowProps = TableRowProps & {
+    index: number;
+    expandableContent?: ReactNode;
+    leading?: ReactNode | ((expanded: boolean) => ReactNode);
+    initialExpanded?: boolean;
+    expanded?: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
+};
 export interface TableCellProps extends HTMLAttributes<HTMLTableCellElement> {
     alignment?: 'left' | 'right';
     format?: 'default' | 'number' | 'currency';

package/dist/components/TablePagination/TablePagination.types.d.ts

@@ -20,6 +20,9 @@ export interface TablePaginationProps extends GroupProps {
     onPageChange: (page: number) => void;
     /**
      * Callback fired when the number of rows per page is changed.
+     *
+     * Note: Resetting the page to zero after the number of rows per page is changed isn't part of
+     * the component and has to be implemented where it's necessary
      */
     onRowsPerPageChange: (rowsPerPage: number) => void;
     /**