kepler.gl
Version:
kepler.gl is a webgl based application to visualize large scale location data in the browser
102 lines (101 loc) • 4.71 kB
TypeScript
import React, { ElementType } from 'react';
import { ColorMap, ColorUI, HexColor, NestedPartial } from '@kepler.gl/types';
import { ColorBreak, ColorBreakOrdinal } from '@kepler.gl/utils';
export type ActionIcons = {
delete: ElementType;
sort: ElementType;
add: ElementType;
};
export type EditColorMapFunc = (v: number, i: number) => void;
export type SetColorUIFunc = (newConfig: NestedPartial<ColorUI>) => void;
/**
* EditableColorRange
*/
export type EditableColorRangeProps = {
item: ColorBreak;
isLast: boolean;
index: number;
editColorMap?: EditColorMapFunc;
editable: boolean;
};
export type CustomPaletteProps = {
customPalette: ColorUI['customPalette'];
setColorPaletteUI: SetColorUIFunc;
showSketcher: number | boolean;
ordinalDomain?: string[] | number[];
actionIcons?: ActionIcons;
onApply: (e: React.MouseEvent) => void;
onCancel: () => void;
};
export type CustomPaletteInputProps = {
index: number;
isSorting: boolean;
color: HexColor;
colorBreaks: ColorBreakOrdinal[] | ColorBreak[] | null;
inputColorHex: (index: number, v: HexColor) => void;
editColorMapValue: EditColorMapFunc;
actionIcons?: ActionIcons;
disableAppend?: boolean;
disableDelete?: boolean;
onDelete: (index: number) => void;
onAdd: (index: number) => void;
onToggleSketcher: (index: number) => void;
};
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.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 type ColorPaletteInputProps = {
value: string | number;
onChange: (val: unknown) => void;
id: string;
width: string;
textAlign: string;
editable: boolean;
};
export declare const ColorPaletteInput: ({ value, onChange, id, width, textAlign, editable }: ColorPaletteInputProps) => React.JSX.Element;
export declare const EditableColorRange: React.FC<EditableColorRangeProps>;
export declare const AddColorStop: ({ onColorAdd, IconComponent }: {
onColorAdd: any;
IconComponent: any;
}) => React.JSX.Element;
export declare const DeleteColorStop: ({ onColorDelete, IconComponent }: {
onColorDelete: any;
IconComponent: any;
}) => React.JSX.Element;
export declare const CustomPaletteInput: React.FC<CustomPaletteInputProps>;
export type CategoricalSelectorProps = {
index: number;
selectedValues: (string | number | null)[];
allValues: string[] | number[];
addColorMapValue?: (v: (number | string | null)[], i: number) => void;
removeColorMapValue?: (v: number | string, i: number) => void;
resetColorMapValue?: (i: number) => void;
selectRestColorMapValue?: (i: number) => void;
editable?: boolean;
};
export declare const CategoricalSelector: React.FC<CategoricalSelectorProps>;
export type CategoricalCustomPaletteInputProps = {
index: number;
isSorting: boolean;
color: HexColor;
colorMap?: ColorMap | null;
addColorMapValue: (v: (number | string | null)[], i: number) => void;
removeColorMapValue: (v: number | string, i: number) => void;
resetColorMapValue: (i: number) => void;
selectRestColorMapValue: (i: number) => void;
actionIcons?: ActionIcons;
onDelete: (index: number) => void;
onAdd: (index: number) => void;
onToggleSketcher: (index: number) => void;
allValues: string[] | number[];
disableDelete?: boolean;
};
export declare const CategoricalCustomPaletteInput: React.FC<CategoricalCustomPaletteInputProps>;
export declare const BottomAction: ({ onCancel, onConfirm }: {
onCancel: any;
onConfirm: any;
}) => React.JSX.Element;
declare function CustomPaletteFactory(): React.FC<CustomPaletteProps>;
export default CustomPaletteFactory;