@innovaccer/design-system 4.4.0 → 4.6.0

package/dist/core/components/atoms/checkbox/Checkbox.d.ts

@@ -17,6 +17,7 @@ export interface CheckboxProps extends BaseProps, OmitNativeProps<HTMLInputEleme
     error?: boolean;
     id?: string;
     labelRef?: React.Ref<HTMLSpanElement>;
+    wrapLabel?: boolean;
 }
 export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
 export default Checkbox;

package/dist/core/components/atoms/heading/Heading.d.ts

@@ -8,12 +8,5 @@ export interface HeadingProps extends BaseProps, BaseHtmlProps<HTMLHeadingElemen
     size: HeadingSize;
     color?: TextColor;
 }
-export declare const Heading: {
-    (props: HeadingProps): React.JSX.Element;
-    displayName: string;
-    defaultProps: {
-        appearance: string;
-        size: string;
-    };
-};
+export declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
 export default Heading;

package/dist/core/components/atoms/paragraph/Paragraph.d.ts

@@ -7,11 +7,5 @@ export interface ParagraphProps extends BaseProps, BaseHtmlProps<HTMLParagraphEl
     appearance: ParagraphAppearance;
     color?: TextColor;
 }
-export declare const Paragraph: {
-    (props: ParagraphProps): React.JSX.Element;
-    displayName: string;
-    defaultProps: {
-        appearance: string;
-    };
-};
+export declare const Paragraph: React.ForwardRefExoticComponent<ParagraphProps & React.RefAttributes<HTMLParagraphElement>>;
 export default Paragraph;

package/dist/core/components/atoms/popperWrapper/PopperWrapper.d.ts

@@ -104,7 +104,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         backgroundPositionY?: string | number | (string & {}) | undefined;
         backgroundRepeat?: "repeat" | (string & {}) | "round" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "no-repeat" | "repeat-x" | "repeat-y" | "space" | undefined;
         backgroundSize?: string | number | (string & {}) | undefined;
-        blockOverflow?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "clip" | "ellipsis" | undefined;
+        blockOverflow?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "ellipsis" | "clip" | undefined;
         blockSize?: string | number | (string & {}) | undefined;
         borderBlockColor?: (string & {}) | "white" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "transparent" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | undefined;
         borderBlockEndColor?: (string & {}) | "white" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "transparent" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | undefined;
@@ -407,7 +407,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         textIndent?: string | number | (string & {}) | undefined;
         textJustify?: "none" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "inter-character" | "inter-word" | undefined;
         textOrientation?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "mixed" | "sideways" | "upright" | undefined;
-        textOverflow?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "clip" | "ellipsis" | undefined;
+        textOverflow?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "ellipsis" | "clip" | undefined;
         textRendering?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "geometricPrecision" | "optimizeLegibility" | "optimizeSpeed" | undefined;
         textShadow?: "none" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | undefined;
         textSizeAdjust?: "none" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | undefined;
@@ -612,7 +612,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         msScrollbarTrackColor?: (string & {}) | "white" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "transparent" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | undefined;
         msTextAutospace?: "none" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "ideograph-alpha" | "ideograph-numeric" | "ideograph-parenthesis" | "ideograph-space" | undefined;
         msTextCombineHorizontal?: "none" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "all" | undefined;
-        msTextOverflow?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "clip" | "ellipsis" | undefined;
+        msTextOverflow?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "ellipsis" | "clip" | undefined;
         msTouchAction?: "none" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-ms-manipulation" | "-ms-none" | "-ms-pinch-zoom" | "manipulation" | "pan-down" | "pan-left" | "pan-right" | "pan-up" | "pan-x" | "pan-y" | "pinch-zoom" | undefined;
         msTouchSelect?: "none" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "grippers" | undefined;
         msTransform?: "none" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | undefined;
@@ -852,7 +852,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         OObjectFit?: "none" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "contain" | "cover" | "fill" | "scale-down" | undefined;
         OObjectPosition?: string | number | (string & {}) | undefined;
         OTabSize?: string | number | (string & {}) | (number & {}) | undefined;
-        OTextOverflow?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "clip" | "ellipsis" | undefined;
+        OTextOverflow?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "ellipsis" | "clip" | undefined;
         OTransform?: "none" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | undefined;
         OTransformOrigin?: string | number | (string & {}) | undefined;
         OTransition?: "none" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "all" | "normal" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "allow-discrete" | undefined;

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/atoms/subheading/Subheading.d.ts

@@ -6,11 +6,5 @@ export interface SubheadingProps extends BaseProps, BaseHtmlProps<HTMLHeadingEle
     appearance: HeadingAppearance;
     color?: TextColor;
 }
-export declare const Subheading: {
-    (props: SubheadingProps): React.JSX.Element;
-    displayName: string;
-    defaultProps: {
-        appearance: string;
-    };
-};
+export declare const Subheading: React.ForwardRefExoticComponent<SubheadingProps & React.RefAttributes<HTMLHeadingElement>>;
 export default Subheading;

package/dist/core/components/molecules/chipInput/ChipInput.d.ts

@@ -21,6 +21,7 @@ export interface ChipInputProps extends BaseProps {
     onChange?: (chips: string[]) => void;
     onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
     onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    chipValidator?: (chip: string) => boolean;
 }
 export declare const ChipInput: {
     (props: ChipInputProps): React.JSX.Element;

package/dist/core/components/organisms/choiceList/ChoiceList.d.ts

@@ -19,6 +19,7 @@ export interface ChoiceListProps extends BaseProps {
     disabled?: boolean;
     selected?: string[];
     onChange?: (event: ChangeEvent, selected: string[]) => void;
+    wrapLabel?: boolean;
 }
 export declare const ChoiceList: {
     (props: ChoiceListProps): React.JSX.Element;

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/menu/Menu.d.ts

@@ -14,6 +14,7 @@ export interface MenuProps extends BaseProps {
         y: number;
     };
     onToggle?: (open?: boolean) => void;
+    disabled?: boolean;
 }
 export declare const Menu: {
     (props: MenuProps): React.JSX.Element;

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;