kepler.gl.geoiq/dist/components/side-panel/widget-panel/widget-aggregation-selector.js

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

"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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));

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

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

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

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

var _defaultSettings = require("../../../constants/default-settings");

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

var _itemSelector = _interopRequireDefault(require("../../common/item-selector/item-selector"));

// Copyright (c) 2019 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.
// import React, {Component} from 'react';
// import {AGGREGATION_TYPES} from 'constants/default-settings';
// import ItemSelector from 'components/common/item-selector/item-selector';
// import {SidePanelSection} from 'components/common/styled-components';
// import WidgetLayerSelector from './widget-layer-selector';
// export default class WidgetAggregationSelector extends Component {
//   static proptypes = {};
//   render() {
//     const {lidgets, dataId} = this.props;
//     const options = Object.keys(AGGREGATION_TYPES);
//     return (
//       <SidePanelSection className="aggregation-selector">
//         <ItemSelector
//           placeholder="Select an Aggregation Type"
//           options={options}
//         />
//         <WidgetLayerSelector lidgets={lidgets} dataId={dataId} />
//       </SidePanelSection>
//     );
//   }
// }
var WidgetLayerSelector =
/*#__PURE__*/
function (_Component) {
  (0, _inherits2["default"])(WidgetLayerSelector, _Component);

  function WidgetLayerSelector() {
    (0, _classCallCheck2["default"])(this, WidgetLayerSelector);
    return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(WidgetLayerSelector).apply(this, arguments));
  }

  (0, _createClass2["default"])(WidgetLayerSelector, [{
    key: "_renderOptions",
    value: function _renderOptions() {
      var keys = Object.keys(_defaultSettings.AGGREGATION_TYPES);
      var options = keys.map(function (k) {
        return _defaultSettings.AGGREGATION_TYPES[k];
      });
      return options;
    }
  }, {
    key: "render",
    value: function render() {
      var _this$props = this.props,
          widget = _this$props.widget,
          _onChange = _this$props.onChange;
      var config = widget.config;
      var aggregationType = config.aggregationType; // console.log(widget);
      // console.log('inside widgetAggregationSelector', config[aggregationType]);
      // console.log(
      //   'widgetConfig inside widgetAggregationSelector and aggregationType',
      //   config,
      //   aggregationType
      // );
      // const options = Object.keys(AGGREGATION_TYPES);
      // console.log('aggregation types options ', this._renderOptions());
      // console.log(AGGREGATION_TYPES);

      return _react["default"].createElement(_styledComponents.SidePanelSection, {
        className: "layer-selector"
      }, _react["default"].createElement(_itemSelector["default"], {
        placeholder: aggregationType ? aggregationType : 'Select Aggregation Type',
        selectedItem: aggregationType,
        options: this._renderOptions(),
        multiSelect: false,
        onChange: function onChange(value) {
          value === 'count' ? _onChange({
            aggregatedData: null,
            aggregationType: value,
            fieldName: null
          }) : _onChange({
            aggregatedData: null,
            aggregationType: value
          });
        }
      }));
    }
  }]);
  return WidgetLayerSelector;
}(_react.Component);

exports["default"] = WidgetLayerSelector;
(0, _defineProperty2["default"])(WidgetLayerSelector, "proptypes", {});
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NpZGUtcGFuZWwvd2lkZ2V0LXBhbmVsL3dpZGdldC1hZ2dyZWdhdGlvbi1zZWxlY3Rvci5qcyJdLCJuYW1lcyI6WyJXaWRnZXRMYXllclNlbGVjdG9yIiwia2V5cyIsIk9iamVjdCIsIkFHR1JFR0FUSU9OX1RZUEVTIiwib3B0aW9ucyIsIm1hcCIsImsiLCJwcm9wcyIsIndpZGdldCIsIm9uQ2hhbmdlIiwiY29uZmlnIiwiYWdncmVnYXRpb25UeXBlIiwiX3JlbmRlck9wdGlvbnMiLCJ2YWx1ZSIsImFnZ3JlZ2F0ZWREYXRhIiwiZmllbGROYW1lIiwiQ29tcG9uZW50Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQTBDQTs7QUFDQTs7QUFDQTs7QUFJQTs7QUFoREE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7SUFTcUJBLG1COzs7Ozs7Ozs7Ozs7cUNBR0Y7QUFDZixVQUFNQyxJQUFJLEdBQUdDLE1BQU0sQ0FBQ0QsSUFBUCxDQUFZRSxrQ0FBWixDQUFiO0FBQ0EsVUFBTUMsT0FBTyxHQUFHSCxJQUFJLENBQUNJLEdBQUwsQ0FBUyxVQUFBQyxDQUFDLEVBQUk7QUFDNUIsZUFBT0gsbUNBQWtCRyxDQUFsQixDQUFQO0FBQ0QsT0FGZSxDQUFoQjtBQUdBLGFBQU9GLE9BQVA7QUFDRDs7OzZCQUVRO0FBQUEsd0JBQ29CLEtBQUtHLEtBRHpCO0FBQUEsVUFDQUMsTUFEQSxlQUNBQSxNQURBO0FBQUEsVUFDUUMsU0FEUixlQUNRQSxRQURSO0FBQUEsVUFFQUMsTUFGQSxHQUVVRixNQUZWLENBRUFFLE1BRkE7QUFHUCxVQUFNQyxlQUFlLEdBQUdELE1BQU0sQ0FBQ0MsZUFBL0IsQ0FITyxDQUlQO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUNBLGFBQ0UsZ0NBQUMsa0NBQUQ7QUFBa0IsUUFBQSxTQUFTLEVBQUM7QUFBNUIsU0FDRSxnQ0FBQyx3QkFBRDtBQUNFLFFBQUEsV0FBVyxFQUNUQSxlQUFlLEdBQUdBLGVBQUgsR0FBcUIseUJBRnhDO0FBSUUsUUFBQSxZQUFZLEVBQUVBLGVBSmhCO0FBS0UsUUFBQSxPQUFPLEVBQUUsS0FBS0MsY0FBTCxFQUxYO0FBTUUsUUFBQSxXQUFXLEVBQUUsS0FOZjtBQU9FLFFBQUEsUUFBUSxFQUFFLGtCQUFBQyxLQUFLLEVBQUk7QUFDakJBLFVBQUFBLEtBQUssS0FBSyxPQUFWLEdBQ0lKLFNBQVEsQ0FBQztBQUNQSyxZQUFBQSxjQUFjLEVBQUUsSUFEVDtBQUVQSCxZQUFBQSxlQUFlLEVBQUVFLEtBRlY7QUFHUEUsWUFBQUEsU0FBUyxFQUFFO0FBSEosV0FBRCxDQURaLEdBTUlOLFNBQVEsQ0FBQztBQUNQSyxZQUFBQSxjQUFjLEVBQUUsSUFEVDtBQUVQSCxZQUFBQSxlQUFlLEVBQUVFO0FBRlYsV0FBRCxDQU5aO0FBVUQ7QUFsQkgsUUFERixDQURGO0FBd0JEOzs7RUFqRDhDRyxnQjs7O2lDQUE1QmhCLG1CLGVBQ0EsRSIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAxOSBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbi8vIGltcG9ydCBSZWFjdCwge0NvbXBvbmVudH0gZnJvbSAncmVhY3QnO1xuLy8gaW1wb3J0IHtBR0dSRUdBVElPTl9UWVBFU30gZnJvbSAnY29uc3RhbnRzL2RlZmF1bHQtc2V0dGluZ3MnO1xuLy8gaW1wb3J0IEl0ZW1TZWxlY3RvciBmcm9tICdjb21wb25lbnRzL2NvbW1vbi9pdGVtLXNlbGVjdG9yL2l0ZW0tc2VsZWN0b3InO1xuLy8gaW1wb3J0IHtTaWRlUGFuZWxTZWN0aW9ufSBmcm9tICdjb21wb25lbnRzL2NvbW1vbi9zdHlsZWQtY29tcG9uZW50cyc7XG4vLyBpbXBvcnQgV2lkZ2V0TGF5ZXJTZWxlY3RvciBmcm9tICcuL3dpZGdldC1sYXllci1zZWxlY3Rvcic7XG5cbi8vIGV4cG9ydCBkZWZhdWx0IGNsYXNzIFdpZGdldEFnZ3JlZ2F0aW9uU2VsZWN0b3IgZXh0ZW5kcyBDb21wb25lbnQge1xuLy8gICBzdGF0aWMgcHJvcHR5cGVzID0ge307XG4vLyAgIHJlbmRlcigpIHtcbi8vICAgICBjb25zdCB7bGlkZ2V0cywgZGF0YUlkfSA9IHRoaXMucHJvcHM7XG4vLyAgICAgY29uc3Qgb3B0aW9ucyA9IE9iamVjdC5rZXlzKEFHR1JFR0FUSU9OX1RZUEVTKTtcbi8vICAgICByZXR1cm4gKFxuLy8gICAgICAgPFNpZGVQYW5lbFNlY3Rpb24gY2xhc3NOYW1lPVwiYWdncmVnYXRpb24tc2VsZWN0b3JcIj5cbi8vICAgICAgICAgPEl0ZW1TZWxlY3RvclxuLy8gICAgICAgICAgIHBsYWNlaG9sZGVyPVwiU2VsZWN0IGFuIEFnZ3JlZ2F0aW9uIFR5cGVcIlxuLy8gICAgICAgICAgIG9wdGlvbnM9e29wdGlvbnN9XG4vLyAgICAgICAgIC8+XG4vLyAgICAgICAgIDxXaWRnZXRMYXllclNlbGVjdG9yIGxpZGdldHM9e2xpZGdldHN9IGRhdGFJZD17ZGF0YUlkfSAvPlxuLy8gICAgICAgPC9TaWRlUGFuZWxTZWN0aW9uPlxuLy8gICAgICk7XG4vLyAgIH1cbi8vIH1cbmltcG9ydCBSZWFjdCwge0NvbXBvbmVudH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtBR0dSRUdBVElPTl9UWVBFU30gZnJvbSAnY29uc3RhbnRzL2RlZmF1bHQtc2V0dGluZ3MnO1xuaW1wb3J0IHtcbiAgUGFuZWxMYWJlbCxcbiAgU2lkZVBhbmVsU2VjdGlvblxufSBmcm9tICdjb21wb25lbnRzL2NvbW1vbi9zdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgSXRlbVNlbGVjdG9yIGZyb20gJ2NvbXBvbmVudHMvY29tbW9uL2l0ZW0tc2VsZWN0b3IvaXRlbS1zZWxlY3Rvcic7XG5cbmV4cG9ydCBkZWZhdWx0IGNsYXNzIFdpZGdldExheWVyU2VsZWN0b3IgZXh0ZW5kcyBDb21wb25lbnQge1xuICBzdGF0aWMgcHJvcHR5cGVzID0ge307XG5cbiAgX3JlbmRlck9wdGlvbnMoKSB7XG4gICAgY29uc3Qga2V5cyA9IE9iamVjdC5rZXlzKEFHR1JFR0FUSU9OX1RZUEVTKTtcbiAgICBjb25zdCBvcHRpb25zID0ga2V5cy5tYXAoayA9PiB7XG4gICAgICByZXR1cm4gQUdHUkVHQVRJT05fVFlQRVNba107XG4gICAgfSk7XG4gICAgcmV0dXJuIG9wdGlvbnM7XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgY29uc3Qge3dpZGdldCwgb25DaGFuZ2V9ID0gdGhpcy5wcm9wcztcbiAgICBjb25zdCB7Y29uZmlnfSA9IHdpZGdldDtcbiAgICBjb25zdCBhZ2dyZWdhdGlvblR5cGUgPSBjb25maWcuYWdncmVnYXRpb25UeXBlO1xuICAgIC8vIGNvbnNvbGUubG9nKHdpZGdldCk7XG4gICAgLy8gY29uc29sZS5sb2coJ2luc2lkZSB3aWRnZXRBZ2dyZWdhdGlvblNlbGVjdG9yJywgY29uZmlnW2FnZ3JlZ2F0aW9uVHlwZV0pO1xuICAgIC8vIGNvbnNvbGUubG9nKFxuICAgIC8vICAgJ3dpZGdldENvbmZpZyBpbnNpZGUgd2lkZ2V0QWdncmVnYXRpb25TZWxlY3RvciBhbmQgYWdncmVnYXRpb25UeXBlJyxcbiAgICAvLyAgIGNvbmZpZyxcbiAgICAvLyAgIGFnZ3JlZ2F0aW9uVHlwZVxuICAgIC8vICk7XG4gICAgLy8gY29uc3Qgb3B0aW9ucyA9IE9iamVjdC5rZXlzKEFHR1JFR0FUSU9OX1RZUEVTKTtcbiAgICAvLyBjb25zb2xlLmxvZygnYWdncmVnYXRpb24gdHlwZXMgb3B0aW9ucyAnLCB0aGlzLl9yZW5kZXJPcHRpb25zKCkpO1xuICAgIC8vIGNvbnNvbGUubG9nKEFHR1JFR0FUSU9OX1RZUEVTKTtcbiAgICByZXR1cm4gKFxuICAgICAgPFNpZGVQYW5lbFNlY3Rpb24gY2xhc3NOYW1lPVwibGF5ZXItc2VsZWN0b3JcIj5cbiAgICAgICAgPEl0ZW1TZWxlY3RvclxuICAgICAgICAgIHBsYWNlaG9sZGVyPXtcbiAgICAgICAgICAgIGFnZ3JlZ2F0aW9uVHlwZSA/IGFnZ3JlZ2F0aW9uVHlwZSA6ICdTZWxlY3QgQWdncmVnYXRpb24gVHlwZSdcbiAgICAgICAgICB9XG4gICAgICAgICAgc2VsZWN0ZWRJdGVtPXthZ2dyZWdhdGlvblR5cGV9XG4gICAgICAgICAgb3B0aW9ucz17dGhpcy5fcmVuZGVyT3B0aW9ucygpfVxuICAgICAgICAgIG11bHRpU2VsZWN0PXtmYWxzZX1cbiAgICAgICAgICBvbkNoYW5nZT17dmFsdWUgPT4ge1xuICAgICAgICAgICAgdmFsdWUgPT09ICdjb3VudCdcbiAgICAgICAgICAgICAgPyBvbkNoYW5nZSh7XG4gICAgICAgICAgICAgICAgICBhZ2dyZWdhdGVkRGF0YTogbnVsbCxcbiAgICAgICAgICAgICAgICAgIGFnZ3JlZ2F0aW9uVHlwZTogdmFsdWUsXG4gICAgICAgICAgICAgICAgICBmaWVsZE5hbWU6IG51bGxcbiAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgICA6IG9uQ2hhbmdlKHtcbiAgICAgICAgICAgICAgICAgIGFnZ3JlZ2F0ZWREYXRhOiBudWxsLFxuICAgICAgICAgICAgICAgICAgYWdncmVnYXRpb25UeXBlOiB2YWx1ZVxuICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgICA8L1NpZGVQYW5lbFNlY3Rpb24+XG4gICAgKTtcbiAgfVxufVxuIl19