import React, { MouseEvent } from 'react'; import SingleColorPaletteFactory from 'components/side-panel/layer-panel/single-color-palette'; import ColorRangeSelectFactory from './color-range-selector'; import { ColorUI } from 'layers/layer-factory'; import { ColorRange } from 'constants/color-ranges'; import { NestedPartial, RGBColor } from 'reducers'; type ColorSelectorInputProps = { active: boolean; disabled?: boolean; inputTheme?: string; }; type ColorSelectorProps = { fields?: any[]; colorSets: { selectedColor: RGBColor | ColorRange; setColor: ((v: RGBColor) => void) | ((v: ColorRange) => void); isRange?: boolean; label?: string; }[]; colorUI?: ColorUI; inputTheme?: string; disabled?: boolean; setColorUI?: (newConfig: NestedPartial) => void; }; export declare const ColorBlock: import("styled-components").StyledComponent<"div", any, { backgroundColor: RGBColor; }, never>; export declare const ColorSelectorInput: import("styled-components").StyledComponent<"div", any, ColorSelectorInputProps, never>; export declare const InputBoxContainer: import("styled-components").StyledComponent<"div", any, {}, never>; declare function ColorSelectorFactory(SingleColorPalette: any, ColorRangeSelector: any): import("react-onclickoutside").WrapperClass; handleClickOutside: (e: any) => void; _getEditing: () => number | boolean; _closePanelDropdown: () => void; _onSelectColor: (color: RGBColor | ColorRange, e: MouseEvent) => void; _showDropdown: (e: any, i: any) => void; render(): React.JSX.Element; context: unknown; setState(state: {} | ((prevState: Readonly<{}>, props: Readonly) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: () => void): void; forceUpdate(callback?: () => void): void; readonly props: Readonly; refs: { [key: string]: React.ReactInstance; }; componentDidMount?(): void; shouldComponentUpdate?(nextProps: Readonly, nextState: Readonly<{}>, nextContext: any): boolean; componentWillUnmount?(): void; componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void; getSnapshotBeforeUpdate?(prevProps: Readonly, prevState: Readonly<{}>): any; componentDidUpdate?(prevProps: Readonly, prevState: Readonly<{}>, snapshot?: any): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?(nextProps: Readonly, nextContext: any): void; UNSAFE_componentWillReceiveProps?(nextProps: Readonly, nextContext: any): void; componentWillUpdate?(nextProps: Readonly, nextState: Readonly<{}>, nextContext: any): void; UNSAFE_componentWillUpdate?(nextProps: Readonly, nextState: Readonly<{}>, nextContext: any): void; }; new (props: ColorSelectorProps, context: any): { state: { showDropdown: boolean; }; node: React.RefObject; handleClickOutside: (e: any) => void; _getEditing: () => number | boolean; _closePanelDropdown: () => void; _onSelectColor: (color: RGBColor | ColorRange, e: MouseEvent) => void; _showDropdown: (e: any, i: any) => void; render(): React.JSX.Element; context: unknown; setState(state: {} | ((prevState: Readonly<{}>, props: Readonly) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: () => void): void; forceUpdate(callback?: () => void): void; readonly props: Readonly; refs: { [key: string]: React.ReactInstance; }; componentDidMount?(): void; shouldComponentUpdate?(nextProps: Readonly, nextState: Readonly<{}>, nextContext: any): boolean; componentWillUnmount?(): void; componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void; getSnapshotBeforeUpdate?(prevProps: Readonly, prevState: Readonly<{}>): any; componentDidUpdate?(prevProps: Readonly, prevState: Readonly<{}>, snapshot?: any): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?(nextProps: Readonly, nextContext: any): void; UNSAFE_componentWillReceiveProps?(nextProps: Readonly, nextContext: any): void; componentWillUpdate?(nextProps: Readonly, nextState: Readonly<{}>, nextContext: any): void; UNSAFE_componentWillUpdate?(nextProps: Readonly, nextState: Readonly<{}>, nextContext: any): void; }; defaultProps: { colorSets: any[]; }; contextType?: React.Context; }>; declare namespace ColorSelectorFactory { var deps: (typeof SingleColorPaletteFactory | typeof ColorRangeSelectFactory)[]; } export default ColorSelectorFactory;