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

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,13 +77,17 @@ 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';
 export { default as Messages } from './messages';
 export { default as Crosshairs } from './crosshairs';
+export { default as AnnotationText } from './annotation-text';
 export { default as CursorClick } from './cursor-click';
 export { default as CursorPoint } from './cursor-point';
 export { default as Calendar } from './calendar';

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/chickleted-input.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { IStyledComponent } from 'styled-components';
 import { BaseComponentProps } from '../../types';
 export type ChickletButtonProps = BaseComponentProps & {
-    inputTheme?: string;
+    $inputTheme?: string;
     ref?: (node: HTMLElement | null) => void;
 };
 export declare const ChickletButton: IStyledComponent<'web', ChickletButtonProps>;

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,10 +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, width, timezone, timeFormat }: LineChartProps) => React.JSX.Element;
+declare function LineChartFactory(): React.FC<Omit<LineChartProps, "theme">>;
 export default LineChartFactory;

package/dist/common/modal.d.ts

@@ -1,12 +1,18 @@
-import React, { Component, ReactNode, PropsWithChildren } from 'react';
+import React, { Component, ReactNode } from 'react';
 import { css } from 'styled-components';
 import Modal from 'react-modal';
 type CssStyleType = ReturnType<typeof css>;
-type ModalTitleProps = PropsWithChildren<{
+export declare const ModalTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "children"> & {
     style?: React.CSSProperties;
     className?: string;
-}>;
-export declare const ModalTitle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ModalTitleProps>>;
+} & {
+    children?: ReactNode | undefined;
+}, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "children"> & {
+    style?: React.CSSProperties;
+    className?: string;
+} & {
+    children?: ReactNode | undefined;
+}, never>>> & string;
 type ModalButtonProps = {
     style?: React.CSSProperties;
     large?: boolean;
@@ -60,5 +66,5 @@ export declare class ModalDialog extends Component<ModalDialogProps> {
     };
     render(): React.JSX.Element;
 }
-declare const StyledModal: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<ModalDialogOwnProps & Omit<Modal.Props, "className" | "style" | "ariaHideApp"> & React.RefAttributes<ModalDialog>, never>> & Omit<typeof ModalDialog, keyof React.Component<any, {}, any>>;
+declare const StyledModal: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<ModalDialogOwnProps & Omit<Modal.Props, "className" | "style" | "ariaHideApp"> & React.RefAttributes<ModalDialog>, never> & Partial<Pick<ModalDialogOwnProps & Omit<Modal.Props, "className" | "style" | "ariaHideApp"> & React.RefAttributes<ModalDialog>, never>>> & string & Omit<typeof ModalDialog, keyof React.Component<any, {}, any>>;
 export default StyledModal;

package/dist/common/portaled.d.ts

@@ -77,26 +77,26 @@ declare class Portaled extends Component<PortaledProps, PortaledState> {
     componentDidUpdate(prevProps: PortaledProps): void;
     componentDidCatch(): void;
     componentWillUnmount(): void;
-    element: React.RefObject<HTMLDivElement>;
-    child: React.RefObject<HTMLDivElement>;
+    element: React.RefObject<HTMLDivElement | null>;
+    child: React.RefObject<HTMLDivElement | null>;
     handleScroll: () => void;
     render(): JSX.Element;
 }
-declare const _default: React.ForwardRefExoticComponent<Pick<import("styled-components").ExecutionProps, "as" | "forwardedAs"> & {
-    theme?: import("styled-components").DefaultTheme | undefined;
+declare const _default: React.ForwardRefExoticComponent<Omit<Omit<{
+    right?: number;
+    left?: number;
+    top?: number;
+    component?: React.ElementType<any>;
+    onClose?: (event: React.MouseEvent<Element, globalThis.MouseEvent> | React.KeyboardEvent<Element>) => void;
+    topOffset?: number;
+    leftOffset?: number;
+    rightOffset?: number;
+    overlayZIndex?: number;
+    isOpened?: boolean;
+    modalProps?: Partial<ReactModal.Props>;
+    modalStyle?: Partial<typeof defaultModalStyle>;
+    theme?: any;
 } & {
     children?: React.ReactNode | undefined;
-    onClose?: ((event: React.MouseEvent<Element, globalThis.MouseEvent> | React.KeyboardEvent<Element>) => void) | undefined;
-    top?: number | undefined;
-    right?: number | undefined;
-    left?: number | undefined;
-    component?: React.ElementType<any> | undefined;
-    topOffset?: number | undefined;
-    leftOffset?: number | undefined;
-    rightOffset?: number | undefined;
-    overlayZIndex?: number | undefined;
-    isOpened?: boolean | undefined;
-    modalProps?: Partial<ReactModal.Props> | undefined;
-    modalStyle?: Partial<typeof defaultModalStyle> | undefined;
-} & React.RefAttributes<typeof Portaled>> & {};
+} & React.RefAttributes<Portaled>, keyof import("styled-components").ExecutionProps> & import("styled-components").ExecutionProps, "ref"> & React.RefAttributes<any>> & import("styled-components/dist/utils/hoist").NonReactStatics<typeof Portaled>;
 export default _default;

package/dist/common/range-slider.d.ts

@@ -1,6 +1,7 @@
 import { ComponentType, ElementType } from 'react';
 import RangePlotFactory from './range-plot';
 import RangeSliderSubAnimationPanelFactory from '../common/range-slider-timeline-panel';
+import type { SliderScaleConfig } from '@kepler.gl/utils';
 import { LineChart, Filter, Bins } from '@kepler.gl/types';
 import { Datasets } from '@kepler.gl/table';
 import { ActionHandler, setFilterPlot } from '@kepler.gl/actions';
@@ -34,6 +35,7 @@ interface RangeSliderProps {
     filter?: Filter;
     datasets?: Datasets;
     invertTrendColor?: boolean;
+    scaleConfig?: SliderScaleConfig | null;
 }
 declare function RangeSliderFactory(RangePlot: ReturnType<typeof RangePlotFactory>, RangeSliderSubAnimationPanel: ReturnType<typeof RangeSliderSubAnimationPanelFactory>): ComponentType<RangeSliderProps>;
 declare namespace RangeSliderFactory {

package/dist/common/slider/mouse-event.d.ts

@@ -4,7 +4,7 @@ type MouseEventHandlerProps = {
     vertical: boolean;
     valueListener: (distance: number) => void;
     toggleMouseOver: () => void;
-    track: RefObject<StyleRangeSliderType>;
+    track: RefObject<StyleRangeSliderType | null>;
     setAnchor?: null | ((distance: number) => void);
 };
 export default class MouseEventHandler {

package/dist/common/slider/slider-bar-handle.d.ts

@@ -13,7 +13,7 @@ type SliderBarHandleProps = {
     sliderBarListener: (distance: number) => void;
     enableBarDrag: boolean;
     vertical: boolean;
-    track: RefObject<StyleRangeSliderType>;
+    track: RefObject<StyleRangeSliderType | null>;
     setAnchor: (distance: number) => void;
 };
 export default class SliderBarHandle extends Component {

package/dist/common/slider/slider-handle.d.ts

@@ -5,7 +5,7 @@ import { BaseComponentProps } from '../../types';
 export type StyledSliderHandleProps = StyledSliderTooltipProps & {
     $vertical?: boolean;
     $active?: boolean;
-    ref: RefObject<Element>;
+    ref: RefObject<Element | null>;
 };
 export type StyledSliderTooltipProps = BaseComponentProps & {
     $sliderHandleWidth: number;
@@ -16,7 +16,7 @@ type SliderHandleProps = {
     display: boolean;
     valueListener: (distance: number) => void;
     vertical: boolean;
-    track: RefObject<StyleRangeSliderType>;
+    track: RefObject<StyleRangeSliderType | null>;
     showTooltip: boolean;
     value?: number;
 };
@@ -35,7 +35,7 @@ export default class SliderHandle extends Component {
     state: {
         mouseOver: boolean;
     };
-    ref: React.RefObject<HTMLSpanElement>;
+    ref: React.RefObject<HTMLSpanElement | null>;
     toggleMouseOver: () => void;
     render(): React.JSX.Element;
 }

package/dist/common/slider/slider.d.ts

@@ -1,15 +1,16 @@
 import React, { Component, RefObject } from 'react';
+import type { SliderScaleConfig } from '@kepler.gl/utils';
 declare function noop(): void;
 interface StyledRangeSliderProps {
     $vertical?: boolean;
 }
-declare const StyledRangeSlider: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledRangeSliderProps>>;
+declare const StyledRangeSlider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$vertical"> & StyledRangeSliderProps, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$vertical"> & StyledRangeSliderProps, never>>> & string;
 export type StyleRangeSliderType = typeof StyledRangeSlider & HTMLDivElement;
 interface SliderWrapperProps {
     $isRanged?: boolean;
     $vertical?: boolean;
 }
-declare const SliderWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SliderWrapperProps>>;
+declare const SliderWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof SliderWrapperProps> & SliderWrapperProps, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof SliderWrapperProps> & SliderWrapperProps, never>>> & string;
 type SliderProps = {
     title: string;
     isRanged: boolean;
@@ -32,6 +33,7 @@ type SliderProps = {
     disabled: boolean;
     className?: string;
     style?: object;
+    scaleConfig?: SliderScaleConfig | null;
 };
 export default class Slider extends Component<SliderProps> {
     props: SliderProps;
@@ -53,11 +55,13 @@ export default class Slider extends Component<SliderProps> {
         showTooltip: boolean;
     };
     private anchor;
-    ref: RefObject<typeof SliderWrapper & HTMLDivElement>;
-    track: RefObject<StyleRangeSliderType>;
+    ref: RefObject<(typeof SliderWrapper & HTMLDivElement) | null>;
+    track: RefObject<StyleRangeSliderType | null>;
     constructor(props: SliderProps);
     private setAnchor;
     private getBaseDistance;
+    private getValueFromPixelOffset;
+    private getPositionFromValue;
     private getDeltaVal;
     private getDeltaX;
     private getValue;