@kepler.gl/components 3.0.0-alpha.0 → 3.0.0-alpha.2

package/dist/common/data-table/index.d.ts

@@ -2,22 +2,26 @@ import React from 'react';
 import { OnScrollParams, GridProps, Index } from 'react-virtualized';
 import { CellSizeCache } from './cell-size';
 import HeaderCellFactory from './header-cell';
+import { ColMeta } from '@kepler.gl/types';
 import { DataContainerInterface } from '@kepler.gl/utils';
-export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare type ColMeta = {
-    [key: string]: {
-        colIdx: number;
-        name: string;
-        displayName: string;
-        type: string;
-        format?: string;
-        columnStats?: any;
-    };
+declare type ContainerProps = {
+    hasCustomScrollBarStyle?: boolean;
 };
+export declare const Container: import("styled-components").StyledComponent<"div", any, ContainerProps, never>;
 export declare type SortColumn = {
     column?: string;
     mode?: string;
 };
+interface GetRowCellProps {
+    dataContainer: DataContainerInterface;
+    columns: (string & {
+        ghost?: boolean;
+    })[];
+    column: string;
+    colMeta: any;
+    rowIndex: number;
+    sortOrder?: number[] | null;
+}
 interface TableSectionProps {
     classList?: {
         header: string;
@@ -42,10 +46,10 @@ interface TableSectionProps {
     dataCellRender?: any;
     scrollLeft?: number;
 }
-export declare const TableSection: ({ classList, isPinned, columns, headerGridProps, fixedWidth, fixedHeight, onScroll, scrollTop, dataGridProps, columnWidth, setGridRef, headerCellRender, dataCellRender, scrollLeft }: TableSectionProps) => JSX.Element;
+export declare const TableSection: ({ classList, isPinned, columns, headerGridProps, fixedWidth, fixedHeight, onScroll, scrollTop, dataGridProps, columnWidth, setGridRef, headerCellRender, dataCellRender, scrollLeft }: TableSectionProps) => React.JSX.Element;
 export interface DataTableProps {
     dataId?: string;
-    showStats?: boolean;
+    hasStats?: boolean;
     cellSizeCache?: CellSizeCache;
     pinnedColumns?: string[];
     columns: (string & {
@@ -56,32 +60,19 @@ export interface DataTableProps {
     dataContainer: DataContainerInterface;
     fixedHeight?: number;
     colMeta: ColMeta;
-    sortColumn?: SortColumn;
+    sortColumn: SortColumn;
     sortTableColumn: (column: string, mode?: string) => void;
     pinTableColumn: (column: string) => void;
+    setColumnDisplayFormat: (formats: {
+        [key: string]: string;
+    }) => void;
     copyTableColumn: (column: string) => void;
     sortOrder?: number[] | null;
+    showStats?: boolean;
+    hasCustomScrollBarStyle?: boolean;
+    getRowCell?: (renderDataCellProps: GetRowCellProps, formatter: any) => string | number;
 }
-declare function DataTableFactory(HeaderCell: ReturnType<typeof HeaderCellFactory>): React.ForwardRefExoticComponent<{
-    columns: (string & {
-        ghost?: boolean | undefined;
-    })[];
-    dataId?: string | undefined;
-    showStats?: boolean | undefined;
-    cellSizeCache?: CellSizeCache | undefined;
-    pinnedColumns?: string[] | undefined;
-    fixedWidth?: number | undefined;
-    dataContainer?: DataContainerInterface | undefined;
-    fixedHeight?: number | undefined;
-    colMeta?: ColMeta | undefined;
-    sortColumn?: SortColumn | undefined;
-    sortTableColumn: (column: string, mode?: string | undefined) => void;
-    pinTableColumn: (column: string) => void;
-    copyTableColumn: (column: string) => void;
-    sortOrder?: number[] | null | undefined;
-} & {
-    theme?: any;
-}>;
+declare function DataTableFactory(HeaderCell: ReturnType<typeof HeaderCellFactory>): React.ComponentType<DataTableProps>;
 declare namespace DataTableFactory {
     var deps: {
         (FieldToken: React.FC<import("../field-token").FieldTokenProps>): ({ cellInfo, columns, isPinned, props, toggleMoreOptions, moreOptionsColumn }: {
@@ -97,11 +88,13 @@ declare namespace DataTableFactory {
             columns: (string & {
                 ghost?: boolean | undefined;
             })[];
+            colMeta?: ColMeta | undefined;
             isPinned?: boolean | undefined;
+            showStats?: boolean | undefined;
             props: DataTableProps;
             toggleMoreOptions: (moreOptionsColumn: string) => void;
             moreOptionsColumn: string | null;
-        }) => JSX.Element;
+        }) => React.JSX.Element;
         deps: typeof import("../field-token").default[];
     }[];
 }