@kepler.gl/components 3.3.0-alpha.1 → 3.3.0-alpha.10

package/dist/common/data-table/column-statistics-components.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+export type Margin = {
+    top: number;
+    left: number;
+    right: number;
+    bottom: number;
+};
+export declare const STATS_WIDTH = 180;
+export declare const STATS_MARGIN: Margin;
+export declare const HISTOGRAM_MARGIN: Margin;
+export declare const HISTOGRAM_HEIGHT = 50;
+type ColumnStatisticsContainerProps = {
+    width: number;
+    margin: Margin;
+};
+export declare const ColumnStatisticsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ColumnStatisticsContainerProps> & ColumnStatisticsContainerProps, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ColumnStatisticsContainerProps> & ColumnStatisticsContainerProps, never>>> & string;
+export declare const StatisticRowContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+type StyledStatsNameProps = {
+    $isBad?: boolean;
+};
+export declare const StyledStatsName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$isBad"> & StyledStatsNameProps, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$isBad"> & StyledStatsNameProps, never>>> & string;
+export declare const StyledStatsValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const TopPlotContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+type StatisticRowProps = {
+    left: string;
+    right: string | null;
+    isBad?: boolean;
+};
+export declare const StatisticRow: React.FC<StatisticRowProps>;
+export declare function formatPercent(n: number): string;
+export {};

package/dist/common/data-table/column-statistics-numeric.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { NumericColumnStats } from '@kepler.gl/utils';
+import HistogramPlotFactory, { HistogramPlotProps } from '../histogram-plot';
+export type ColumnStatisticsNumericProps = NumericColumnStats & {
+    width?: number;
+    margin?: {
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+    };
+    type?: string;
+};
+declare function ColumnStatisticsNumericFactory(HistogramPlot: React.FC<HistogramPlotProps>): React.FC<ColumnStatisticsNumericProps>;
+declare namespace ColumnStatisticsNumericFactory {
+    var deps: (typeof HistogramPlotFactory)[];
+}
+export default ColumnStatisticsNumericFactory;

package/dist/common/data-table/column-statistics-time.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { TimeColumnStats } from '@kepler.gl/utils';
+import HistogramPlotFactory, { HistogramPlotProps } from '../histogram-plot';
+export type ColumnStatisticsTimeProps = TimeColumnStats & {
+    width?: number;
+    margin?: {
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+    };
+    type?: string;
+    format?: string;
+};
+declare function ColumnStatisticsTimeFactory(HistogramPlot: React.FC<HistogramPlotProps>): React.FC<ColumnStatisticsTimeProps>;
+declare namespace ColumnStatisticsTimeFactory {
+    var deps: (typeof HistogramPlotFactory)[];
+}
+export default ColumnStatisticsTimeFactory;

package/dist/common/data-table/header-cell.d.ts

@@ -2,6 +2,8 @@ import React, { CSSProperties } from 'react';
 import { ColMeta } from '@kepler.gl/types';
 import FieldTokenFactory, { FieldTokenProps } from '../../common/field-token';
 import { DataTableProps } from './index';
+import ColumnStatisticsNumericFactory, { ColumnStatisticsNumericProps } from './column-statistics-numeric';
+import ColumnStatisticsTimeFactory, { ColumnStatisticsTimeProps } from './column-statistics-time';
 type CellInfo = {
     columnIndex: number;
     isScrolling: boolean;
@@ -11,7 +13,7 @@ type CellInfo = {
     rowIndex: number;
     style: CSSProperties;
 };
-type HeaderCellProps = {
+export type HeaderCellProps = {
     cellInfo: CellInfo;
     columns: DataTableProps['columns'];
     colMeta?: ColMeta;
@@ -22,8 +24,8 @@ type HeaderCellProps = {
     moreOptionsColumn: null | string;
     style: CSSProperties;
 };
-declare const HeaderCellFactory: {
-    (FieldToken: React.FC<FieldTokenProps>): ({ cellInfo, columns, isPinned, props, toggleMoreOptions, moreOptionsColumn }: HeaderCellProps) => React.JSX.Element;
-    deps: (typeof FieldTokenFactory)[];
-};
+declare function HeaderCellFactory(FieldToken: React.FC<FieldTokenProps>, ColumnStatisticsNumeric: React.FC<ColumnStatisticsNumericProps>, ColumnStatisticsTime: React.FC<ColumnStatisticsTimeProps>): ({ cellInfo, columns, isPinned, showStats, props, toggleMoreOptions, moreOptionsColumn }: HeaderCellProps) => React.JSX.Element;
+declare namespace HeaderCellFactory {
+    var deps: (typeof FieldTokenFactory | typeof ColumnStatisticsNumericFactory | typeof ColumnStatisticsTimeFactory)[];
+}
 export default HeaderCellFactory;

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

@@ -6,8 +6,9 @@ import { ColMeta } from '@kepler.gl/types';
 import { DataContainerInterface } from '@kepler.gl/utils';
 type ContainerProps = {
     $hasCustomScrollBarStyle?: boolean;
+    $hasStats?: boolean;
 };
-export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerProps>>;
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ContainerProps> & ContainerProps, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ContainerProps> & ContainerProps, never>>> & string;
 export type SortColumn = {
     column?: string;
     mode?: string;
@@ -45,8 +46,10 @@ interface TableSectionProps {
     headerCellRender?: any;
     dataCellRender?: any;
     scrollLeft?: number;
+    headerVisibleHeight?: number;
+    headerBodyOffset?: number;
 }
-export declare const TableSection: ({ classList, isPinned, columns, headerGridProps, fixedWidth, fixedHeight, onScroll, scrollTop, dataGridProps, columnWidth, setGridRef, headerCellRender, dataCellRender, scrollLeft }: TableSectionProps) => React.JSX.Element;
+export declare const TableSection: ({ classList, isPinned, columns, headerGridProps, fixedWidth, fixedHeight, onScroll, scrollTop, dataGridProps, columnWidth, setGridRef, headerCellRender, dataCellRender, scrollLeft, headerVisibleHeight, headerBodyOffset }: TableSectionProps) => React.JSX.Element;
 export interface DataTableProps {
     dataId?: string;
     hasStats?: boolean;
@@ -71,30 +74,10 @@ export interface DataTableProps {
     showStats?: boolean;
     hasCustomScrollBarStyle?: boolean;
     getRowCell?: (renderDataCellProps: GetRowCellProps, formatter: any) => string | number;
+    loadColumnStats?: (dataId: string, fieldName: string) => void;
 }
 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 }: {
-            cellInfo: {
-                columnIndex: number;
-                isScrolling: boolean;
-                isVisible: boolean;
-                key: string;
-                parent: any;
-                rowIndex: number;
-                style: React.CSSProperties;
-            };
-            columns: DataTableProps["columns"];
-            colMeta?: ColMeta;
-            isPinned?: boolean;
-            showStats?: boolean;
-            props: DataTableProps;
-            toggleMoreOptions: (moreOptionsColumn: string) => void;
-            moreOptionsColumn: null | string;
-            style: React.CSSProperties;
-        }) => React.JSX.Element;
-        deps: typeof import("../field-token").default[];
-    }[];
+    var deps: (typeof HeaderCellFactory)[];
 }
 export default DataTableFactory;

package/dist/common/dnd-layer-items.d.ts

@@ -4,5 +4,9 @@ export declare const DND_EMPTY_MODIFIERS: Modifiers;
 export declare const SORTABLE_SIDE_PANEL_TYPE = "root";
 export declare const DROPPABLE_MAP_CONTAINER_TYPE = "map";
 export declare const SORTABLE_LAYER_TYPE = "layer";
+export declare const SORTABLE_LAYER_GROUP_TYPE = "layerGroup";
+export declare const SORTABLE_LAYER_GROUP_DROPPABLE_TYPE = "droppable-layer-group";
 export declare const SORTABLE_EFFECT_PANEL_TYPE = "root";
 export declare const SORTABLE_EFFECT_TYPE = "effect";
+export declare const SORTABLE_LAYER_END_PLACEHOLDER = "__layer-end-placeholder__";
+export declare const SORTABLE_LAYER_END_TYPE = "layer-end-placeholder";

package/dist/common/error-boundary.d.ts

@@ -11,6 +11,6 @@ export default class ErrorBoundary extends React.Component<ErrorBoundaryProps> {
         hasError: boolean;
     };
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    render(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+    render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
 }
 export {};

package/dist/common/file-uploader/file-upload.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { WrappedComponentProps } from 'react-intl';
 import { FileLoading, FileLoadingProgress } from '@kepler.gl/types';
-export declare const WarningMsg: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
+export declare const WarningMsg: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
 type FileUploadProps = {
     onFileUpload: (files: File[]) => void;
     fileLoading: FileLoading | false;

package/dist/common/flex-container.d.ts

@@ -1,7 +1,15 @@
-export declare const FlexContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const FlexColContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>;
-export declare const FlexContainerGrow: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>;
+export declare const FlexContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const FlexColContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never>>> & string;
+export declare const FlexContainerGrow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never>>> & string;

package/dist/common/histogram-plot.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import React, { ReactElement } from 'react';
+import { Bins } from '@kepler.gl/types';
 export declare const HISTOGRAM_MASK_MODE: {
     NoMask: number;
     Mask: number;
@@ -9,5 +10,27 @@ export type HistogramMaskModeType = {
     Mask: number;
     MaskWithOverlay: number;
 };
+export interface HistogramPlotProps {
+    width: number;
+    height: number;
+    margin: {
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+    };
+    isRanged?: boolean;
+    isEnlarged?: boolean;
+    value: number[];
+    isMasked?: number;
+    brushComponent?: ReactElement;
+    histogramsByGroup: Bins;
+    colorsByGroup?: null | {
+        [dataId: string]: string;
+    };
+    countProp?: string;
+    range?: number[];
+    breakLines?: number[];
+}
 declare function HistogramPlotFactory(): (props: any) => React.JSX.Element | null;
 export default HistogramPlotFactory;

package/dist/common/icon-button.d.ts

@@ -7,9 +7,7 @@ interface IconButtonProps extends ButtonProps {
     onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
     children?: ReactNode;
 }
-export declare const IconButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}>, never>, "ref" | "link" | "small" | "width" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "size" | "negative" | "secondary" | "floating" | "cta" | "large" | "inactive"> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+export declare const IconButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("react").ClassAttributes<HTMLButtonElement> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement>, "small" | "ref" | "link" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "negative" | "secondary" | "floating" | "cta" | "large" | "width" | "inactive" | "size"> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
     className?: string;
     ref?: React.ForwardedRef<HTMLElement>;
     children?: React.ReactNode;
@@ -24,7 +22,56 @@ export declare const IconButton: import("styled-components").IStyledComponent<"w
     width?: string;
     inactive?: boolean;
     size?: string;
-}, IconButtonProps>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}>, never>, ButtonProps>>, keyof import("react").Component<any, {}, any>>;
+}, "className"> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("react").ClassAttributes<HTMLButtonElement> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement>, "small" | "ref" | "link" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "negative" | "secondary" | "floating" | "cta" | "large" | "width" | "inactive" | "size"> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    className?: string;
+    ref?: React.ForwardedRef<HTMLElement>;
+    children?: React.ReactNode;
+    negative?: boolean;
+    secondary?: boolean;
+    link?: boolean;
+    floating?: boolean;
+    cta?: boolean;
+    large?: boolean;
+    small?: boolean;
+    disabled?: boolean;
+    width?: string;
+    inactive?: boolean;
+    size?: string;
+}, "className">>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, keyof IconButtonProps> & IconButtonProps, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("react").ClassAttributes<HTMLButtonElement> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement>, "small" | "ref" | "link" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "negative" | "secondary" | "floating" | "cta" | "large" | "width" | "inactive" | "size"> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    className?: string;
+    ref?: React.ForwardedRef<HTMLElement>;
+    children?: React.ReactNode;
+    negative?: boolean;
+    secondary?: boolean;
+    link?: boolean;
+    floating?: boolean;
+    cta?: boolean;
+    large?: boolean;
+    small?: boolean;
+    disabled?: boolean;
+    width?: string;
+    inactive?: boolean;
+    size?: string;
+}, "className"> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("react").ClassAttributes<HTMLButtonElement> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement>, "small" | "ref" | "link" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "negative" | "secondary" | "floating" | "cta" | "large" | "width" | "inactive" | "size"> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    className?: string;
+    ref?: React.ForwardedRef<HTMLElement>;
+    children?: React.ReactNode;
+    negative?: boolean;
+    secondary?: boolean;
+    link?: boolean;
+    floating?: boolean;
+    cta?: boolean;
+    large?: boolean;
+    small?: boolean;
+    disabled?: boolean;
+    width?: string;
+    inactive?: boolean;
+    size?: string;
+}, "className">>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, keyof IconButtonProps> & IconButtonProps, never>>> & string;
 export default IconButton;

package/dist/common/icons/arrow-down-full.d.ts

@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-export default class ArrowDown extends Component {
+import { BaseProps } from './base';
+export default class ArrowDown extends Component<BaseProps> {
     static propTypes: {
         /** Set the height of the icon, ex. '16px' */
         height: PropTypes.Requireable<string>;

package/dist/common/icons/circle.d.ts

@@ -0,0 +1,10 @@
+import React, { Component } from 'react';
+import { BaseProps } from './base';
+export default class Circle extends Component<Partial<BaseProps>> {
+    static defaultProps: {
+        height: string;
+        predefinedClassName: string;
+        viewBox: string;
+    };
+    render(): React.JSX.Element;
+}

package/dist/common/icons/draw-point.d.ts

@@ -0,0 +1,10 @@
+import React, { Component } from 'react';
+import { BaseProps } from './base';
+export default class DrawPoint extends Component<Partial<BaseProps>> {
+    static defaultProps: {
+        height: string;
+        predefinedClassName: string;
+        viewBox: string;
+    };
+    render(): React.JSX.Element;
+}

package/dist/common/icons/folder.d.ts

@@ -0,0 +1,10 @@
+import React, { Component } from 'react';
+import { BaseProps } from './base';
+export default class Folder extends Component<Partial<BaseProps>> {
+    static defaultProps: {
+        height: string;
+        viewBox: string;
+        predefinedClassName: string;
+    };
+    render(): React.JSX.Element;
+}

package/dist/common/icons/index.d.ts

@@ -37,6 +37,7 @@ export { default as File } from './file';
 export { default as Files } from './files';
 export { default as FileType } from './file-type';
 export { default as FilterFunnel } from './filter-funnel';
+export { default as Folder } from './folder';
 export { default as FreeWindow } from './free-window';
 export { default as Gear } from './gear';
 export { default as Hash } from './hash';
@@ -76,8 +77,11 @@ export { default as CodeAlt } from './code-alt';
 export { default as Warning } from './warning';
 export { default as WarningSign } from './warning-sign';
 export { default as DrawPolygon } from './draw-polygon';
+export { default as DrawPoint } from './draw-point';
+export { default as LineString } from './line-string';
 export { default as Polygon } from './polygon';
 export { default as Rectangle } from './rectangle';
+export { default as Circle } from './circle';
 export { default as TimelineMarker } from './timeline-marker';
 export { default as OrderByList } from './order-by-list';
 export { default as OrderByDataset } from './order-by-dataset';

package/dist/common/icons/line-string.d.ts

@@ -0,0 +1,10 @@
+import React, { Component } from 'react';
+import { BaseProps } from './base';
+export default class LineString extends Component<Partial<BaseProps>> {
+    static defaultProps: {
+        height: string;
+        predefinedClassName: string;
+        viewBox: string;
+    };
+    render(): React.JSX.Element;
+}

package/dist/common/icons/timeline-marker.d.ts

@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-export default class TimelineMarker extends Component {
+import { BaseProps } from './base';
+export default class TimelineMarker extends Component<BaseProps> {
     static propTypes: {
         /** Set the height of the icon, ex. '16px' */
         height: PropTypes.Requireable<string>;

package/dist/common/item-selector/dropdown-list.d.ts

@@ -59,7 +59,7 @@ export default class DropdownList extends Component<DropdownListProps, DropdownL
     initNumberOfOptions: number;
     page: number;
     prevY: number;
-    loadingRef: React.RefObject<HTMLDivElement>;
+    loadingRef: React.RefObject<HTMLDivElement | null>;
     observer: IntersectionObserver | undefined;
     constructor(props: any);
     componentDidMount(): void;

package/dist/common/item-selector/dropdown-select.d.ts

@@ -21,17 +21,23 @@ export type DropdownSelectProps<Option> = {
     showDropdown: (e: React.MouseEvent) => void;
     DropDownLineItemRenderComponent?: ComponentType<ListItemProps<Option>>;
 };
-export declare const StyledDropdownSelect: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
-}>, {
+export declare const StyledDropdownSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>> & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "className"> & {
     className?: string;
-}>, {
+}, "size" | "inputTheme"> & {
     size: DropdownSelectProps<any>["size"];
     inputTheme: DropdownSelectProps<any>["inputTheme"];
-}>>;
-export declare const DropdownSelectValue: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+}, "slot" | "ref" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture"> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>> & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "className"> & {
+    className?: string;
+}, "size" | "inputTheme"> & {
+    size: DropdownSelectProps<any>["size"];
+    inputTheme: DropdownSelectProps<any>["inputTheme"];
+}, "slot" | "ref" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture">>> & string;
+export declare const DropdownSelectValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "inputTheme" | "hasPlaceholder"> & {
+    inputTheme: DropdownSelectProps<any>["inputTheme"];
+    hasPlaceholder: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "inputTheme" | "hasPlaceholder"> & {
     inputTheme: DropdownSelectProps<any>["inputTheme"];
     hasPlaceholder: boolean;
-}>>;
+}, never>>> & string;
 declare function DropdownSelect<Option>({ className, displayOption, disabled, onClick, inputTheme, size, value, placeholder, erasable, showArrow, onErase, showDropdown, DropDownLineItemRenderComponent }: DropdownSelectProps<Option>): JSX.Element;
 export default DropdownSelect;

package/dist/common/item-selector/item-selector.d.ts

@@ -60,7 +60,7 @@ declare class ItemSelectorUnmemoized extends Component<ItemSelectorProps<any>> {
     };
     componentDidMount(): void;
     componentWillUnmount(): void;
-    root: RefObject<HTMLDivElement>;
+    root: RefObject<HTMLDivElement | null>;
     handleClickOutside: () => void;
     _handleResize: (dimensions: any) => void;
     _hideTypeahead: () => void;

package/dist/common/item-selector/typeahead.d.ts

@@ -10,14 +10,14 @@ import { BaseComponentProps } from '../../types';
  */
 export type TypeaheadWrapperProps = BaseComponentProps & {
     light?: boolean;
-    ref: React.RefObject<HTMLDivElement>;
+    ref: React.RefObject<HTMLDivElement | null>;
 };
 export type TypeaheadInputProps = BaseComponentProps & {
     light?: boolean;
     value?: string;
     type: string;
     disabled?: boolean;
-    ref: React.RefObject<HTMLDivElement>;
+    ref: React.RefObject<HTMLInputElement | null>;
     placeholder?: string | undefined;
 };
 type Option = string | number | boolean | object | undefined;
@@ -112,8 +112,8 @@ declare class Typeahead extends Component<TypeaheadProps, TypeaheadState> {
     };
     constructor(props: any);
     componentDidMount(): void;
-    root: React.RefObject<HTMLDivElement>;
-    entry: React.RefObject<HTMLInputElement>;
+    root: React.RefObject<HTMLDivElement | null>;
+    entry: React.RefObject<HTMLInputElement | null>;
     focus: () => void;
     _hasCustomValue: () => boolean;
     _getCustomValue: () => string | null | undefined;

package/dist/common/layout-splitter.d.ts

@@ -0,0 +1,45 @@
+import React, { Component, ReactElement } from 'react';
+export declare enum LayoutSplitterMode {
+    VERTICAL = "VERTICAL",
+    HORIZONTAL = "HORIZONTAL"
+}
+export interface VirtualElement {
+    top: number;
+    left: number;
+    bottom: number;
+    right: number;
+}
+export interface LayoutSplitterProps {
+    size?: number;
+    color?: string;
+    shadowColor?: string;
+    mode: LayoutSplitterMode;
+    referenceElement: HTMLElement | VirtualElement;
+    renderHandle?: () => ReactElement;
+    percentageSplit: number;
+    resizeThrottleDelay?: number;
+    onMove?: (percentageSplit: number) => void;
+    onRelease?: (percentageSplit: number) => void;
+}
+export default class LayoutSplitter extends Component<LayoutSplitterProps> {
+    static defaultProps: {
+        mode: LayoutSplitterMode;
+        size: number;
+        resizeThrottleDelay: number;
+    };
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    ref: React.RefObject<HTMLDivElement | null>;
+    dragging: boolean;
+    getReferenceBoundingBox(): VirtualElement | undefined;
+    getNextValue(clientX: number, clientY: number): number;
+    handlePointerDown: (evt: React.PointerEvent) => void;
+    handlePointerMove: (evt: React.PointerEvent) => void;
+    handlePointerUp: (evt: React.PointerEvent) => void;
+    handleResize: () => void;
+    renderHandle(): React.ReactNode;
+    getPositioningStyle(): {
+        [x: string]: number;
+    };
+    render(): React.ReactNode;
+}

package/dist/common/line-chart.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
-import { LineSeriesPoint, RVNearestXData } from 'react-vis';
 import { LineChart } from '@kepler.gl/types';
+export interface LineSeriesPoint {
+    x: number;
+    y: number;
+}
 export interface HoverDP {
     x: number;
     y: number;
@@ -25,13 +28,14 @@ interface LineChartProps {
         left?: number;
         right?: number;
     };
-    onMouseMove: (datapoint: LineSeriesPoint | null, data?: RVNearestXData<LineSeriesPoint>) => void;
+    onMouseMove: (datapoint: LineSeriesPoint | null) => void;
     value?: number[];
     width: number;
     timezone?: string | null;
     timeFormat?: string;
     range?: number[];
     yAxisAutoRange?: boolean;
+    theme?: any;
 }
-declare function LineChartFactory(): ({ brushComponent, brushing, color, enableChartHover, height, hoveredDP, isEnlarged, lineChart, margin, onMouseMove, value, width, timezone, timeFormat, range, yAxisAutoRange }: LineChartProps) => React.JSX.Element;
+declare function LineChartFactory(): React.FC<Omit<LineChartProps, "theme">>;
 export default LineChartFactory;