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

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

@@ -1,11 +1,11 @@
 import React, { ComponentType } from 'react';
-export declare type ListItemProps<Option> = {
+export type ListItemProps<Option> = {
     value: Option;
     displayOption: (opt: Option) => string;
     light: boolean;
     disabled: boolean;
 };
-export declare type DropdownSelectProps<Option> = {
+export type DropdownSelectProps<Option> = {
     className?: string;
     displayOption?: string | ((opt: Option) => string);
     disabled?: boolean;
@@ -22,15 +22,15 @@ export declare type DropdownSelectProps<Option> = {
     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.RefObject<HTMLDivElement> | null | undefined;
+    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;
 }>, {
-    className?: string | undefined;
+    className?: string;
 }>, {
-    size: DropdownSelectProps<any>['size'];
-    inputTheme: DropdownSelectProps<any>['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>, {
-    inputTheme: DropdownSelectProps<any>['inputTheme'];
+    inputTheme: DropdownSelectProps<any>["inputTheme"];
     hasPlaceholder: boolean;
 }>>;
 declare function DropdownSelect<Option>({ className, displayOption, disabled, onClick, inputTheme, size, value, placeholder, erasable, showArrow, onErase, showDropdown, DropDownLineItemRenderComponent }: DropdownSelectProps<Option>): JSX.Element;

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

@@ -3,11 +3,11 @@ import { IStyledComponent } from 'styled-components';
 import DropdownList from './dropdown-list';
 import { IntlShape } from 'react-intl';
 import { ListItemProps } from './dropdown-select';
-export declare type DropdownWrapperProps = {
+export type DropdownWrapperProps = {
     placement?: string;
     width: number;
 };
-export declare type ItemSelectorProps<Option> = {
+export type ItemSelectorProps<Option> = {
     selectedItems?: ReadonlyArray<Option> | string | number | boolean | object | null;
     options: ReadonlyArray<Option>;
     onChange: (items: ReadonlyArray<Option> | string | number | boolean | object | null) => void;

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

@@ -8,11 +8,11 @@ import { BaseComponentProps } from '../../types';
  * Renders an text input that shows options nearby that you can use the
  * keyboard or mouse to select.
  */
-export declare type TypeaheadWrapperProps = BaseComponentProps & {
+export type TypeaheadWrapperProps = BaseComponentProps & {
     light?: boolean;
     ref: React.RefObject<HTMLDivElement>;
 };
-export declare type TypeaheadInputProps = BaseComponentProps & {
+export type TypeaheadInputProps = BaseComponentProps & {
     light?: boolean;
     value?: string;
     type: string;
@@ -20,7 +20,7 @@ export declare type TypeaheadInputProps = BaseComponentProps & {
     ref: React.RefObject<HTMLDivElement>;
     placeholder?: string | undefined;
 };
-declare type Option = string | number | boolean | object | undefined;
+type Option = string | number | boolean | object | undefined;
 interface TypeaheadProps {
     name?: string;
     customClasses?: any;

package/dist/common/loading-spinner.d.ts

@@ -1,9 +1,9 @@
 import React, { CSSProperties } from 'react';
 import { BaseComponentProps } from '../types';
-export declare type LoadingWrapperProps = BaseComponentProps & {
+export type LoadingWrapperProps = BaseComponentProps & {
     borderColor?: CSSProperties['borderColor'];
 };
-export declare type LoadingSpinnerProps = {
+export type LoadingSpinnerProps = {
     size?: number;
     color?: string;
     borderColor?: CSSProperties['borderColor'];

package/dist/common/modal.d.ts

@@ -1,20 +1,20 @@
 import React, { Component, ReactNode, PropsWithChildren } from 'react';
 import { css } from 'styled-components';
 import Modal from 'react-modal';
-declare type CssStyleType = ReturnType<typeof css>;
-declare type ModalTitleProps = PropsWithChildren<{
+type CssStyleType = ReturnType<typeof css>;
+type ModalTitleProps = PropsWithChildren<{
     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>>;
-declare type ModalButtonProps = {
+type ModalButtonProps = {
     style?: React.CSSProperties;
     large?: boolean;
     disabled?: boolean;
     negative?: boolean;
     children?: string;
 };
-declare type ModalFooterProps = {
+type ModalFooterProps = {
     cancel: () => void;
     confirm: (data?: any) => void;
     cancelButton?: ModalButtonProps;
@@ -38,7 +38,7 @@ export interface ModalDialogOwnProps {
     theme: any;
     children?: ReactNode;
 }
-export declare type ModalDialogProps = ModalDialogOwnProps & Omit<ReactModal.Props, 'style' | 'ariaHideApp' | 'className'>;
+export type ModalDialogProps = ModalDialogOwnProps & Omit<ReactModal.Props, 'style' | 'ariaHideApp' | 'className'>;
 export declare class ModalDialog extends Component<ModalDialogProps> {
     static defaultProps: {
         footer: boolean;

package/dist/common/portaled.d.ts

@@ -1,5 +1,4 @@
 import React, { Component, PropsWithChildren } from 'react';
-import Modal from 'react-modal';
 interface GetChildPosProps {
     offsets: Partial<{
         topOffset: number;
@@ -38,7 +37,7 @@ declare const defaultModalStyle: {
         backgroundColor: string;
     };
 };
-declare type PortaledProps = PropsWithChildren<{
+type PortaledProps = PropsWithChildren<{
     right?: number;
     left?: number;
     top?: number;
@@ -86,34 +85,18 @@ declare class Portaled extends Component<PortaledProps, PortaledState> {
 declare const _default: React.ForwardRefExoticComponent<Pick<import("styled-components").ExecutionProps, "as" | "forwardedAs"> & {
     theme?: import("styled-components").DefaultTheme | undefined;
 } & {
-    children?: React.ReactNode;
-    onClose?: ((event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void) | undefined;
-    left?: number | undefined;
-    right?: number | undefined;
+    children?: React.ReactNode | undefined;
+    onClose?: ((event: React.MouseEvent<Element, globalThis.MouseEvent> | React.KeyboardEvent<Element>) => void) | undefined;
     top?: number | undefined;
-    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | 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<Modal.Props> | undefined;
-    modalStyle?: Partial<{
-        content: {
-            top: number;
-            left: number;
-            border: number;
-            right: string;
-            bottom: string;
-            padding: string;
-        };
-        overlay: {
-            right: string;
-            bottom: string;
-            width: string;
-            height: string;
-            backgroundColor: string;
-        };
-    }> | undefined;
+    modalProps?: Partial<ReactModal.Props> | undefined;
+    modalStyle?: Partial<typeof defaultModalStyle> | undefined;
 } & React.RefAttributes<typeof Portaled>> & {};
 export default _default;

package/dist/common/progress-bar.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type ProgressBarProps = {
+export type ProgressBarProps = {
     percent: string;
     height?: number;
     isLoading: boolean;

package/dist/common/radius-legend.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-declare type Props = {
+type Props = {
     width: number;
     scaleType: string;
     domain: [number, number];

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

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type OnBrush = (val0: number, val1: number) => void;
+export type OnBrush = (val0: number, val1: number) => void;
 export interface RangeBrushProps {
     isRanged?: boolean;
     theme?: any;

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

@@ -26,7 +26,7 @@ interface RangePlotProps {
     invertTrendColor?: boolean;
     style: CSSProperties;
 }
-declare type WithPlotLoadingProps = RangePlotProps & Partial<RangeBrushProps> & {
+type WithPlotLoadingProps = RangePlotProps & Partial<RangeBrushProps> & {
     setFilterPlot: any;
 };
 declare function RangePlotFactory(RangeBrush: ReturnType<typeof RangeBrushFactory>, HistogramPlot: ReturnType<typeof HistogramPlotFactory>, LineChartPlot: ReturnType<typeof LineChartFactory>): React.FC<Omit<WithPlotLoadingProps, "theme">>;

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

@@ -1,6 +1,6 @@
 import { RefObject, TouchEventHandler, MouseEventHandler as ReactMouseEventHandler } from 'react';
 import { StyleRangeSliderType } from './slider';
-declare type MouseEventHandlerProps = {
+type MouseEventHandlerProps = {
     vertical: boolean;
     valueListener: (distance: number) => void;
     toggleMouseOver: () => void;

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

@@ -2,12 +2,12 @@ import React, { Component, RefObject } from 'react';
 import MouseEventHandler from './mouse-event';
 import { StyleRangeSliderType } from './slider';
 import { BaseComponentProps } from '../../types';
-export declare type StyledSliderProps = BaseComponentProps & {
+export type StyledSliderProps = BaseComponentProps & {
     $active?: boolean;
     $vertical?: boolean;
 };
 declare function nope(): void;
-declare type SliderBarHandleProps = {
+type SliderBarHandleProps = {
     width: number;
     v0Left: number;
     sliderBarListener: (distance: number) => void;

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

@@ -2,15 +2,15 @@ import React, { Component, RefObject } from 'react';
 import MouseEventHandler from './mouse-event';
 import { StyleRangeSliderType } from './slider';
 import { BaseComponentProps } from '../../types';
-export declare type StyledSliderHandleProps = StyledSliderTooltipProps & {
+export type StyledSliderHandleProps = StyledSliderTooltipProps & {
     $vertical?: boolean;
     $active?: boolean;
     ref: RefObject<Element>;
 };
-export declare type StyledSliderTooltipProps = BaseComponentProps & {
+export type StyledSliderTooltipProps = BaseComponentProps & {
     $sliderHandleWidth: number;
 };
-declare type SliderHandleProps = {
+type SliderHandleProps = {
     sliderHandleWidth: number;
     left: string;
     display: boolean;

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

@@ -4,13 +4,13 @@ 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>>;
-export declare type StyleRangeSliderType = typeof StyledRangeSlider & HTMLDivElement;
+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 type SliderProps = {
+type SliderProps = {
     title: string;
     isRanged: boolean;
     value0: number;