@carto/kepler.gl 0.1.0-alpha.0 → 0.1.0-next.0

package/dist/components/side-panel/layer-panel/color-palette.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _templateObject, _templateObject2, _templateObject3; // Copyright (c) 2022 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+var defaultProps = {
+  height: 10,
+  colors: [],
+  className: '',
+  isSelected: false,
+  isReversed: false
+};
+var PaletteWrapper = _styledComponents["default"].div.attrs({
+  className: 'color-range-palette__inner'
+})(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  border-radius: 2px;\n  display: flex;\n  flex-direction: row;\n  flex-grow: 1;\n  justify-content: space-between;\n  overflow: hidden;\n"])));
+var PaletteContainer = _styledComponents["default"].div.attrs(function (props) {
+  return {
+    className: (0, _classnames["default"])('color-range-palette', props.className)
+  };
+})(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-grow: 1;\n  border-width: 1px;\n  border-style: solid;\n  border-color: ", ";\n  padding: 4px;\n  border-radius: 4px;\n"])), function (props) {
+  return props.isSelected ? '#FFFFFF' : 'transparent';
+});
+var StyledColorBlock = _styledComponents["default"].div.attrs({
+  className: 'color-range-palette__block'
+})(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  flex-grow: 1;\n"])));
+var ColorPalette = function ColorPalette(_ref) {
+  var colors = _ref.colors,
+    height = _ref.height,
+    className = _ref.className,
+    isSelected = _ref.isSelected,
+    isReversed = _ref.isReversed,
+    children = _ref.children,
+    rootProps = _ref.rootProps;
+  return /*#__PURE__*/_react["default"].createElement(PaletteContainer, (0, _extends2["default"])({
+    className: className,
+    isSelected: isSelected
+  }, Boolean(rootProps) && rootProps), /*#__PURE__*/_react["default"].createElement(PaletteWrapper, {
+    style: {
+      height: height,
+      transform: "scale(".concat(isReversed ? -1 : 1, ", 1)")
+    }
+  }, colors.map(function (color, index) {
+    return /*#__PURE__*/_react["default"].createElement(StyledColorBlock, {
+      key: "".concat(color, "-").concat(index),
+      style: {
+        backgroundColor: String(color)
+      }
+    });
+  })), Boolean(children) && children);
+};
+ColorPalette.defaultProps = defaultProps;
+var _default = exports["default"] = ColorPalette;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9zdHlsZWRDb21wb25lbnRzIiwiX2NsYXNzbmFtZXMiLCJfdGVtcGxhdGVPYmplY3QiLCJfdGVtcGxhdGVPYmplY3QyIiwiX3RlbXBsYXRlT2JqZWN0MyIsImRlZmF1bHRQcm9wcyIsImhlaWdodCIsImNvbG9ycyIsImNsYXNzTmFtZSIsImlzU2VsZWN0ZWQiLCJpc1JldmVyc2VkIiwiUGFsZXR0ZVdyYXBwZXIiLCJzdHlsZWQiLCJkaXYiLCJhdHRycyIsIl90YWdnZWRUZW1wbGF0ZUxpdGVyYWwyIiwiUGFsZXR0ZUNvbnRhaW5lciIsInByb3BzIiwiY2xhc3NuYW1lcyIsIlN0eWxlZENvbG9yQmxvY2siLCJDb2xvclBhbGV0dGUiLCJfcmVmIiwiY2hpbGRyZW4iLCJyb290UHJvcHMiLCJjcmVhdGVFbGVtZW50IiwiX2V4dGVuZHMyIiwiQm9vbGVhbiIsInN0eWxlIiwidHJhbnNmb3JtIiwiY29uY2F0IiwibWFwIiwiY29sb3IiLCJpbmRleCIsImtleSIsImJhY2tncm91bmRDb2xvciIsIlN0cmluZyIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NpZGUtcGFuZWwvbGF5ZXItcGFuZWwvY29sb3ItcGFsZXR0ZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIyIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0LCB7UmVhY3ROb2RlfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQge0hleENvbG9yLCBSR0JDb2xvcn0gZnJvbSAncmVkdWNlcnMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICdjbGFzc25hbWVzJztcblxudHlwZSBDb2xvclBhbGV0dGVQcm9wcyA9IHtcbiAgY29sb3JzOiBSR0JDb2xvciB8IEhleENvbG9yW107XG4gIGhlaWdodD86IG51bWJlcjtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBpc1NlbGVjdGVkPzogYm9vbGVhbjtcbiAgaXNSZXZlcnNlZD86IGJvb2xlYW47XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xuICByb290UHJvcHM/OiBhbnlcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wcyA9IHtcbiAgaGVpZ2h0OiAxMCxcbiAgY29sb3JzOiBbXSxcbiAgY2xhc3NOYW1lOiAnJyxcbiAgaXNTZWxlY3RlZDogZmFsc2UsXG4gIGlzUmV2ZXJzZWQ6IGZhbHNlXG59O1xuXG5jb25zdCBQYWxldHRlV3JhcHBlciA9IHN0eWxlZC5kaXYuYXR0cnMoe1xuICBjbGFzc05hbWU6ICdjb2xvci1yYW5nZS1wYWxldHRlX19pbm5lcidcbn0pYFxuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGZsZXgtZ3JvdzogMTtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuYDtcblxuY29uc3QgUGFsZXR0ZUNvbnRhaW5lciA9IHN0eWxlZC5kaXYuYXR0cnMocHJvcHMgPT4gKHtcbiAgY2xhc3NOYW1lOiBjbGFzc25hbWVzKCdjb2xvci1yYW5nZS1wYWxldHRlJywgcHJvcHMuY2xhc3NOYW1lKVxufSkpPHtpc1NlbGVjdGVkPzogYm9vbGVhbn0+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWdyb3c6IDE7XG4gIGJvcmRlci13aWR0aDogMXB4O1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItY29sb3I6ICR7cHJvcHMgPT4gKHByb3BzLmlzU2VsZWN0ZWQgPyAnI0ZGRkZGRicgOiAndHJhbnNwYXJlbnQnKX07XG4gIHBhZGRpbmc6IDRweDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuYDtcblxuY29uc3QgU3R5bGVkQ29sb3JCbG9jayA9IHN0eWxlZC5kaXYuYXR0cnMoe1xuICBjbGFzc05hbWU6ICdjb2xvci1yYW5nZS1wYWxldHRlX19ibG9jaydcbn0pYFxuICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5jb25zdCBDb2xvclBhbGV0dGU6IFJlYWN0LkZDPENvbG9yUGFsZXR0ZVByb3BzPiA9ICh7XG4gIGNvbG9ycyxcbiAgaGVpZ2h0LFxuICBjbGFzc05hbWUsXG4gIGlzU2VsZWN0ZWQsXG4gIGlzUmV2ZXJzZWQsXG4gIGNoaWxkcmVuLFxuICByb290UHJvcHNcbn0pID0+IChcbiAgPFBhbGV0dGVDb250YWluZXIgXG4gICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9IFxuICAgIGlzU2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgey4uLihCb29sZWFuKHJvb3RQcm9wcykgJiYgcm9vdFByb3BzKX1cbiAgPlxuICAgIDxQYWxldHRlV3JhcHBlciBzdHlsZT17e2hlaWdodCwgdHJhbnNmb3JtOiBgc2NhbGUoJHtpc1JldmVyc2VkID8gLTEgOiAxfSwgMSlgfX0+XG4gICAgICB7Y29sb3JzLm1hcCgoY29sb3I6IG51bWJlciB8IHN0cmluZywgaW5kZXg6IG51bWJlcikgPT4gKFxuICAgICAgICA8U3R5bGVkQ29sb3JCbG9jayBrZXk9e2Ake2NvbG9yfS0ke2luZGV4fWB9IHN0eWxlPXt7YmFja2dyb3VuZENvbG9yOiBTdHJpbmcoY29sb3IpfX0gLz5cbiAgICAgICkpfVxuICAgIDwvUGFsZXR0ZVdyYXBwZXI+XG4gICAge0Jvb2xlYW4oY2hpbGRyZW4pICYmIGNoaWxkcmVufVxuICA8L1BhbGV0dGVDb250YWluZXI+XG4pO1xuXG5Db2xvclBhbGV0dGUuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBDb2xvclBhbGV0dGU7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQW9CQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFFQSxJQUFBQyxpQkFBQSxHQUFBRixzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUUsV0FBQSxHQUFBSCxzQkFBQSxDQUFBQyxPQUFBO0FBQW9DLElBQUFHLGVBQUEsRUFBQUMsZ0JBQUEsRUFBQUMsZ0JBQUEsRUF2QnBDO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBaUJBLElBQU1DLFlBQVksR0FBRztFQUNuQkMsTUFBTSxFQUFFLEVBQUU7RUFDVkMsTUFBTSxFQUFFLEVBQUU7RUFDVkMsU0FBUyxFQUFFLEVBQUU7RUFDYkMsVUFBVSxFQUFFLEtBQUs7RUFDakJDLFVBQVUsRUFBRTtBQUNkLENBQUM7QUFFRCxJQUFNQyxjQUFjLEdBQUdDLDRCQUFNLENBQUNDLEdBQUcsQ0FBQ0MsS0FBSyxDQUFDO0VBQ3RDTixTQUFTLEVBQUU7QUFDYixDQUFDLENBQUMsQ0FBQU4sZUFBQSxLQUFBQSxlQUFBLE9BQUFhLHVCQUFBLGdLQU9EO0FBRUQsSUFBTUMsZ0JBQWdCLEdBQUdKLDRCQUFNLENBQUNDLEdBQUcsQ0FBQ0MsS0FBSyxDQUFDLFVBQUFHLEtBQUs7RUFBQSxPQUFLO0lBQ2xEVCxTQUFTLEVBQUUsSUFBQVUsc0JBQVUsRUFBQyxxQkFBcUIsRUFBRUQsS0FBSyxDQUFDVCxTQUFTO0VBQzlELENBQUM7QUFBQSxDQUFDLENBQUMsQ0FBQUwsZ0JBQUEsS0FBQUEsZ0JBQUEsT0FBQVksdUJBQUEsdUtBS2UsVUFBQUUsS0FBSztFQUFBLE9BQUtBLEtBQUssQ0FBQ1IsVUFBVSxHQUFHLFNBQVMsR0FBRyxhQUFhO0FBQUEsQ0FBQyxDQUd4RTtBQUVELElBQU1VLGdCQUFnQixHQUFHUCw0QkFBTSxDQUFDQyxHQUFHLENBQUNDLEtBQUssQ0FBQztFQUN4Q04sU0FBUyxFQUFFO0FBQ2IsQ0FBQyxDQUFDLENBQUFKLGdCQUFBLEtBQUFBLGdCQUFBLE9BQUFXLHVCQUFBLHVDQUVEO0FBRUQsSUFBTUssWUFBeUMsR0FBRyxTQUE1Q0EsWUFBeUNBLENBQUFDLElBQUE7RUFBQSxJQUM3Q2QsTUFBTSxHQUFBYyxJQUFBLENBQU5kLE1BQU07SUFDTkQsTUFBTSxHQUFBZSxJQUFBLENBQU5mLE1BQU07SUFDTkUsU0FBUyxHQUFBYSxJQUFBLENBQVRiLFNBQVM7SUFDVEMsVUFBVSxHQUFBWSxJQUFBLENBQVZaLFVBQVU7SUFDVkMsVUFBVSxHQUFBVyxJQUFBLENBQVZYLFVBQVU7SUFDVlksUUFBUSxHQUFBRCxJQUFBLENBQVJDLFFBQVE7SUFDUkMsU0FBUyxHQUFBRixJQUFBLENBQVRFLFNBQVM7RUFBQSxvQkFFVDFCLE1BQUEsWUFBQTJCLGFBQUEsQ0FBQ1IsZ0JBQWdCLE1BQUFTLFNBQUE7SUFDZmpCLFNBQVMsRUFBRUEsU0FBVTtJQUNyQkMsVUFBVSxFQUFFQTtFQUFXLEdBQ2xCaUIsT0FBTyxDQUFDSCxTQUFTLENBQUMsSUFBSUEsU0FBUyxnQkFFcEMxQixNQUFBLFlBQUEyQixhQUFBLENBQUNiLGNBQWM7SUFBQ2dCLEtBQUssRUFBRTtNQUFDckIsTUFBTSxFQUFOQSxNQUFNO01BQUVzQixTQUFTLFdBQUFDLE1BQUEsQ0FBV25CLFVBQVUsR0FBRyxDQUFDLENBQUMsR0FBRyxDQUFDO0lBQU07RUFBRSxHQUM1RUgsTUFBTSxDQUFDdUIsR0FBRyxDQUFDLFVBQUNDLEtBQXNCLEVBQUVDLEtBQWE7SUFBQSxvQkFDaERuQyxNQUFBLFlBQUEyQixhQUFBLENBQUNMLGdCQUFnQjtNQUFDYyxHQUFHLEtBQUFKLE1BQUEsQ0FBS0UsS0FBSyxPQUFBRixNQUFBLENBQUlHLEtBQUssQ0FBRztNQUFDTCxLQUFLLEVBQUU7UUFBQ08sZUFBZSxFQUFFQyxNQUFNLENBQUNKLEtBQUs7TUFBQztJQUFFLENBQUUsQ0FBQztFQUFBLENBQ3hGLENBQ2EsQ0FBQyxFQUNoQkwsT0FBTyxDQUFDSixRQUFRLENBQUMsSUFBSUEsUUFDTixDQUFDO0FBQUEsQ0FDcEI7QUFFREYsWUFBWSxDQUFDZixZQUFZLEdBQUdBLFlBQVk7QUFBQyxJQUFBK0IsUUFBQSxHQUFBQyxPQUFBLGNBRTFCakIsWUFBWSIsImlnbm9yZUxpc3QiOltdfQ==

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

@@ -1,129 +1,129 @@
-import React, { MouseEvent } from 'react';
-import { ColorRange } from 'constants/color-ranges';
-import { ColorUI } from 'layers/layer-factory';
-import { NestedPartial } from 'reducers';
-import { HexColumnConfigFactory } from './hex-column-config';
-type ColorRangeSelectorProps = {
-    fields: any[];
-    colorPaletteUI: ColorUI;
-    selectedColorRange: ColorRange;
-    onSelectColorRange: (p: ColorRange, e: MouseEvent) => void;
-    onSelectColorColumn: Function;
-    setColorPaletteUI: (newConfig: NestedPartial<ColorUI>) => void;
-    noHexColor?: boolean;
-};
-type PaletteConfigProps = {
-    label: string;
-    value: string | number | boolean;
-    config: {
-        type: string;
-        options: (string | number | boolean)[];
-    };
-    onChange: (v: string | number | boolean | object | null) => void;
-};
-type ColorPaletteGroupProps = {
-    reversed?: boolean;
-    selected: ColorRange;
-    colorRanges: ColorRange[];
-    onSelect: (p: ColorRange, e: MouseEvent) => void;
-    title?: string;
-};
-export declare const ALL_TYPES: (string | {
-    value: string;
-    divider: boolean;
-})[];
-export declare const ALL_STEPS: number[];
-declare function ColorRangeSelectorFactory(ColorPaletteGroup: any, PaletteConfig: any, HexColumnConfig: any): {
-    new (props: ColorRangeSelectorProps): {
-        colorRangesSelector: (props: any) => any;
-        configTypeSelector: (props: ColorRangeSelectorProps) => string;
-        configStepSelector: (props: ColorRangeSelectorProps) => number;
-        filteredColorRange: ((state: any) => ColorRange[]) & import("reselect").OutputSelectorFields<(args_0: any, args_1: string, args_2: number) => ColorRange[], {
-            clearCache: () => void;
-        }> & {
-            clearCache: () => void;
-        };
-        _updateConfig: ({ key, value }: {
-            key: string;
-            value: string | number | boolean | object | null;
-        }) => void;
-        _onSetCustomPalette: (config: NestedPartial<ColorRange>) => void;
-        _setColorRangeConfig: (newConfig: Record<string, string | number | boolean | object | null>) => void;
-        _onCustomPaletteCancel: () => void;
-        _onToggleSketcher: (val: boolean | number) => void;
-        _onSelectColumn: (column: any) => void;
-        render(): React.JSX.Element;
-        context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ColorRangeSelectorProps>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: () => void): void;
-        forceUpdate(callback?: () => void): void;
-        readonly props: Readonly<ColorRangeSelectorProps>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<ColorRangeSelectorProps>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<ColorRangeSelectorProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<ColorRangeSelectorProps>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<ColorRangeSelectorProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<ColorRangeSelectorProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<ColorRangeSelectorProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<ColorRangeSelectorProps>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    new (props: ColorRangeSelectorProps, context: any): {
-        colorRangesSelector: (props: any) => any;
-        configTypeSelector: (props: ColorRangeSelectorProps) => string;
-        configStepSelector: (props: ColorRangeSelectorProps) => number;
-        filteredColorRange: ((state: any) => ColorRange[]) & import("reselect").OutputSelectorFields<(args_0: any, args_1: string, args_2: number) => ColorRange[], {
-            clearCache: () => void;
-        }> & {
-            clearCache: () => void;
-        };
-        _updateConfig: ({ key, value }: {
-            key: string;
-            value: string | number | boolean | object | null;
-        }) => void;
-        _onSetCustomPalette: (config: NestedPartial<ColorRange>) => void;
-        _setColorRangeConfig: (newConfig: Record<string, string | number | boolean | object | null>) => void;
-        _onCustomPaletteCancel: () => void;
-        _onToggleSketcher: (val: boolean | number) => void;
-        _onSelectColumn: (column: any) => void;
-        render(): React.JSX.Element;
-        context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ColorRangeSelectorProps>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: () => void): void;
-        forceUpdate(callback?: () => void): void;
-        readonly props: Readonly<ColorRangeSelectorProps>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<ColorRangeSelectorProps>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<ColorRangeSelectorProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<ColorRangeSelectorProps>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<ColorRangeSelectorProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<ColorRangeSelectorProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<ColorRangeSelectorProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<ColorRangeSelectorProps>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    defaultProps: {
-        colorRanges: ColorRange[];
-        onSelectColorRange: () => void;
-        setColorPaletteUI: () => void;
-    };
-    contextType?: React.Context<any>;
-};
-declare namespace ColorRangeSelectorFactory {
-    var deps: (typeof ColorPaletteGroupFactory | typeof PaletteConfigFactory | typeof HexColumnConfigFactory)[];
-}
-export default ColorRangeSelectorFactory;
-export declare function PaletteConfigFactory(): React.FC<PaletteConfigProps>;
-export declare function ColorPaletteGroupFactory(): React.FC<ColorPaletteGroupProps>;
+import React, { MouseEvent } from 'react';
+import { ColorRange } from 'constants/color-ranges';
+import { ColorUI } from 'layers/layer-factory';
+import { NestedPartial } from 'reducers';
+import { HexColumnConfigFactory } from './hex-column-config';
+type ColorRangeSelectorProps = {
+    fields: any[];
+    colorPaletteUI: ColorUI;
+    selectedColorRange: ColorRange;
+    onSelectColorRange: (p: ColorRange, e: MouseEvent) => void;
+    onSelectColorColumn: Function;
+    setColorPaletteUI: (newConfig: NestedPartial<ColorUI>) => void;
+    noHexColor?: boolean;
+};
+type PaletteConfigProps = {
+    label: string;
+    value: string | number | boolean;
+    config: {
+        type: string;
+        options: (string | number | boolean)[];
+    };
+    onChange: (v: string | number | boolean | object | null) => void;
+};
+type ColorPaletteGroupProps = {
+    reversed?: boolean;
+    selected: ColorRange;
+    colorRanges: ColorRange[];
+    onSelect: (p: ColorRange, e: MouseEvent) => void;
+    title?: string;
+};
+export declare const ALL_TYPES: (string | {
+    value: string;
+    divider: boolean;
+})[];
+export declare const ALL_STEPS: number[];
+declare function ColorRangeSelectorFactory(ColorPaletteGroup: any, PaletteConfig: any, HexColumnConfig: any): {
+    new (props: ColorRangeSelectorProps): {
+        colorRangesSelector: (props: any) => any;
+        configTypeSelector: (props: ColorRangeSelectorProps) => string;
+        configStepSelector: (props: ColorRangeSelectorProps) => number;
+        filteredColorRange: ((state: any) => ColorRange[]) & import("reselect").OutputSelectorFields<(args_0: any, args_1: string, args_2: number) => ColorRange[], {
+            clearCache: () => void;
+        }> & {
+            clearCache: () => void;
+        };
+        _updateConfig: ({ key, value }: {
+            key: string;
+            value: string | number | boolean | object | null;
+        }) => void;
+        _onSetCustomPalette: (config: NestedPartial<ColorRange>) => void;
+        _setColorRangeConfig: (newConfig: Record<string, string | number | boolean | object | null>) => void;
+        _onCustomPaletteCancel: () => void;
+        _onToggleSketcher: (val: boolean | number) => void;
+        _onSelectColumn: (column: any) => void;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ColorRangeSelectorProps>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: () => void): void;
+        forceUpdate(callback?: () => void): void;
+        readonly props: Readonly<ColorRangeSelectorProps>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<ColorRangeSelectorProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<ColorRangeSelectorProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<ColorRangeSelectorProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<ColorRangeSelectorProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<ColorRangeSelectorProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<ColorRangeSelectorProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<ColorRangeSelectorProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: ColorRangeSelectorProps, context: any): {
+        colorRangesSelector: (props: any) => any;
+        configTypeSelector: (props: ColorRangeSelectorProps) => string;
+        configStepSelector: (props: ColorRangeSelectorProps) => number;
+        filteredColorRange: ((state: any) => ColorRange[]) & import("reselect").OutputSelectorFields<(args_0: any, args_1: string, args_2: number) => ColorRange[], {
+            clearCache: () => void;
+        }> & {
+            clearCache: () => void;
+        };
+        _updateConfig: ({ key, value }: {
+            key: string;
+            value: string | number | boolean | object | null;
+        }) => void;
+        _onSetCustomPalette: (config: NestedPartial<ColorRange>) => void;
+        _setColorRangeConfig: (newConfig: Record<string, string | number | boolean | object | null>) => void;
+        _onCustomPaletteCancel: () => void;
+        _onToggleSketcher: (val: boolean | number) => void;
+        _onSelectColumn: (column: any) => void;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ColorRangeSelectorProps>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: () => void): void;
+        forceUpdate(callback?: () => void): void;
+        readonly props: Readonly<ColorRangeSelectorProps>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<ColorRangeSelectorProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<ColorRangeSelectorProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<ColorRangeSelectorProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<ColorRangeSelectorProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<ColorRangeSelectorProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<ColorRangeSelectorProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<ColorRangeSelectorProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    defaultProps: {
+        colorRanges: ColorRange[];
+        onSelectColorRange: () => void;
+        setColorPaletteUI: () => void;
+    };
+    contextType?: React.Context<any>;
+};
+declare namespace ColorRangeSelectorFactory {
+    var deps: (typeof ColorPaletteGroupFactory | typeof PaletteConfigFactory | typeof HexColumnConfigFactory)[];
+}
+export default ColorRangeSelectorFactory;
+export declare function PaletteConfigFactory(): React.FC<PaletteConfigProps>;
+export declare function ColorPaletteGroupFactory(): React.FC<ColorPaletteGroupProps>;