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

package/dist/side-panel/layer-panel/layer-error-message.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type LayerErrorMessageProps = {
+type LayerErrorMessageProps = {
     errorMessage: string;
 };
 declare const LayerErrorMessage: React.FC<LayerErrorMessageProps>;

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

@@ -4,7 +4,7 @@ import { Datasets } from '@kepler.gl/table';
 import { UIStateActions, VisStateActions, MapStateActions } from '@kepler.gl/actions';
 import LayerPanelFactory from './layer-panel';
 import { SplitMap } from '@kepler.gl/types';
-export declare type LayerListProps = {
+export type LayerListProps = {
     datasets: Datasets;
     layers: Layer[];
     layerOrder: string[];
@@ -15,7 +15,7 @@ export declare type LayerListProps = {
     visStateActions: typeof VisStateActions;
     mapStateActions: typeof MapStateActions;
 };
-export declare type LayerListFactoryDeps = [typeof LayerPanelFactory];
+export type LayerListFactoryDeps = [typeof LayerPanelFactory];
 declare function LayerListFactory(LayerPanel: ReturnType<typeof LayerPanelFactory>): React.FC<LayerListProps>;
 declare namespace LayerListFactory {
     var deps: (typeof LayerPanelFactory)[];

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

@@ -2,14 +2,14 @@ import React, { ComponentType, MouseEventHandler, ChangeEventHandler } from 'rea
 import PanelHeaderActionFactory from '../panel-header-action';
 import { RGBColor } from '@kepler.gl/types';
 import { BaseProps } from '../../common/icons';
-export declare type LayerLabelEditorProps = {
+export type LayerLabelEditorProps = {
     layerId: string;
     label?: string;
     onEdit: ChangeEventHandler;
     onFocus: ChangeEventHandler;
     onBlur: ChangeEventHandler;
 };
-export declare type LayerTitleSectionProps = {
+export type LayerTitleSectionProps = {
     layerType?: string | null;
     layerId: string;
     label?: string;
@@ -17,7 +17,7 @@ export declare type LayerTitleSectionProps = {
     onFocus: ChangeEventHandler;
     onBlur: ChangeEventHandler;
 };
-export declare type LayerPanelHeaderProps = {
+export type LayerPanelHeaderProps = {
     layerId: string;
     isVisible: boolean;
     isValid: boolean;
@@ -48,10 +48,10 @@ export declare type LayerPanelHeaderProps = {
     };
     listeners?: React.ElementType;
 };
-declare type HeaderActionSectionProps = {
+type HeaderActionSectionProps = {
     isEditingLabel: boolean;
 };
-export declare type LayerPanelHeaderActionSectionProps = LayerPanelHeaderProps & HeaderActionSectionProps;
+export type LayerPanelHeaderActionSectionProps = LayerPanelHeaderProps & HeaderActionSectionProps;
 export declare const DragHandle: React.FC<{
     className?: string;
     listeners?: any;

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

@@ -5,7 +5,7 @@ import { Datasets } from '@kepler.gl/table';
 import { SplitMap } from '@kepler.gl/types';
 import LayerConfiguratorFactory from './layer-configurator';
 import LayerPanelHeaderFactory from './layer-panel-header';
-declare type LayerPanelProps = {
+type LayerPanelProps = {
     className?: string;
     style?: CSSProperties;
     onMouseDown?: MouseEventHandler;

package/dist/side-panel/layer-panel/layer-type-dropdown-list.d.ts

@@ -1,11 +1,11 @@
 import React, { MouseEvent } from 'react';
-export declare type LayerTypeOption = {
+export type LayerTypeOption = {
     disabled?: boolean;
     id: string;
     label: string;
     icon: React.ElementType;
 };
-declare type LayerTypeDropdownListProps = {
+type LayerTypeDropdownListProps = {
     onOptionSelected: (value: {
         icon: React.ElementType;
         label: string;

package/dist/side-panel/layer-panel/layer-type-list-item.d.ts

@@ -1,6 +1,6 @@
 import React, { ComponentType } from 'react';
 import { BaseProps } from '../../common/icons';
-export declare type LayerTypeListItemProps = {
+export type LayerTypeListItemProps = {
     value: {
         icon: ComponentType<Partial<BaseProps>>;
         label: string;
@@ -8,6 +8,6 @@ export declare type LayerTypeListItemProps = {
     isTile?: boolean;
     className?: string;
 };
-export declare type LayerTypeListItemType = React.FC<LayerTypeListItemProps>;
+export type LayerTypeListItemType = React.FC<LayerTypeListItemProps>;
 export declare function LayerTypeListItemFactory(): React.FC<LayerTypeListItemProps>;
 export default LayerTypeListItemFactory;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import LayerTypeDropdownListFactory, { LayerTypeOption } from './layer-type-dropdown-list';
 import LayerTypeListItemFactory from './layer-type-list-item';
-export declare type LayerTypeSelectorProps = {
+export type LayerTypeSelectorProps = {
     selected: string | null;
     onSelect: (items: readonly (string | number | boolean | object)[] | string | number | boolean | object | null) => void;
     options: LayerTypeOption[];

package/dist/side-panel/layer-panel/radius-by-zoom-input.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ZoomStopsConfig } from '@kepler.gl/types';
-declare type Props = {
+type Props = {
     config: ZoomStopsConfig;
     property: string;
     label: string;

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

@@ -5,7 +5,7 @@ import InfoHelperFactory from '../../common/info-helper';
 import VisConfigSliderFactory from '../../side-panel/layer-panel/vis-config-slider';
 import LayerConfigGroupFactory from '../../side-panel/layer-panel/layer-config-group';
 import VisConfigSwitchFactory from '../../side-panel/layer-panel/vis-config-switch';
-declare type RasterTileLayerConfiguratorProps = {
+type RasterTileLayerConfiguratorProps = {
     layer: RasterTileLayer;
     visConfiguratorProps: any;
     dataset: KeplerDataset;

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

@@ -1,6 +1,6 @@
 import React, { MouseEvent } from 'react';
 import { ColorRange, HexColor, RGBColor } from '@kepler.gl/types';
-export declare type SingleColorPaletteProps = {
+export type SingleColorPaletteProps = {
     selectedColor: HexColor;
     onSelectColor: (color: RGBColor | ColorRange, e: MouseEvent) => void;
 };

package/dist/side-panel/layer-panel/text-label-panel.d.ts

@@ -4,7 +4,7 @@ import LayerConfigGroupFactory from './layer-config-group';
 import { Field, LayerTextLabel } from '@kepler.gl/types';
 import FieldSelectorFactory from '../../common/field-selector';
 import ColorSelectorFactory from './color-selector';
-declare type TextLabelPanelProps = {
+type TextLabelPanelProps = {
     id?: string;
     fields: Field[];
     textLabel: LayerTextLabel[];

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

@@ -8,8 +8,8 @@ import LayerConfigGroupFactory from './layer-config-group';
 import { LayerColorRangeSelectorFactory, LayerColorSelectorFactory } from './layer-color-selector';
 import VisConfigSliderFactory from './vis-config-slider';
 import VisConfigSwitchFactory from './vis-config-switch';
-declare type GetProps<T extends (...args: any[]) => React.FC<any>> = Parameters<ReturnType<T>>[0];
-declare type Props = {
+type GetProps<T extends (...args: any[]) => React.FC<any>> = Parameters<ReturnType<T>>[0];
+type Props = {
     layer: VectorTileLayer;
     dataset?: KeplerDataset;
     visConfiguratorProps: any;

package/dist/side-panel/layer-panel/vis-config-by-field-selector.d.ts

@@ -3,7 +3,7 @@ import { WrappedComponentProps } from 'react-intl';
 import { Field } from '@kepler.gl/types';
 import FieldSelectorFactory from '../../common/field-selector';
 import InfoHelperFactory from '../../common/info-helper';
-declare type VisConfigByFieldSelectorProps = {
+type VisConfigByFieldSelectorProps = {
     fields: Field[];
     id: string;
     property: string;

package/dist/side-panel/layer-panel/vis-config-slider.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import RangeSliderFactory from '../../common/range-slider';
 import { Layer, LayerBaseConfig } from '@kepler.gl/layers';
-declare type VisConfigSliderProps = {
+type VisConfigSliderProps = {
     layer: Layer;
     property: string;
     onChange: (v: Record<string, number | string | number[] | string[]>) => void;

package/dist/side-panel/layer-panel/vis-config-switch.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import InfoHelperFactory from '../../common/info-helper';
 import { Layer } from '@kepler.gl/layers';
-declare type VisConfigSwitchProps = {
+type VisConfigSwitchProps = {
     layer: Layer;
     property: string;
     onChange: (v: Record<string, boolean>) => void;

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

@@ -6,7 +6,7 @@ import { PanelMeta } from './common/types';
 import { WrappedComponentProps } from 'react-intl';
 import { MapStyle } from '@kepler.gl/reducers';
 import { MapStyleActions } from '@kepler.gl/actions';
-export declare type MapManagerProps = {
+export type MapManagerProps = {
     mapStyle: MapStyle;
     mapStyleActions: {
         mapStyleChange: typeof MapStyleActions.mapStyleChange;

package/dist/side-panel/map-style-panel/map-layer-group-color-picker.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { RGBColor } from '@kepler.gl/types';
-export declare type LayerGroupColorPickerProps = {
+export type LayerGroupColorPickerProps = {
     slug: string;
     color: RGBColor;
     onColorChange: (pd: RGBColor) => void;

package/dist/side-panel/map-style-panel/map-layer-group-item.d.ts

@@ -4,12 +4,12 @@ import { MapConfigChangeUpdaterAction } from '@kepler.gl/actions';
 import { MapStyle } from '@kepler.gl/reducers';
 import LayerGroupColorPickerFactory from './map-layer-group-color-picker';
 import { PanelHeaderActionProps, PanelHeaderActionIcon } from '../panel-header-action';
-export declare type LayerGroupItemActionIcons = {
+export type LayerGroupItemActionIcons = {
     visible: PanelHeaderActionIcon;
     hidden: PanelHeaderActionIcon;
     top: PanelHeaderActionIcon;
 };
-export declare type LayerGroupItemProps = {
+export type LayerGroupItemProps = {
     PanelHeaderAction: React.FC<PanelHeaderActionProps>;
     onChange: (pd: MapConfigChangeUpdaterAction['payload']) => void;
     slug: string;

package/dist/side-panel/map-style-panel/map-layer-selector.d.ts

@@ -5,7 +5,7 @@ import { VisibleLayerGroups } from '@kepler.gl/types';
 import { DEFAULT_LAYER_GROUP } from '@kepler.gl/constants';
 import { MapConfigChangeUpdaterAction, Set3dBuildingColorUpdaterAction, SetBackgroundColorUpdaterAction } from '@kepler.gl/actions';
 import { MapStyle } from '@kepler.gl/reducers';
-export declare type LayerGroupSelectorProps = {
+export type LayerGroupSelectorProps = {
     layers: VisibleLayerGroups;
     editableLayers: DEFAULT_LAYER_GROUP[];
     onChange: (payload: MapConfigChangeUpdaterAction['payload']) => void;

package/dist/side-panel/map-style-panel/map-style-selector.d.ts

@@ -3,7 +3,7 @@ import { MapStyle } from '@kepler.gl/reducers';
 import PanelHeaderActionFactory from '../panel-header-action';
 import { BaseProps } from '../../common/icons';
 import { PanelHeaderActionIcon } from '../panel-header-action';
-export declare type MapStyleSelectorProps = {
+export type MapStyleSelectorProps = {
     mapStyle: MapStyle;
     onChange: (payload: string) => void;
     toggleActive: () => void;

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

@@ -1,7 +1,7 @@
 import React, { ComponentType, MouseEventHandler } from 'react';
 import { TooltipProps } from 'react-tooltip';
 import { BaseProps } from '../common/icons';
-export declare type PanelHeaderActionIcon = ComponentType<Partial<BaseProps>>;
+export type PanelHeaderActionIcon = ComponentType<Partial<BaseProps>>;
 export interface PanelHeaderActionProps {
     id?: string;
     tooltip?: string;

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { ToolbarItemProps } from '../common/toolbar-item';
 import { UiState } from '@kepler.gl/types';
 import { BaseProps } from '../common/icons';
-declare type ActionItem = {
+type ActionItem = {
     id: string;
     label?: string;
     blank?: boolean;
@@ -13,22 +13,22 @@ declare type ActionItem = {
     dropdownComponent?: React.ComponentType<DropdownComponentProps>;
     onClick?: () => void;
 };
-declare type PanelActionProps = {
+type PanelActionProps = {
     item: ActionItem;
     showExportDropdown: (string: any) => void;
 };
-declare type PanelHeaderDropdownProps = {
+type PanelHeaderDropdownProps = {
     items: ToolbarItemProps[];
     show?: boolean;
     onClose: () => void;
     id: string;
 };
-declare type LogoComponentProps = {
+type LogoComponentProps = {
     appName: string;
     appWebsite: string;
     version: string;
 };
-declare type DropdownCallbacks = {
+type DropdownCallbacks = {
     logoComponent?: React.FC<LogoComponentProps> | React.ComponentType<LogoComponentProps>;
     onExportImage: () => void;
     onExportData: () => void;
@@ -39,18 +39,18 @@ declare type DropdownCallbacks = {
     onSaveMap?: () => void;
     onShareMap: (() => void) | null;
 };
-declare type Item = {
+type Item = {
     label: string;
     icon: React.ComponentType<Partial<BaseProps>>;
     key: string;
     onClick: (p: DropdownComponentProps) => (() => void) | null;
 };
-declare type DropdownComponentProps = {
+type DropdownComponentProps = {
     show: boolean;
     onClose: () => void;
     items?: Item[];
 } & DropdownCallbacks;
-export declare type PanelHeaderProps = {
+export type PanelHeaderProps = {
     appName: string;
     appWebsite: string;
     version: string;
@@ -70,20 +70,20 @@ export declare const SaveExportDropdownFactory: {
 };
 export declare const CloudStorageDropdownFactory: {
     (PanelHeaderDropdown: ReturnType<typeof PanelHeaderDropdownFactory>): React.FC<DropdownComponentProps> & {
-        defaultItems: DropdownComponentProps['items'];
+        defaultItems: DropdownComponentProps["items"];
     };
     deps: (() => React.FC<PanelHeaderDropdownProps>)[];
 };
 declare function PanelHeaderFactory(SaveExportDropdown: ReturnType<typeof SaveExportDropdownFactory>, CloudStorageDropdown: ReturnType<typeof CloudStorageDropdownFactory>): React.ComponentType<PanelHeaderProps>;
 declare namespace PanelHeaderFactory {
     var deps: ({
-        (PanelHeaderDropdown: React.FC<PanelHeaderDropdownProps>): React.FC<DropdownComponentProps> & {
+        (PanelHeaderDropdown: ReturnType<typeof PanelHeaderDropdownFactory>): React.FC<DropdownComponentProps> & {
             defaultItems: ToolbarItemProps[];
         };
         deps: (() => React.FC<PanelHeaderDropdownProps>)[];
     } | {
-        (PanelHeaderDropdown: React.FC<PanelHeaderDropdownProps>): React.FC<DropdownComponentProps> & {
-            defaultItems: Item[] | undefined;
+        (PanelHeaderDropdown: ReturnType<typeof PanelHeaderDropdownFactory>): React.FC<DropdownComponentProps> & {
+            defaultItems: DropdownComponentProps["items"];
         };
         deps: (() => React.FC<PanelHeaderDropdownProps>)[];
     })[];

package/dist/side-panel/panel-tab.d.ts

@@ -1,20 +1,20 @@
 import React from 'react';
 import { BaseProps } from '../common/icons';
-declare type StyledPanelTabProps = {
+type StyledPanelTabProps = {
     active?: boolean;
 };
-export declare type PanelItem = {
+export type PanelItem = {
     id: string;
     label: string;
     iconComponent: React.ComponentType<Partial<BaseProps>>;
 };
-export declare type PanelTabProps = {
+export type PanelTabProps = {
     isActive: boolean;
     panel: PanelItem;
     onClick: (e: React.MouseEvent<HTMLDivElement>) => void;
 };
 export declare const StyledPanelTab: 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>, StyledPanelTabProps>>;
 export declare function PanelTabFactory(): React.FC<PanelTabProps>;
 export default PanelTabFactory;

package/dist/side-panel/panel-title.d.ts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from 'react';
-export declare type PanelTitleProps = PropsWithChildren<{
+export type PanelTitleProps = PropsWithChildren<{
     title: string;
     className?: string;
 }>;

package/dist/side-panel/panel-toggle.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import PanelTabFactory, { PanelItem } from './panel-tab';
 import { toggleSidePanel, ActionHandler } from '@kepler.gl/actions';
-declare type PanelToggleProps = {
+type PanelToggleProps = {
     panels: PanelItem[];
     activePanel: string | null;
     togglePanel: ActionHandler<typeof toggleSidePanel>;

package/dist/side-panel/panel-view-list-toggle.d.ts

@@ -1,16 +1,16 @@
 import React from 'react';
 import { PanelListView } from '@kepler.gl/types';
-declare type ToggleOptionProps = {
+type ToggleOptionProps = {
     isActive: boolean;
     onClick: () => void;
     option: (typeof TOGGLE_OPTIONS)[0];
 };
-declare type PanelViewListToggleProps = {
+type PanelViewListToggleProps = {
     mode: PanelListView;
     togglePanelListView: (view: string) => void;
 };
 export declare const StyledToggleOption: 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>, {
     $active: boolean;
 }>>;

package/dist/side-panel/side-bar.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-export declare type CollapseButtonProps = {
+export type CollapseButtonProps = {
     isOpen: boolean;
     onClick: (e: React.MouseEvent<HTMLDivElement>) => void;
 };
-export declare type SideBarProps = {
+export type SideBarProps = {
     width: number;
     isOpen: boolean;
     minifiedWidth: number;

package/dist/side-panel.d.ts

@@ -13,7 +13,7 @@ export declare const StyledSidePanelContent: import("styled-components").IStyled
  * Vertical sidebar containing input components for the rendering layers
  */
 declare function SidePanelFactory(Sidebar: ReturnType<typeof SidebarFactory>, PanelHeader: ReturnType<typeof PanelHeaderFactory>, PanelToggle: ReturnType<typeof PanelToggleFactory>, LayerManager: ReturnType<typeof LayerManagerFactory>, FilterManager: ReturnType<typeof FilterManagerFactory>, InteractionManager: ReturnType<typeof InteractionManagerFactory>, MapManager: ReturnType<typeof MapManagerFactory>, CustomPanels: ReturnType<typeof CustomPanelsFactory>): React.FC<SidePanelProps> & {
-    defaultPanels: SidePanelProps['panels'];
+    defaultPanels: SidePanelProps["panels"];
 };
 declare namespace SidePanelFactory {
     var deps: (typeof SidebarFactory | typeof PanelHeaderFactory | typeof PanelToggleFactory | typeof CustomPanelsFactory | typeof LayerManagerFactory | typeof FilterManagerFactory | typeof InteractionManagerFactory | typeof MapManagerFactory)[];

package/dist/types.d.ts

@@ -4,14 +4,14 @@ import { Layer, LayerClassesType } from '@kepler.gl/layers';
 import { Filter, InteractionConfig, UiState } from '@kepler.gl/types';
 import { MapStyleActions, VisStateActions, MapStateActions, UIStateActions } from '@kepler.gl/actions';
 import { Datasets } from '@kepler.gl/table';
-export declare type BaseComponentProps = PropsWithChildren<HTMLAttributes<unknown>>;
-export declare type SidePanelItem = {
+export type BaseComponentProps = PropsWithChildren<HTMLAttributes<unknown>>;
+export type SidePanelItem = {
     id: string;
     label: string;
     iconComponent: React.ComponentType<any>;
     component: React.ComponentType<any>;
 };
-export declare type SidePanelProps = {
+export type SidePanelProps = {
     appName: string;
     appWebsite: string;
     filters: Filter[];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kepler.gl/components",
   "author": "Shan He <shan@uber.com>",
-  "version": "3.2.6",
+  "version": "3.3.0-alpha.0",
   "description": "kepler.gl constants used by kepler.gl components, actions and reducers",
   "license": "MIT",
   "main": "dist/index.js",
@@ -30,33 +30,34 @@
     "umd"
   ],
   "dependencies": {
-    "@deck.gl/core": "^8.9.27",
-    "@deck.gl/react": "^8.9.27",
+    "@deck.gl-community/editable-layers": "9.2.8",
+    "@deck.gl/core": "^9.2.11",
+    "@deck.gl/react": "^9.2.11",
+    "@deck.gl/widgets": "^9.2.11",
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/modifiers": "^7.0.0",
     "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "@emotion/is-prop-valid": "^1.2.1",
     "@floating-ui/react": "0.25.1",
-    "@kepler.gl/actions": "3.2.6",
-    "@kepler.gl/cloud-providers": "3.2.6",
-    "@kepler.gl/common-utils": "3.2.6",
-    "@kepler.gl/constants": "3.2.6",
-    "@kepler.gl/effects": "3.2.6",
-    "@kepler.gl/layers": "3.2.6",
-    "@kepler.gl/localization": "3.2.6",
-    "@kepler.gl/processors": "3.2.6",
-    "@kepler.gl/reducers": "3.2.6",
-    "@kepler.gl/schemas": "3.2.6",
-    "@kepler.gl/styles": "3.2.6",
-    "@kepler.gl/table": "3.2.6",
-    "@kepler.gl/types": "3.2.6",
-    "@kepler.gl/utils": "3.2.6",
-    "@loaders.gl/mvt": "^4.3.2",
-    "@loaders.gl/pmtiles": "^4.3.2",
-    "@loaders.gl/wms": "4.3.2",
+    "@kepler.gl/actions": "3.3.0-alpha.0",
+    "@kepler.gl/cloud-providers": "3.3.0-alpha.0",
+    "@kepler.gl/common-utils": "3.3.0-alpha.0",
+    "@kepler.gl/constants": "3.3.0-alpha.0",
+    "@kepler.gl/effects": "3.3.0-alpha.0",
+    "@kepler.gl/layers": "3.3.0-alpha.0",
+    "@kepler.gl/localization": "3.3.0-alpha.0",
+    "@kepler.gl/processors": "3.3.0-alpha.0",
+    "@kepler.gl/reducers": "3.3.0-alpha.0",
+    "@kepler.gl/schemas": "3.3.0-alpha.0",
+    "@kepler.gl/styles": "3.3.0-alpha.0",
+    "@kepler.gl/table": "3.3.0-alpha.0",
+    "@kepler.gl/types": "3.3.0-alpha.0",
+    "@kepler.gl/utils": "3.3.0-alpha.0",
+    "@loaders.gl/mvt": "^4.3.4",
+    "@loaders.gl/pmtiles": "^4.3.4",
+    "@loaders.gl/wms": "4.3.4",
     "@mapbox/mapbox-sdk": "^0.15.3",
-    "@nebula.gl/edit-modes": "1.0.2-alpha.1",
     "@tippyjs/react": "^4.2.0",
     "@types/classnames": "^2.3.1",
     "@types/d3-array": "^2.8.0",
@@ -91,7 +92,7 @@
     "mapbox-gl": "1.13.1",
     "maplibre-gl": "^3.6.2",
     "markdown-to-jsx": "^7.7.6",
-    "mjolnir.js": "^2.7.0",
+    "mjolnir.js": "^3.0.0",
     "moment": "^2.10.6",
     "moment-timezone": "^0.5.35",
     "prop-types": "^15.6.0",