kepler.gl.geoiq

Version:
kepler.gl is a webgl based application to visualize large scale location data in the browser
83 lines (71 loc) • 10.3 kB
JavaScript
"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = exports.VisConfigSlider = void 0;

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _styledComponents = require("../../common/styled-components");

var _utils = require("../../../utils/utils");

var _rangeSlider = _interopRequireDefault(require("../../common/range-slider"));

// Copyright (c) 2023 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 propTypes = {
  layer: _propTypes["default"].object.isRequired,
  property: _propTypes["default"].string.isRequired,
  onChange: _propTypes["default"].func.isRequired,
  label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].bool, _propTypes["default"].func]),
  range: _propTypes["default"].arrayOf(_propTypes["default"].number).isRequired,
  step: _propTypes["default"].number,
  isRanged: _propTypes["default"].bool,
  disabled: _propTypes["default"].bool,
  inputTheme: _propTypes["default"].bool
};

var VisConfigSlider = exports.VisConfigSlider = function VisConfigSlider(_ref) {
  var config = _ref.layer.config,
      property = _ref.property,
      label = _ref.label,
      range = _ref.range,
      step = _ref.step,
      isRanged = _ref.isRanged,
      disabled = _ref.disabled,
      _onChange2 = _ref.onChange,
      inputTheme = _ref.inputTheme;
  return (/*#__PURE__*/_react["default"].createElement(_styledComponents.SidePanelSection, {
      disabled: Boolean(disabled)
    }, label ? /*#__PURE__*/_react["default"].createElement(_styledComponents.PanelLabel, null, typeof label === 'string' ? label : typeof label === 'function' ? label(config) : (0, _utils.capitalizeFirstLetter)(property)) : null, /*#__PURE__*/_react["default"].createElement(_rangeSlider["default"], {
      range: range,
      value0: isRanged ? config.visConfig[property][0] : range[0],
      value1: isRanged ? config.visConfig[property][1] : config.visConfig[property],
      step: step,
      isRanged: Boolean(isRanged),
      onChange: function onChange(value) {
        return _onChange2((0, _defineProperty2["default"])({}, property, isRanged ? value : value[1]));
      },
      inputTheme: inputTheme,
      showInput: true
    }))
  );
};

VisConfigSlider.propTypes = propTypes;

var _default = exports["default"] = VisConfigSlider;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NpZGUtcGFuZWwvd2lkZ2V0LXBhbmVsL3Zpcy1jb25maWctc2xpZGVyLmpzIl0sIm5hbWVzIjpbInByb3BUeXBlcyIsImxheWVyIiwiUHJvcFR5cGVzIiwib2JqZWN0IiwiaXNSZXF1aXJlZCIsInByb3BlcnR5Iiwic3RyaW5nIiwib25DaGFuZ2UiLCJmdW5jIiwibGFiZWwiLCJvbmVPZlR5cGUiLCJib29sIiwicmFuZ2UiLCJhcnJheU9mIiwibnVtYmVyIiwic3RlcCIsImlzUmFuZ2VkIiwiZGlzYWJsZWQiLCJpbnB1dFRoZW1lIiwiVmlzQ29uZmlnU2xpZGVyIiwiY29uZmlnIiwiQm9vbGVhbiIsInZpc0NvbmZpZyIsInZhbHVlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQW9CQTs7QUFDQTs7QUFDQTs7QUFJQTs7QUFFQTs7QUE1QkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFZQSxJQUFNQSxTQUFTLEdBQUc7QUFDaEJDLEVBQUFBLEtBQUssRUFBRUMsc0JBQVVDLE1BQVYsQ0FBaUJDLFVBRFI7QUFFaEJDLEVBQUFBLFFBQVEsRUFBRUgsc0JBQVVJLE1BQVYsQ0FBaUJGLFVBRlg7QUFHaEJHLEVBQUFBLFFBQVEsRUFBRUwsc0JBQVVNLElBQVYsQ0FBZUosVUFIVDtBQUloQkssRUFBQUEsS0FBSyxFQUFFUCxzQkFBVVEsU0FBVixDQUFvQixDQUN6QlIsc0JBQVVJLE1BRGUsRUFFekJKLHNCQUFVUyxJQUZlLEVBR3pCVCxzQkFBVU0sSUFIZSxDQUFwQixDQUpTO0FBU2hCSSxFQUFBQSxLQUFLLEVBQUVWLHNCQUFVVyxPQUFWLENBQWtCWCxzQkFBVVksTUFBNUIsRUFBb0NWLFVBVDNCO0FBVWhCVyxFQUFBQSxJQUFJLEVBQUViLHNCQUFVWSxNQVZBO0FBV2hCRSxFQUFBQSxRQUFRLEVBQUVkLHNCQUFVUyxJQVhKO0FBWWhCTSxFQUFBQSxRQUFRLEVBQUVmLHNCQUFVUyxJQVpKO0FBYWhCTyxFQUFBQSxVQUFVLEVBQUVoQixzQkFBVVM7QUFiTixDQUFsQjs7QUFnQk8sSUFBTVEsZUFBZSw2QkFBRyxTQUFsQkEsZUFBa0I7QUFBQSxNQUNyQkMsTUFEcUIsUUFDN0JuQixLQUQ2QixDQUNyQm1CLE1BRHFCO0FBQUEsTUFFN0JmLFFBRjZCLFFBRTdCQSxRQUY2QjtBQUFBLE1BRzdCSSxLQUg2QixRQUc3QkEsS0FINkI7QUFBQSxNQUk3QkcsS0FKNkIsUUFJN0JBLEtBSjZCO0FBQUEsTUFLN0JHLElBTDZCLFFBSzdCQSxJQUw2QjtBQUFBLE1BTTdCQyxRQU42QixRQU03QkEsUUFONkI7QUFBQSxNQU83QkMsUUFQNkIsUUFPN0JBLFFBUDZCO0FBQUEsTUFRN0JWLFVBUjZCLFFBUTdCQSxRQVI2QjtBQUFBLE1BUzdCVyxVQVQ2QixRQVM3QkEsVUFUNkI7QUFBQSx1QkFXN0IsZ0NBQUMsa0NBQUQ7QUFBa0IsTUFBQSxRQUFRLEVBQUVHLE9BQU8sQ0FBQ0osUUFBRDtBQUFuQyxPQUNHUixLQUFLLGdCQUNKLGdDQUFDLDRCQUFELFFBQ0csT0FBT0EsS0FBUCxLQUFpQixRQUFqQixHQUNHQSxLQURILEdBRUcsT0FBT0EsS0FBUCxLQUFpQixVQUFqQixHQUNFQSxLQUFLLENBQUNXLE1BQUQsQ0FEUCxHQUVFLGtDQUFzQmYsUUFBdEIsQ0FMUixDQURJLEdBUUYsSUFUTixlQVVFLGdDQUFDLHVCQUFEO0FBQ0UsTUFBQSxLQUFLLEVBQUVPLEtBRFQ7QUFFRSxNQUFBLE1BQU0sRUFBRUksUUFBUSxHQUFHSSxNQUFNLENBQUNFLFNBQVAsQ0FBaUJqQixRQUFqQixFQUEyQixDQUEzQixDQUFILEdBQW1DTyxLQUFLLENBQUMsQ0FBRCxDQUYxRDtBQUdFLE1BQUEsTUFBTSxFQUNKSSxRQUFRLEdBQUdJLE1BQU0sQ0FBQ0UsU0FBUCxDQUFpQmpCLFFBQWpCLEVBQTJCLENBQTNCLENBQUgsR0FBbUNlLE1BQU0sQ0FBQ0UsU0FBUCxDQUFpQmpCLFFBQWpCLENBSi9DO0FBTUUsTUFBQSxJQUFJLEVBQUVVLElBTlI7QUFPRSxNQUFBLFFBQVEsRUFBRU0sT0FBTyxDQUFDTCxRQUFELENBUG5CO0FBUUUsTUFBQSxRQUFRLEVBQUUsa0JBQUFPLEtBQUs7QUFBQSxlQUFJaEIsVUFBUSxzQ0FBR0YsUUFBSCxFQUFjVyxRQUFRLEdBQUdPLEtBQUgsR0FBV0EsS0FBSyxDQUFDLENBQUQsQ0FBdEMsRUFBWjtBQUFBLE9BUmpCO0FBU0UsTUFBQSxVQUFVLEVBQUVMLFVBVGQ7QUFVRSxNQUFBLFNBQVM7QUFWWCxNQVZGO0FBWDZCO0FBQUEsQ0FBeEI7O0FBb0NQQyxlQUFlLENBQUNuQixTQUFoQixHQUE0QkEsU0FBNUI7O29DQUVlbUIsZSIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAyMyBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHtcbiAgU2lkZVBhbmVsU2VjdGlvbixcbiAgUGFuZWxMYWJlbFxufSBmcm9tICdjb21wb25lbnRzL2NvbW1vbi9zdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge2NhcGl0YWxpemVGaXJzdExldHRlcn0gZnJvbSAndXRpbHMvdXRpbHMnO1xuXG5pbXBvcnQgUmFuZ2VTbGlkZXIgZnJvbSAnY29tcG9uZW50cy9jb21tb24vcmFuZ2Utc2xpZGVyJztcblxuY29uc3QgcHJvcFR5cGVzID0ge1xuICBsYXllcjogUHJvcFR5cGVzLm9iamVjdC5pc1JlcXVpcmVkLFxuICBwcm9wZXJ0eTogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgbGFiZWw6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1xuICAgIFByb3BUeXBlcy5zdHJpbmcsXG4gICAgUHJvcFR5cGVzLmJvb2wsXG4gICAgUHJvcFR5cGVzLmZ1bmNcbiAgXSksXG4gIHJhbmdlOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMubnVtYmVyKS5pc1JlcXVpcmVkLFxuICBzdGVwOiBQcm9wVHlwZXMubnVtYmVyLFxuICBpc1JhbmdlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGRpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaW5wdXRUaGVtZTogUHJvcFR5cGVzLmJvb2xcbn07XG5cbmV4cG9ydCBjb25zdCBWaXNDb25maWdTbGlkZXIgPSAoe1xuICBsYXllcjoge2NvbmZpZ30sXG4gIHByb3BlcnR5LFxuICBsYWJlbCxcbiAgcmFuZ2UsXG4gIHN0ZXAsXG4gIGlzUmFuZ2VkLFxuICBkaXNhYmxlZCxcbiAgb25DaGFuZ2UsXG4gIGlucHV0VGhlbWVcbn0pID0+IChcbiAgPFNpZGVQYW5lbFNlY3Rpb24gZGlzYWJsZWQ9e0Jvb2xlYW4oZGlzYWJsZWQpfT5cbiAgICB7bGFiZWwgPyAoXG4gICAgICA8UGFuZWxMYWJlbD5cbiAgICAgICAge3R5cGVvZiBsYWJlbCA9PT0gJ3N0cmluZydcbiAgICAgICAgICA/IGxhYmVsXG4gICAgICAgICAgOiB0eXBlb2YgbGFiZWwgPT09ICdmdW5jdGlvbidcbiAgICAgICAgICAgID8gbGFiZWwoY29uZmlnKVxuICAgICAgICAgICAgOiBjYXBpdGFsaXplRmlyc3RMZXR0ZXIocHJvcGVydHkpfVxuICAgICAgPC9QYW5lbExhYmVsPlxuICAgICkgOiBudWxsfVxuICAgIDxSYW5nZVNsaWRlclxuICAgICAgcmFuZ2U9e3JhbmdlfVxuICAgICAgdmFsdWUwPXtpc1JhbmdlZCA/IGNvbmZpZy52aXNDb25maWdbcHJvcGVydHldWzBdIDogcmFuZ2VbMF19XG4gICAgICB2YWx1ZTE9e1xuICAgICAgICBpc1JhbmdlZCA/IGNvbmZpZy52aXNDb25maWdbcHJvcGVydHldWzFdIDogY29uZmlnLnZpc0NvbmZpZ1twcm9wZXJ0eV1cbiAgICAgIH1cbiAgICAgIHN0ZXA9e3N0ZXB9XG4gICAgICBpc1JhbmdlZD17Qm9vbGVhbihpc1JhbmdlZCl9XG4gICAgICBvbkNoYW5nZT17dmFsdWUgPT4gb25DaGFuZ2Uoe1twcm9wZXJ0eV06IGlzUmFuZ2VkID8gdmFsdWUgOiB2YWx1ZVsxXX0pfVxuICAgICAgaW5wdXRUaGVtZT17aW5wdXRUaGVtZX1cbiAgICAgIHNob3dJbnB1dFxuICAgIC8+XG4gIDwvU2lkZVBhbmVsU2VjdGlvbj5cbik7XG5cblZpc0NvbmZpZ1NsaWRlci5wcm9wVHlwZXMgPSBwcm9wVHlwZXM7XG5cbmV4cG9ydCBkZWZhdWx0IFZpc0NvbmZpZ1NsaWRlcjtcbiJdfQ==