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

package/dist/side-panel/filter-manager.d.ts

@@ -10,9 +10,9 @@ import PanelTitleFactory from './panel-title';
 import AddFilterButtonFactory from './filter-panel/add-filter-button';
 import DatasetSectionFactory from './layer-panel/dataset-section';
 import { PanelMeta } from './common/types';
-export declare type VisStateActionHandlers = ActionHandlers<typeof VisStateActions>;
-export declare type UiStateActionHandlers = ActionHandlers<typeof UIStateActions>;
-export declare type FilterManagerProps = {
+export type VisStateActionHandlers = ActionHandlers<typeof VisStateActions>;
+export type UiStateActionHandlers = ActionHandlers<typeof UIStateActions>;
+export type FilterManagerProps = {
     filters: Filter[];
     datasets: Datasets;
     layers: Layer[];

package/dist/side-panel/filter-panel/add-filter-button.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Datasets } from '@kepler.gl/table';
-export declare type AddFilterButtonProps = {
+export type AddFilterButtonProps = {
     datasets: Datasets;
     onAdd: (dataId: string) => void;
 };

package/dist/side-panel/filter-panel/filter-panel-header.d.ts

@@ -7,9 +7,9 @@ interface StyledFilterHeaderProps extends StyledPanelHeaderProps {
     $labelRCGColorValues: RGBColor[];
 }
 export declare const StyledFilterHeader: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof StyledPanelHeaderProps> & StyledPanelHeaderProps, "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;
 }, StyledFilterHeaderProps>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledPanelHeaderProps>>, keyof React.Component<any, {}, any>>;
-export declare type FilterPanelHeaderProps = {
+export type FilterPanelHeaderProps = {
     className?: string;
     datasets: KeplerTable[];
     filter: Filter;

package/dist/side-panel/interaction-manager.d.ts

@@ -5,7 +5,7 @@ import { Datasets } from '@kepler.gl/table';
 import InteractionPanelFactory from './interaction-panel/interaction-panel';
 import PanelTitleFactory from './panel-title';
 import { PanelMeta } from './common/types';
-declare type InteractionManagerProps = {
+type InteractionManagerProps = {
     interactionConfig: InteractionConfig;
     datasets: Datasets;
     visStateActions: typeof VisStateActions;

package/dist/side-panel/interaction-panel/brush-config.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import RangeSliderFactory from '../../common/range-slider';
-declare type BrushConfigProps = {
+type BrushConfigProps = {
     config: {
         size: number;
     };

package/dist/side-panel/interaction-panel/tooltip-config/tooltip-chicklet.d.ts

@@ -17,7 +17,7 @@ interface TooltipChickletProps {
     transition?: string;
     isDragging: boolean;
 }
-declare type TooltipConfig = {
+type TooltipConfig = {
     fieldsToShow: {
         [key: string]: {
             name: string;
@@ -27,10 +27,10 @@ declare type TooltipConfig = {
     compareMode: boolean;
     compareType: string | null;
 };
-export declare type IconDivProps = BaseComponentProps & {
+export type IconDivProps = BaseComponentProps & {
     $status?: 'SHOW' | 'ACTIVE' | null;
 };
-export declare type SortableStyledItemProps = BaseComponentProps & {
+export type SortableStyledItemProps = BaseComponentProps & {
     $transition?: CSSProperties['transition'];
     $transform?: CSSProperties['transform'];
     ref: (node: HTMLElement | null) => void;

package/dist/side-panel/interaction-panel/tooltip-config.d.ts

@@ -3,7 +3,7 @@ import { IntlShape } from 'react-intl';
 import DatasetTagFactory from '../common/dataset-tag';
 import FieldSelectorFactory from '../../common/field-selector';
 import { Datasets } from '@kepler.gl/table';
-declare type TooltipConfigProps = {
+type TooltipConfigProps = {
     config: {
         fieldsToShow: {
             [key: string]: {

package/dist/side-panel/layer-manager.d.ts

@@ -12,12 +12,12 @@ import { UIStateActions, VisStateActions, MapStateActions, ActionHandler } from
 import { SidePanelItem } from '../types';
 import { PanelListView } from '@kepler.gl/types';
 import { Datasets } from '@kepler.gl/table';
-declare type LayerBlendingSelectorProps = {
+type LayerBlendingSelectorProps = {
     layerBlending: string;
     updateLayerBlending: ActionHandler<typeof VisStateActions.updateLayerBlending>;
     className?: string;
 } & WrappedComponentProps;
-declare type LayerManagerProps = {
+type LayerManagerProps = {
     datasets: Datasets;
     layers: Layer[];
     layerOrder: string[];

package/dist/side-panel/layer-panel/add-layer-button.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Datasets } from '@kepler.gl/table';
-export declare type AddLayerButtonProps = {
+export type AddLayerButtonProps = {
     datasets: Datasets;
     onAdd: (dataId: string) => void;
 };

package/dist/side-panel/layer-panel/channel-by-value-selector.d.ts

@@ -4,7 +4,7 @@ import { KeplerTable } from '@kepler.gl/table';
 import { ColorUI, Field, LayerVisConfig, NestedPartial } from '@kepler.gl/types';
 import DimensionScaleSelectorFactory from './dimension-scale-selector';
 import VisConfigByFieldSelectorFactory from './vis-config-by-field-selector';
-export declare type ChannelByValueSelectorProps = {
+export type ChannelByValueSelectorProps = {
     layer: Layer;
     channel: VisualChannel;
     onChange: (newConfig: {

package/dist/side-panel/layer-panel/color-breaks-panel.d.ts

@@ -4,21 +4,21 @@ import { ColorBreak, ColorBreakOrdinal } from '@kepler.gl/utils';
 import React from 'react';
 import ColumnStatsChartFactory from '../../common/column-stats-chart';
 import CustomPaletteFactory, { SetColorUIFunc } from './custom-palette';
-declare type EditButtonProps = {
+type EditButtonProps = {
     onClickEdit: () => void;
 };
 export declare const EditButton: React.FC<EditButtonProps>;
-export declare type ColorBreaksDisplayProps = {
+export type ColorBreaksDisplayProps = {
     currentBreaks?: ColorBreak[] | ColorBreakOrdinal[] | null;
     onEdit: (() => void) | null;
 };
 export declare const ColorBreaksDisplay: React.FC<ColorBreaksDisplayProps>;
-export declare type CategoricalColorDisplayProps = {
+export type CategoricalColorDisplayProps = {
     colorMap?: ColorMap;
     onEdit: (() => void) | null;
 };
 export declare const CategoricalColorDisplay: React.FC<CategoricalColorDisplayProps>;
-export declare type ColorBreaksPanelProps = {
+export type ColorBreaksPanelProps = {
     colorBreaks: ColorBreak[] | ColorBreakOrdinal[] | null;
     colorUIConfig: ColorUI;
     dataset: KeplerTable | undefined;

package/dist/side-panel/layer-panel/color-palette-preset.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { HexColor } from '@kepler.gl/types';
-export declare type PresetColorPaletteProps = {
+export type PresetColorPaletteProps = {
     themes: string[];
     selectedColor: HexColor;
     onSelectColor: (c: HexColor, e?: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;

package/dist/side-panel/layer-panel/color-palette.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { HexColor, RGBColor } from '@kepler.gl/types';
 import { BaseComponentProps } from '../../types';
-declare type ColorPaletteProps = BaseComponentProps & {
+type ColorPaletteProps = BaseComponentProps & {
     colors: RGBColor | HexColor[];
     colorWidths?: number[] | null;
     height?: number;
@@ -9,7 +9,7 @@ declare type ColorPaletteProps = BaseComponentProps & {
     isReversed?: boolean;
     className?: string;
 };
-export declare type PaletteContainerProps = BaseComponentProps & {
+export type PaletteContainerProps = BaseComponentProps & {
     $isColorChart?: boolean;
     $isSelected?: boolean;
 };

package/dist/side-panel/layer-panel/color-range-selector.d.ts

@@ -2,14 +2,14 @@ import React, { MouseEvent } from 'react';
 import { ColorPalette } from '@kepler.gl/constants';
 import { ColorRange, ColorUI, NestedPartial } from '@kepler.gl/types';
 import CustomPaletteFactory from './custom-palette';
-declare type ColorRangeSelectorProps = {
+type ColorRangeSelectorProps = {
     colorPalettes?: ColorPalette[];
     colorPaletteUI: ColorUI;
     selectedColorRange: ColorRange;
     onSelectColorRange: (p: ColorRange, e: MouseEvent) => void;
     setColorPaletteUI: (newConfig: NestedPartial<ColorUI>) => void;
 };
-declare type PaletteConfigProps = {
+type PaletteConfigProps = {
     label: string;
     value: string | number | boolean;
     config: {
@@ -27,7 +27,7 @@ declare namespace ColorRangeSelectorFactory {
     var deps: (typeof CustomPaletteFactory)[];
 }
 export declare const PaletteConfig: React.FC<PaletteConfigProps>;
-declare type ColorPaletteItemProps = {
+type ColorPaletteItemProps = {
     reversed?: boolean;
     selected?: ColorRange;
     colorPalette: ColorPalette;

package/dist/side-panel/layer-panel/color-scale-selector.d.ts

@@ -4,13 +4,13 @@ import { KeplerTable } from '@kepler.gl/table';
 import { ColorRange, ColorUI, Field } from '@kepler.gl/types';
 import ColorBreaksPanelFactory, { ColorBreaksPanelProps } from './color-breaks-panel';
 import { SetColorUIFunc } from './custom-palette';
-export declare type ScaleOption = {
+export type ScaleOption = {
     label: string;
     value: string;
 };
-export declare type OnSelectFunc = (v: string, visConfg?: Record<string, any>) => void;
-export declare type ContextProps = ColorBreaksPanelProps;
-export declare type ColorScaleSelectorProps = {
+export type OnSelectFunc = (v: string, visConfg?: Record<string, any>) => void;
+export type ContextProps = ColorBreaksPanelProps;
+export type ColorScaleSelectorProps = {
     layer: Layer;
     field: Field;
     dataset: KeplerTable;

package/dist/side-panel/layer-panel/color-selector.d.ts

@@ -3,18 +3,18 @@ import { ColorRange } from '@kepler.gl/types';
 import { ColorUI, NestedPartial, RGBAColor, RGBColor } from '@kepler.gl/types';
 import RangeSliderFactory from '../../common/range-slider';
 import ColorRangeSelectorFactory from './color-range-selector';
-declare type ColorSelectorInputProps = {
+type ColorSelectorInputProps = {
     active: boolean;
     disabled?: boolean;
     inputTheme?: string;
 };
-export declare type ColorSet = {
+export type ColorSet = {
     selectedColor: RGBColor | RGBAColor | ColorRange;
     setColor: (v: RGBColor | RGBAColor | ColorRange) => void;
     isRange?: boolean;
     label?: string;
 };
-declare type ColorSelectorProps = {
+type ColorSelectorProps = {
     colorSets: ColorSet[];
     colorUI?: ColorUI;
     inputTheme?: string;

package/dist/side-panel/layer-panel/column-selector.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import FieldSelectorFactory from '../../common/field-selector';
 import { LayerColumn, LayerColumns, EnhancedFieldPair } from '@kepler.gl/types';
 import { MinimalField } from '../../common/field-selector';
-export declare type ColumnSelectorProps<FieldOption extends MinimalField> = {
+export type ColumnSelectorProps<FieldOption extends MinimalField> = {
     column: LayerColumn;
     columns: LayerColumns;
     label: string;

package/dist/side-panel/layer-panel/custom-palette.d.ts

@@ -1,24 +1,24 @@
 import React, { ElementType } from 'react';
 import { ColorMap, ColorUI, HexColor, NestedPartial } from '@kepler.gl/types';
 import { ColorBreak, ColorBreakOrdinal } from '@kepler.gl/utils';
-export declare type ActionIcons = {
+export type ActionIcons = {
     delete: ElementType;
     sort: ElementType;
     add: ElementType;
 };
-export declare type EditColorMapFunc = (v: number, i: number) => void;
-export declare type SetColorUIFunc = (newConfig: NestedPartial<ColorUI>) => void;
+export type EditColorMapFunc = (v: number, i: number) => void;
+export type SetColorUIFunc = (newConfig: NestedPartial<ColorUI>) => void;
 /**
  * EditableColorRange
  */
-export declare type EditableColorRangeProps = {
+export type EditableColorRangeProps = {
     item: ColorBreak;
     isLast: boolean;
     index: number;
     editColorMap?: EditColorMapFunc;
     editable: boolean;
 };
-export declare type CustomPaletteProps = {
+export type CustomPaletteProps = {
     customPalette: ColorUI['customPalette'];
     setColorPaletteUI: SetColorUIFunc;
     showSketcher: number | boolean;
@@ -27,7 +27,7 @@ export declare type CustomPaletteProps = {
     onApply: (e: React.MouseEvent) => void;
     onCancel: () => void;
 };
-export declare type CustomPaletteInputProps = {
+export type CustomPaletteInputProps = {
     index: number;
     isSorting: boolean;
     color: HexColor;
@@ -44,9 +44,9 @@ export declare type CustomPaletteInputProps = {
 export declare const ColorPaletteItem: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const DividerLine: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const ColorSwatch: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<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;
 }>, never>, never>>;
-export declare type ColorPaletteInputProps = {
+export type ColorPaletteInputProps = {
     value: string | number;
     onChange: (val: unknown) => void;
     id: string;
@@ -65,7 +65,7 @@ export declare const DeleteColorStop: ({ onColorDelete, IconComponent }: {
     IconComponent: any;
 }) => React.JSX.Element;
 export declare const CustomPaletteInput: React.FC<CustomPaletteInputProps>;
-export declare type CategoricalSelectorProps = {
+export type CategoricalSelectorProps = {
     index: number;
     selectedValues: (string | number | null)[];
     allValues: string[] | number[];
@@ -76,7 +76,7 @@ export declare type CategoricalSelectorProps = {
     editable?: boolean;
 };
 export declare const CategoricalSelector: React.FC<CategoricalSelectorProps>;
-export declare type CategoricalCustomPaletteInputProps = {
+export type CategoricalCustomPaletteInputProps = {
     index: number;
     isSorting: boolean;
     color: HexColor;

package/dist/side-panel/layer-panel/custom-picker.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ColorChangeHandler } from 'react-color';
 import { HexColor } from '@kepler.gl/types';
-declare type CustomPickerProps = {
+type CustomPickerProps = {
     color: HexColor;
     theme: {
         panelBackground: string;

package/dist/side-panel/layer-panel/dataset-layer-group.d.ts

@@ -3,7 +3,7 @@ import DatasetLayerSectionFactory from './dataset-layer-section';
 import { Layer, LayerClassesType } from '@kepler.gl/layers';
 import { UIStateActions, VisStateActions, ActionHandler, MapStateActions } from '@kepler.gl/actions';
 import { Datasets } from '@kepler.gl/table';
-declare type DatasetLayerGroupProps = {
+type DatasetLayerGroupProps = {
     datasets: Datasets;
     layers: Layer[];
     layerOrder: string[];

package/dist/side-panel/layer-panel/dataset-layer-section.d.ts

@@ -4,7 +4,7 @@ import LayerListFactory from './layer-list';
 import { Layer, LayerClassesType } from '@kepler.gl/layers';
 import { UIStateActions, ActionHandler, VisStateActions, MapStateActions } from '@kepler.gl/actions';
 import { KeplerTable, Datasets } from '@kepler.gl/table';
-declare type DatasetLayerSectionProps = {
+type DatasetLayerSectionProps = {
     datasets: Datasets;
     dataset: KeplerTable;
     layers: Layer[];

package/dist/side-panel/layer-panel/dataset-section.d.ts

@@ -2,11 +2,11 @@ import React from 'react';
 import SourceDataCatalogFactory from '../common/source-data-catalog';
 import { UIStateActions, VisStateActions, ActionHandler } from '@kepler.gl/actions';
 import { Datasets } from '@kepler.gl/table';
-declare type AddDataButtonProps = {
+type AddDataButtonProps = {
     onClick: () => void;
     isInactive: boolean;
 };
-declare type DatasetSectionProps = {
+type DatasetSectionProps = {
     datasets: Datasets;
     showDatasetList?: boolean;
     showDeleteDataset?: boolean;

package/dist/side-panel/layer-panel/dimension-scale-selector.d.ts

@@ -4,7 +4,7 @@ import { default as React } from 'react';
 import { Field } from '@kepler.gl/types';
 import ColorScaleSelectorFactory from './color-scale-selector';
 import { KeplerTable } from '@kepler.gl/table';
-export declare type DimensionScaleSelectorProps = {
+export type DimensionScaleSelectorProps = {
     layer: Layer;
     channel: VisualChannel;
     label?: string;

package/dist/side-panel/layer-panel/how-to-button.d.ts

@@ -1,5 +1,5 @@
 import React, { MouseEventHandler } from 'react';
-export declare type HowToButtonProps = {
+export type HowToButtonProps = {
     onClick: MouseEventHandler;
 };
 export declare const HowToButton: React.FC<HowToButtonProps>;

package/dist/side-panel/layer-panel/layer-color-selector.d.ts

@@ -3,14 +3,14 @@ import { ColorRange } from '@kepler.gl/types';
 import { Layer } from '@kepler.gl/layers';
 import { NestedPartial, RGBColor, ColorUI } from '@kepler.gl/types';
 import ColorSelectorFactory from './color-selector';
-declare type LayerColorSelectorProps = {
+type LayerColorSelectorProps = {
     layer: Layer;
     onChange: (v: Record<string, RGBColor>) => void;
     selectedColor?: RGBColor;
     property?: string;
     setColorUI: (prop: string, newConfig: NestedPartial<ColorUI>) => void;
 };
-declare type ArcLayerColorSelectorProps = {
+type ArcLayerColorSelectorProps = {
     layer: Layer;
     onChangeConfig: (v: {
         color: RGBColor;
@@ -21,7 +21,7 @@ declare type ArcLayerColorSelectorProps = {
     property?: string;
     setColorUI: (prop: string, newConfig: NestedPartial<ColorUI>) => void;
 };
-declare type LayerColorRangeSelectorProps = {
+type LayerColorRangeSelectorProps = {
     layer: Layer;
     onChange: (v: Record<string, ColorRange>) => void;
     property?: string;

package/dist/side-panel/layer-panel/layer-column-config.d.ts

@@ -3,7 +3,7 @@ import { LayerBaseConfig } from '@kepler.gl/layers';
 import { FieldPair, ColumnPairs, LayerColumns, ColumnLabels } from '@kepler.gl/types';
 import ColumnSelectorFactory from './column-selector';
 import { MinimalField } from '../../common/field-selector';
-export declare type LayerColumnConfigProps<FieldOption extends MinimalField> = {
+export type LayerColumnConfigProps<FieldOption extends MinimalField> = {
     columns: LayerColumns;
     fields: FieldOption[];
     assignColumnPairs: (key: string, pair: FieldPair) => LayerColumns;

package/dist/side-panel/layer-panel/layer-column-mode-config.d.ts

@@ -7,12 +7,12 @@ import { SupportedColumnMode, FieldPair, LayerColumns } from '@kepler.gl/types';
 interface FieldOption extends MinimalField {
     fieldIdx: number;
 }
-export declare type SupportedColumnModeConfig = {
+export type SupportedColumnModeConfig = {
     key: string;
     label: string;
     columns: LayerColumns;
 };
-export declare type ColumnModeConfigProps = {
+export type ColumnModeConfigProps = {
     supportedColumnModes: SupportedColumnMode[] | null;
     selectedColumnMode?: string;
     id: string;
@@ -29,7 +29,7 @@ export declare function ColumnModeConfigFactory(PanelHeaderAction: ReturnType<ty
 export declare namespace ColumnModeConfigFactory {
     var deps: (typeof PanelHeaderActionFactory)[];
 }
-export declare type LayerColumnModeConfigProps = {
+export type LayerColumnModeConfigProps = {
     layer: Layer;
     layerConfig: LayerBaseConfig;
     supportedColumnModes: SupportedColumnMode[] | null;

package/dist/side-panel/layer-panel/layer-config-group.d.ts

@@ -2,12 +2,12 @@ import React from 'react';
 import InfoHelperFactory from '../../common/info-helper';
 import { Layer } from '@kepler.gl/layers';
 import { LayerVisConfig } from '@kepler.gl/types';
-export declare type LayerConfigGroupLabelProps = {
+export type LayerConfigGroupLabelProps = {
     label?: string;
     description?: string;
     collapsed?: boolean;
 };
-export declare type LayerConfigGroupProps = {
+export type LayerConfigGroupProps = {
     layer?: Layer;
     label: string;
     property?: string;
@@ -21,17 +21,17 @@ export declare type LayerConfigGroupProps = {
 };
 export declare const StyledLayerConfigGroupAction: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const ConfigGroupCollapsibleContent: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<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;
 }>, never>, never>>;
 export declare const ConfigGroupCollapsibleHeader: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<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;
 }>, never>, never>>;
 export declare const StyledLayerConfigGroup: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 interface StyledConfigGroupHeaderProps {
     collapsible?: boolean;
 }
 export declare const StyledConfigGroupHeader: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").FastOmit<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;
 }>, never>, StyledConfigGroupHeaderProps>>;
 export declare function LayerConfigGroupLabelFactory(InfoHelper: ReturnType<typeof InfoHelperFactory>): React.FC<LayerConfigGroupLabelProps>;
 export declare namespace LayerConfigGroupLabelFactory {

package/dist/side-panel/layer-panel/layer-configurator.d.ts

@@ -15,7 +15,7 @@ import { ActionHandler, toggleModal } from '@kepler.gl/actions';
 import { AggregationLayer, Layer, LayerBaseConfig, VisualChannel } from '@kepler.gl/layers';
 import { Datasets } from '@kepler.gl/table';
 import { ColorUI, LayerVisConfig, NestedPartial } from '@kepler.gl/types';
-declare type LayerConfiguratorProps = {
+type LayerConfiguratorProps = {
     layer: Layer;
     datasets: Datasets;
     layerTypeOptions: {
@@ -33,7 +33,7 @@ declare type LayerConfiguratorProps = {
     updateLayerTextLabel: (idx: number | 'all', prop: string, value: any) => void;
     disableTypeSelect?: boolean;
 };
-declare type AggregationSelectorProps = {
+type AggregationSelectorProps = {
     channel: VisualChannel;
     layer: AggregationLayer;
     onChange: (val: Record<string, string | number | boolean | object | readonly (string | number | boolean | object)[] | null>, key: string) => void;