@kepler.gl/components 3.3.0-alpha.5 → 3.3.0-alpha.7

package/dist/esm/side-panel/layer-panel/color-breaks-panel.js

@@ -0,0 +1,186 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+import { toArray } from '@kepler.gl/common-utils';
+import { SCALE_TYPES } from '@kepler.gl/constants';
+import { colorBreaksToColorMap, colorMapToColorBreaks, isNumericColorBreaks as notOrdinalColorBreaks } from '@kepler.gl/utils';
+import React, { useCallback, useMemo, useEffect } from 'react';
+import styled from 'styled-components';
+import ColumnStatsChartFactory from '../../common/column-stats-chart';
+import { Edit } from '../../common/icons';
+import { Button } from '../../common/styled-components';
+import CustomPaletteFactory, { ColorPaletteItem, ColorSwatch, EditableColorRange, CategoricalSelector } from './custom-palette';
+var StyledColorBreaksPanel = styled.div.attrs({
+  className: 'styled-color-breaks-panel'
+})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-bottom: 10px;\n"])));
+var StyledColorBreaksDisplay = styled.div.attrs({
+  className: 'styled-color-breaks-display'
+})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 8px 12px 0 12px;\n"])));
+var ColorBreaksPanelWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral([""])));
+export var EditButton = function EditButton(_ref) {
+  var onClickEdit = _ref.onClickEdit;
+  return /*#__PURE__*/React.createElement(Button, {
+    className: "editp__button",
+    link: true,
+    onClick: onClickEdit
+  }, /*#__PURE__*/React.createElement(Edit, {
+    height: "16px"
+  }), "Edit");
+};
+export var ColorBreaksDisplay = function ColorBreaksDisplay(_ref2) {
+  var currentBreaks = _ref2.currentBreaks,
+    onEdit = _ref2.onEdit;
+  if (!notOrdinalColorBreaks(currentBreaks)) {
+    // don't display color breaks for ordinal breaks, user can change it in custom breaks
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(StyledColorBreaksDisplay, null, onEdit ? /*#__PURE__*/React.createElement(EditButton, {
+    onClickEdit: onEdit
+  }) : null, currentBreaks.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(ColorPaletteItem, {
+      className: "disabled",
+      key: index
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "custom-palette-input__left"
+    }, /*#__PURE__*/React.createElement(ColorSwatch, {
+      color: item.data
+    }), /*#__PURE__*/React.createElement(EditableColorRange, {
+      item: item,
+      isLast: index === currentBreaks.length - 1,
+      index: index,
+      editable: false
+    })));
+  }));
+};
+export var CategoricalColorDisplay = function CategoricalColorDisplay(_ref3) {
+  var colorMap = _ref3.colorMap,
+    onEdit = _ref3.onEdit;
+  return /*#__PURE__*/React.createElement(StyledColorBreaksDisplay, null, onEdit ? /*#__PURE__*/React.createElement(EditButton, {
+    onClickEdit: onEdit
+  }) : null, colorMap === null || colorMap === void 0 ? void 0 : colorMap.map(function (cm, index) {
+    return /*#__PURE__*/React.createElement(ColorPaletteItem, {
+      className: "disabled",
+      key: index
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "custom-palette-input__left"
+    }, /*#__PURE__*/React.createElement(ColorSwatch, {
+      color: cm[1]
+    }), /*#__PURE__*/React.createElement(CategoricalSelector, {
+      index: index,
+      selectedValues: toArray(cm[0]),
+      allValues: [],
+      editable: false
+    })));
+  }));
+};
+ColorBreaksPanelFactory.deps = [CustomPaletteFactory, ColumnStatsChartFactory];
+function ColorBreaksPanelFactory(CustomPalette, ColumnStatsChart) {
+  // eslint-disable-next-line complexity
+  var ColorBreaksPanel = function ColorBreaksPanel(_ref4) {
+    var _customPalette$name;
+    var colorBreaks = _ref4.colorBreaks,
+      colorUIConfig = _ref4.colorUIConfig,
+      dataset = _ref4.dataset,
+      colorField = _ref4.colorField,
+      isCustomBreaks = _ref4.isCustomBreaks,
+      allBins = _ref4.allBins,
+      filteredBins = _ref4.filteredBins,
+      isFiltered = _ref4.isFiltered,
+      histogramDomain = _ref4.histogramDomain,
+      ordinalDomain = _ref4.ordinalDomain,
+      setColorUI = _ref4.setColorUI,
+      onScaleChange = _ref4.onScaleChange,
+      onApply = _ref4.onApply,
+      onCancel = _ref4.onCancel;
+    var customPalette = colorUIConfig.customPalette,
+      showSketcher = colorUIConfig.showSketcher,
+      colorRangeConfig = colorUIConfig.colorRangeConfig;
+    var isEditingCustomBreaks = Boolean(colorRangeConfig.customBreaks);
+    var currentBreaks = useMemo(function () {
+      return isEditingCustomBreaks ? colorMapToColorBreaks(customPalette.colorMap) : colorBreaks;
+    }, [customPalette.colorMap, isEditingCustomBreaks, colorBreaks]);
+
+    // Update layers on editing custom breaks
+    useEffect(function () {
+      var _ref5 = customPalette || {},
+        type = _ref5.type;
+      if (isEditingCustomBreaks && (type === SCALE_TYPES.customOrdinal || type === SCALE_TYPES.custom)) {
+        onScaleChange(type, customPalette);
+      }
+    }, [isEditingCustomBreaks, customPalette, onScaleChange]);
+    var onClickEditCustomBreaks = useCallback(function () {
+      setColorUI({
+        colorRangeConfig: {
+          customBreaks: true
+        }
+      });
+    }, [setColorUI]);
+    var onCilckCancel = useCallback(function () {
+      setColorUI({
+        showSketcher: false,
+        colorRangeConfig: {
+          customBreaks: false
+        }
+      });
+      onCancel();
+    }, [setColorUI, onCancel]);
+    var onColumnStatsChartChanged = useCallback(function (newColorBreaks) {
+      var newColors = newColorBreaks.map(function (cb) {
+        return cb.data;
+      });
+      var newColorMap = colorBreaksToColorMap(newColorBreaks);
+      var newCustomPalette = _objectSpread(_objectSpread({}, customPalette), {}, {
+        colorMap: newColorMap,
+        colors: newColors
+      });
+
+      // update custom pallette editor
+      if (!isEditingCustomBreaks) {
+        setColorUI({
+          colorRangeConfig: {
+            customBreaks: true
+          },
+          customPalette: newCustomPalette
+        });
+      } else {
+        setColorUI({
+          customPalette: newCustomPalette
+        });
+      }
+
+      // trigger the map to re-render using newCustomPalette
+      onScaleChange(SCALE_TYPES.custom, newCustomPalette);
+    }, [setColorUI, customPalette, isEditingCustomBreaks, onScaleChange]);
+    return /*#__PURE__*/React.createElement(ColorBreaksPanelWrapper, null, dataset && allBins.length > 1 && notOrdinalColorBreaks(colorBreaks) ? /*#__PURE__*/React.createElement(ColumnStatsChart, {
+      colorField: colorField,
+      dataset: dataset,
+      colorBreaks: currentBreaks,
+      allBins: allBins,
+      filteredBins: filteredBins,
+      isFiltered: isFiltered,
+      histogramDomain: histogramDomain,
+      onChangedUpdater: onColumnStatsChartChanged
+    }) : null, /*#__PURE__*/React.createElement(StyledColorBreaksPanel, null, isEditingCustomBreaks ? /*#__PURE__*/React.createElement(CustomPalette, {
+      ordinalDomain: ordinalDomain,
+      customPalette: customPalette,
+      setColorPaletteUI: setColorUI,
+      showSketcher: showSketcher,
+      onApply: onApply,
+      onCancel: onCilckCancel
+    }) : currentBreaks && allBins.length > 1 && notOrdinalColorBreaks(colorBreaks) ? /*#__PURE__*/React.createElement(ColorBreaksDisplay, {
+      currentBreaks: currentBreaks,
+      onEdit: isCustomBreaks ? onClickEditCustomBreaks : null
+    }) : (isCustomBreaks || customPalette.type === SCALE_TYPES.customOrdinal) && customPalette.colorMap && (_customPalette$name = customPalette.name) !== null && _customPalette$name !== void 0 && _customPalette$name.endsWith(colorField.name) ? /*#__PURE__*/React.createElement(CategoricalColorDisplay, {
+      colorMap: customPalette.colorMap,
+      onEdit: isCustomBreaks ? onClickEditCustomBreaks : null
+    }) : null));
+  };
+  return /*#__PURE__*/React.memo(ColorBreaksPanel);
+}
+export default ColorBreaksPanelFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJ0b0FycmF5IiwiU0NBTEVfVFlQRVMiLCJjb2xvckJyZWFrc1RvQ29sb3JNYXAiLCJjb2xvck1hcFRvQ29sb3JCcmVha3MiLCJpc051bWVyaWNDb2xvckJyZWFrcyIsIm5vdE9yZGluYWxDb2xvckJyZWFrcyIsIlJlYWN0IiwidXNlQ2FsbGJhY2siLCJ1c2VNZW1vIiwidXNlRWZmZWN0Iiwic3R5bGVkIiwiQ29sdW1uU3RhdHNDaGFydEZhY3RvcnkiLCJFZGl0IiwiQnV0dG9uIiwiQ3VzdG9tUGFsZXR0ZUZhY3RvcnkiLCJDb2xvclBhbGV0dGVJdGVtIiwiQ29sb3JTd2F0Y2giLCJFZGl0YWJsZUNvbG9yUmFuZ2UiLCJDYXRlZ29yaWNhbFNlbGVjdG9yIiwiU3R5bGVkQ29sb3JCcmVha3NQYW5lbCIsImRpdiIsImF0dHJzIiwiY2xhc3NOYW1lIiwiX3RlbXBsYXRlT2JqZWN0IiwiX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbCIsIlN0eWxlZENvbG9yQnJlYWtzRGlzcGxheSIsIl90ZW1wbGF0ZU9iamVjdDIiLCJDb2xvckJyZWFrc1BhbmVsV3JhcHBlciIsIl90ZW1wbGF0ZU9iamVjdDMiLCJFZGl0QnV0dG9uIiwiX3JlZiIsIm9uQ2xpY2tFZGl0IiwiY3JlYXRlRWxlbWVudCIsImxpbmsiLCJvbkNsaWNrIiwiaGVpZ2h0IiwiQ29sb3JCcmVha3NEaXNwbGF5IiwiX3JlZjIiLCJjdXJyZW50QnJlYWtzIiwib25FZGl0IiwibWFwIiwiaXRlbSIsImluZGV4Iiwia2V5IiwiY29sb3IiLCJkYXRhIiwiaXNMYXN0IiwibGVuZ3RoIiwiZWRpdGFibGUiLCJDYXRlZ29yaWNhbENvbG9yRGlzcGxheSIsIl9yZWYzIiwiY29sb3JNYXAiLCJjbSIsInNlbGVjdGVkVmFsdWVzIiwiYWxsVmFsdWVzIiwiQ29sb3JCcmVha3NQYW5lbEZhY3RvcnkiLCJkZXBzIiwiQ3VzdG9tUGFsZXR0ZSIsIkNvbHVtblN0YXRzQ2hhcnQiLCJDb2xvckJyZWFrc1BhbmVsIiwiX3JlZjQiLCJfY3VzdG9tUGFsZXR0ZSRuYW1lIiwiY29sb3JCcmVha3MiLCJjb2xvclVJQ29uZmlnIiwiZGF0YXNldCIsImNvbG9yRmllbGQiLCJpc0N1c3RvbUJyZWFrcyIsImFsbEJpbnMiLCJmaWx0ZXJlZEJpbnMiLCJpc0ZpbHRlcmVkIiwiaGlzdG9ncmFtRG9tYWluIiwib3JkaW5hbERvbWFpbiIsInNldENvbG9yVUkiLCJvblNjYWxlQ2hhbmdlIiwib25BcHBseSIsIm9uQ2FuY2VsIiwiY3VzdG9tUGFsZXR0ZSIsInNob3dTa2V0Y2hlciIsImNvbG9yUmFuZ2VDb25maWciLCJpc0VkaXRpbmdDdXN0b21CcmVha3MiLCJCb29sZWFuIiwiY3VzdG9tQnJlYWtzIiwiX3JlZjUiLCJ0eXBlIiwiY3VzdG9tT3JkaW5hbCIsImN1c3RvbSIsIm9uQ2xpY2tFZGl0Q3VzdG9tQnJlYWtzIiwib25DaWxja0NhbmNlbCIsIm9uQ29sdW1uU3RhdHNDaGFydENoYW5nZWQiLCJuZXdDb2xvckJyZWFrcyIsIm5ld0NvbG9ycyIsImNiIiwibmV3Q29sb3JNYXAiLCJuZXdDdXN0b21QYWxldHRlIiwiX29iamVjdFNwcmVhZCIsImNvbG9ycyIsIm9uQ2hhbmdlZFVwZGF0ZXIiLCJzZXRDb2xvclBhbGV0dGVVSSIsIm5hbWUiLCJlbmRzV2l0aCIsIm1lbW8iXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvc2lkZS1wYW5lbC9sYXllci1wYW5lbC9jb2xvci1icmVha3MtcGFuZWwudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCB7dG9BcnJheX0gZnJvbSAnQGtlcGxlci5nbC9jb21tb24tdXRpbHMnO1xuaW1wb3J0IHtTQ0FMRV9UWVBFU30gZnJvbSAnQGtlcGxlci5nbC9jb25zdGFudHMnO1xuaW1wb3J0IHtLZXBsZXJUYWJsZX0gZnJvbSAnQGtlcGxlci5nbC90YWJsZSc7XG5pbXBvcnQge0JpbiwgQ29sb3JNYXAsIENvbG9yVUksIEZpZWxkfSBmcm9tICdAa2VwbGVyLmdsL3R5cGVzJztcbmltcG9ydCB7XG4gIENvbG9yQnJlYWssXG4gIENvbG9yQnJlYWtPcmRpbmFsLFxuICBjb2xvckJyZWFrc1RvQ29sb3JNYXAsXG4gIGNvbG9yTWFwVG9Db2xvckJyZWFrcyxcbiAgaXNOdW1lcmljQ29sb3JCcmVha3MgYXMgbm90T3JkaW5hbENvbG9yQnJlYWtzXG59IGZyb20gJ0BrZXBsZXIuZ2wvdXRpbHMnO1xuaW1wb3J0IFJlYWN0LCB7dXNlQ2FsbGJhY2ssIHVzZU1lbW8sIHVzZUVmZmVjdH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgQ29sdW1uU3RhdHNDaGFydEZhY3RvcnkgZnJvbSAnLi4vLi4vY29tbW9uL2NvbHVtbi1zdGF0cy1jaGFydCc7XG5pbXBvcnQge0VkaXR9IGZyb20gJy4uLy4uL2NvbW1vbi9pY29ucyc7XG5pbXBvcnQge0J1dHRvbn0gZnJvbSAnLi4vLi4vY29tbW9uL3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBDdXN0b21QYWxldHRlRmFjdG9yeSwge1xuICBDb2xvclBhbGV0dGVJdGVtLFxuICBDb2xvclN3YXRjaCxcbiAgRWRpdGFibGVDb2xvclJhbmdlLFxuICBDYXRlZ29yaWNhbFNlbGVjdG9yLFxuICBTZXRDb2xvclVJRnVuY1xufSBmcm9tICcuL2N1c3RvbS1wYWxldHRlJztcblxuY29uc3QgU3R5bGVkQ29sb3JCcmVha3NQYW5lbCA9IHN0eWxlZC5kaXYuYXR0cnMoe1xuICBjbGFzc05hbWU6ICdzdHlsZWQtY29sb3ItYnJlYWtzLXBhbmVsJ1xufSlgXG4gIG1hcmdpbi1ib3R0b206IDEwcHg7XG5gO1xuXG5jb25zdCBTdHlsZWRDb2xvckJyZWFrc0Rpc3BsYXkgPSBzdHlsZWQuZGl2LmF0dHJzKHtcbiAgY2xhc3NOYW1lOiAnc3R5bGVkLWNvbG9yLWJyZWFrcy1kaXNwbGF5J1xufSlgXG4gIHBhZGRpbmc6IDhweCAxMnB4IDAgMTJweDtcbmA7XG5cbmNvbnN0IENvbG9yQnJlYWtzUGFuZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBgO1xuXG50eXBlIEVkaXRCdXR0b25Qcm9wcyA9IHtvbkNsaWNrRWRpdDogKCkgPT4gdm9pZH07XG5cbmV4cG9ydCBjb25zdCBFZGl0QnV0dG9uOiBSZWFjdC5GQzxFZGl0QnV0dG9uUHJvcHM+ID0gKHtvbkNsaWNrRWRpdH0pID0+IChcbiAgPEJ1dHRvbiBjbGFzc05hbWU9XCJlZGl0cF9fYnV0dG9uXCIgbGluayBvbkNsaWNrPXtvbkNsaWNrRWRpdH0+XG4gICAgPEVkaXQgaGVpZ2h0PVwiMTZweFwiIC8+XG4gICAgRWRpdFxuICA8L0J1dHRvbj5cbik7XG5cbmV4cG9ydCB0eXBlIENvbG9yQnJlYWtzRGlzcGxheVByb3BzID0ge1xuICBjdXJyZW50QnJlYWtzPzogQ29sb3JCcmVha1tdIHwgQ29sb3JCcmVha09yZGluYWxbXSB8IG51bGw7XG4gIG9uRWRpdDogKCgpID0+IHZvaWQpIHwgbnVsbDtcbn07XG5cbmV4cG9ydCBjb25zdCBDb2xvckJyZWFrc0Rpc3BsYXk6IFJlYWN0LkZDPENvbG9yQnJlYWtzRGlzcGxheVByb3BzPiA9ICh7Y3VycmVudEJyZWFrcywgb25FZGl0fSkgPT4ge1xuICBpZiAoIW5vdE9yZGluYWxDb2xvckJyZWFrcyhjdXJyZW50QnJlYWtzKSkge1xuICAgIC8vIGRvbid0IGRpc3BsYXkgY29sb3IgYnJlYWtzIGZvciBvcmRpbmFsIGJyZWFrcywgdXNlciBjYW4gY2hhbmdlIGl0IGluIGN1c3RvbSBicmVha3NcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb2xvckJyZWFrc0Rpc3BsYXk+XG4gICAgICB7b25FZGl0ID8gPEVkaXRCdXR0b24gb25DbGlja0VkaXQ9e29uRWRpdH0gLz4gOiBudWxsfVxuICAgICAge2N1cnJlbnRCcmVha3MubWFwKChpdGVtLCBpbmRleCkgPT4gKFxuICAgICAgICA8Q29sb3JQYWxldHRlSXRlbSBjbGFzc05hbWU9XCJkaXNhYmxlZFwiIGtleT17aW5kZXh9PlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiY3VzdG9tLXBhbGV0dGUtaW5wdXRfX2xlZnRcIj5cbiAgICAgICAgICAgIDxDb2xvclN3YXRjaCBjb2xvcj17aXRlbS5kYXRhfSAvPlxuICAgICAgICAgICAgPEVkaXRhYmxlQ29sb3JSYW5nZVxuICAgICAgICAgICAgICBpdGVtPXtpdGVtfVxuICAgICAgICAgICAgICBpc0xhc3Q9e2luZGV4ID09PSBjdXJyZW50QnJlYWtzLmxlbmd0aCAtIDF9XG4gICAgICAgICAgICAgIGluZGV4PXtpbmRleH1cbiAgICAgICAgICAgICAgZWRpdGFibGU9e2ZhbHNlfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9Db2xvclBhbGV0dGVJdGVtPlxuICAgICAgKSl9XG4gICAgPC9TdHlsZWRDb2xvckJyZWFrc0Rpc3BsYXk+XG4gICk7XG59O1xuXG5leHBvcnQgdHlwZSBDYXRlZ29yaWNhbENvbG9yRGlzcGxheVByb3BzID0ge1xuICBjb2xvck1hcD86IENvbG9yTWFwO1xuICBvbkVkaXQ6ICgoKSA9PiB2b2lkKSB8IG51bGw7XG59O1xuXG5leHBvcnQgY29uc3QgQ2F0ZWdvcmljYWxDb2xvckRpc3BsYXk6IFJlYWN0LkZDPENhdGVnb3JpY2FsQ29sb3JEaXNwbGF5UHJvcHM+ID0gKHtcbiAgY29sb3JNYXAsXG4gIG9uRWRpdFxufTogQ2F0ZWdvcmljYWxDb2xvckRpc3BsYXlQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb2xvckJyZWFrc0Rpc3BsYXk+XG4gICAgICB7b25FZGl0ID8gPEVkaXRCdXR0b24gb25DbGlja0VkaXQ9e29uRWRpdH0gLz4gOiBudWxsfVxuICAgICAge2NvbG9yTWFwPy5tYXAoKGNtLCBpbmRleCkgPT4gKFxuICAgICAgICA8Q29sb3JQYWxldHRlSXRlbSBjbGFzc05hbWU9XCJkaXNhYmxlZFwiIGtleT17aW5kZXh9PlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiY3VzdG9tLXBhbGV0dGUtaW5wdXRfX2xlZnRcIj5cbiAgICAgICAgICAgIDxDb2xvclN3YXRjaCBjb2xvcj17Y21bMV19IC8+XG4gICAgICAgICAgICA8Q2F0ZWdvcmljYWxTZWxlY3RvclxuICAgICAgICAgICAgICBpbmRleD17aW5kZXh9XG4gICAgICAgICAgICAgIHNlbGVjdGVkVmFsdWVzPXt0b0FycmF5KGNtWzBdKX1cbiAgICAgICAgICAgICAgYWxsVmFsdWVzPXtbXX1cbiAgICAgICAgICAgICAgZWRpdGFibGU9e2ZhbHNlfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9Db2xvclBhbGV0dGVJdGVtPlxuICAgICAgKSl9XG4gICAgPC9TdHlsZWRDb2xvckJyZWFrc0Rpc3BsYXk+XG4gICk7XG59O1xuXG5leHBvcnQgdHlwZSBDb2xvckJyZWFrc1BhbmVsUHJvcHMgPSB7XG4gIGNvbG9yQnJlYWtzOiBDb2xvckJyZWFrW10gfCBDb2xvckJyZWFrT3JkaW5hbFtdIHwgbnVsbDtcbiAgY29sb3JVSUNvbmZpZzogQ29sb3JVSTtcbiAgZGF0YXNldDogS2VwbGVyVGFibGUgfCB1bmRlZmluZWQ7XG4gIGNvbG9yRmllbGQ6IEZpZWxkO1xuICBpc0N1c3RvbUJyZWFrczogYm9vbGVhbjtcbiAgYWxsQmluczogQmluW107XG4gIGZpbHRlcmVkQmluczogQmluW107XG4gIGlzRmlsdGVyZWQ6IGJvb2xlYW47XG4gIGhpc3RvZ3JhbURvbWFpbjogbnVtYmVyW107XG4gIG9yZGluYWxEb21haW46IG51bWJlcltdIHwgc3RyaW5nW107XG4gIHNldENvbG9yVUk6IFNldENvbG9yVUlGdW5jO1xuICBvblNjYWxlQ2hhbmdlOiAodjogc3RyaW5nLCB2aXNDb25mZz86IFJlY29yZDxzdHJpbmcsIGFueT4pID0+IHZvaWQ7XG4gIG9uQXBwbHk6IChlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB2b2lkO1xuICBvbkNhbmNlbDogKCkgPT4gdm9pZDtcbn07XG5cbkNvbG9yQnJlYWtzUGFuZWxGYWN0b3J5LmRlcHMgPSBbQ3VzdG9tUGFsZXR0ZUZhY3RvcnksIENvbHVtblN0YXRzQ2hhcnRGYWN0b3J5XTtcblxuZnVuY3Rpb24gQ29sb3JCcmVha3NQYW5lbEZhY3RvcnkoXG4gIEN1c3RvbVBhbGV0dGU6IFJldHVyblR5cGU8dHlwZW9mIEN1c3RvbVBhbGV0dGVGYWN0b3J5PixcbiAgQ29sdW1uU3RhdHNDaGFydDogUmV0dXJuVHlwZTx0eXBlb2YgQ29sdW1uU3RhdHNDaGFydEZhY3Rvcnk+XG4pOiBSZWFjdC5GQzxDb2xvckJyZWFrc1BhbmVsUHJvcHM+IHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGNvbXBsZXhpdHlcbiAgY29uc3QgQ29sb3JCcmVha3NQYW5lbDogUmVhY3QuRkM8Q29sb3JCcmVha3NQYW5lbFByb3BzPiA9ICh7XG4gICAgY29sb3JCcmVha3MsXG4gICAgY29sb3JVSUNvbmZpZyxcbiAgICBkYXRhc2V0LFxuICAgIGNvbG9yRmllbGQsXG4gICAgaXNDdXN0b21CcmVha3MsXG4gICAgYWxsQmlucyxcbiAgICBmaWx0ZXJlZEJpbnMsXG4gICAgaXNGaWx0ZXJlZCxcbiAgICBoaXN0b2dyYW1Eb21haW4sXG4gICAgb3JkaW5hbERvbWFpbixcbiAgICBzZXRDb2xvclVJLFxuICAgIG9uU2NhbGVDaGFuZ2UsXG4gICAgb25BcHBseSxcbiAgICBvbkNhbmNlbFxuICB9KSA9PiB7XG4gICAgY29uc3Qge2N1c3RvbVBhbGV0dGUsIHNob3dTa2V0Y2hlciwgY29sb3JSYW5nZUNvbmZpZ30gPSBjb2xvclVJQ29uZmlnO1xuICAgIGNvbnN0IGlzRWRpdGluZ0N1c3RvbUJyZWFrcyA9IEJvb2xlYW4oY29sb3JSYW5nZUNvbmZpZy5jdXN0b21CcmVha3MpO1xuXG4gICAgY29uc3QgY3VycmVudEJyZWFrcyA9IHVzZU1lbW8oXG4gICAgICAoKSA9PiAoaXNFZGl0aW5nQ3VzdG9tQnJlYWtzID8gY29sb3JNYXBUb0NvbG9yQnJlYWtzKGN1c3RvbVBhbGV0dGUuY29sb3JNYXApIDogY29sb3JCcmVha3MpLFxuICAgICAgW2N1c3RvbVBhbGV0dGUuY29sb3JNYXAsIGlzRWRpdGluZ0N1c3RvbUJyZWFrcywgY29sb3JCcmVha3NdXG4gICAgKTtcblxuICAgIC8vIFVwZGF0ZSBsYXllcnMgb24gZWRpdGluZyBjdXN0b20gYnJlYWtzXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGNvbnN0IHt0eXBlfSA9IGN1c3RvbVBhbGV0dGUgfHwge307XG4gICAgICBpZiAoXG4gICAgICAgIGlzRWRpdGluZ0N1c3RvbUJyZWFrcyAmJlxuICAgICAgICAodHlwZSA9PT0gU0NBTEVfVFlQRVMuY3VzdG9tT3JkaW5hbCB8fCB0eXBlID09PSBTQ0FMRV9UWVBFUy5jdXN0b20pXG4gICAgICApIHtcbiAgICAgICAgb25TY2FsZUNoYW5nZSh0eXBlLCBjdXN0b21QYWxldHRlKTtcbiAgICAgIH1cbiAgICB9LCBbaXNFZGl0aW5nQ3VzdG9tQnJlYWtzLCBjdXN0b21QYWxldHRlLCBvblNjYWxlQ2hhbmdlXSk7XG5cbiAgICBjb25zdCBvbkNsaWNrRWRpdEN1c3RvbUJyZWFrcyA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgIHNldENvbG9yVUkoe1xuICAgICAgICBjb2xvclJhbmdlQ29uZmlnOiB7XG4gICAgICAgICAgY3VzdG9tQnJlYWtzOiB0cnVlXG4gICAgICAgIH1cbiAgICAgIH0pO1xuICAgIH0sIFtzZXRDb2xvclVJXSk7XG5cbiAgICBjb25zdCBvbkNpbGNrQ2FuY2VsID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgc2V0Q29sb3JVSSh7XG4gICAgICAgIHNob3dTa2V0Y2hlcjogZmFsc2UsXG4gICAgICAgIGNvbG9yUmFuZ2VDb25maWc6IHtcbiAgICAgICAgICBjdXN0b21CcmVha3M6IGZhbHNlXG4gICAgICAgIH1cbiAgICAgIH0pO1xuICAgICAgb25DYW5jZWwoKTtcbiAgICB9LCBbc2V0Q29sb3JVSSwgb25DYW5jZWxdKTtcblxuICAgIGNvbnN0IG9uQ29sdW1uU3RhdHNDaGFydENoYW5nZWQgPSB1c2VDYWxsYmFjayhcbiAgICAgIG5ld0NvbG9yQnJlYWtzID0+IHtcbiAgICAgICAgY29uc3QgbmV3Q29sb3JzID0gbmV3Q29sb3JCcmVha3MubWFwKGNiID0+IGNiLmRhdGEpO1xuICAgICAgICBjb25zdCBuZXdDb2xvck1hcCA9IGNvbG9yQnJlYWtzVG9Db2xvck1hcChuZXdDb2xvckJyZWFrcyk7XG5cbiAgICAgICAgY29uc3QgbmV3Q3VzdG9tUGFsZXR0ZSA9IHtcbiAgICAgICAgICAuLi5jdXN0b21QYWxldHRlLFxuICAgICAgICAgIGNvbG9yTWFwOiBuZXdDb2xvck1hcCxcbiAgICAgICAgICBjb2xvcnM6IG5ld0NvbG9yc1xuICAgICAgICB9O1xuXG4gICAgICAgIC8vIHVwZGF0ZSBjdXN0b20gcGFsbGV0dGUgZWRpdG9yXG4gICAgICAgIGlmICghaXNFZGl0aW5nQ3VzdG9tQnJlYWtzKSB7XG4gICAgICAgICAgc2V0Q29sb3JVSSh7XG4gICAgICAgICAgICBjb2xvclJhbmdlQ29uZmlnOiB7XG4gICAgICAgICAgICAgIGN1c3RvbUJyZWFrczogdHJ1ZVxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIGN1c3RvbVBhbGV0dGU6IG5ld0N1c3RvbVBhbGV0dGVcbiAgICAgICAgICB9KTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICBzZXRDb2xvclVJKHtjdXN0b21QYWxldHRlOiBuZXdDdXN0b21QYWxldHRlfSk7XG4gICAgICAgIH1cblxuICAgICAgICAvLyB0cmlnZ2VyIHRoZSBtYXAgdG8gcmUtcmVuZGVyIHVzaW5nIG5ld0N1c3RvbVBhbGV0dGVcbiAgICAgICAgb25TY2FsZUNoYW5nZShTQ0FMRV9UWVBFUy5jdXN0b20sIG5ld0N1c3RvbVBhbGV0dGUpO1xuICAgICAgfSxcbiAgICAgIFtzZXRDb2xvclVJLCBjdXN0b21QYWxldHRlLCBpc0VkaXRpbmdDdXN0b21CcmVha3MsIG9uU2NhbGVDaGFuZ2VdXG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Q29sb3JCcmVha3NQYW5lbFdyYXBwZXI+XG4gICAgICAgIHtkYXRhc2V0ICYmIGFsbEJpbnMubGVuZ3RoID4gMSAmJiBub3RPcmRpbmFsQ29sb3JCcmVha3MoY29sb3JCcmVha3MpID8gKFxuICAgICAgICAgIDxDb2x1bW5TdGF0c0NoYXJ0XG4gICAgICAgICAgICBjb2xvckZpZWxkPXtjb2xvckZpZWxkfVxuICAgICAgICAgICAgZGF0YXNldD17ZGF0YXNldH1cbiAgICAgICAgICAgIGNvbG9yQnJlYWtzPXtjdXJyZW50QnJlYWtzfVxuICAgICAgICAgICAgYWxsQmlucz17YWxsQmluc31cbiAgICAgICAgICAgIGZpbHRlcmVkQmlucz17ZmlsdGVyZWRCaW5zfVxuICAgICAgICAgICAgaXNGaWx0ZXJlZD17aXNGaWx0ZXJlZH1cbiAgICAgICAgICAgIGhpc3RvZ3JhbURvbWFpbj17aGlzdG9ncmFtRG9tYWlufVxuICAgICAgICAgICAgb25DaGFuZ2VkVXBkYXRlcj17b25Db2x1bW5TdGF0c0NoYXJ0Q2hhbmdlZH1cbiAgICAgICAgICAvPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgICAgPFN0eWxlZENvbG9yQnJlYWtzUGFuZWw+XG4gICAgICAgICAge2lzRWRpdGluZ0N1c3RvbUJyZWFrcyA/IChcbiAgICAgICAgICAgIDxDdXN0b21QYWxldHRlXG4gICAgICAgICAgICAgIG9yZGluYWxEb21haW49e29yZGluYWxEb21haW59XG4gICAgICAgICAgICAgIGN1c3RvbVBhbGV0dGU9e2N1c3RvbVBhbGV0dGV9XG4gICAgICAgICAgICAgIHNldENvbG9yUGFsZXR0ZVVJPXtzZXRDb2xvclVJfVxuICAgICAgICAgICAgICBzaG93U2tldGNoZXI9e3Nob3dTa2V0Y2hlcn1cbiAgICAgICAgICAgICAgb25BcHBseT17b25BcHBseX1cbiAgICAgICAgICAgICAgb25DYW5jZWw9e29uQ2lsY2tDYW5jZWx9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICkgOiBjdXJyZW50QnJlYWtzICYmIGFsbEJpbnMubGVuZ3RoID4gMSAmJiBub3RPcmRpbmFsQ29sb3JCcmVha3MoY29sb3JCcmVha3MpID8gKFxuICAgICAgICAgICAgPENvbG9yQnJlYWtzRGlzcGxheVxuICAgICAgICAgICAgICBjdXJyZW50QnJlYWtzPXtjdXJyZW50QnJlYWtzfVxuICAgICAgICAgICAgICBvbkVkaXQ9e2lzQ3VzdG9tQnJlYWtzID8gb25DbGlja0VkaXRDdXN0b21CcmVha3MgOiBudWxsfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApIDogKGlzQ3VzdG9tQnJlYWtzIHx8IGN1c3RvbVBhbGV0dGUudHlwZSA9PT0gU0NBTEVfVFlQRVMuY3VzdG9tT3JkaW5hbCkgJiZcbiAgICAgICAgICAgIGN1c3RvbVBhbGV0dGUuY29sb3JNYXAgJiZcbiAgICAgICAgICAgIGN1c3RvbVBhbGV0dGUubmFtZT8uZW5kc1dpdGgoY29sb3JGaWVsZC5uYW1lKSA/IChcbiAgICAgICAgICAgIDxDYXRlZ29yaWNhbENvbG9yRGlzcGxheVxuICAgICAgICAgICAgICBjb2xvck1hcD17Y3VzdG9tUGFsZXR0ZS5jb2xvck1hcH1cbiAgICAgICAgICAgICAgb25FZGl0PXtpc0N1c3RvbUJyZWFrcyA/IG9uQ2xpY2tFZGl0Q3VzdG9tQnJlYWtzIDogbnVsbH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvU3R5bGVkQ29sb3JCcmVha3NQYW5lbD5cbiAgICAgIDwvQ29sb3JCcmVha3NQYW5lbFdyYXBwZXI+XG4gICAgKTtcbiAgfTtcblxuICByZXR1cm4gUmVhY3QubWVtbyhDb2xvckJyZWFrc1BhbmVsKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgQ29sb3JCcmVha3NQYW5lbEZhY3Rvcnk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUE7QUFDQTs7QUFFQSxTQUFRQSxPQUFPLFFBQU8s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

package/dist/esm/side-panel/layer-panel/color-palette-preset.js

@@ -0,0 +1,40 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3;
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+import React from 'react';
+import styled from 'styled-components';
+import { range } from 'd3-array';
+import { ColorsByTheme } from '@kepler.gl/constants';
+var PALETTE_HEIGHT = '8px';
+var ROWS = 22;
+var StyledColorPalette = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding: 12px;\n\n  &:hover {\n    cursor: pointer;\n  }\n"])));
+var StyledColorColumn = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\n  justify-content: space-between;\n"])));
+var StyledColorBlock = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  flex-grow: 1;\n  height: ", ";\n  border-width: 1px;\n  border-style: solid;\n"])), PALETTE_HEIGHT);
+var PresetColorPalette = function PresetColorPalette(_ref) {
+  var themes = _ref.themes,
+    onSelectColor = _ref.onSelectColor,
+    selectedColor = _ref.selectedColor;
+  return /*#__PURE__*/React.createElement(StyledColorPalette, null, themes.map(function (theme) {
+    return /*#__PURE__*/React.createElement(StyledColorColumn, {
+      key: theme,
+      className: "single-color-palette__column"
+    }, range(1, ROWS + 1, 1).map(function (key) {
+      return /*#__PURE__*/React.createElement(StyledColorBlock, {
+        className: "single-color-palette__block",
+        style: {
+          backgroundColor: ColorsByTheme[theme][key],
+          borderColor: selectedColor === ColorsByTheme[theme][key].toUpperCase() ? 'white' : ColorsByTheme[theme][key]
+        },
+        key: "".concat(theme, "_").concat(key),
+        selected: selectedColor === ColorsByTheme[theme][key].toUpperCase(),
+        onClick: function onClick(e) {
+          return onSelectColor(ColorsByTheme[theme][key], e);
+        }
+      });
+    }));
+  }));
+};
+export default PresetColorPalette;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInN0eWxlZCIsInJhbmdlIiwiQ29sb3JzQnlUaGVtZSIsIlBBTEVUVEVfSEVJR0hUIiwiUk9XUyIsIlN0eWxlZENvbG9yUGFsZXR0ZSIsImRpdiIsIl90ZW1wbGF0ZU9iamVjdCIsIl90YWdnZWRUZW1wbGF0ZUxpdGVyYWwiLCJTdHlsZWRDb2xvckNvbHVtbiIsIl90ZW1wbGF0ZU9iamVjdDIiLCJTdHlsZWRDb2xvckJsb2NrIiwiX3RlbXBsYXRlT2JqZWN0MyIsIlByZXNldENvbG9yUGFsZXR0ZSIsIl9yZWYiLCJ0aGVtZXMiLCJvblNlbGVjdENvbG9yIiwic2VsZWN0ZWRDb2xvciIsImNyZWF0ZUVsZW1lbnQiLCJtYXAiLCJ0aGVtZSIsImtleSIsImNsYXNzTmFtZSIsInN0eWxlIiwiYmFja2dyb3VuZENvbG9yIiwiYm9yZGVyQ29sb3IiLCJ0b1VwcGVyQ2FzZSIsImNvbmNhdCIsInNlbGVjdGVkIiwib25DbGljayIsImUiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvc2lkZS1wYW5lbC9sYXllci1wYW5lbC9jb2xvci1wYWxldHRlLXByZXNldC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtyYW5nZX0gZnJvbSAnZDMtYXJyYXknO1xuXG5pbXBvcnQge0NvbG9yc0J5VGhlbWV9IGZyb20gJ0BrZXBsZXIuZ2wvY29uc3RhbnRzJztcbmltcG9ydCB7SGV4Q29sb3J9IGZyb20gJ0BrZXBsZXIuZ2wvdHlwZXMnO1xuXG5jb25zdCBQQUxFVFRFX0hFSUdIVCA9ICc4cHgnO1xuY29uc3QgUk9XUyA9IDIyO1xuXG5jb25zdCBTdHlsZWRDb2xvclBhbGV0dGUgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHBhZGRpbmc6IDEycHg7XG5cbiAgJjpob3ZlciB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRDb2xvckNvbHVtbiA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuYDtcblxudHlwZSBTdHlsZWRDb2xvckJsb2NrUHJvcHMgPSB7XG4gIHNlbGVjdGVkPzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFN0eWxlZENvbG9yQmxvY2sgPSBzdHlsZWQuZGl2PFN0eWxlZENvbG9yQmxvY2tQcm9wcz5gXG4gIGZsZXgtZ3JvdzogMTtcbiAgaGVpZ2h0OiAke1BBTEVUVEVfSEVJR0hUfTtcbiAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG5gO1xuXG5leHBvcnQgdHlwZSBQcmVzZXRDb2xvclBhbGV0dGVQcm9wcyA9IHtcbiAgdGhlbWVzOiBzdHJpbmdbXTtcbiAgc2VsZWN0ZWRDb2xvcjogSGV4Q29sb3I7XG4gIG9uU2VsZWN0Q29sb3I6IChjOiBIZXhDb2xvciwgZT86IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTERpdkVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PiB2b2lkO1xufTtcblxuY29uc3QgUHJlc2V0Q29sb3JQYWxldHRlOiBSZWFjdC5GQzxQcmVzZXRDb2xvclBhbGV0dGVQcm9wcz4gPSAoe1xuICB0aGVtZXMsXG4gIG9uU2VsZWN0Q29sb3IsXG4gIHNlbGVjdGVkQ29sb3Jcbn06IFByZXNldENvbG9yUGFsZXR0ZVByb3BzKSA9PiAoXG4gIDxTdHlsZWRDb2xvclBhbGV0dGU+XG4gICAge3RoZW1lcy5tYXAodGhlbWUgPT4gKFxuICAgICAgPFN0eWxlZENvbG9yQ29sdW1uIGtleT17dGhlbWV9IGNsYXNzTmFtZT1cInNpbmdsZS1jb2xvci1wYWxldHRlX19jb2x1bW5cIj5cbiAgICAgICAge3JhbmdlKDEsIFJPV1MgKyAxLCAxKS5tYXAoa2V5ID0+IChcbiAgICAgICAgICA8U3R5bGVkQ29sb3JCbG9ja1xuICAgICAgICAgICAgY2xhc3NOYW1lPVwic2luZ2xlLWNvbG9yLXBhbGV0dGVfX2Jsb2NrXCJcbiAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogQ29sb3JzQnlUaGVtZVt0aGVtZV1ba2V5XSxcbiAgICAgICAgICAgICAgYm9yZGVyQ29sb3I6XG4gICAgICAgICAgICAgICAgc2VsZWN0ZWRDb2xvciA9PT0gQ29sb3JzQnlUaGVtZVt0aGVtZV1ba2V5XS50b1VwcGVyQ2FzZSgpXG4gICAgICAgICAgICAgICAgICA/ICd3aGl0ZSdcbiAgICAgICAgICAgICAgICAgIDogQ29sb3JzQnlUaGVtZVt0aGVtZV1ba2V5XVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIGtleT17YCR7dGhlbWV9XyR7a2V5fWB9XG4gICAgICAgICAgICBzZWxlY3RlZD17c2VsZWN0ZWRDb2xvciA9PT0gQ29sb3JzQnlUaGVtZVt0aGVtZV1ba2V5XS50b1VwcGVyQ2FzZSgpfVxuICAgICAgICAgICAgb25DbGljaz17ZSA9PiBvblNlbGVjdENvbG9yKENvbG9yc0J5VGhlbWVbdGhlbWVdW2tleV0sIGUpfVxuICAgICAgICAgIC8+XG4gICAgICAgICkpfVxuICAgICAgPC9TdHlsZWRDb2xvckNvbHVtbj5cbiAgICApKX1cbiAgPC9TdHlsZWRDb2xvclBhbGV0dGU+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBQcmVzZXRDb2xvclBhbGV0dGU7XG4iXSwibWFwcGluZ3MiOiI7O0FBQUE7QUFDQTs7QUFFQSxPQUFPQSxLQUFLLE1BQU0sT0FBTztBQUN6QixPQUFPQyxNQUFNLE1BQU0sbUJBQW1CO0FBQ3RDLFNBQVFDLEtBQUssUUFBTyxVQUFVO0FBRTlCLFNBQVFDLGFBQWEsUUFBTyxzQkFBc0I7QUFHbEQsSUFBTUMsY0FBYyxHQUFHLEtBQUs7QUFDNUIsSUFBTUMsSUFBSSxHQUFHLEVBQUU7QUFFZixJQUFNQyxrQkFBa0IsR0FBR0wsTUFBTSxDQUFDTSxHQUFHLENBQUFDLGVBQUEsS0FBQUEsZUFBQSxHQUFBQyxzQkFBQSxtSkFTcEM7QUFFRCxJQUFNQyxpQkFBaUIsR0FBR1QsTUFBTSxDQUFDTSxHQUFHLENBQUFJLGdCQUFBLEtBQUFBLGdCQUFBLEdBQUFGLHNCQUFBLDJHQUtuQztBQU1ELElBQU1HLGdCQUFnQixHQUFHWCxNQUFNLENBQUNNLEdBQUcsQ0FBQU0sZ0JBQUEsS0FBQUEsZ0JBQUEsR0FBQUosc0JBQUEsMkZBRXZCTCxjQUFjLENBR3pCO0FBUUQsSUFBTVUsa0JBQXFELEdBQUcsU0FBeERBLGtCQUFxREEsQ0FBQUMsSUFBQTtFQUFBLElBQ3pEQyxNQUFNLEdBQUFELElBQUEsQ0FBTkMsTUFBTTtJQUNOQyxhQUFhLEdBQUFGLElBQUEsQ0FBYkUsYUFBYTtJQUNiQyxhQUFhLEdBQUFILElBQUEsQ0FBYkcsYUFBYTtFQUFBLG9CQUVibEIsS0FBQSxDQUFBbUIsYUFBQSxDQUFDYixrQkFBa0IsUUFDaEJVLE1BQU0sQ0FBQ0ksR0FBRyxDQUFDLFVBQUFDLEtBQUs7SUFBQSxvQkFDZnJCLEtBQUEsQ0FBQW1CLGFBQUEsQ0FBQ1QsaUJBQWlCO01BQUNZLEdBQUcsRUFBRUQsS0FBTTtNQUFDRSxTQUFTLEVBQUM7SUFBOEIsR0FDcEVyQixLQUFLLENBQUMsQ0FBQyxFQUFFRyxJQUFJLEdBQUcsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDZSxHQUFHLENBQUMsVUFBQUUsR0FBRztNQUFBLG9CQUM1QnRCLEtBQUEsQ0FBQW1CLGFBQUEsQ0FBQ1AsZ0JBQWdCO1FBQ2ZXLFNBQVMsRUFBQyw2QkFBNkI7UUFDdkNDLEtBQUssRUFBRTtVQUNMQyxlQUFlLEVBQUV0QixhQUFhLENBQUNrQixLQUFLLENBQUMsQ0FBQ0MsR0FBRyxDQUFDO1VBQzFDSSxXQUFXLEVBQ1RSLGFBQWEsS0FBS2YsYUFBYSxDQUFDa0IsS0FBSyxDQUFDLENBQUNDLEdBQUcsQ0FBQyxDQUFDSyxXQUFXLENBQUMsQ0FBQyxHQUNyRCxPQUFPLEdBQ1B4QixhQUFhLENBQUNrQixLQUFLLENBQUMsQ0FBQ0MsR0FBRztRQUNoQyxDQUFFO1FBQ0ZBLEdBQUcsS0FBQU0sTUFBQSxDQUFLUCxLQUFLLE9BQUFPLE1BQUEsQ0FBSU4sR0FBRyxDQUFHO1FBQ3ZCTyxRQUFRLEVBQUVYLGFBQWEsS0FBS2YsYUFBYSxDQUFDa0IsS0FBSyxDQUFDLENBQUNDLEdBQUcsQ0FBQyxDQUFDSyxXQUFXLENBQUMsQ0FBRTtRQUNwRUcsT0FBTyxFQUFFLFNBQVRBLE9BQU9BLENBQUVDLENBQUM7VUFBQSxPQUFJZCxhQUFhLENBQUNkLGFBQWEsQ0FBQ2tCLEtBQUssQ0FBQyxDQUFDQyxHQUFHLENBQUMsRUFBRVMsQ0FBQyxDQUFDO1FBQUE7TUFBQyxDQUMzRCxDQUFDO0lBQUEsQ0FDSCxDQUNnQixDQUFDO0VBQUEsQ0FDckIsQ0FDaUIsQ0FBQztBQUFBLENBQ3RCO0FBRUQsZUFBZWpCLGtCQUFrQiIsImlnbm9yZUxpc3QiOltdfQ==

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

@@ -0,0 +1,67 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3;
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+import React, { useMemo } from 'react';
+import styled from 'styled-components';
+import classnames from 'classnames';
+var PaletteWrapper = styled.div.attrs({
+  className: 'color-range-palette__inner'
+})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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 = styled.div.attrs(function (props) {
+  return {
+    className: classnames('color-range-palette', props.className)
+  };
+})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-grow: 1;\n  border-width: ", ";\n  border-style: solid;\n  border-color: ", ";\n  padding: ", ";\n  border-radius: 4px;\n"])), function (props) {
+  return props.$isColorChart ? '0px' : '1px';
+}, function (props) {
+  return props.$isSelected ? '#FFFFFF' : 'transparent';
+}, function (props) {
+  return props.$isColorChart ? '0px' : '4px';
+});
+var StyledColorBlock = styled.div.attrs({
+  className: 'color-range-palette__block'
+})(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  flex-grow: 1;\n"])));
+var ColorPalette = function ColorPalette(_ref) {
+  var _ref$colors = _ref.colors,
+    colors = _ref$colors === void 0 ? [] : _ref$colors,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 10 : _ref$height,
+    _ref$colorWidths = _ref.colorWidths,
+    colorWidths = _ref$colorWidths === void 0 ? null : _ref$colorWidths,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    _ref$isSelected = _ref.isSelected,
+    isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
+    _ref$isReversed = _ref.isReversed,
+    isReversed = _ref$isReversed === void 0 ? false : _ref$isReversed;
+  var paletteWrapperStyle = useMemo(function () {
+    return {
+      height: height,
+      transform: "scale(".concat(isReversed ? -1 : 1, ", 1)")
+    };
+  }, [height, isReversed]);
+  return /*#__PURE__*/React.createElement(PaletteContainer, {
+    className: className,
+    $isSelected: isSelected,
+    $isColorChart: Boolean(colorWidths)
+  }, /*#__PURE__*/React.createElement(PaletteWrapper, {
+    style: paletteWrapperStyle
+  }, colors.map(function (color, index) {
+    return colorWidths && colorWidths[index] ? /*#__PURE__*/React.createElement(StyledColorBlock, {
+      key: "".concat(color, "-").concat(index),
+      style: {
+        backgroundColor: String(color),
+        width: colorWidths[index]
+      }
+    }) : /*#__PURE__*/React.createElement(StyledColorBlock, {
+      key: "".concat(color, "-").concat(index),
+      style: {
+        backgroundColor: String(color)
+      }
+    });
+  })));
+};
+export default ColorPalette;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZU1lbW8iLCJzdHlsZWQiLCJjbGFzc25hbWVzIiwiUGFsZXR0ZVdyYXBwZXIiLCJkaXYiLCJhdHRycyIsImNsYXNzTmFtZSIsIl90ZW1wbGF0ZU9iamVjdCIsIl90YWdnZWRUZW1wbGF0ZUxpdGVyYWwiLCJQYWxldHRlQ29udGFpbmVyIiwicHJvcHMiLCJfdGVtcGxhdGVPYmplY3QyIiwiJGlzQ29sb3JDaGFydCIsIiRpc1NlbGVjdGVkIiwiU3R5bGVkQ29sb3JCbG9jayIsIl90ZW1wbGF0ZU9iamVjdDMiLCJDb2xvclBhbGV0dGUiLCJfcmVmIiwiX3JlZiRjb2xvcnMiLCJjb2xvcnMiLCJfcmVmJGhlaWdodCIsImhlaWdodCIsIl9yZWYkY29sb3JXaWR0aHMiLCJjb2xvcldpZHRocyIsIl9yZWYkY2xhc3NOYW1lIiwiX3JlZiRpc1NlbGVjdGVkIiwiaXNTZWxlY3RlZCIsIl9yZWYkaXNSZXZlcnNlZCIsImlzUmV2ZXJzZWQiLCJwYWxldHRlV3JhcHBlclN0eWxlIiwidHJhbnNmb3JtIiwiY29uY2F0IiwiY3JlYXRlRWxlbWVudCIsIkJvb2xlYW4iLCJzdHlsZSIsIm1hcCIsImNvbG9yIiwiaW5kZXgiLCJrZXkiLCJiYWNrZ3JvdW5kQ29sb3IiLCJTdHJpbmciLCJ3aWR0aCJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL2NvbG9yLXBhbGV0dGUudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCwge3VzZU1lbW99IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7SGV4Q29sb3IsIFJHQkNvbG9yfSBmcm9tICdAa2VwbGVyLmdsL3R5cGVzJztcbmltcG9ydCBzdHlsZWQsIHtJU3R5bGVkQ29tcG9uZW50fSBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCB7QmFzZUNvbXBvbmVudFByb3BzfSBmcm9tICcuLi8uLi90eXBlcyc7XG5cbnR5cGUgQ29sb3JQYWxldHRlUHJvcHMgPSBCYXNlQ29tcG9uZW50UHJvcHMgJiB7XG4gIGNvbG9yczogUkdCQ29sb3IgfCBIZXhDb2xvcltdO1xuICBjb2xvcldpZHRocz86IG51bWJlcltdIHwgbnVsbDtcbiAgaGVpZ2h0PzogbnVtYmVyO1xuICBpc1NlbGVjdGVkPzogYm9vbGVhbjtcbiAgaXNSZXZlcnNlZD86IGJvb2xlYW47XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn07XG5cbmNvbnN0IFBhbGV0dGVXcmFwcGVyID0gc3R5bGVkLmRpdi5hdHRycyh7XG4gIGNsYXNzTmFtZTogJ2NvbG9yLXJhbmdlLXBhbGV0dGVfX2lubmVyJ1xufSlgXG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgZmxleC1ncm93OiAxO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5leHBvcnQgdHlwZSBQYWxldHRlQ29udGFpbmVyUHJvcHMgPSBCYXNlQ29tcG9uZW50UHJvcHMgJiB7XG4gICRpc0NvbG9yQ2hhcnQ/OiBib29sZWFuO1xuICAkaXNTZWxlY3RlZD86IGJvb2xlYW47XG59O1xuXG5jb25zdCBQYWxldHRlQ29udGFpbmVyOiBJU3R5bGVkQ29tcG9uZW50PCd3ZWInLCBQYWxldHRlQ29udGFpbmVyUHJvcHM+ID0gc3R5bGVkLmRpdi5hdHRycyhcbiAgcHJvcHMgPT4gKHtcbiAgICBjbGFzc05hbWU6IGNsYXNzbmFtZXMoJ2NvbG9yLXJhbmdlLXBhbGV0dGUnLCBwcm9wcy5jbGFzc05hbWUpXG4gIH0pXG4pPFBhbGV0dGVDb250YWluZXJQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAgYm9yZGVyLXdpZHRoOiAke3Byb3BzID0+IChwcm9wcy4kaXNDb2xvckNoYXJ0ID8gJzBweCcgOiAnMXB4Jyl9O1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItY29sb3I6ICR7cHJvcHMgPT4gKHByb3BzLiRpc1NlbGVjdGVkID8gJyNGRkZGRkYnIDogJ3RyYW5zcGFyZW50Jyl9O1xuICBwYWRkaW5nOiAke3Byb3BzID0+IChwcm9wcy4kaXNDb2xvckNoYXJ0ID8gJzBweCcgOiAnNHB4Jyl9O1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG5gO1xuXG5jb25zdCBTdHlsZWRDb2xvckJsb2NrID0gc3R5bGVkLmRpdi5hdHRycyh7XG4gIGNsYXNzTmFtZTogJ2NvbG9yLXJhbmdlLXBhbGV0dGVfX2Jsb2NrJ1xufSlgXG4gIGZsZXgtZ3JvdzogMTtcbmA7XG5cbmNvbnN0IENvbG9yUGFsZXR0ZSA9ICh7XG4gIGNvbG9ycyA9IFtdLFxuICBoZWlnaHQgPSAxMCxcbiAgY29sb3JXaWR0aHMgPSBudWxsLFxuICBjbGFzc05hbWUgPSAnJyxcbiAgaXNTZWxlY3RlZCA9IGZhbHNlLFxuICBpc1JldmVyc2VkID0gZmFsc2Vcbn06IENvbG9yUGFsZXR0ZVByb3BzKSA9PiB7XG4gIGNvbnN0IHBhbGV0dGVXcmFwcGVyU3R5bGUgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7aGVpZ2h0LCB0cmFuc2Zvcm06IGBzY2FsZSgke2lzUmV2ZXJzZWQgPyAtMSA6IDF9LCAxKWB9KSxcbiAgICBbaGVpZ2h0LCBpc1JldmVyc2VkXVxuICApO1xuICByZXR1cm4gKFxuICAgIDxQYWxldHRlQ29udGFpbmVyXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICRpc1NlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgJGlzQ29sb3JDaGFydD17Qm9vbGVhbihjb2xvcldpZHRocyl9XG4gICAgPlxuICAgICAgPFBhbGV0dGVXcmFwcGVyIHN0eWxlPXtwYWxldHRlV3JhcHBlclN0eWxlfT5cbiAgICAgICAge2NvbG9ycy5tYXAoKGNvbG9yOiBudW1iZXIgfCBzdHJpbmcsIGluZGV4OiBudW1iZXIpID0+XG4gICAgICAgICAgY29sb3JXaWR0aHMgJiYgY29sb3JXaWR0aHNbaW5kZXhdID8gKFxuICAgICAgICAgICAgPFN0eWxlZENvbG9yQmxvY2tcbiAgICAgICAgICAgICAga2V5PXtgJHtjb2xvcn0tJHtpbmRleH1gfVxuICAgICAgICAgICAgICBzdHlsZT17e2JhY2tncm91bmRDb2xvcjogU3RyaW5nKGNvbG9yKSwgd2lkdGg6IGNvbG9yV2lkdGhzW2luZGV4XX19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8U3R5bGVkQ29sb3JCbG9jayBrZXk9e2Ake2NvbG9yfS0ke2luZGV4fWB9IHN0eWxlPXt7YmFja2dyb3VuZENvbG9yOiBTdHJpbmcoY29sb3IpfX0gLz5cbiAgICAgICAgICApXG4gICAgICAgICl9XG4gICAgICA8L1BhbGV0dGVXcmFwcGVyPlxuICAgIDwvUGFsZXR0ZUNvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENvbG9yUGFsZXR0ZTtcbiJdLCJtYXBwaW5ncyI6Ijs7QUFBQTtBQUNBOztBQUVBLE9BQU9BLEtBQUssSUFBR0MsT0FBTyxRQUFPLE9BQU87QUFFcEMsT0FBT0MsTUFBTSxNQUEwQixtQkFBbUI7QUFDMUQsT0FBT0MsVUFBVSxNQUFNLFlBQVk7QUFZbkMsSUFBTUMsY0FBYyxHQUFHRixNQUFNLENBQUNHLEdBQUcsQ0FBQ0MsS0FBSyxDQUFDO0VBQ3RDQyxTQUFTLEVBQUU7QUFDYixDQUFDLENBQUMsQ0FBQUMsZUFBQSxLQUFBQSxlQUFBLEdBQUFDLHNCQUFBLG9KQU9EO0FBT0QsSUFBTUMsZ0JBQWdFLEdBQUdSLE1BQU0sQ0FBQ0csR0FBRyxDQUFDQyxLQUFLLENBQ3ZGLFVBQUFLLEtBQUs7RUFBQSxPQUFLO0lBQ1JKLFNBQVMsRUFBRUosVUFBVSxDQUFDLHFCQUFxQixFQUFFUSxLQUFLLENB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