[chore] export more components and types (#2251)

Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com>
Co-authored-by: Shan He <heshan0131@gmail.com>

src/components/src/common/data-table/option-dropdown.tsx

@@ -123,7 +123,7 @@ export const FormatterDropdown: React.FC<FormatterDropdownProps> = (
   );
 };
 
-interface OptionDropdownProps {
+export interface OptionDropdownProps {
   isOpened?: boolean;
   column: string;
   colMeta: ColMeta;

src/components/src/index.ts

@@ -72,7 +72,6 @@ export {default as ColorPalette} from './side-panel/layer-panel/color-palette';
 export {default as ColorRangeSelector, PaletteConfig, ColorPaletteGroup, ALL_TYPES} from './side-panel/layer-panel/color-range-selector';
 export {default as LayerPanelFactory} from './side-panel/layer-panel/layer-panel';
 export {default as SingleColorPalette} from './side-panel/layer-panel/single-color-palette';
-export {default as LayerPanelHeaderFactory, DragHandle} from './side-panel/layer-panel/layer-panel-header';
 export {
   default as LayerConfiguratorFactory,
   LayerColorRangeSelector, 
@@ -82,7 +81,7 @@ export {
   LayerColorSelector
 } from './side-panel/layer-panel/layer-configurator';
 export {default as TextLabelPanelFactory} from './side-panel/layer-panel/text-label-panel';
-export {LayerConfigGroupLabelFactory} from './side-panel/layer-panel/layer-config-group';
+
 export {
   AddDataButtonFactory,
   default as DatasetSectionFactory
@@ -238,14 +237,16 @@ export {default as TippyTooltip} from './common/tippy-tooltip';
 // side pane components
 export {default as LayerTypeSelectorFactory} from './side-panel/layer-panel/layer-type-selector';
 export {default as LayerTypeDropdownListFactory} from './side-panel/layer-panel/layer-type-dropdown-list';
-export {ConfigGroupCollapsibleContent, StyledConfigGroupHeader} from './side-panel/layer-panel/layer-config-group';
+export {ConfigGroupCollapsibleContent, StyledConfigGroupHeader, LayerConfigGroupLabelFactory} from './side-panel/layer-panel/layer-config-group';
 export {default as ColumnSelectorFactory} from './side-panel/layer-panel/column-selector';
-export {default as FilterPanelHeaderFactory} from './side-panel/filter-panel/filter-panel-header';
 export {default as StyledDropdownSelect} from './common/item-selector/item-selector';
 export {
+  default as LayerPanelHeaderFactory,
+  DragHandle,
   LayerLabelEditor,
   LayerTitleSectionFactory
 } from './side-panel/layer-panel/layer-panel-header';
+export {default as FilterPanelHeaderFactory} from './side-panel/filter-panel/filter-panel-header';
 
 export {default as HowToButton} from './side-panel/layer-panel/how-to-button';
 // eslint-disable-next-line prettier/prettier
@@ -269,12 +270,20 @@ export type {CustomPanelsProps} from './side-panel/custom-panel';
 export type {LayerTypeListItemProps, LayerTypeListItemType} from './side-panel/layer-panel/layer-type-list-item';
 export type {LayerGroupColorPickerProps} from './side-panel/map-style-panel/map-layer-group-color-picker';
 export type {MapLegendPanelProps, MapLegendPanelFactoryDeps} from './map/map-legend-panel';
-export type {FormatterDropdownProps} from './common/data-table/option-dropdown';
+export type {OptionDropdownProps, FormatterDropdownProps} from './common/data-table/option-dropdown';
 export type {LayerListProps, LayerListFactoryDeps} from './side-panel/layer-panel/layer-list';
 export type {MapContainerProps} from './map-container';
 export type {MapControlProps} from './map/map-control';
 export type {MapDrawPanelProps} from './map/map-draw-panel';
 export type {PanelHeaderProps} from './side-panel/panel-header';
+export type {LayerLabelEditorProps, LayerTitleSectionProps, LayerPanelHeaderProps} from './side-panel/layer-panel/layer-panel-header';
+export type {FilterPanelHeaderProps} from './side-panel/filter-panel/filter-panel-header';
+export type {LayerTypeOption} from './side-panel/layer-panel/layer-type-dropdown-list';
+export type {LayerConfigGroupLabelProps, LayerConfigGroupProps} from './side-panel/layer-panel/layer-config-group';
+export type {FilterManagerProps} from './side-panel/filter-manager';
+export type {PanelMeta} from './side-panel/common/types';
+export type {SideBarProps} from './side-panel/side-bar';
+export type {FeatureActionPanelProps} from './editor/feature-action-panel';
 
 export {
   Icons,

src/components/src/side-panel/filter-manager.tsx

@@ -39,7 +39,7 @@ import {PanelMeta} from './common/types';
 type VisStateActionHandlers = ActionHandlers<typeof VisStateActions>;
 type UiStateActionHandlers = ActionHandlers<typeof UIStateActions>;
 
-type FilterManagerProps = {
+export type FilterManagerProps = {
   filters: Filter[];
   datasets: Datasets;
   layers: Layer[];

src/components/src/side-panel/filter-panel/filter-panel-header.tsx

@@ -51,7 +51,7 @@ const StyledChildrenContainer = styled.div`
   flex: 2;
 `;
 
-type FilterPanelHeaderProps = {
+export type FilterPanelHeaderProps = {
   className?: string;
   datasets: KeplerTable[];
   filter: Filter;

src/components/src/side-panel/layer-panel/layer-config-group.tsx

@@ -28,12 +28,12 @@ import {VertThreeDots} from '../../common/icons';
 import {Layer} from '@kepler.gl/layers';
 import {LayerVisConfig} from '@kepler.gl/types';
 
-type LayerConfigGroupLabelProps = {
+export type LayerConfigGroupLabelProps = {
   label?: string;
   description?: string;
 };
 
-type LayerConfigGroupProps = {
+export type LayerConfigGroupProps = {
   layer?: Layer;
   label: string;
   property?: string;

src/components/src/side-panel/layer-panel/layer-panel-header.tsx

@@ -45,15 +45,15 @@ import {FormattedMessage} from '@kepler.gl/localization';
 import {RGBColor} from '@kepler.gl/types';
 import {BaseProps} from '../../common/icons';
 
-type LayerLabelEditorProps = {
+export type LayerLabelEditorProps = {
   layerId: string;
   label?: string;
   onEdit: ChangeEventHandler;
   onFocus: ChangeEventHandler;
   onBlur: ChangeEventHandler;
 };
 
-type LayerTitleSectionProps = {
+export type LayerTitleSectionProps = {
   layerType?: string | null;
   layerId: string;
   label?: string;
@@ -62,7 +62,7 @@ type LayerTitleSectionProps = {
   onBlur: ChangeEventHandler;
 };
 
-type LayerPanelHeaderProps = {
+export type LayerPanelHeaderProps = {
   layerId: string;
   isVisible: boolean;
   isValid: boolean;

src/components/src/side-panel/side-bar.tsx

@@ -27,7 +27,7 @@ export type CollapseButtonProps = {
   onClick: (e: React.MouseEvent<HTMLDivElement>) => void;
 };
 
-type SideBarProps = {
+export type SideBarProps = {
   width: number;
   isOpen: boolean;
   minifiedWidth: number;