onekijs-ui 0.17.1 → 0.18.0

package/dist/components/table/typings.d.ts

@@ -102,6 +102,7 @@ export type TableConfig<T = any, I extends TableItem<T> = TableItem<T>> = {
     RowComponent?: React.FC<TableBodyRowProps<T, I>>;
     sortable?: boolean;
     stripRows?: boolean;
+    tail?: boolean;
 };
 export type TableController<T = any, I extends TableItem<T> = TableItem<T>, S extends TableState<T, I> = TableState<T, I>> = Collection<T, I, S> & {
     addColumn(column: TableColumn<T, I>, position?: number): void;

package/dist/index.js

@@ -8958,7 +8958,7 @@ const TableNotFoundComponent = ({ text = 'No data' }) => {
 const TableBodyComponent = ({ className, tableRef, contentRef }) => {
     const service = useTableService();
     const state = useTableState();
-    const { autoRefresh, follow, height, increment, onRowClick, onRowEnter, onRowLeave, paddingEnd, paddingStart, parentRef, preload, RowComponent = TableBodyRowComponent, rowClassName, LoadingComponent = TableLoadingComponent$1, NotFoundComponent = TableNotFoundComponent, } = useTableConfig();
+    const { autoRefresh, follow, height, increment, onRowClick, onRowEnter, onRowLeave, paddingEnd, paddingStart, parentRef, preload, RowComponent = TableBodyRowComponent, rowClassName, LoadingComponent = TableLoadingComponent$1, NotFoundComponent = TableNotFoundComponent, tail, } = useTableConfig();
     const itemHeight = React.useCallback(() => {
         return 20;
     }, []);
@@ -8988,7 +8988,7 @@ const TableBodyComponent = ({ className, tableRef, contentRef }) => {
     if (service.status === onekijsFramework.LoadingStatus.Loaded && items.length === 0 && NotFoundComponent) {
         return React.createElement(NotFoundComponent, null);
     }
-    return (React.createElement(ListBodyComponent, { autoRefresh: autoRefresh, className: addClassname('o-table-body', className), follow: follow, height: height, ItemComponent: ItemComponentRef.current, items: items, onItemSelect: onRowClick, onItemHighlight: onRowEnter, onItemUnhighlight: onRowLeave, parentRef: parentRef || tableRef, bodyRef: contentRef, service: service, state: state, totalSize: totalSize, virtualItems: isVirtual ? virtualItems : undefined }));
+    return (React.createElement(ListBodyComponent, { autoRefresh: autoRefresh, className: addClassname('o-table-body', className), follow: follow, height: height, ItemComponent: ItemComponentRef.current, items: items, onItemSelect: onRowClick, onItemHighlight: onRowEnter, onItemUnhighlight: onRowLeave, parentRef: parentRef || tableRef, bodyRef: contentRef, service: service, state: state, totalSize: totalSize, tail: tail, virtualItems: isVirtual ? virtualItems : undefined }));
 };
 TableBodyComponent.displayName = 'TableBody';
 
@@ -9568,7 +9568,7 @@ const ExpandedCellComponent = ({ item, className }) => {
         React.createElement(TogglerIcon, { open: item.expanded, model: "plus", color: "primary" })));
 };
 
-const ControllerTableComponent = ({ autoRefresh, controller, className, bodyClassName, BodyComponent = TableBodyComponent, ExpandedComponent, filterable, fit, fixHeader = true, follow, grow, FooterComponent = TableFooterComponent, footerClassName, header = true, headerClassName, HeaderComponent = TableHeaderComponent, increment, LoadingComponent, LoadingRowComponent, NotFoundComponent, footer = false, height, highlightRow, onRowClick, onRowEnter, onRowLeave, onRowOver, onRowOut, paddingEnd, paddingStart, parentRef, preload, rowClassName, RowComponent, sortable, stripRows, }) => {
+const ControllerTableComponent = ({ autoRefresh, controller, className, bodyClassName, BodyComponent = TableBodyComponent, ExpandedComponent, filterable, fit, fixHeader = true, follow, grow, FooterComponent = TableFooterComponent, footerClassName, header = true, headerClassName, HeaderComponent = TableHeaderComponent, increment, LoadingComponent, LoadingRowComponent, NotFoundComponent, footer = false, height, highlightRow, onRowClick, onRowEnter, onRowLeave, onRowOver, onRowOut, paddingEnd, paddingStart, parentRef, preload, rowClassName, RowComponent, sortable, stripRows, tail, }) => {
     const classNames = addClassname('o-table', className);
     const { columns, items } = controller.state;
     const contentRef = React.useRef(null);
@@ -9611,6 +9611,7 @@ const ControllerTableComponent = ({ autoRefresh, controller, className, bodyClas
             RowComponent,
             sortable,
             stripRows,
+            tail
         };
     }, [
         autoRefresh,
@@ -9648,6 +9649,7 @@ const ControllerTableComponent = ({ autoRefresh, controller, className, bodyClas
         RowComponent,
         sortable,
         stripRows,
+        tail,
     ]);
     service.config = config;
     React.useEffect(() => {