kepler.gl/src/components/dist/side-panel/layer-panel/color-palette-preset.js

kepler.gl is a webgl based application to visualize large scale location data in the browser

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
var _react = _interopRequireDefault(require("react"));
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _d3Array = require("d3-array");
var _constants = require("@kepler.gl/constants");
var _templateObject, _templateObject2, _templateObject3; // SPDX-License-Identifier: MIT
// Copyright contributors to the kepler.gl project
var PALETTE_HEIGHT = '8px';
var ROWS = 22;
var StyledColorPalette = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\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 = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\n  justify-content: space-between;\n"])));
var StyledColorBlock = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\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["default"].createElement(StyledColorPalette, null, themes.map(function (theme) {
    return /*#__PURE__*/_react["default"].createElement(StyledColorColumn, {
      key: theme,
      className: "single-color-palette__column"
    }, (0, _d3Array.range)(1, ROWS + 1, 1).map(function (key) {
      return /*#__PURE__*/_react["default"].createElement(StyledColorBlock, {
        className: "single-color-palette__block",
        style: {
          backgroundColor: _constants.ColorsByTheme[theme][key],
          borderColor: selectedColor === _constants.ColorsByTheme[theme][key].toUpperCase() ? 'white' : _constants.ColorsByTheme[theme][key]
        },
        key: "".concat(theme, "_").concat(key),
        selected: selectedColor === _constants.ColorsByTheme[theme][key].toUpperCase(),
        onClick: function onClick(e) {
          return onSelectColor(_constants.ColorsByTheme[theme][key], e);
        }
      });
    }));
  }));
};
var _default = exports["default"] = PresetColorPalette;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9zdHlsZWRDb21wb25lbnRzIiwiX2QzQXJyYXkiLCJfY29uc3RhbnRzIiwiX3RlbXBsYXRlT2JqZWN0IiwiX3RlbXBsYXRlT2JqZWN0MiIsIl90ZW1wbGF0ZU9iamVjdDMiLCJQQUxFVFRFX0hFSUdIVCIsIlJPV1MiLCJTdHlsZWRDb2xvclBhbGV0dGUiLCJzdHlsZWQiLCJkaXYiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsMiIsIlN0eWxlZENvbG9yQ29sdW1uIiwiU3R5bGVkQ29sb3JCbG9jayIsIlByZXNldENvbG9yUGFsZXR0ZSIsIl9yZWYiLCJ0aGVtZXMiLCJvblNlbGVjdENvbG9yIiwic2VsZWN0ZWRDb2xvciIsImNyZWF0ZUVsZW1lbnQiLCJtYXAiLCJ0aGVtZSIsImtleSIsImNsYXNzTmFtZSIsInJhbmdlIiwic3R5bGUiLCJiYWNrZ3JvdW5kQ29sb3IiLCJDb2xvcnNCeVRoZW1lIiwiYm9yZGVyQ29sb3IiLCJ0b1VwcGVyQ2FzZSIsImNvbmNhdCIsInNlbGVjdGVkIiwib25DbGljayIsImUiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvc2lkZS1wYW5lbC9sYXllci1wYW5lbC9jb2xvci1wYWxldHRlLXByZXNldC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtyYW5nZX0gZnJvbSAnZDMtYXJyYXknO1xuXG5pbXBvcnQge0NvbG9yc0J5VGhlbWV9IGZyb20gJ0BrZXBsZXIuZ2wvY29uc3RhbnRzJztcbmltcG9ydCB7SGV4Q29sb3J9IGZyb20gJ0BrZXBsZXIuZ2wvdHlwZXMnO1xuXG5jb25zdCBQQUxFVFRFX0hFSUdIVCA9ICc4cHgnO1xuY29uc3QgUk9XUyA9IDIyO1xuXG5jb25zdCBTdHlsZWRDb2xvclBhbGV0dGUgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHBhZGRpbmc6IDEycHg7XG5cbiAgJjpob3ZlciB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRDb2xvckNvbHVtbiA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuYDtcblxudHlwZSBTdHlsZWRDb2xvckJsb2NrUHJvcHMgPSB7XG4gIHNlbGVjdGVkPzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFN0eWxlZENvbG9yQmxvY2sgPSBzdHlsZWQuZGl2PFN0eWxlZENvbG9yQmxvY2tQcm9wcz5gXG4gIGZsZXgtZ3JvdzogMTtcbiAgaGVpZ2h0OiAke1BBTEVUVEVfSEVJR0hUfTtcbiAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG5gO1xuXG5leHBvcnQgdHlwZSBQcmVzZXRDb2xvclBhbGV0dGVQcm9wcyA9IHtcbiAgdGhlbWVzOiBzdHJpbmdbXTtcbiAgc2VsZWN0ZWRDb2xvcjogSGV4Q29sb3I7XG4gIG9uU2VsZWN0Q29sb3I6IChjOiBIZXhDb2xvciwgZT86IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTERpdkVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PiB2b2lkO1xufTtcblxuY29uc3QgUHJlc2V0Q29sb3JQYWxldHRlOiBSZWFjdC5GQzxQcmVzZXRDb2xvclBhbGV0dGVQcm9wcz4gPSAoe1xuICB0aGVtZXMsXG4gIG9uU2VsZWN0Q29sb3IsXG4gIHNlbGVjdGVkQ29sb3Jcbn06IFByZXNldENvbG9yUGFsZXR0ZVByb3BzKSA9PiAoXG4gIDxTdHlsZWRDb2xvclBhbGV0dGU+XG4gICAge3RoZW1lcy5tYXAodGhlbWUgPT4gKFxuICAgICAgPFN0eWxlZENvbG9yQ29sdW1uIGtleT17dGhlbWV9IGNsYXNzTmFtZT1cInNpbmdsZS1jb2xvci1wYWxldHRlX19jb2x1bW5cIj5cbiAgICAgICAge3JhbmdlKDEsIFJPV1MgKyAxLCAxKS5tYXAoa2V5ID0+IChcbiAgICAgICAgICA8U3R5bGVkQ29sb3JCbG9ja1xuICAgICAgICAgICAgY2xhc3NOYW1lPVwic2luZ2xlLWNvbG9yLXBhbGV0dGVfX2Jsb2NrXCJcbiAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogQ29sb3JzQnlUaGVtZVt0aGVtZV1ba2V5XSxcbiAgICAgICAgICAgICAgYm9yZGVyQ29sb3I6XG4gICAgICAgICAgICAgICAgc2VsZWN0ZWRDb2xvciA9PT0gQ29sb3JzQnlUaGVtZVt0aGVtZV1ba2V5XS50b1VwcGVyQ2FzZSgpXG4gICAgICAgICAgICAgICAgICA/ICd3aGl0ZSdcbiAgICAgICAgICAgICAgICAgIDogQ29sb3JzQnlUaGVtZVt0aGVtZV1ba2V5XVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIGtleT17YCR7dGhlbWV9XyR7a2V5fWB9XG4gICAgICAgICAgICBzZWxlY3RlZD17c2VsZWN0ZWRDb2xvciA9PT0gQ29sb3JzQnlUaGVtZVt0aGVtZV1ba2V5XS50b1VwcGVyQ2FzZSgpfVxuICAgICAgICAgICAgb25DbGljaz17ZSA9PiBvblNlbGVjdENvbG9yKENvbG9yc0J5VGhlbWVbdGhlbWVdW2tleV0sIGUpfVxuICAgICAgICAgIC8+XG4gICAgICAgICkpfVxuICAgICAgPC9TdHlsZWRDb2xvckNvbHVtbj5cbiAgICApKX1cbiAgPC9TdHlsZWRDb2xvclBhbGV0dGU+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBQcmVz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