@innovaccer/design-system 4.5.0 → 4.6.0

package/dist/core/components/atoms/progressBar/ProgressBar.d.ts

@@ -1,10 +1,12 @@
 import * as React from 'react';
 import { BaseProps } from "../../../utils/types";
 export declare type ProgressBarSize = 'small' | 'regular';
+export declare type ProgressBarState = 'default' | 'indeterminate';
 export interface ProgressBarProps extends BaseProps {
-    value: number;
+    value?: number;
     max: number;
     size: ProgressBarSize;
+    state?: ProgressBarState;
 }
 export declare const ProgressBar: {
     (props: ProgressBarProps): React.JSX.Element;
@@ -12,6 +14,7 @@ export declare const ProgressBar: {
     defaultProps: {
         max: number;
         size: string;
+        state: string;
     };
 };
 export default ProgressBar;

package/dist/core/components/organisms/grid/Grid.d.ts

@@ -25,6 +25,7 @@ export declare type fetchDataFunction = (options: FetchDataOptions) => Promise<{
     count: number;
     data: Data;
     schema: Schema;
+    totalRowsCount?: number;
 }>;
 export declare type updateSortingListFunction = (newSortingList: GridProps['sortingList']) => void;
 export declare type updateFilterListFunction = (newFilterList: GridProps['filterList']) => void;
@@ -73,6 +74,17 @@ export declare type GridSize = 'comfortable' | 'standard' | 'compressed' | 'tigh
 export declare type GridType = 'resource' | 'data';
 export declare type Data = RowData[];
 export declare type Schema = ColumnSchema[];
+export declare type thresholdTypes = 'early' | 'balanced' | 'lazy' | 'at-end';
+export interface VirtualRowProps {
+    visibleRows?: number;
+    buffer?: number;
+}
+export interface InfiniteScrollProps {
+    fetchRowsCount: number;
+    fetchThreshold: thresholdTypes;
+    fetchErrorRenderer?: (fetchNextRowsFn: () => Promise<void>) => React.ReactNode;
+    retryFetchRenderer?: () => React.ReactNode;
+}
 export interface GridProps extends BaseProps {
     size: GridSize;
     type: GridType;
@@ -112,6 +124,15 @@ export interface GridProps extends BaseProps {
     headCellTooltip?: boolean;
     separator?: boolean;
     showFilters: boolean;
+    enableRowVirtualization?: boolean;
+    virtualRowOptions: VirtualRowProps;
+    enableInfiniteScroll?: boolean;
+    infiniteScrollOptions: InfiniteScrollProps;
+    onScroll?: (event: Event) => void;
+    fetchDataOnScroll?: (props: {
+        page: number;
+        rowsCount: number;
+    }) => Promise<Data>;
 }
 export interface GridState {
     init: boolean;

package/dist/core/components/organisms/grid/GridBody.d.ts

@@ -1,9 +1,17 @@
+import * as React from 'react';
 import { GridState, onSelectFn, Schema, updatePrevPageInfoFunction } from "./Grid";
+import { GridProps } from "../../../index.type";
 export interface GridBodyProps {
     schema: Schema;
     onSelect: onSelectFn;
     prevPageInfo: GridState['prevPageInfo'];
     updatePrevPageInfo: updatePrevPageInfoFunction;
+    virtualRowOptions: GridProps['virtualRowOptions'];
+    infiniteScrollOptions: GridProps['infiniteScrollOptions'];
+    enableInfiniteScroll?: GridProps['enableInfiniteScroll'];
+    onScroll?: GridProps['onScroll'];
+    fetchDataOnScroll?: GridProps['fetchDataOnScroll'];
+    enableRowVirtualization?: GridProps['enableRowVirtualization'];
 }
-export declare const GridBody: (props: GridBodyProps) => any;
+export declare const GridBody: (props: GridBodyProps) => React.JSX.Element;
 export default GridBody;

package/dist/core/components/organisms/grid/VirtualList.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { BaseProps } from "../../../utils/types";
+export declare const isElementInView: (container: HTMLElement, element: Element) => boolean;
+interface VirtualScrollProps extends BaseProps {
+    buffer?: number;
+    length?: number;
+    offset?: number;
+    minItemHeight: number;
+    totalLength: number;
+    renderItem: (index: number, item?: object) => React.ReactElement;
+    onScroll?: (event: Event, element: HTMLElement) => void;
+}
+declare const VirtualList: (props: VirtualScrollProps) => React.JSX.Element;
+export default VirtualList;

package/dist/core/components/organisms/list/List.d.ts

@@ -31,6 +31,10 @@ export declare const List: {
         searchDebounceDuration: number;
         pageJumpDebounceDuration: number;
         errorTemplate: (props: import("../table").ErrorTemplateProps) => React.JSX.Element;
+        infiniteScrollOptions: {
+            fetchRowsCount: number;
+            fetchThreshold: string;
+        };
     };
 };
 export default List;

package/dist/core/components/organisms/table/Header.d.ts

@@ -36,6 +36,8 @@ export interface HeaderProps extends ExternalHeaderProps {
     onClearSelection?: () => void;
     onSelectAllRows?: () => void;
     uniqueColumnName?: string;
+    totalRowsCount?: number;
+    enableInfiniteScroll?: boolean;
 }
 export declare const Header: {
     (props: HeaderProps): React.JSX.Element;

package/dist/core/components/organisms/table/Table.d.ts

@@ -49,6 +49,11 @@ interface SharedTableProps extends BaseProps {
     selectDisabledRow?: boolean;
     uniqueColumnName?: string;
     checkboxAlignment?: 'top' | 'center' | 'bottom';
+    enableRowVirtualization?: GridProps['enableRowVirtualization'];
+    virtualRowOptions?: GridProps['virtualRowOptions'];
+    enableInfiniteScroll?: GridProps['enableInfiniteScroll'];
+    infiniteScrollOptions?: GridProps['infiniteScrollOptions'];
+    onScroll?: GridProps['onScroll'];
 }
 export declare type SyncTableProps = SharedTableProps & TableSyncProps;
 export declare type AsyncTableProps = SharedTableProps & AsyncProps;
@@ -67,6 +72,7 @@ interface TableState {
     loading: TableProps['loading'];
     error: TableProps['error'];
     errorType?: TableProps['errorType'];
+    totalRowsCount?: number;
 }
 export declare const defaultProps: {
     type: string;
@@ -92,6 +98,10 @@ export declare const defaultProps: {
     searchDebounceDuration: number;
     pageJumpDebounceDuration: number;
     errorTemplate: (props: ErrorTemplateProps) => React.JSX.Element;
+    infiniteScrollOptions: {
+        fetchRowsCount: number;
+        fetchThreshold: string;
+    };
 };
 export declare class Table extends React.Component<TableProps, TableState> {
     static defaultProps: {
@@ -118,6 +128,10 @@ export declare class Table extends React.Component<TableProps, TableState> {
         searchDebounceDuration: number;
         pageJumpDebounceDuration: number;
         errorTemplate: (props: ErrorTemplateProps) => React.JSX.Element;
+        infiniteScrollOptions: {
+            fetchRowsCount: number;
+            fetchThreshold: string;
+        };
     };
     debounceUpdate: () => void;
     selectedRowsRef: React.MutableRefObject<any>;
@@ -127,6 +141,10 @@ export declare class Table extends React.Component<TableProps, TableState> {
     componentDidMount(): void;
     componentDidUpdate(prevProps: TableProps, prevState: TableState): void;
     updateData: (searchUpdate?: boolean | undefined) => void;
+    fetchDataOnScroll: (props: {
+        page: number;
+        rowsCount: number;
+    }) => Promise<Data>;
     updateDataFn: () => void;
     onSelect: onSelectFn;
     onSelectAll: onSelectAllFunction;