kepler.gl
Version:
kepler.gl is a webgl based application to visualize large scale location data in the browser
71 lines (69 loc) • 13.1 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
var _react = _interopRequireWildcard(require("react"));
var _styledComponents = _interopRequireWildcard(require("styled-components"));
var _reactColor = require("react-color");
var _templateObject; // SPDX-License-Identifier: MIT
// Copyright contributors to the kepler.gl project
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
// This was put in because 3rd party library react-color doesn't yet cater for customized color of child component <SketchField> which contains HEX/RGB input text box
// Issue raised: https://github.com/casesandberg/react-color/issues/631
var StyledPicker = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n .sketch-picker {\n span {\n color: ", " !important;\n font-family: ", ";\n }\n input {\n text-align: center;\n font-family: ", ";\n color: ", " !important;\n border-color: ", " !important;\n box-shadow: none !important;\n background-color: ", " !important;\n\n &:hover {\n cursor: ", ";\n background-color: ", ";\n border-color: ", ";\n }\n\n &:active,\n &:focus,\n &.focus,\n &.active {\n outline: 0;\n background-color: ", ";\n border-color: ", ";\n box-shadow: ", ";\n }\n }\n label {\n color: ", " !important;\n }\n }\n"])), function (props) {
return props.theme.labelColor;
}, function (props) {
return props.theme.fontFamily;
}, function (props) {
return props.theme.fontFamily;
}, function (props) {
return props.theme.inputColor;
}, function (props) {
return props.theme.secondaryInputBgd;
}, function (props) {
return props.theme.inputBgdHover;
}, function (props) {
return props.type === 'number' || props.type === 'text' ? 'text' : 'pointer';
}, function (props) {
return props.active ? props.theme.inputBgdActive : props.theme.inputBgdHover;
}, function (props) {
return props.active ? props.theme.inputBorderActiveColor : props.theme.inputBorderHoverColor;
}, function (props) {
return props.theme.inputBgdActive;
}, function (props) {
return props.theme.inputBorderActiveColor;
}, function (props) {
return props.theme.inputBoxShadowActive;
}, function (props) {
return props.theme.subtextColor;
});
var PRESET_COLORS = [];
var CustomPicker = function CustomPicker(_ref) {
var color = _ref.color,
onChange = _ref.onChange,
theme = _ref.theme;
var pickerStyle = (0, _react.useMemo)(function () {
return {
picker: {
width: '200px',
padding: '10px 10px 8px',
boxSizing: 'initial',
background: theme.panelBackground
}
};
}, [theme.panelBackground]);
return /*#__PURE__*/_react["default"].createElement(StyledPicker, null, /*#__PURE__*/_react["default"].createElement(_reactColor.SketchPicker, {
color: color,
onChange: onChange,
presetColors: PRESET_COLORS,
styles: pickerStyle,
disableAlpha: true
}));
};
var _default = exports["default"] = (0, _styledComponents.withTheme)(CustomPicker);
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfc3R5bGVkQ29tcG9uZW50cyIsIl9yZWFjdENvbG9yIiwiX3RlbXBsYXRlT2JqZWN0IiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwiZSIsIldlYWtNYXAiLCJyIiwidCIsIl9fZXNNb2R1bGUiLCJfdHlwZW9mIiwiaGFzIiwiZ2V0IiwibiIsIl9fcHJvdG9fXyIsImEiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsInUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpIiwic2V0IiwiU3R5bGVkUGlja2VyIiwic3R5bGVkIiwiZGl2IiwiX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbDIiLCJwcm9wcyIsInRoZW1lIiwibGFiZWxDb2xvciIsImZvbnRGYW1pbHkiLCJpbnB1dENvbG9yIiwic2Vjb25kYXJ5SW5wdXRCZ2QiLCJpbnB1dEJnZEhvdmVyIiwidHlwZSIsImFjdGl2ZSIsImlucHV0QmdkQWN0aXZlIiwiaW5wdXRCb3JkZXJBY3RpdmVDb2xvciIsImlucHV0Qm9yZGVySG92ZXJDb2xvciIsImlucHV0Qm94U2hhZG93QWN0aXZlIiwic3VidGV4dENvbG9yIiwiUFJFU0VUX0NPTE9SUyIsIkN1c3RvbVBpY2tlciIsIl9yZWYiLCJjb2xvciIsIm9uQ2hhbmdlIiwicGlja2VyU3R5bGUiLCJ1c2VNZW1vIiwicGlja2VyIiwid2lkdGgiLCJwYWRkaW5nIiwiYm94U2l6aW5nIiwiYmFja2dyb3VuZCIsInBhbmVsQmFja2dyb3VuZCIsImNyZWF0ZUVsZW1lbnQiLCJTa2V0Y2hQaWNrZXIiLCJwcmVzZXRDb2xvcnMiLCJzdHlsZXMiLCJkaXNhYmxlQWxwaGEiLCJfZGVmYXVsdCIsImV4cG9ydHMiLCJ3aXRoVGhlbWUiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvc2lkZS1wYW5lbC9sYXllci1wYW5lbC9jdXN0b20tcGlja2VyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogTUlUXG4vLyBDb3B5cmlnaHQgY29udHJpYnV0b3JzIHRvIHRoZSBrZXBsZXIuZ2wgcHJvamVjdFxuXG5pbXBvcnQgUmVhY3QsIHt1c2VNZW1vfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkLCB7d2l0aFRoZW1lfSBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge1NrZXRjaFBpY2tlciwgQ29sb3JDaGFuZ2VIYW5kbGVyfSBmcm9tICdyZWFjdC1jb2xvcic7XG5cbmltcG9ydCB7SGV4Q29sb3J9IGZyb20gJ0BrZXBsZXIuZ2wvdHlwZXMnO1xuXG5pbXBvcnQge0Jhc2VDb21wb25lbnRQcm9wc30gZnJvbSAnLi4vLi4vdHlwZXMnO1xuXG4vLyBUaGlzIHdhcyBwdXQgaW4gYmVjYXVzZSAzcmQgcGFydHkgbGlicmFyeSByZWFjdC1jb2xvciBkb2Vzbid0IHlldCBjYXRlciBmb3IgY3VzdG9taXplZCBjb2xvciBvZiBjaGlsZCBjb21wb25lbnQgPFNrZXRjaEZpZWxkPiB3aGljaCBjb250YWlucyBIRVgvUkdCIGlucHV0IHRleHQgYm94XG4vLyBJc3N1ZSByYWlzZWQ6IGh0dHBzOi8vZ2l0aHViLmNvbS9jYXNlc2FuZGJlcmcvcmVhY3QtY29sb3IvaXNzdWVzLzYzMVxuXG50eXBlIFN0eWxlZFBpY2tlclByb3BzID0ge1xuICB0eXBlPzogc3RyaW5nO1xuICBhY3RpdmU/OiBib29sZWFuO1xufSAmIEJhc2VDb21wb25lbnRQcm9wcztcblxuY29uc3QgU3R5bGVkUGlja2VyID0gc3R5bGVkLmRpdjxTdHlsZWRQaWNrZXJQcm9wcz5gXG4gIC5za2V0Y2gtcGlja2VyIHtcbiAgICBzcGFuIHtcbiAgICAgIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmxhYmVsQ29sb3J9ICFpbXBvcnRhbnQ7XG4gICAgICBmb250LWZhbWlseTogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5mb250RmFtaWx5fTtcbiAgICB9XG4gICAgaW5wdXQge1xuICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgZm9udC1mYW1pbHk6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuZm9udEZhbWlseX07XG4gICAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5pbnB1dENvbG9yfSAhaW1wb3J0YW50O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnNlY29uZGFyeUlucHV0QmdkfSAhaW1wb3J0YW50O1xuICAgICAgYm94LXNoYWRvdzogbm9uZSAhaW1wb3J0YW50O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5pbnB1dEJnZEhvdmVyfSAhaW1wb3J0YW50O1xuXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgY3Vyc29yOiAke3Byb3BzID0+IChwcm9wcy50eXBlID09PSAnbnVtYmVyJyB8fCBwcm9wcy50eXBlID09PSAndGV4dCcgPyAndGV4dCcgOiAncG9pbnRlcicpfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PlxuICAgICAgICAgIHByb3BzLmFjdGl2ZSA/IHByb3BzLnRoZW1lLmlucHV0QmdkQWN0aXZlIDogcHJvcHMudGhlbWUuaW5wdXRCZ2RIb3Zlcn07XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtwcm9wcyA9PlxuICAgICAgICAgIHByb3BzLmFjdGl2ZSA/IHByb3BzLnRoZW1lLmlucHV0Qm9yZGVyQWN0aXZlQ29sb3IgOiBwcm9wcy50aGVtZS5pbnB1dEJvcmRlckhvdmVyQ29sb3J9O1xuICAgICAgfVxuXG4gICAgICAmOmFjdGl2ZSxcbiAgICAgICY6Zm9jdXMsXG4gICAgICAmLmZvY3VzLFxuICAgICAgJi5hY3RpdmUge1xuICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmlucHV0QmdkQWN0aXZlfTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmlucHV0Qm9yZGVyQWN0aXZlQ29sb3J9O1xuICAgICAgICBib3gtc2hhZG93OiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmlucHV0Qm94U2hhZG93QWN0aXZlfTtcbiAgICAgIH1cbiAgICB9XG4gICAgbGFiZWwge1xuICAgICAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuc3VidGV4dENvbG9yfSAhaW1wb3J0YW50O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgUFJFU0VUX0NPTE9SUyA9IFtdO1xuXG50eXBlIEN1c3RvbVBpY2tlclByb3BzID0ge1xuICBjb2xvcjogSGV4Q29sb3I7XG4gIHRoZW1lOiB7XG4gICAgcGFuZWxCYWNrZ3JvdW5kOiBzdHJpbmc7XG4gIH07XG4gIG9uQ2hhbmdlOiBDb2xvckNoYW5nZUhhbmRsZXI7XG59O1xuXG5jb25zdCBDdXN0b21QaWNrZXI6IFJlYWN0LkZDPEN1c3RvbVBpY2tlclByb3BzPiA9ICh7Y29sb3IsIG9uQ2hhbmdlLCB0aGVtZX06IEN1c3RvbVBpY2tlclByb3BzKSA9PiB7XG4gIGNvbnN0IHBpY2tlclN0eWxlID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgcGlja2VyOiB7XG4gICAgICAgIHdpZHRoOiAnMjAwcHgnLFxuICAgICAgICBwYWRkaW5nOiAnMTBweCAxMHB4IDhweCcsXG4gICAgICAgIGJveFNpemluZzogJ2luaXRpYWwnLFxuICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5wYW5lbEJhY2tncm91bmRcbiAgICAgIH1cbiAgICB9KSxcbiAgICBbdGhlbWUucGFuZWxCYWNrZ3JvdW5kXVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFBpY2tlcj5cbiAgICAgIDxTa2V0Y2hQaWNrZXJcbiAgICAgICAgY29sb3I9e2NvbG9yfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIHByZXNldENvbG9ycz17UFJFU0VUX0NPTE9SU31cbiAgICAgICAgc3R5bGVzPXtwaWNrZXJTdHlsZX1cbiAgICAgICAgZGlzYWJsZUFscGhhXG4gICAgICAvPlxuICAgIDwvU3R5bGVkUGlja2VyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgd2l0aFRoZW1lKEN1c3RvbVBpY2tlcikgYXMgUmVhY3QuRkM8T21pdDxDdXN0b21QaWNrZXJQcm9wcywgJ3RoZW1lJz4+O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFHQSxJQUFBQSxNQUFBLEdBQUFDLHVCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxpQkFBQSxHQUFBRix1QkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUUsV0FBQSxHQUFBRixPQUFBO0FBQTZELElBQUFHLGVBQUEsRUFMN0Q7QUFDQTtBQUFBLFNBQUFDLHlCQUFBQyxDQUFBLDZCQUFBQyxPQUFBLG1CQUFBQyxDQUFBLE9BQUFELE9BQUEsSUFBQUUsQ0FBQSxPQUFBRixPQUFBLFlBQUFGLHdCQUFBLFlBQUFBLHlCQUFBQyxDQUFBLFdBQUFBLENBQUEsR0FBQUcsQ0FBQSxHQUFBRCxDQUFBLEtBQUFGLENBQUE7QUFBQSxTQUFBTix3QkFBQU0sQ0FBQSxFQUFBRSxDQUFBLFNBQUFBLENBQUEsSUFBQUYsQ0FBQSxJQUFBQSxDQUFBLENBQUFJLFVBQUEsU0FBQUosQ0FBQSxlQUFBQSxDQUFBLGdCQUFBSyxPQUFBLENBQUFMLENBQUEsMEJBQUFBLENBQUEsc0JBQUFBLENBQUEsUUFBQUcsQ0FBQSxHQUFBSix3QkFBQSxDQUFBRyxDQUFBLE9BQUFDLENBQUEsSUFBQUEsQ0FBQSxDQUFBRyxHQUFBLENBQUFOLENBQUEsVUFBQUcsQ0FBQSxDQUFBSSxHQUFBLENBQUFQLENBQUEsT0FBQVEsQ0FBQSxLQUFBQyxTQUFBLFVBQUFDLENBQUEsR0FBQUMsTUFBQSxDQUFBQyxjQUFBLElBQUFELE1BQUEsQ0FBQUUsd0JBQUEsV0FBQUMsQ0FBQSxJQUFBZCxDQUFBLG9CQUFBYyxDQUFBLE9BQUFDLGNBQUEsQ0FBQUMsSUFBQSxDQUFBaEIsQ0FB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