@carto/kepler.gl 0.0.71-alpha.3 → 0.0.71

package/src/layers/base-layer.js

@@ -38,7 +38,7 @@ import {
   UNKNOWN_COLOR,
   ZOOM_LEVEL_LIMITS
 } from 'constants/default-settings';
-import {COLOR_RANGES, hexColor} from 'constants/color-ranges';
+import {COLOR_RANGES} from 'constants/color-ranges';
 import {DataVizColors} from 'constants/custom-color-ranges';
 import {
   LAYER_VIS_CONFIGS,
@@ -100,6 +100,7 @@ export const colorMaker = generateColor();
 class Layer {
   constructor(props = {}) {
     this.id = props.id || generateHashId(LAYER_ID_LENGTH);
+
     // meta
     this.meta = {};
 
@@ -608,9 +609,8 @@ class Layer {
     };
 
     this.updateLayerConfig({colorUI});
-    // if colorUI[prop] is colorRange. If type is hexColor then it's also a range
-    const isColorRange =
-      visConfig[prop] && (visConfig[prop].colors || visConfig[prop].type === hexColor);
+    // if colorUI[prop] is colorRange
+    const isColorRange = visConfig[prop] && visConfig[prop].colors;
 
     if (isColorRange) {
       this.updateColorUIByColorRange(newConfig, prop);
@@ -663,9 +663,8 @@ class Layer {
           colorRangeConfig: {
             ...colorUI[prop].colorRangeConfig,
             type: visConfig[prop].type,
-            steps: visConfig[prop].colors?.length,
-            reversed: Boolean(visConfig[prop].reversed),
-            hexColumn: this.isColoredByColorColumn(prop)
+            steps: visConfig[prop].colors.length,
+            reversed: Boolean(visConfig[prop].reversed)
           }
         }
       }
@@ -733,12 +732,6 @@ class Layer {
   updateCategoryColorMap(colorMap, domain, colorRange) {
     const colors = colorRange.colors;
     const assignedCategories = [];
-    if (colorRange.type === hexColor) {
-      return {
-        ...colorRange,
-        colorMap: []
-      };
-    }
     const newColorMap = colorMap.slice(0, colors.length).map((cMap, index) => {
       assignedCategories.push(cMap[0]);
       return [cMap[0], colors[index]];
@@ -828,11 +821,7 @@ class Layer {
   }
 
   getColorScale(colorScale, colorDomain, colorRange) {
-    if (colorRange.type === hexColor) {
-      return (_, color) => {
-        return hexToRgb(color);
-      };
-    } else if (Array.isArray(colorRange.colorMap)) {
+    if (Array.isArray(colorRange.colorMap)) {
       const cMap = new Map();
       colorRange.colorMap.forEach(([k, v]) => {
         cMap.set(k, typeof v === 'string' ? hexToRgb(v) : v);
@@ -925,15 +914,13 @@ class Layer {
             : this.getVisChannelScale(...args, isFixed);
 
         attributeAccessors[accessor] = d =>
-          this.getEncodedChannelValue({
-            channel,
-            dataContainer,
-            scale: scaleFunction,
-            data: dataAccessor(dataContainer)(d),
-            field: fieldConfig,
-            _aggregation: aggregationValue,
+          this.getEncodedChannelValue(
+            scaleFunction,
+            dataAccessor(dataContainer)(d),
+            fieldConfig,
+            aggregationValue,
             nullValue
-          });
+          );
       } else if (typeof getAttributeValue === 'function') {
         attributeAccessors[accessor] = getAttributeValue(this.config);
       } else {
@@ -1003,35 +990,17 @@ class Layer {
     return triggerChanged;
   }
 
-  getEncodedChannelValue({
-    channel,
+  getEncodedChannelValue(
     scale,
     data,
     field,
-    dataContainer,
     // In builder we overwrite the getValue function and we use the _aggregation parameter in spatial index layers as the QuadkeyLayer.
     _aggregation,
     nullValue = NO_VALUE_COLOR,
     getValue = defaultGetFieldValue
-  }) {
-    let colorColumnValue;
+  ) {
     const {type} = field;
     const value = getValue(field, data);
-    const channelConfig = this.config.visConfig[this.visualChannels[channel].range];
-    const channelField = this.config[this.visualChannels[channel].field];
-
-    if (channelConfig.type === hexColor) {
-      const columnField = {
-        id: channelField.colorColumn,
-        name: channelField.colorColumn,
-        fieldIdx: channelField.colorColumnIdx,
-        valueAccessor: d => {
-          return dataContainer.valueAt(d.index, channelField.colorColumnIdx);
-        }
-      };
-
-      colorColumnValue = getValue(columnField, data);
-    }
 
     if (!notNullorUndefined(value)) {
       return nullValue;
@@ -1041,9 +1010,9 @@ class Layer {
     if (type === ALL_FIELD_TYPES.timestamp) {
       // shouldn't need to convert here
       // scale Function should take care of it
-      attributeValue = scale(new Date(value), colorColumnValue);
+      attributeValue = scale(new Date(value));
     } else {
-      attributeValue = scale(value, colorColumnValue);
+      attributeValue = scale(value);
     }
 
     if (!notNullorUndefined(attributeValue)) {
@@ -1077,14 +1046,13 @@ class Layer {
     if (!this.config.dataId) {
       return {};
     }
-    const dataset = this.getDataset(datasets);
-    const {dataContainer} = dataset;
+    const layerDataset = datasets[this.config.dataId];
+    const {dataContainer} = layerDataset;
 
-    this.updateVisualChannelFields(dataset);
-    this.updateHexColorDomain(dataset);
+    this.updateVisualChannelFields(layerDataset);
 
     const getPosition = this.getPositionAccessor(dataContainer);
-    const dataUpdateTriggers = this.getDataUpdateTriggers(dataset);
+    const dataUpdateTriggers = this.getDataUpdateTriggers(layerDataset);
     const triggerChanged = this.getChangedTriggers(dataUpdateTriggers);
 
     if (triggerChanged.getMeta) {
@@ -1097,7 +1065,7 @@ class Layer {
       // same data
       data = oldLayerData.data;
     } else {
-      data = this.calculateDataAttribute(dataset, getPosition);
+      data = this.calculateDataAttribute(layerDataset, getPosition);
     }
 
     return {data, triggerChanged};
@@ -1109,20 +1077,12 @@ class Layer {
    * @param {Object} dataset
    */
   updateVisualChannelFields(dataset) {
-    for (const {field, range} of Object.values(this.visualChannels)) {
+    for (const {field} of Object.values(this.visualChannels)) {
       const oldField = this.config[field];
-      const isUsingHexColorCode = this.config.visConfig[range].hexColor
       if (!oldField) {
         return;
       }
-      let newDataSetField = dataset.fields.find(fd => fd.name === oldField.name) || null;
-      if (isUsingHexColorCode) {
-        newDataSetField = {
-          ...newDataSetField,
-          colorColumn: newDataSetField.colorColumn || oldField.colorColumn,
-          colorColumnIdx: newDataSetField.colorColumnIdx || oldField.colorColumnIdx
-        };
-      }
+      const newDataSetField = dataset.fields.find(fd => fd.name === oldField.name) || null;
       this.updateLayerConfig({[field]: newDataSetField});
     }
   }
@@ -1143,7 +1103,6 @@ class Layer {
     Object.values(this.visualChannels).forEach(channel => {
       const {scale} = channel;
       const scaleType = this.config[scale];
-
       // ordinal domain is based on dataContainer, if only filter changed
       // no need to update ordinal domain
       if (!newFilter || scaleType !== SCALE_TYPES.ordinal) {
@@ -1195,7 +1154,7 @@ class Layer {
   validateScale(channel) {
     const visualChannel = this.visualChannels[channel];
     const {scale} = visualChannel;
-    if (!scale || this.config[scale] === SCALE_TYPES.identity) {
+    if (!scale) {
       // visualChannel doesn't have scale
       return;
     }
@@ -1265,24 +1224,6 @@ class Layer {
     return dataset.getColumnLayerDomain(dataSetField, scaleType) || defaultDomain;
   }
 
-  updateHexColorDomain(dataset) {
-    if (!dataset) {
-      return this;
-    }
-    Object.values(this.visualChannels).forEach(channel => {
-      const channelConfig = this.config.visConfig[channel.range];
-      const field = this.config[channel.field];
-
-      if (channelConfig?.type === hexColor) {
-        const dataSetField = dataset.fields.find(f => f.name === field.colorColumn);
-        const colors = dataset.getColumnLayerDomain(dataSetField, SCALE_TYPES.ordinal);
-        this.updateLayerVisConfig({[channel.range]: {...channelConfig, colors}});
-      }
-    });
-
-    return this;
-  }
-
   hasHoveredObject(objectInfo) {
     return this.isLayerHovered(objectInfo) && objectInfo.object ? objectInfo.object : null;
   }
@@ -1310,9 +1251,9 @@ class Layer {
 
     if (!radiusChannel || this.config[radiusChannel.field]) {
       return 1;
+    } else {
+      return this.config.visConfig.radius;
     }
-
-    return this.config.visConfig.radius;
   }
 
   getMaxMarkerSize() {
@@ -1493,13 +1434,6 @@ class Layer {
     // implemented in subclasses
     return () => null;
   }
-
-  isColoredByColorColumn(range) {
-    const field = Object.values(this.visualChannels)?.find(value => value.range === range)?.field;
-    if (field) {
-      return this.config[field].colorColumn;
-    }
-  }
 }
 
 export default Layer;

package/src/layers/layer-factory.d.ts

@@ -31,7 +31,6 @@ export type ColorUI = {
     steps: number;
     reversed: boolean;
     custom: boolean;
-    hexColumn: boolean;
   };
 };
 

package/src/layers/point-layer/point-layer.js

@@ -238,7 +238,7 @@ export default class PointLayer extends Layer {
   formatLayerData(datasets, oldLayerData) {
     const {textLabel} = this.config;
     const {gpuFilter, dataContainer} = datasets[this.config.dataId];
-    const {data} = this.updateData(datasets, oldLayerData);
+    const {data, triggerChanged} = this.updateData(datasets, oldLayerData);
     const getPosition = this.getPositionAccessor(dataContainer);
 
     // get all distinct characters in the text labels

package/src/localization/en.js

@@ -448,10 +448,7 @@ export default {
     customPalette: 'Custom Palette',
     steps: 'steps',
     type: 'type',
-    reversed: 'reversed',
-    hexColumn: {
-      field: 'Color field'
-    }
+    reversed: 'reversed'
   },
   customPalette: {
     apply: 'Apply',

package/src/reducers/vis-state-merger.js

@@ -423,7 +423,6 @@ export function validateSavedTextLabel(fields, [layerTextLabel], savedTextLabel)
 export function validateSavedVisualChannels(fields, newLayer, savedLayer) {
   Object.values(newLayer.visualChannels).forEach(({field, scale, key}) => {
     let foundField;
-    const colorFieldProps = {};
     if (savedLayer.config) {
       if (savedLayer.config[field]) {
         foundField = fields.find(
@@ -431,19 +430,8 @@ export function validateSavedVisualChannels(fields, newLayer, savedLayer) {
         );
       }
 
-      if (savedLayer.config[field]?.colorColumn) {
-        const colorColumnField = fields.find(
-          fd => savedLayer.config && fd.name === savedLayer.config[field].colorColumn
-        );
-
-        if (colorColumnField) {
-          colorFieldProps.colorColumn = colorColumnField.name;
-          colorFieldProps.colorColumnIdx = colorColumnField.fieldIdx;
-        }
-      }
-
       const foundChannel = {
-        ...(foundField ? {[field]: {...foundField, ...colorFieldProps}} : {}),
+        ...(foundField ? {[field]: foundField} : {}),
         ...(savedLayer.config[scale] ? {[scale]: savedLayer.config[scale]} : {})
       };
       if (Object.keys(foundChannel).length) {

package/src/schemas/vis-state-schema.js

@@ -340,7 +340,7 @@ class VisualChannelSchemaV1 extends Schema {
         (accu, key) => ({
           ...accu,
           [visualChannels[key].field]: layer.config[visualChannels[key].field]
-            ? pick(layer.config[visualChannels[key].field], ['name', 'type', 'colorColumn'])
+            ? pick(layer.config[visualChannels[key].field], ['name', 'type'])
             : null,
           [visualChannels[key].scale]: layer.config[visualChannels[key].scale]
         }),

package/src/utils/dom-to-image.js

@@ -515,6 +515,11 @@ function newImages() {
         return Promise.resolve(nd);
       }
 
+      if (background.search(/url\("data:image\/svg\+xml[^"]*"\)/) !== -1) {
+        nd.style.removeProperty('background');
+        return Promise.resolve(nd);
+      }
+
       return inliner
         .inlineAll(background)
         .then(inlined => {

package/dist/components/side-panel/layer-panel/hex-column-config.js

@@ -1,84 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _ = require("../..");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styledComponents = require("../../common/styled-components");
-
-var _localization = require("../../../localization");
-
-var _react = _interopRequireWildcard(require("react"));
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var HexColumnConfig = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(HexColumnConfig, _Component);
-
-  var _super = _createSuper(HexColumnConfig);
-
-  function HexColumnConfig() {
-    (0, _classCallCheck2["default"])(this, HexColumnConfig);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2["default"])(HexColumnConfig, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          fields = _this$props.fields,
-          value = _this$props.value,
-          onSelectColumn = _this$props.onSelectColumn;
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "color-palette__config__label"
-      }, /*#__PURE__*/_react["default"].createElement(_styledComponents.PanelLabel, null, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
-        id: "color.hexColumn.field"
-      }))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_.FieldSelector, {
-        fields: fields,
-        value: value,
-        placeholder: '',
-        onSelect: onSelectColumn,
-        erasable: true,
-        onFocus: function onFocus() {
-          return null;
-        },
-        onBlur: function onBlur() {
-          return null;
-        }
-      })));
-    }
-  }]);
-  return HexColumnConfig;
-}(_react.Component);
-
-(0, _defineProperty2["default"])(HexColumnConfig, "propTypes", {
-  fields: _propTypes["default"].arrayOf(_propTypes["default"].any),
-  value: _propTypes["default"].string,
-  onSelectColumn: _propTypes["default"].func.isRequired
-});
-var _default = HexColumnConfig;
-exports["default"] = _default;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NpZGUtcGFuZWwvbGF5ZXItcGFuZWwvaGV4LWNvbHVtbi1jb25maWcuanMiXSwibmFtZXMiOlsiSGV4Q29sdW1uQ29uZmlnIiwicHJvcHMiLCJmaWVsZHMiLCJ2YWx1ZSIsIm9uU2VsZWN0Q29sdW1uIiwiQ29tcG9uZW50IiwiUHJvcFR5cGVzIiwiYXJyYXlPZiIsImFueSIsInN0cmluZyIsImZ1bmMiLCJpc1JlcXVpcmVkIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOzs7Ozs7SUFFTUEsZTs7Ozs7Ozs7Ozs7O1dBT0osa0JBQVM7QUFBQSx3QkFDaUMsS0FBS0MsS0FEdEM7QUFBQSxVQUNBQyxNQURBLGVBQ0FBLE1BREE7QUFBQSxVQUNRQyxLQURSLGVBQ1FBLEtBRFI7QUFBQSxVQUNlQyxjQURmLGVBQ2VBLGNBRGY7QUFHUCwwQkFDRSwrRUFDRTtBQUFLLFFBQUEsU0FBUyxFQUFDO0FBQWYsc0JBQ0UsZ0NBQUMsNEJBQUQscUJBQ0UsZ0NBQUMsOEJBQUQ7QUFBa0IsUUFBQSxFQUFFO0FBQXBCLFFBREYsQ0FERixDQURGLGVBTUUsMERBQ0UsZ0NBQUMsZUFBRDtBQUNFLFFBQUEsTUFBTSxFQUFFRixNQURWO0FBRUUsUUFBQSxLQUFLLEVBQUVDLEtBRlQ7QUFHRSxRQUFBLFdBQVcsRUFBRSxFQUhmO0FBSUUsUUFBQSxRQUFRLEVBQUVDLGNBSlo7QUFLRSxRQUFBLFFBQVEsTUFMVjtBQU1FLFFBQUEsT0FBTyxFQUFFO0FBQUEsaUJBQU0sSUFBTjtBQUFBLFNBTlg7QUFPRSxRQUFBLE1BQU0sRUFBRTtBQUFBLGlCQUFNLElBQU47QUFBQTtBQVBWLFFBREYsQ0FORixDQURGO0FBb0JEOzs7RUE5QjJCQyxnQjs7aUNBQXhCTCxlLGVBQ2U7QUFDakJFLEVBQUFBLE1BQU0sRUFBRUksc0JBQVVDLE9BQVYsQ0FBa0JELHNCQUFVRSxHQUE1QixDQURTO0FBRWpCTCxFQUFBQSxLQUFLLEVBQUVHLHNCQUFVRyxNQUZBO0FBR2pCTCxFQUFBQSxjQUFjLEVBQUVFLHNCQUFVSSxJQUFWLENBQWVDO0FBSGQsQztlQWdDTlgsZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7RmllbGRTZWxlY3Rvcn0gZnJvbSAnY29tcG9uZW50cyc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHtQYW5lbExhYmVsfSBmcm9tICdjb21wb25lbnRzL2NvbW1vbi9zdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge0Zvcm1hdHRlZE1lc3NhZ2V9IGZyb20gJ2xvY2FsaXphdGlvbic7XG5pbXBvcnQgUmVhY3QsIHtDb21wb25lbnR9IGZyb20gJ3JlYWN0JztcblxuY2xhc3MgSGV4Q29sdW1uQ29uZmlnIGV4dGVuZHMgQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBmaWVsZHM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5hbnkpLFxuICAgIHZhbHVlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIG9uU2VsZWN0Q29sdW1uOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkXG4gIH07XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHtmaWVsZHMsIHZhbHVlLCBvblNlbGVjdENvbHVtbn0gPSB0aGlzLnByb3BzO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiY29sb3ItcGFsZXR0ZV9fY29uZmlnX19sYWJlbFwiPlxuICAgICAgICAgIDxQYW5lbExhYmVsPlxuICAgICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9e2Bjb2xvci5oZXhDb2x1bW4uZmllbGRgfSAvPlxuICAgICAgICAgIDwvUGFuZWxMYWJlbD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAgPEZpZWxkU2VsZWN0b3JcbiAgICAgICAgICAgIGZpZWxkcz17ZmllbGRzfVxuICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9eycnfVxuICAgICAgICAgICAgb25TZWxlY3Q9e29uU2VsZWN0Q29sdW1ufVxuICAgICAgICAgICAgZXJhc2FibGVcbiAgICAgICAgICAgIG9uRm9jdXM9eygpID0+IG51bGx9XG4gICAgICAgICAgICBvbkJsdXI9eygpID0+IG51bGx9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8Lz5cbiAgICApO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IEhleENvbHVtbkNvbmZpZztcbiJdfQ==

package/dist/utils/custom-scales.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.scaleIdentity = scaleIdentity;
-
-function scaleIdentity() {
-  var unknown;
-
-  function scale(x) {
-    return x === null ? unknown : x;
-  }
-
-  scale.invert = scale;
-  scale.domain = scale.range = scaleIdentity;
-
-  scale.unknown = function (u) {
-    if (u) {
-      unknown = u;
-    }
-
-    return scale;
-  };
-
-  return scale;
-}
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy9jdXN0b20tc2NhbGVzLmpzIl0sIm5hbWVzIjpbInNjYWxlSWRlbnRpdHkiLCJ1bmtub3duIiwic2NhbGUiLCJ4IiwiaW52ZXJ0IiwiZG9tYWluIiwicmFuZ2UiLCJ1Il0sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQU8sU0FBU0EsYUFBVCxHQUF5QjtBQUM5QixNQUFJQyxPQUFKOztBQUNBLFdBQVNDLEtBQVQsQ0FBZUMsQ0FBZixFQUFrQjtBQUNoQixXQUFPQSxDQUFDLEtBQUssSUFBTixHQUFhRixPQUFiLEdBQXVCRSxDQUE5QjtBQUNEOztBQUVERCxFQUFBQSxLQUFLLENBQUNFLE1BQU4sR0FBZUYsS0FBZjtBQUVBQSxFQUFBQSxLQUFLLENBQUNHLE1BQU4sR0FBZUgsS0FBSyxDQUFDSSxLQUFOLEdBQWNOLGFBQTdCOztBQUVBRSxFQUFBQSxLQUFLLENBQUNELE9BQU4sR0FBZ0IsVUFBQU0sQ0FBQyxFQUFJO0FBQ25CLFFBQUlBLENBQUosRUFBTztBQUNMTixNQUFBQSxPQUFPLEdBQUdNLENBQVY7QUFDRDs7QUFFRCxXQUFPTCxLQUFQO0FBQ0QsR0FORDs7QUFRQSxTQUFPQSxLQUFQO0FBQ0QiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZnVuY3Rpb24gc2NhbGVJZGVudGl0eSgpIHtcbiAgbGV0IHVua25vd247XG4gIGZ1bmN0aW9uIHNjYWxlKHgpIHtcbiAgICByZXR1cm4geCA9PT0gbnVsbCA/IHVua25vd24gOiB4O1xuICB9XG5cbiAgc2NhbGUuaW52ZXJ0ID0gc2NhbGU7XG5cbiAgc2NhbGUuZG9tYWluID0gc2NhbGUucmFuZ2UgPSBzY2FsZUlkZW50aXR5O1xuXG4gIHNjYWxlLnVua25vd24gPSB1ID0+IHtcbiAgICBpZiAodSkge1xuICAgICAgdW5rbm93biA9IHU7XG4gICAgfVxuXG4gICAgcmV0dXJuIHNjYWxlO1xuICB9O1xuXG4gIHJldHVybiBzY2FsZTtcbn1cbiJdfQ==

package/src/components/side-panel/layer-panel/hex-column-config.js

@@ -1,40 +0,0 @@
-import {FieldSelector} from 'components';
-import PropTypes from 'prop-types';
-import {PanelLabel} from 'components/common/styled-components';
-import {FormattedMessage} from 'localization';
-import React, {Component} from 'react';
-
-class HexColumnConfig extends Component {
-  static propTypes = {
-    fields: PropTypes.arrayOf(PropTypes.any),
-    value: PropTypes.string,
-    onSelectColumn: PropTypes.func.isRequired
-  };
-
-  render() {
-    const {fields, value, onSelectColumn} = this.props;
-
-    return (
-      <>
-        <div className="color-palette__config__label">
-          <PanelLabel>
-            <FormattedMessage id={`color.hexColumn.field`} />
-          </PanelLabel>
-        </div>
-        <div>
-          <FieldSelector
-            fields={fields}
-            value={value}
-            placeholder={''}
-            onSelect={onSelectColumn}
-            erasable
-            onFocus={() => null}
-            onBlur={() => null}
-          />
-        </div>
-      </>
-    );
-  }
-}
-
-export default HexColumnConfig;

package/src/utils/custom-scales.js

@@ -1,20 +0,0 @@
-export function scaleIdentity() {
-  let unknown;
-  function scale(x) {
-    return x === null ? unknown : x;
-  }
-
-  scale.invert = scale;
-
-  scale.domain = scale.range = scaleIdentity;
-
-  scale.unknown = u => {
-    if (u) {
-      unknown = u;
-    }
-
-    return scale;
-  };
-
-  return scale;
-}