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

package/dist/common/styled-components.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RGBColor } from '@kepler.gl/types';
 import { TooltipProps } from 'react-tooltip';
 import { IStyledComponent } from 'styled-components';
@@ -6,7 +5,7 @@ import { BaseComponentProps } from '../types';
 export declare function shouldForwardProp(propName: any, target: any): boolean;
 export declare const SelectText: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
 export declare const SelectTextBold: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+    ref?: ((instance: HTMLSpanElement | 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<HTMLSpanElement> | null | undefined;
 }, never>> & Omit<IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>, keyof import("react").Component<any, {}, any>>;
 export declare const IconRoundSmall: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const CenterFlexbox: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
@@ -16,37 +15,37 @@ export declare const SpaceBetweenFlexbox: IStyledComponent<"web", import("styled
 export declare const SBFlexboxItem: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const SBFlexboxNoMargin: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const PanelLabel: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
-    ref?: ((instance: HTMLLabelElement | null) => void) | import("react").RefObject<HTMLLabelElement> | null | undefined;
+    ref?: ((instance: HTMLLabelElement | 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<HTMLLabelElement> | null | undefined;
 }>, never>, never>>;
 export declare const PanelLabelWrapper: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    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>, never>>;
 export declare const PanelLabelBold: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
-    ref?: ((instance: HTMLLabelElement | null) => void) | import("react").RefObject<HTMLLabelElement> | null | undefined;
+    ref?: ((instance: HTMLLabelElement | 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<HTMLLabelElement> | null | undefined;
 }>, never>, never>, never>> & Omit<IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
-    ref?: ((instance: HTMLLabelElement | null) => void) | import("react").RefObject<HTMLLabelElement> | null | undefined;
+    ref?: ((instance: HTMLLabelElement | 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<HTMLLabelElement> | null | undefined;
 }>, never>, never>>, keyof import("react").Component<any, {}, any>>;
 export declare const PanelHeaderTitle: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+    ref?: ((instance: HTMLSpanElement | 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<HTMLSpanElement> | null | undefined;
 }>, never>, never>>;
 export declare const PanelHeaderContent: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const PanelContent: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    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>, never>>;
 interface SidePanelSectionProps {
     disabled?: boolean;
 }
 export declare const SidePanelSection: 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").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    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>, SidePanelSectionProps>>;
 export declare const SidePanelDivider: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    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>, never>>;
-declare type TooltipAttrsProps = {
+type TooltipAttrsProps = {
     interactive?: boolean;
 } & TooltipProps & BaseComponentProps;
 export declare const Tooltip: IStyledComponent<'web', TooltipAttrsProps>;
-export declare type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+export type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
     className?: string;
     ref?: React.ForwardedRef<HTMLElement>;
     children?: React.ReactNode;
@@ -63,7 +62,7 @@ export declare type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement>
     size?: string;
 };
 export declare const Button: 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").RefObject<HTMLButtonElement> | null | undefined;
+    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>>;
 interface InputProps {
     secondary?: boolean;
@@ -73,7 +72,7 @@ export declare const InputLight: IStyledComponent<"web", import("styled-componen
 export declare const TextArea: IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, InputProps>>;
 export declare const TextAreaLight: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, never>>;
 export declare const InlineInput: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "secondary"> & InputProps, "ref"> & {
-    ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
+    ref?: ((instance: HTMLInputElement | 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<HTMLInputElement> | null | undefined;
 }, never>> & Omit<IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, InputProps>>, keyof import("react").Component<any, {}, any>>;
 export interface StyledPanelHeaderProps {
     active?: boolean;
@@ -98,16 +97,16 @@ export declare const SelectionButton: IStyledComponent<"web", import("styled-com
 export declare const StyledTable: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>>;
 export declare const StyledModalContent: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const StyledModalVerticalPanel: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    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>, never>>;
 export declare const StyledModalSection: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    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>, never>>;
 interface StyledModalInputFootnoteProps {
     error?: boolean;
 }
 export declare const StyledModalInputFootnote: 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").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    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>, StyledModalInputFootnoteProps>>;
 /**
  * Newer versions of mapbox.gl display an error message banner on top of the map by default
@@ -115,22 +114,22 @@ export declare const StyledModalInputFootnote: IStyledComponent<"web", import("s
  * This workaround will hide the error banner.
  */
 export declare const StyledMapContainer: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare type StyledAttributionProps = {
+export type StyledAttributionProps = {
     mapLibCssClass: string;
     mapLibAttributionCssClass: string;
 };
 export declare const StyledAttribution: IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    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;
 }>, StyledAttributionProps>, StyledAttributionProps>>;
 export interface StyledExportSectionProps {
     disabled?: boolean;
 }
 export declare const StyledExportSection: IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledExportSectionProps>>;
 export declare const StyledFilteredOption: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "selected"> & SelectionButtonProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    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<IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectionButtonProps>>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledType: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "selected"> & SelectionButtonProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    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<IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectionButtonProps>>, keyof import("react").Component<any, {}, any>>;
 export declare const WidgetContainer: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const BottomWidgetInner: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
@@ -138,113 +137,113 @@ interface MapControlButtonProps {
     active?: boolean;
 }
 export declare const MapControlButton: IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").FastOmit<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").RefObject<HTMLButtonElement> | null | undefined;
+    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> & {
-    className?: string | undefined;
-    ref?: import("react").ForwardedRef<HTMLElement> | undefined;
+    className?: string;
+    ref?: React.ForwardedRef<HTMLElement>;
     children?: React.ReactNode;
-    negative?: boolean | undefined;
-    secondary?: boolean | undefined;
-    link?: boolean | undefined;
-    floating?: boolean | undefined;
-    cta?: boolean | undefined;
-    large?: boolean | undefined;
-    small?: boolean | undefined;
-    disabled?: boolean | undefined;
-    width?: string | undefined;
-    inactive?: boolean | undefined;
-    size?: string | undefined;
+    negative?: boolean;
+    secondary?: boolean;
+    link?: boolean;
+    floating?: boolean;
+    cta?: boolean;
+    large?: boolean;
+    small?: boolean;
+    disabled?: boolean;
+    width?: string;
+    inactive?: boolean;
+    size?: string;
 }, 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").RefObject<HTMLButtonElement> | null | undefined;
+    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> & {
-    className?: string | undefined;
-    ref?: import("react").ForwardedRef<HTMLElement> | undefined;
+    className?: string;
+    ref?: React.ForwardedRef<HTMLElement>;
     children?: React.ReactNode;
-    negative?: boolean | undefined;
-    secondary?: boolean | undefined;
-    link?: boolean | undefined;
-    floating?: boolean | undefined;
-    cta?: boolean | undefined;
-    large?: boolean | undefined;
-    small?: boolean | undefined;
-    disabled?: boolean | undefined;
-    width?: string | undefined;
-    inactive?: boolean | undefined;
-    size?: string | undefined;
+    negative?: boolean;
+    secondary?: boolean;
+    link?: boolean;
+    floating?: boolean;
+    cta?: boolean;
+    large?: boolean;
+    small?: boolean;
+    disabled?: boolean;
+    width?: string;
+    inactive?: boolean;
+    size?: string;
 }>, never>, MapControlButtonProps>> & Omit<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").RefObject<HTMLButtonElement> | null | undefined;
+    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>>;
 export declare const StyledFilterContent: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const TruncatedTitleText: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const CheckMark: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+    ref?: ((instance: HTMLSpanElement | 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<HTMLSpanElement> | null | undefined;
 }>, never>, never>>;
 export declare const StyledTimePicker: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<{
-    amPmAriaLabel?: string | undefined;
-    autoFocus?: boolean | undefined;
+    amPmAriaLabel?: string;
+    autoFocus?: boolean;
     className?: import("react-time-picker/dist/cjs/shared/types").ClassName;
-    clearAriaLabel?: string | undefined;
-    clearIcon?: (import("react").ComponentType<{}> | (string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("prop-types").ReactNodeArray | null) | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
-    clockAriaLabel?: string | undefined;
+    clearAriaLabel?: string;
+    clearIcon?: ((string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("prop-types").ReactNodeArray | null) | import("react").ComponentType<{}> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | null;
+    clockAriaLabel?: string;
     clockClassName?: import("react-time-picker/dist/cjs/shared/types").ClassName;
-    clockIcon?: (import("react").ComponentType<{}> | (string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("prop-types").ReactNodeArray | null) | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
-    closeClock?: boolean | undefined;
-    'data-testid'?: string | undefined;
-    disableClock?: boolean | undefined;
-    disabled?: boolean | undefined;
-    format?: string | undefined;
-    hourAriaLabel?: string | undefined;
-    hourPlaceholder?: string | undefined;
-    id?: string | undefined;
-    isOpen?: boolean | undefined;
-    locale?: string | undefined;
-    maxDetail?: import("react-time-picker/dist/cjs/shared/types").Detail | undefined;
-    maxTime?: string | undefined;
-    minTime?: string | undefined;
-    minuteAriaLabel?: string | undefined;
-    minutePlaceholder?: string | undefined;
-    name?: string | undefined;
-    nativeInputAriaLabel?: string | undefined;
-    onChange?: ((value: import("react-time-picker/dist/cjs/shared/types").Value) => void) | undefined;
-    onClockClose?: (() => void) | undefined;
-    onClockOpen?: (() => void) | undefined;
-    onFocus?: ((event: import("react").FocusEvent<HTMLDivElement, Element>) => void) | undefined;
-    onInvalidChange?: (() => void) | undefined;
-    openClockOnFocus?: boolean | undefined;
-    portalContainer?: HTMLElement | null | undefined;
-    required?: boolean | undefined;
-    secondAriaLabel?: string | undefined;
-    secondPlaceholder?: string | undefined;
-    shouldCloseClock?: (({ reason }: {
+    clockIcon?: ((string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("prop-types").ReactNodeArray | null) | import("react").ComponentType<{}> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | null;
+    closeClock?: boolean;
+    'data-testid'?: string;
+    disableClock?: boolean;
+    disabled?: boolean;
+    format?: string;
+    hourAriaLabel?: string;
+    hourPlaceholder?: string;
+    id?: string;
+    isOpen?: boolean;
+    locale?: string;
+    maxDetail?: import("react-time-picker/dist/cjs/shared/types").Detail;
+    maxTime?: string;
+    minTime?: string;
+    minuteAriaLabel?: string;
+    minutePlaceholder?: string;
+    name?: string;
+    nativeInputAriaLabel?: string;
+    onChange?: (value: import("react-time-picker/dist/cjs/shared/types").Value) => void;
+    onClockClose?: () => void;
+    onClockOpen?: () => void;
+    onFocus?: (event: React.FocusEvent<HTMLDivElement>) => void;
+    onInvalidChange?: () => void;
+    openClockOnFocus?: boolean;
+    portalContainer?: HTMLElement | null;
+    required?: boolean;
+    secondAriaLabel?: string;
+    secondPlaceholder?: string;
+    shouldCloseClock?: ({ reason }: {
         reason: import("react-time-picker/dist/cjs/shared/types").CloseReason;
-    }) => boolean) | undefined;
-    shouldOpenClock?: (({ reason }: {
+    }) => boolean;
+    shouldOpenClock?: ({ reason }: {
         reason: import("react-time-picker/dist/cjs/shared/types").OpenReason;
-    }) => boolean) | undefined;
-    value?: import("react-time-picker/dist/cjs/shared/types").LooseValue | undefined;
+    }) => boolean;
+    value?: import("react-time-picker/dist/cjs/shared/types").LooseValue;
 } & {
     className?: import("react-clock/dist/cjs/shared/types").ClassName;
-    size?: import("csstype").Property.Width<string | number> | undefined;
+    size?: React.CSSProperties["width"];
     formatHour?: typeof import("react-clock/dist/cjs/shared/hourFormatter").formatHour | undefined;
-    hourHandLength?: number | undefined;
-    hourHandOppositeLength?: number | undefined;
-    hourHandWidth?: number | undefined;
-    hourMarksLength?: number | undefined;
-    hourMarksWidth?: number | undefined;
+    hourHandLength?: import("react-clock/dist/cjs/shared/types").HandLength | undefined;
+    hourHandOppositeLength?: import("react-clock/dist/cjs/shared/types").OppositeHandLength | undefined;
+    hourHandWidth?: import("react-clock/dist/cjs/shared/types").HandWidth | undefined;
+    hourMarksLength?: import("react-clock/dist/cjs/shared/types").MarkLength | undefined;
+    hourMarksWidth?: import("react-clock/dist/cjs/shared/types").MarkWidth | undefined;
     locale?: string | undefined;
-    minuteHandLength?: number | undefined;
-    minuteHandOppositeLength?: number | undefined;
-    minuteHandWidth?: number | undefined;
-    minuteMarksLength?: number | undefined;
-    minuteMarksWidth?: number | undefined;
+    minuteHandLength?: import("react-clock/dist/cjs/shared/types").HandLength | undefined;
+    minuteHandOppositeLength?: import("react-clock/dist/cjs/shared/types").OppositeHandLength | undefined;
+    minuteHandWidth?: import("react-clock/dist/cjs/shared/types").HandWidth | undefined;
+    minuteMarksLength?: import("react-clock/dist/cjs/shared/types").MarkLength | undefined;
+    minuteMarksWidth?: import("react-clock/dist/cjs/shared/types").MarkWidth | undefined;
     renderHourMarks?: boolean | undefined;
     renderMinuteHand?: boolean | undefined;
     renderMinuteMarks?: boolean | undefined;
     renderNumbers?: boolean | undefined;
     renderSecondHand?: boolean | undefined;
-    secondHandLength?: number | undefined;
-    secondHandOppositeLength?: number | undefined;
-    secondHandWidth?: number | undefined;
+    secondHandLength?: import("react-clock/dist/cjs/shared/types").HandLength | undefined;
+    secondHandOppositeLength?: import("react-clock/dist/cjs/shared/types").OppositeHandLength | undefined;
+    secondHandWidth?: import("react-clock/dist/cjs/shared/types").HandWidth | undefined;
     useMillisecondPrecision?: boolean | undefined;
 } & Omit<{
     onCopy?: ((event: any) => void) | undefined;
@@ -329,49 +328,49 @@ export declare const StyledTimePicker: IStyledComponent<"web", import("styled-co
     onToggle?: ((event: any) => void) | undefined;
 }, "onFocus" | "onChange">, never>> & Omit<import("react").FC<import("react-time-picker").TimePickerProps>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledDatePicker: IStyledComponent<"web", import("styled-components/dist/types").FastOmit<{
-    autoFocus?: boolean | undefined;
-    calendarAriaLabel?: string | undefined;
+    autoFocus?: boolean;
+    calendarAriaLabel?: string;
     calendarClassName?: import("react-date-picker/dist/cjs/shared/types").ClassName;
-    calendarIcon?: (import("react").ComponentType<{}> | (string | number | boolean | import("prop-types").ReactNodeArray | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null) | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
+    calendarIcon?: (import("react").ComponentType<{}> | (string | number | boolean | import("prop-types").ReactNodeArray | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null) | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | null;
     className?: import("react-date-picker/dist/cjs/shared/types").ClassName;
-    clearAriaLabel?: string | undefined;
-    clearIcon?: (import("react").ComponentType<{}> | (string | number | boolean | import("prop-types").ReactNodeArray | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null) | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
-    closeCalendar?: boolean | undefined;
-    'data-testid'?: string | undefined;
-    dayAriaLabel?: string | undefined;
-    dayPlaceholder?: string | undefined;
-    disableCalendar?: boolean | undefined;
-    disabled?: boolean | undefined;
-    format?: string | undefined;
-    id?: string | undefined;
-    isOpen?: boolean | undefined;
-    locale?: string | undefined;
-    maxDate?: Date | undefined;
-    maxDetail?: import("react-date-picker/dist/cjs/shared/types").Detail | undefined;
-    minDate?: Date | undefined;
-    monthAriaLabel?: string | undefined;
-    monthPlaceholder?: string | undefined;
-    name?: string | undefined;
-    nativeInputAriaLabel?: string | undefined;
-    onCalendarClose?: (() => void) | undefined;
-    onCalendarOpen?: (() => void) | undefined;
-    onChange?: ((value: import("react-date-picker/dist/cjs/shared/types").Value) => void) | undefined;
-    onFocus?: ((event: import("react").FocusEvent<HTMLDivElement, Element>) => void) | undefined;
-    onInvalidChange?: (() => void) | undefined;
-    openCalendarOnFocus?: boolean | undefined;
-    portalContainer?: HTMLElement | null | undefined;
-    required?: boolean | undefined;
-    returnValue?: "range" | "start" | "end" | undefined;
-    shouldCloseCalendar?: ((props: {
+    clearAriaLabel?: string;
+    clearIcon?: (import("react").ComponentType<{}> | (string | number | boolean | import("prop-types").ReactNodeArray | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null) | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | null;
+    closeCalendar?: boolean;
+    'data-testid'?: string;
+    dayAriaLabel?: string;
+    dayPlaceholder?: string;
+    disableCalendar?: boolean;
+    disabled?: boolean;
+    format?: string;
+    id?: string;
+    isOpen?: boolean;
+    locale?: string;
+    maxDate?: Date;
+    maxDetail?: import("react-date-picker/dist/cjs/shared/types").Detail;
+    minDate?: Date;
+    monthAriaLabel?: string;
+    monthPlaceholder?: string;
+    name?: string;
+    nativeInputAriaLabel?: string;
+    onCalendarClose?: () => void;
+    onCalendarOpen?: () => void;
+    onChange?: (value: import("react-date-picker/dist/cjs/shared/types").Value) => void;
+    onFocus?: (event: React.FocusEvent<HTMLDivElement>) => void;
+    onInvalidChange?: () => void;
+    openCalendarOnFocus?: boolean;
+    portalContainer?: HTMLElement | null;
+    required?: boolean;
+    returnValue?: "start" | "end" | "range";
+    shouldCloseCalendar?: (props: {
         reason: import("react-date-picker/dist/cjs/shared/types").CloseReason;
-    }) => boolean) | undefined;
-    shouldOpenCalendar?: ((props: {
+    }) => boolean;
+    shouldOpenCalendar?: (props: {
         reason: import("react-date-picker/dist/cjs/shared/types").OpenReason;
-    }) => boolean) | undefined;
-    showLeadingZeros?: boolean | undefined;
-    value?: import("react-date-picker/dist/cjs/shared/types").LooseValue | undefined;
-    yearAriaLabel?: string | undefined;
-    yearPlaceholder?: string | undefined;
+    }) => boolean;
+    showLeadingZeros?: boolean;
+    value?: import("react-date-picker/dist/cjs/shared/types").LooseValue;
+    yearAriaLabel?: string;
+    yearPlaceholder?: string;
 } & {
     key?: import("react").Key | null | undefined;
     defaultValue?: import("react-calendar/dist/cjs/shared/types").LooseValue | undefined;
@@ -380,28 +379,28 @@ export declare const StyledDatePicker: IStyledComponent<"web", import("styled-co
     locale?: string | undefined;
     activeStartDate?: Date | undefined;
     allowPartialRange?: boolean | undefined;
-    calendarType?: import("react-calendar/dist/cjs/shared/types").CalendarType | import("react-calendar/dist/cjs/shared/types").DeprecatedCalendarType | undefined;
+    calendarType?: (import("react-calendar/dist/cjs/shared/types").CalendarType | import("react-calendar/dist/cjs/shared/types").DeprecatedCalendarType) | undefined;
     defaultActiveStartDate?: Date | undefined;
     defaultView?: import("react-calendar/dist/cjs/shared/types").View | undefined;
-    formatDay?: ((locale: string | undefined, date: Date) => string) | undefined;
-    formatLongDate?: ((locale: string | undefined, date: Date) => string) | undefined;
-    formatMonth?: ((locale: string | undefined, date: Date) => string) | undefined;
-    formatMonthYear?: ((locale: string | undefined, date: Date) => string) | undefined;
-    formatShortWeekday?: ((locale: string | undefined, date: Date) => string) | undefined;
-    formatWeekday?: ((locale: string | undefined, date: Date) => string) | undefined;
-    formatYear?: ((locale: string | undefined, date: Date) => string) | undefined;
+    formatDay?: typeof import("react-calendar/dist/cjs/shared/dateFormatter").formatDay | undefined;
+    formatLongDate?: typeof import("react-calendar/dist/cjs/shared/dateFormatter").formatLongDate | undefined;
+    formatMonth?: typeof import("react-calendar/dist/cjs/shared/dateFormatter").formatMonth | undefined;
+    formatMonthYear?: typeof import("react-calendar/dist/cjs/shared/dateFormatter").formatMonthYear | undefined;
+    formatShortWeekday?: typeof import("react-calendar/dist/cjs/shared/dateFormatter").formatShortWeekday | undefined;
+    formatWeekday?: typeof import("react-calendar/dist/cjs/shared/dateFormatter").formatWeekday | undefined;
+    formatYear?: typeof import("react-calendar/dist/cjs/shared/dateFormatter").formatYear | undefined;
     goToRangeStartOnSelect?: boolean | undefined;
-    inputRef?: import("react").Ref<HTMLDivElement> | undefined;
+    inputRef?: React.Ref<HTMLDivElement> | undefined;
     maxDate?: Date | undefined;
     minDate?: Date | undefined;
     minDetail?: import("react-calendar/dist/cjs/shared/types").Detail | undefined;
     navigationAriaLabel?: string | undefined;
-    navigationAriaLive?: "off" | "assertive" | "polite" | undefined;
+    navigationAriaLive?: ("off" | "polite" | "assertive") | undefined;
     navigationLabel?: import("react-calendar").NavigationLabelFunc | undefined;
     next2AriaLabel?: string | undefined;
-    next2Label?: import("react").ReactNode;
+    next2Label?: React.ReactNode;
     nextAriaLabel?: string | undefined;
-    nextLabel?: import("react").ReactNode;
+    nextLabel?: React.ReactNode;
     onActiveStartDateChange?: (({ action, activeStartDate, value, view }: import("react-calendar").OnArgs) => void) | undefined;
     onClickDay?: import("react-calendar").OnClickFunc | undefined;
     onClickDecade?: import("react-calendar").OnClickFunc | undefined;
@@ -412,10 +411,10 @@ export declare const StyledDatePicker: IStyledComponent<"web", import("styled-co
     onDrillUp?: (({ action, activeStartDate, value, view }: import("react-calendar").OnArgs) => void) | undefined;
     onViewChange?: (({ action, activeStartDate, value, view }: import("react-calendar").OnArgs) => void) | undefined;
     prev2AriaLabel?: string | undefined;
-    prev2Label?: import("react").ReactNode;
+    prev2Label?: React.ReactNode;
     prevAriaLabel?: string | undefined;
-    prevLabel?: import("react").ReactNode;
-    returnValue?: "range" | "start" | "end" | undefined;
+    prevLabel?: React.ReactNode;
+    returnValue?: ("start" | "end" | "range") | undefined;
     selectRange?: boolean | undefined;
     showDoubleView?: boolean | undefined;
     showFixedNumberOfWeeks?: boolean | undefined;
@@ -425,7 +424,7 @@ export declare const StyledDatePicker: IStyledComponent<"web", import("styled-co
     showNeighboringMonth?: boolean | undefined;
     showWeekNumbers?: boolean | undefined;
     tileClassName?: import("react-calendar").TileClassNameFunc | import("react-calendar/dist/cjs/shared/types").ClassName;
-    tileContent?: import("react").ReactNode | import("react-calendar").TileContentFunc;
+    tileContent?: import("react-calendar").TileContentFunc | React.ReactNode;
     tileDisabled?: import("react-calendar").TileDisabledFunc | undefined;
 } & Omit<{
     onCopy?: ((event: any) => void) | undefined;

package/dist/common/sync-timeline-control.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-export declare type SyncTimelineAnimationItem = {
+export type SyncTimelineAnimationItem = {
     id: string;
     content: React.ElementType;
     tooltip: string;
 };
-export declare type SyncTimelineControlProps = {
+export type SyncTimelineControlProps = {
     syncTimelineMode: string;
     setFilterSyncTimelineMode: (id: string) => void;
     syncTimelineAnimationItems: SyncTimelineAnimationItem[];
@@ -18,7 +18,7 @@ export declare const SYNC_TIMELINE_ANIMATION_ITEMS: Record<string, {
 declare function SyncTimelineControlFactory(): ({ syncTimelineAnimationItems, syncTimelineMode, btnStyle, setFilterSyncTimelineMode }: {
     syncTimelineAnimationItems?: Record<string, {
         id: number;
-        content: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
+        content: React.ElementType;
         tooltip: string;
     }> | undefined;
     syncTimelineMode: any;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { BaseComponentProps } from '../types';
-export declare type TimeValueWrapperProps = BaseComponentProps & {
+export type TimeValueWrapperProps = BaseComponentProps & {
     isEnlarged?: boolean;
 };
 interface TimeTitleProps {

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

@@ -7,7 +7,7 @@ import { LineChart, Timeline, AnimationConfig, TimeBins } from '@kepler.gl/types
 import { ActionHandler, setFilterPlot } from '@kepler.gl/actions';
 import AnimationControlFactory from './animation-control/animation-control';
 import { BaseComponentProps } from '../types';
-declare type TimeRangeSliderProps = {
+type TimeRangeSliderProps = {
     domain?: [number, number];
     value: [number, number];
     isEnlarged?: boolean;
@@ -35,7 +35,7 @@ declare type TimeRangeSliderProps = {
     invertTrendColor?: boolean;
     animationConfig?: AnimationConfig;
 };
-export declare type StyledSliderContainerProps = BaseComponentProps & {
+export type StyledSliderContainerProps = BaseComponentProps & {
     isEnlarged?: boolean;
 };
 export declare function getTimeBinsForInterval(timeBins: TimeBins | undefined, interval: number): {};

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Timeline } from '@kepler.gl/types';
 import { BaseComponentProps } from '../types';
-export declare type AnimationControlSliderProps = BaseComponentProps;
+export type AnimationControlSliderProps = BaseComponentProps;
 interface TimelineSliderProps {
     timeline: Timeline;
     setTimelineValue: (value: [number] | [number, number]) => void;

package/dist/common/tippy-tooltip.d.ts

@@ -1,6 +1,6 @@
 import { TippyProps } from '@tippyjs/react';
 import React from 'react';
 declare const TippyTooltip: ({ children, render, duration, arrow, isLightTheme, className, ...rest }: TippyProps & {
-    isLightTheme?: boolean | undefined;
+    isLightTheme?: boolean;
 }) => React.JSX.Element;
 export default TippyTooltip;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ComponentType, MouseEvent } from 'react';
-export declare type ToolbarItemProps = {
+export type ToolbarItemProps = {
     id?: string;
     key?: string;
     label: string;

package/dist/common/toolbar.d.ts

@@ -1,6 +1,6 @@
 import { IStyledComponent } from 'styled-components';
 import { BaseComponentProps } from '../types';
-export declare type ToolbarProps = {
+export type ToolbarProps = {
     show?: boolean;
 } & BaseComponentProps;
 declare const Toolbar: IStyledComponent<'web', ToolbarProps>;

package/dist/common/vertical-toolbar.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { ToolbarProps } from './toolbar';
 declare const VerticalToolbar: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<{
-    show?: boolean | undefined;
+    show?: boolean;
 } & import("react").HTMLAttributes<unknown> & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 }, ToolbarProps>> & Omit<import("styled-components").IStyledComponent<"web", ToolbarProps>, keyof import("react").Component<any, {}, any>>;
 export default VerticalToolbar;