@kepler.gl/components 3.0.0-alpha.0

package/dist/side-panel/layer-panel/vis-config-by-field-selector.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { WrappedComponentProps } from 'react-intl';
+import { Field } from '@kepler.gl/types';
+import InfoHelperFactory from '../../common/info-helper';
+import FieldSelectorFactory from '../../common/field-selector';
+declare type VisConfigByFieldSelectorProps = {
+    channel: string;
+    fields: Field[];
+    id: string;
+    property: string;
+    showScale: boolean;
+    updateField: (val: readonly (string | number | boolean | object)[] | string | number | boolean | object | null) => void;
+    updateScale: (val: readonly (string | number | boolean | object)[] | string | number | boolean | object | null) => void;
+    scaleType?: string;
+    selectedField?: Field;
+    description?: string;
+    label?: string;
+    placeholder?: string;
+    scaleOptions: string[];
+} & WrappedComponentProps;
+declare function VisConfigByFieldSelectorFactory(InfoHelper: ReturnType<typeof InfoHelperFactory>, FieldSelector: ReturnType<typeof FieldSelectorFactory>): React.ForwardRefExoticComponent<import("react-intl").Omit<VisConfigByFieldSelectorProps, "intl"> & {
+    forwardedRef?: React.Ref<any> | undefined;
+} & React.RefAttributes<any>> & {
+    WrappedComponent: React.ComponentType<VisConfigByFieldSelectorProps>;
+};
+declare namespace VisConfigByFieldSelectorFactory {
+    var deps: (typeof FieldSelectorFactory | typeof InfoHelperFactory)[];
+}
+export default VisConfigByFieldSelectorFactory;

package/dist/side-panel/layer-panel/vis-config-by-field-selector.js

@@ -0,0 +1,137 @@
+// Copyright (c) 2022 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.
+
+"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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactIntl = require("react-intl");
+
+var _styledComponents = require("../../common/styled-components");
+
+var _infoHelper = _interopRequireDefault(require("../../common/info-helper"));
+
+var _dimensionScaleSelector = _interopRequireDefault(require("./dimension-scale-selector"));
+
+var _utils = require("@kepler.gl/utils");
+
+var _fieldSelector = _interopRequireDefault(require("../../common/field-selector"));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+VisConfigByFieldSelectorFactory.deps = [_infoHelper["default"], _fieldSelector["default"]];
+
+function VisConfigByFieldSelectorFactory(InfoHelper, FieldSelector) {
+  var VisConfigByFieldSelector = /*#__PURE__*/function (_Component) {
+    (0, _inherits2["default"])(VisConfigByFieldSelector, _Component);
+
+    var _super = _createSuper(VisConfigByFieldSelector);
+
+    function VisConfigByFieldSelector() {
+      var _this;
+
+      (0, _classCallCheck2["default"])(this, VisConfigByFieldSelector);
+
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      _this = _super.call.apply(_super, [this].concat(args));
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_updateVisByField", function (val) {
+        _this.props.updateField(val);
+      });
+      return _this;
+    }
+
+    (0, _createClass2["default"])(VisConfigByFieldSelector, [{
+      key: "render",
+      value: function render() {
+        var _this$props = this.props,
+            property = _this$props.property,
+            showScale = _this$props.showScale,
+            selectedField = _this$props.selectedField,
+            description = _this$props.description,
+            label = _this$props.label,
+            intl = _this$props.intl,
+            _this$props$scaleOpti = _this$props.scaleOptions,
+            scaleOptions = _this$props$scaleOpti === void 0 ? [] : _this$props$scaleOpti;
+        return /*#__PURE__*/_react["default"].createElement(_styledComponents.SidePanelSection, null, /*#__PURE__*/_react["default"].createElement(_styledComponents.SidePanelSection, null, /*#__PURE__*/_react["default"].createElement(_styledComponents.PanelLabelWrapper, null, /*#__PURE__*/_react["default"].createElement(_styledComponents.PanelLabel, null, label && /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
+          id: label
+        }) || /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
+          id: "layer.propertyBasedOn",
+          values: {
+            property: intl.formatMessage({
+              id: "property.".concat((0, _utils.camelize)(property)),
+              defaultMessage: property
+            })
+          }
+        })), description && /*#__PURE__*/_react["default"].createElement(InfoHelper, {
+          description: description,
+          property: property,
+          id: "".concat(this.props.id, "-").concat(property)
+        })), /*#__PURE__*/_react["default"].createElement(FieldSelector, {
+          fields: this.props.fields,
+          value: selectedField && selectedField.name,
+          placeholder: this.props.placeholder,
+          onSelect: this._updateVisByField,
+          erasable: true
+        })), /*#__PURE__*/_react["default"].createElement("div", null, showScale ? /*#__PURE__*/_react["default"].createElement(_dimensionScaleSelector["default"], {
+          scaleType: this.props.scaleType,
+          options: scaleOptions,
+          label: "".concat(property, " scale"),
+          onSelect: this.props.updateScale,
+          disabled: scaleOptions.length < 2
+        }) : null));
+      }
+    }]);
+    return VisConfigByFieldSelector;
+  }(_react.Component);
+
+  return (0, _reactIntl.injectIntl)(VisConfigByFieldSelector);
+}
+
+var _default = VisConfigByFieldSelectorFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL3Zpcy1jb25maWctYnktZmllbGQtc2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbIlZpc0NvbmZpZ0J5RmllbGRTZWxlY3RvckZhY3RvcnkiLCJkZXBzIiwiSW5mb0hlbHBlckZhY3RvcnkiLCJGaWVsZFNlbGVjdG9yRmFjdG9yeSIsIkluZm9IZWxwZXIiLCJGaWVsZFNlbGVjdG9yIiwiVmlzQ29uZmlnQnlGaWVsZFNlbGVjdG9yIiwidmFsIiwicHJvcHMiLCJ1cGRhdGVGaWVsZCIsInByb3BlcnR5Iiwic2hvd1NjYWxlIiwic2VsZWN0ZWRGaWVsZCIsImRlc2NyaXB0aW9uIiwibGFiZWwiLCJpbnRsIiwic2NhbGVPcHRpb25zIiwiZm9ybWF0TWVzc2FnZSIsImlkIiwiZGVmYXVsdE1lc3NhZ2UiLCJmaWVsZHMiLCJuYW1lIiwicGxhY2Vob2xkZXIiLCJfdXBkYXRlVmlzQnlGaWVsZCIsInNjYWxlVHlwZSIsInVwZGF0ZVNjYWxlIiwibGVuZ3RoIiwiQ29tcG9uZW50Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBb0JBOztBQUNBOztBQUlBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOzs7Ozs7QUFzQkFBLCtCQUErQixDQUFDQyxJQUFoQyxHQUF1QyxDQUFDQyxzQkFBRCxFQUFvQkMseUJBQXBCLENBQXZDOztBQUVBLFNBQVNILCtCQUFULENBQ0VJLFVBREYsRUFFRUMsYUFGRixFQUdFO0FBQUEsTUFDTUMsd0JBRE47QUFBQTs7QUFBQTs7QUFBQTtBQUFBOztBQUFBOztBQUFBO0FBQUE7QUFBQTs7QUFBQTtBQUFBLDRHQUVzQixVQUNsQkMsR0FEa0IsRUFRZjtBQUNILGNBQUtDLEtBQUwsQ0FBV0MsV0FBWCxDQUF1QkYsR0FBdkI7QUFDRCxPQVpIO0FBQUE7QUFBQTs7QUFBQTtBQUFBO0FBQUEsYUFjRSxrQkFBUztBQUFBLDBCQVNILEtBQUtDLEtBVEY7QUFBQSxZQUVMRSxRQUZLLGVBRUxBLFFBRks7QUFBQSxZQUdMQyxTQUhLLGVBR0xBLFNBSEs7QUFBQSxZQUlMQyxhQUpLLGVBSUxBLGFBSks7QUFBQSxZQUtMQyxXQUxLLGVBS0xBLFdBTEs7QUFBQSxZQU1MQyxLQU5LLGVBTUxBLEtBTks7QUFBQSxZQU9MQyxJQVBLLGVBT0xBLElBUEs7QUFBQSxnREFRTEMsWUFSSztBQUFBLFlBUUxBLFlBUkssc0NBUVUsRUFSVjtBQVdQLDRCQUNFLGdDQUFDLGtDQUFELHFCQUNFLGdDQUFDLGtDQUFELHFCQUNFLGdDQUFDLG1DQUFELHFCQUNFLGdDQUFDLDRCQUFELFFBQ0lGLEtBQUssaUJBQUksZ0NBQUMsMkJBQUQ7QUFBa0IsVUFBQSxFQUFFLEVBQUVBO0FBQXRCLFVBQVYsaUJBQ0MsZ0NBQUMsMkJBQUQ7QUFDRSxVQUFBLEVBQUUsRUFBQyx1QkFETDtBQUVFLFVBQUEsTUFBTSxFQUFFO0FBQ05KLFlBQUFBLFFBQVEsRUFBRUssSUFBSSxDQUFDRSxhQUFMLENBQW1CO0FBQzNCQyxjQUFBQSxFQUFFLHFCQUFjLHFCQUFTUixRQUFULENBQWQsQ0FEeUI7QUFFM0JTLGNBQUFBLGNBQWMsRUFBRVQ7QUFGVyxhQUFuQjtBQURKO0FBRlYsVUFGSixDQURGLEVBY0dHLFdBQVcsaUJBQ1YsZ0NBQUMsVUFBRDtBQUNFLFVBQUEsV0FBVyxFQUFFQSxXQURmO0FBRUUsVUFBQSxRQUFRLEVBQUVILFFBRlo7QUFHRSxVQUFBLEVBQUUsWUFBSyxLQUFLRixLQUFMLENBQVdVLEVBQWhCLGNBQXNCUixRQUF0QjtBQUhKLFVBZkosQ0FERixlQXVCRSxnQ0FBQyxhQUFEO0FBQ0UsVUFBQSxNQUFNLEVBQUUsS0FBS0YsS0FBTCxDQUFXWSxNQURyQjtBQUVFLFVBQUEsS0FBSyxFQUFFUixhQUFhLElBQUlBLGFBQWEsQ0FBQ1MsSUFGeEM7QUFHRSxVQUFBLFdBQVcsRUFBRSxLQUFLYixLQUFMLENBQVdjLFdBSDFCO0FBSUUsVUFBQSxRQUFRLEVBQUUsS0FBS0MsaUJBSmpCO0FBS0UsVUFBQSxRQUFRO0FBTFYsVUF2QkYsQ0FERixlQWdDRSw2Q0FDR1osU0FBUyxnQkFDUixnQ0FBQyxrQ0FBRDtBQUNFLFVBQUEsU0FBUyxFQUFFLEtBQUtILEtBQUwsQ0FBV2dCLFNBRHhCO0FBRUUsVUFBQSxPQUFPLEVBQUVSLFlBRlg7QUFHRSxVQUFBLEtBQUssWUFBS04sUUFBTCxXQUhQO0FBSUUsVUFBQSxRQUFRLEVBQUUsS0FBS0YsS0FBTCxDQUFXaUIsV0FKdkI7QUFLRSxVQUFBLFFBQVEsRUFBRVQsWUFBWSxDQUFDVSxNQUFiLEdBQXNCO0FBTGxDLFVBRFEsR0FRTixJQVROLENBaENGLENBREY7QUE4Q0Q7QUF2RUg7QUFBQTtBQUFBLElBQ3VDQyxnQkFEdkM7O0FBeUVBLFNBQU8sMkJBQVdyQix3QkFBWCxDQUFQO0FBQ0Q7O2VBRWNOLCtCIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIyIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0LCB7Q29tcG9uZW50fSBmcm9tICdyZWFjdCc7XG5pbXBvcnQge0Zvcm1hdHRlZE1lc3NhZ2UsIGluamVjdEludGwsIFdyYXBwZWRDb21wb25lbnRQcm9wc30gZnJvbSAncmVhY3QtaW50bCc7XG5cbmltcG9ydCB7RmllbGR9IGZyb20gJ0BrZXBsZXIuZ2wvdHlwZXMnO1xuXG5pbXBvcnQge1BhbmVsTGFiZWwsIFBhbmVsTGFiZWxXcmFwcGVyLCBTaWRlUGFuZWxTZWN0aW9ufSBmcm9tICcuLi8uLi9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IEluZm9IZWxwZXJGYWN0b3J5IGZyb20gJy4uLy4uL2NvbW1vbi9pbmZvLWhlbHBlcic7XG5pbXBvcnQgRGltZW5zaW9uU2NhbGVTZWxlY3RvciBmcm9tICcuL2RpbWVuc2lvbi1zY2FsZS1zZWxlY3Rvcic7XG5pbXBvcnQge2NhbWVsaXplfSBmcm9tICdAa2VwbGVyLmdsL3V0aWxzJztcbmltcG9ydCBGaWVsZFNlbGVjdG9yRmFjdG9yeSBmcm9tICcuLi8uLi9jb21tb24vZmllbGQtc2VsZWN0b3InO1xuXG50eXBlIFZpc0NvbmZpZ0J5RmllbGRTZWxlY3RvclByb3BzID0ge1xuICBjaGFubmVsOiBzdHJpbmc7XG4gIGZpZWxkczogRmllbGRbXTtcbiAgaWQ6IHN0cmluZztcbiAgcHJvcGVydHk6IHN0cmluZztcbiAgc2hvd1NjYWxlOiBib29sZWFuO1xuICB1cGRhdGVGaWVsZDogKFxuICAgIHZhbDogcmVhZG9ubHkgKHN0cmluZyB8IG51bWJlciB8IGJvb2xlYW4gfCBvYmplY3QpW10gfCBzdHJpbmcgfCBudW1iZXIgfCBib29sZWFuIHwgb2JqZWN0IHwgbnVsbFxuICApID0+IHZvaWQ7XG4gIHVwZGF0ZVNjYWxlOiAoXG4gICAgdmFsOiByZWFkb25seSAoc3RyaW5nIHwgbnVtYmVyIHwgYm9vbGVhbiB8IG9iamVjdClbXSB8IHN0cmluZyB8IG51bWJlciB8IGJvb2xlYW4gfCBvYmplY3QgfCBudWxsXG4gICkgPT4gdm9pZDtcbiAgc2NhbGVUeXBlPzogc3RyaW5nO1xuICBzZWxlY3RlZEZpZWxkPzogRmllbGQ7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICBsYWJlbD86IHN0cmluZztcbiAgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIHNjYWxlT3B0aW9uczogc3RyaW5nW107XG59ICYgV3JhcHBlZENvbXBvbmVudFByb3BzO1xuXG5WaXNDb25maWdCeUZpZWxkU2VsZWN0b3JGYWN0b3J5LmRlcHMgPSBbSW5mb0hlbHBlckZhY3RvcnksIEZpZWxkU2VsZWN0b3JGYWN0b3J5XTtcblxuZnVuY3Rpb24gVmlzQ29uZmlnQnlGaWVsZFNlbGVjdG9yRmFjdG9yeShcbiAgSW5mb0hlbHBlcjogUmV0dXJuVHlwZTx0eXBlb2YgSW5mb0hlbHBlckZhY3Rvcnk+LFxuICBGaWVsZFNlbGVjdG9yOiBSZXR1cm5UeXBlPHR5cGVvZiBGaWVsZFNlbGVjdG9yRmFjdG9yeT5cbikge1xuICBjbGFzcyBWaXNDb25maWdCeUZpZWxkU2VsZWN0b3IgZXh0ZW5kcyBDb21wb25lbnQ8VmlzQ29uZmlnQnlGaWVsZFNlbGVjdG9yUHJvcHM+IHtcbiAgICBfdXBkYXRlVmlzQnlGaWVsZCA9IChcbiAgICAgIHZhbDpcbiAgICAgICAgfCByZWFkb25seSAoc3RyaW5nIHwgbnVtYmVyIHwgYm9vbGVhbiB8IG9iamVjdClbXVxuICAgICAgICB8IHN0cmluZ1xuICAgICAgICB8IG51bWJlclxuICAgICAgICB8IGJvb2xlYW5cbiAgICAgICAgfCBvYmplY3RcbiAgICAgICAgfCBudWxsXG4gICAgKSA9PiB7XG4gICAgICB0aGlzLnByb3BzLnVwZGF0ZUZpZWxkKHZhbCk7XG4gICAgfTtcblxuICAgIHJlbmRlcigpIHtcbiAgICAgIGNvbnN0IHtcbiAgICAgICAgcHJvcGVydHksXG4gICAgICAgIHNob3dTY2FsZSxcbiAgICAgICAgc2VsZWN0ZWRGaWVsZCxcbiAgICAgICAgZGVzY3JpcHRpb24sXG4gICAgICAgIGxhYmVsLFxuICAgICAgICBpbnRsLFxuICAgICAgICBzY2FsZU9wdGlvbnMgPSBbXVxuICAgICAgfSA9IHRoaXMucHJvcHM7XG5cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxTaWRlUGFuZWxTZWN0aW9uPlxuICAgICAgICAgIDxTaWRlUGFuZWxTZWN0aW9uPlxuICAgICAgICAgICAgPFBhbmVsTGFiZWxXcmFwcGVyPlxuICAgICAgICAgICAgICA8UGFuZWxMYWJlbD5cbiAgICAgICAgICAgICAgICB7KGxhYmVsICYmIDxGb3JtYXR0ZWRNZXNzYWdlIGlkPXtsYWJlbH0gLz4pIHx8IChcbiAgICAgICAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlXG4gICAgICAgICAgICAgICAgICAgIGlkPVwibGF5ZXIucHJvcGVydHlCYXNlZE9uXCJcbiAgICAgICAgICAgICAgICAgICAgdmFsdWVzPXt7XG4gICAgICAgICAgICAgICAgICAgICAgcHJvcGVydHk6IGludGwuZm9ybWF0TWVzc2FnZSh7XG4gICAgICAgICAgICAgICAgICAgICAgICBpZDogYHByb3BlcnR5LiR7Y2FtZWxpemUocHJvcGVydHkpfWAsXG4gICAgICAgICAgICAgICAgICAgICAgICBkZWZhdWx0TWVzc2FnZTogcHJvcGVydHlcbiAgICAgICAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8L1BhbmVsTGFiZWw+XG4gICAgICAgICAgICAgIHtkZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgICAgICAgICAgPEluZm9IZWxwZXJcbiAgICAgICAgICAgICAgICAgIGRlc2NyaXB0aW9uPXtkZXNjcmlwdGlvbn1cbiAgICAgICAgICAgICAgICAgIHByb3BlcnR5PXtwcm9wZXJ0eX1cbiAgICAgICAgICAgICAgICAgIGlkPXtgJHt0aGlzLnByb3BzLmlkfS0ke3Byb3BlcnR5fWB9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvUGFuZWxMYWJlbFdyYXBwZXI+XG4gICAgICAgICAgICA8RmllbGRTZWxlY3RvclxuICAgICAgICAgICAgICBmaWVsZHM9e3RoaXMucHJvcHMuZmllbGRzfVxuICAgICAgICAgICAgICB2YWx1ZT17c2VsZWN0ZWRGaWVsZCAmJiBzZWxlY3RlZEZpZWxkLm5hbWV9XG4gICAgICAgICAgICAgIHBsYWNlaG9sZGVyPXt0aGlzLnByb3BzLnBsYWNlaG9sZGVyfVxuICAgICAgICAgICAgICBvblNlbGVjdD17dGhpcy5fdXBkYXRlVmlzQnlGaWVsZH1cbiAgICAgICAgICAgICAgZXJhc2FibGVcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9TaWRlUGFuZWxTZWN0aW9uPlxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICB7c2hvd1NjYWxlID8gKFxuICAgICAgICAgICAgICA8RGltZW5zaW9uU2NhbGVTZWxlY3RvclxuICAgICAgICAgICAgICAgIHNjYWxlVHlwZT17dGhpcy5wcm9wcy5zY2FsZVR5cGV9XG4gICAgICAgICAgICAgICAgb3B0aW9ucz17c2NhbGVPcHRpb25zfVxuICAgICAgICAgICAgICAgIGxhYmVsPXtgJHtwcm9wZXJ0eX0gc2NhbGVgfVxuICAgICAgICAgICAgICAgIG9uU2VsZWN0PXt0aGlzLnByb3BzLnVwZGF0ZVNjYWxlfVxuICAgICAgICAgICAgICAgIGRpc2FibGVkPXtzY2FsZU9wdGlvbnMubGVuZ3RoIDwgMn1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L1NpZGVQYW5lbFNlY3Rpb24+XG4gICAgICApO1xuICAgIH1cbiAgfVxuICByZXR1cm4gaW5qZWN0SW50bChWaXNDb25maWdCeUZpZWxkU2VsZWN0b3IpO1xufVxuXG5leHBvcnQgZGVmYXVsdCBWaXNDb25maWdCeUZpZWxkU2VsZWN0b3JGYWN0b3J5O1xuIl19

package/dist/side-panel/layer-panel/vis-config-slider.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import RangeSliderFactory from '../../common/range-slider';
+import { Layer, LayerBaseConfig } from '@kepler.gl/layers';
+declare type VisConfigSliderProps = {
+    layer: Layer;
+    property: string;
+    onChange: (v: Record<string, number | string | number[] | string[]>) => void;
+    label?: string | ((c: LayerBaseConfig) => string);
+    range: [number, number];
+    step?: number;
+    isRanged: boolean;
+    disabled?: boolean;
+    inputTheme?: string;
+    allowCustomValue?: boolean;
+};
+declare function VisConfigSliderFactory(RangeSlider: ReturnType<typeof RangeSliderFactory>): React.FC<VisConfigSliderProps>;
+declare namespace VisConfigSliderFactory {
+    var deps: (typeof RangeSliderFactory)[];
+}
+export default VisConfigSliderFactory;

package/dist/side-panel/layer-panel/vis-config-slider.js

@@ -0,0 +1,210 @@
+// Copyright (c) 2022 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.
+
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = VisConfigSliderFactory;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _styledComponents2 = require("../../common/styled-components");
+
+var _rangeSlider = _interopRequireDefault(require("../../common/range-slider"));
+
+var _localization = require("@kepler.gl/localization");
+
+var _constants = require("@kepler.gl/constants");
+
+var _ = require("../..");
+
+var _utils = require("@kepler.gl/utils");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+var InputWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  line-height: 12px;\n  margin-bottom: 12px;\n"])));
+
+var CustomInputWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n"])));
+
+var CustomInputLabel = _styledComponents["default"].label(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  color: ", ";\n  font-weight: 500;\n  letter-spacing: 0.2px;\n  font-size: ", ";\n  padding-right: 15px;\n\n  &:last-child {\n    position: absolute;\n    right: 0;\n    padding: 0;\n  }\n"])), function (props) {
+  return props.theme.textColor;
+}, function (props) {
+  return props.theme.layerConfigGroupLabelLabelFontSize;
+});
+
+var RangeInput = _styledComponents["default"].input(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  ", ";\n  font-size: ", ";\n  width: 44px;\n  overflow: auto;\n  height: 20px;\n  margin-top: 5px;\n"])), function (props) {
+  return props.theme.input;
+}, function (props) {
+  return props.theme.sliderInputFontSize;
+});
+
+var LazyInput = function LazyInput(_ref) {
+  var value = _ref.value,
+      onChange = _ref.onChange,
+      name = _ref.name;
+
+  var _useState = (0, _react.useState)(value),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      stateValue = _useState2[0],
+      setValue = _useState2[1];
+
+  var inputRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    setValue(value);
+  }, [value]);
+  var onKeyDown = (0, _react.useCallback)(function (e) {
+    switch (e.keyCode) {
+      case _constants.KeyEvent.DOM_VK_ENTER:
+      case _constants.KeyEvent.DOM_VK_RETURN:
+        onChange(stateValue);
+
+        if (inputRef !== null) {
+          // @ts-ignore
+          inputRef === null || inputRef === void 0 ? void 0 : inputRef.current.blur();
+        }
+
+        break;
+
+      default:
+        break;
+    }
+  }, [onChange, stateValue]);
+
+  var _onChange = (0, _react.useCallback)(function (e) {
+    return setValue(e.target.value);
+  }, [setValue]);
+
+  var onBlur = (0, _react.useCallback)(function () {
+    return onChange(name, stateValue);
+  }, [onChange, name, stateValue]);
+  return /*#__PURE__*/_react["default"].createElement(RangeInput, {
+    type: "number",
+    ref: inputRef,
+    value: stateValue,
+    onChange: _onChange,
+    onBlur: onBlur,
+    onKeyDown: onKeyDown,
+    id: name
+  });
+};
+
+var CustomInput = function CustomInput(_ref2) {
+  var isRanged = _ref2.isRanged,
+      value = _ref2.value,
+      onChangeCustomInput = _ref2.onChangeCustomInput;
+  var onChangeInput = (0, _react.useCallback)(function (name, v) {
+    if (isRanged) onChangeCustomInput(name === 'value0' ? [v, value[1]] : [value[0], v]);else onChangeCustomInput(v);
+  }, [isRanged, value, onChangeCustomInput]);
+  return /*#__PURE__*/_react["default"].createElement(CustomInputWrapper, null, isRanged ? /*#__PURE__*/_react["default"].createElement(InputWrapper, null, /*#__PURE__*/_react["default"].createElement(CustomInputLabel, null, "min", /*#__PURE__*/_react["default"].createElement(LazyInput, {
+    name: "value0",
+    value: value[0],
+    onChange: onChangeInput
+  })), /*#__PURE__*/_react["default"].createElement(CustomInputLabel, null, "max", /*#__PURE__*/_react["default"].createElement(LazyInput, {
+    name: "value1",
+    value: value[1],
+    onChange: onChangeInput
+  }))) : /*#__PURE__*/_react["default"].createElement(InputWrapper, null, /*#__PURE__*/_react["default"].createElement(LazyInput, {
+    name: "value",
+    value: value,
+    onChange: onChangeInput
+  })));
+};
+
+VisConfigSliderFactory.deps = [_rangeSlider["default"]];
+
+function VisConfigSliderFactory(RangeSlider) {
+  var VisConfigSlider = function VisConfigSlider(_ref3) {
+    var config = _ref3.layer.config,
+        property = _ref3.property,
+        label = _ref3.label,
+        range = _ref3.range,
+        step = _ref3.step,
+        isRanged = _ref3.isRanged,
+        allowCustomValue = _ref3.allowCustomValue,
+        disabled = _ref3.disabled,
+        _onChange4 = _ref3.onChange,
+        inputTheme = _ref3.inputTheme;
+    var value = config.visConfig[property];
+
+    var _useState3 = (0, _react.useState)(false || !(0, _utils.isInRange)(value, range)),
+        _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+        custom = _useState4[0],
+        setCustom = _useState4[1];
+
+    var onChangeCheckbox = (0, _react.useCallback)(function () {
+      if (custom) {
+        // we are swithcing from custom to not custom
+        // adjust value to range
+        var adjustedValue = isRanged ? [(0, _utils.clamp)(range, value[0]), (0, _utils.clamp)(range, value[1])] : (0, _utils.clamp)(range, value);
+
+        _onChange4((0, _defineProperty2["default"])({}, property, adjustedValue));
+      }
+
+      setCustom(!custom);
+    }, [_onChange4, property, isRanged, value, range, custom, setCustom]);
+    return /*#__PURE__*/_react["default"].createElement(_styledComponents2.SidePanelSection, {
+      disabled: Boolean(disabled)
+    }, label ? /*#__PURE__*/_react["default"].createElement(_styledComponents2.PanelLabel, null, typeof label === 'string' ? /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: label
+    }) : typeof label === 'function' ? /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: label(config)
+    }) : /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: "property.".concat(property)
+    })) : null, allowCustomValue ? /*#__PURE__*/_react["default"].createElement(InputWrapper, null, /*#__PURE__*/_react["default"].createElement(CustomInputLabel, null, "custom input"), /*#__PURE__*/_react["default"].createElement(_.Checkbox, {
+      id: "property.".concat(property),
+      checked: custom,
+      onChange: onChangeCheckbox
+    })) : null, !custom ? /*#__PURE__*/_react["default"].createElement(RangeSlider, {
+      range: range,
+      value0: isRanged ? value[0] : range[0],
+      value1: isRanged ? value[1] : value,
+      step: step,
+      isRanged: Boolean(isRanged),
+      onChange: function onChange(v) {
+        return _onChange4((0, _defineProperty2["default"])({}, property, isRanged ? v : v[1]));
+      },
+      inputTheme: inputTheme,
+      showInput: true
+    }) : /*#__PURE__*/_react["default"].createElement(CustomInput, {
+      isRanged: isRanged,
+      value: value,
+      onChangeCustomInput: function onChangeCustomInput(v) {
+        return _onChange4((0, _defineProperty2["default"])({}, property, v));
+      }
+    }));
+  };
+
+  return VisConfigSlider;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL3Zpcy1jb25maWctc2xpZGVyLnRzeCJdLCJuYW1lcyI6WyJJbnB1dFdyYXBwZXIiLCJzdHlsZWQiLCJkaXYiLCJDdXN0b21JbnB1dFdyYXBwZXIiLCJDdXN0b21JbnB1dExhYmVsIiwibGFiZWwiLCJwcm9wcyIsInRoZW1lIiwidGV4dENvbG9yIiwibGF5ZXJDb25maWdHcm91cExhYmVsTGFiZWxGb250U2l6ZSIsIlJhbmdlSW5wdXQiLCJpbnB1dCIsInNsaWRlcklucHV0Rm9udFNpemUiLCJMYXp5SW5wdXQiLCJ2YWx1ZSIsIm9uQ2hhbmdlIiwibmFtZSIsInN0YXRlVmFsdWUiLCJzZXRWYWx1ZSIsImlucHV0UmVmIiwib25LZXlEb3duIiwiZSIsImtleUNvZGUiLCJLZXlFdmVudCIsIkRPTV9WS19FTlRFUiIsIkRPTV9WS19SRVRVUk4iLCJjdXJyZW50IiwiYmx1ciIsIl9vbkNoYW5nZSIsInRhcmdldCIsIm9uQmx1ciIsIkN1c3RvbUlucHV0IiwiaXNSYW5nZWQiLCJvbkNoYW5nZUN1c3RvbUlucHV0Iiwib25DaGFuZ2VJbnB1dCIsInYiLCJWaXNDb25maWdTbGlkZXJGYWN0b3J5IiwiZGVwcyIsIlJhbmdlU2xpZGVyRmFjdG9yeSIsIlJhbmdlU2xpZGVyIiwiVmlzQ29uZmlnU2xpZGVyIiwiY29uZmlnIiwibGF5ZXIiLCJwcm9wZXJ0eSIsInJhbmdlIiwic3RlcCIsImFsbG93Q3VzdG9tVmFsdWUiLCJkaXNhYmxlZCIsImlucHV0VGhlbWUiLCJ2aXNDb25maWciLCJjdXN0b20iLCJzZXRDdXN0b20iLCJvbkNoYW5nZUNoZWNrYm94IiwiYWRqdXN0ZWRWYWx1ZSIsIkJvb2xlYW4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBb0JBOztBQUNBOztBQUVBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUVBOzs7O0FBMkJBLElBQU1BLFlBQVksR0FBR0MsNkJBQU9DLEdBQVYs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WCxNQURELGdCQVlDLGdDQUFDLFdBQUQ7QUFDRSxNQUFBLFFBQVEsRUFBRWhCLFFBRFo7QUFFRSxNQUFBLEtBQUssRUFBRWxCLEtBRlQ7QUFHRSxNQUFBLG1CQUFtQixFQUFFLDZCQUFBcUIsQ0FBQztBQUFBLGVBQUlwQixVQUFRLHNDQUFHNEIsUUFBSCxFQUFjUixDQUFkLEVBQVo7QUFBQTtBQUh4QixNQWhDSixDQURGO0FBeUNELEdBcEVEOztBQXNFQSxTQUFPSyxlQUFQO0FBQ0QiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjIgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQgUmVhY3QsIHt1c2VTdGF0ZSwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHtQYW5lbExhYmVsLCBTaWRlUGFuZWxTZWN0aW9ufSBmcm9tICcuLi8uLi9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IFJhbmdlU2xpZGVyRmFjdG9yeSBmcm9tICcuLi8uLi9jb21tb24vcmFuZ2Utc2xpZGVyJztcbmltcG9ydCB7Rm9ybWF0dGVkTWVzc2FnZX0gZnJvbSAnQGtlcGxlci5nbC9sb2NhbGl6YXRpb24nO1xuaW1wb3J0IHtLZXlFdmVudH0gZnJvbSAnQGtlcGxlci5nbC9jb25zdGFudHMnO1xuaW1wb3J0IHtDaGVja2JveH0gZnJvbSAnLi4vLi4nO1xuaW1wb3J0IHtMYXllciwgTGF5ZXJCYXNlQ29uZmlnfSBmcm9tICdAa2VwbGVyLmdsL2xheWVycyc7XG5pbXBvcnQge2lzSW5SYW5nZSwgY2xhbXB9IGZyb20gJ0BrZXBsZXIuZ2wvdXRpbHMnO1xuXG50eXBlIExhenlJbnB1dFByb3BzID0ge1xuICB2YWx1ZTogc3RyaW5nIHwgW3N0cmluZywgc3RyaW5nXTtcbiAgbmFtZTogc3RyaW5nO1xuICBvbkNoYW5nZTogKG46IHN0cmluZyB8IFtzdHJpbmcsIHN0cmluZ10sIHY/OiBzdHJpbmcgfCBbc3RyaW5nLCBzdHJpbmddKSA9PiB2b2lkO1xufTtcblxudHlwZSBDdXN0b21JbnB1dFByb3BzID0ge1xuICB2YWx1ZTogc3RyaW5nIHwgW3N0cmluZywgc3RyaW5nXTtcbiAgaXNSYW5nZWQ6IGJvb2xlYW47XG4gIG9uQ2hhbmdlQ3VzdG9tSW5wdXQ6ICh2OiBbc3RyaW5nLCBzdHJpbmddKSA9PiB2b2lkO1xufTtcblxudHlwZSBWaXNDb25maWdTbGlkZXJQcm9wcyA9IHtcbiAgbGF5ZXI6IExheWVyO1xuICBwcm9wZXJ0eTogc3RyaW5nO1xuICBvbkNoYW5nZTogKHY6IFJlY29yZDxzdHJpbmcsIG51bWJlciB8IHN0cmluZyB8IG51bWJlcltdIHwgc3RyaW5nW10+KSA9PiB2b2lkO1xuICBsYWJlbD86IHN0cmluZyB8ICgoYzogTGF5ZXJCYXNlQ29uZmlnKSA9PiBzdHJpbmcpO1xuICByYW5nZTogW251bWJlciwgbnVtYmVyXTtcbiAgc3RlcD86IG51bWJlcjtcbiAgaXNSYW5nZWQ6IGJvb2xlYW47XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgaW5wdXRUaGVtZT86IHN0cmluZztcbiAgYWxsb3dDdXN0b21WYWx1ZT86IGJvb2xlYW47XG59O1xuXG5jb25zdCBJbnB1dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBsaW5lLWhlaWdodDogMTJweDtcbiAgbWFyZ2luLWJvdHRvbTogMTJweDtcbmA7XG5cbmNvbnN0IEN1c3RvbUlucHV0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG5gO1xuXG5jb25zdCBDdXN0b21JbnB1dExhYmVsID0gc3R5bGVkLmxhYmVsYFxuICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50ZXh0Q29sb3J9O1xuICBmb250LXdlaWdodDogNTAwO1xuICBsZXR0ZXItc3BhY2luZzogMC4ycHg7XG4gIGZvbnQtc2l6ZTogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5sYXllckNvbmZpZ0dyb3VwTGFiZWxMYWJlbEZvbnRTaXplfTtcbiAgcGFkZGluZy1yaWdodDogMTVweDtcblxuICAmOmxhc3QtY2hpbGQge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICByaWdodDogMDtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG5gO1xuXG5jb25zdCBSYW5nZUlucHV0ID0gc3R5bGVkLmlucHV0YFxuICAke3Byb3BzID0+IHByb3BzLnRoZW1lLmlucHV0fTtcbiAgZm9udC1zaXplOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnNsaWRlcklucHV0Rm9udFNpemV9O1xuICB3aWR0aDogNDRweDtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIGhlaWdodDogMjBweDtcbiAgbWFyZ2luLXRvcDogNXB4O1xuYDtcblxuY29uc3QgTGF6eUlucHV0OiBSZWFjdC5GQzxMYXp5SW5wdXRQcm9wcz4gPSAoe3ZhbHVlLCBvbkNoYW5nZSwgbmFtZX0pID0+IHtcbiAgY29uc3QgW3N0YXRlVmFsdWUsIHNldFZhbHVlXSA9IHVzZVN0YXRlKHZhbHVlKTtcbiAgY29uc3QgaW5wdXRSZWYgPSB1c2VSZWYobnVsbCk7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0VmFsdWUodmFsdWUpO1xuICB9LCBbdmFsdWVdKTtcblxuICBjb25zdCBvbktleURvd24gPSB1c2VDYWxsYmFjayhcbiAgICBlID0+IHtcbiAgICAgIHN3aXRjaCAoZS5rZXlDb2RlKSB7XG4gICAgICAgIGNhc2UgS2V5RXZlbnQuRE9NX1ZLX0VOVEVSOlxuICAgICAgICBjYXNlIEtleUV2ZW50LkRPTV9WS19SRVRVUk46XG4gICAgICAgICAgb25DaGFuZ2Uoc3RhdGVWYWx1ZSk7XG4gICAgICAgICAgaWYgKGlucHV0UmVmICE9PSBudWxsKSB7XG4gICAgICAgICAgICAvLyBAdHMtaWdub3JlXG4gICAgICAgICAgICBpbnB1dFJlZj8uY3VycmVudC5ibHVyKCk7XG4gICAgICAgICAgfVxuICAgICAgICAgIGJyZWFrO1xuICAgICAgICBkZWZhdWx0OlxuICAgICAgICAgIGJyZWFrO1xuICAgICAgfVxuICAgIH0sXG4gICAgW29uQ2hhbmdlLCBzdGF0ZVZhbHVlXVxuICApO1xuXG4gIGNvbnN0IF9vbkNoYW5nZSA9IHVzZUNhbGxiYWNrKGUgPT4gc2V0VmFsdWUoZS50YXJnZXQudmFsdWUpLCBbc2V0VmFsdWVdKTtcbiAgY29uc3Qgb25CbHVyID0gdXNlQ2FsbGJhY2soKCkgPT4gb25DaGFuZ2UobmFtZSwgc3RhdGVWYWx1ZSksIFtvbkNoYW5nZSwgbmFtZSwgc3RhdGVWYWx1ZV0pO1xuXG4gIHJldHVybiAoXG4gICAgPFJhbmdlSW5wdXRcbiAgICAgIHR5cGU9XCJudW1iZXJcIlxuICAgICAgcmVmPXtpbnB1dFJlZn1cbiAgICAgIHZhbHVlPXtzdGF0ZVZhbHVlfVxuICAgICAgb25DaGFuZ2U9e19vbkNoYW5nZX1cbiAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgb25LZXlEb3duPXtvbktleURvd259XG4gICAgICBpZD17bmFtZX1cbiAgICAvPlxuICApO1xufTtcblxuY29uc3QgQ3VzdG9tSW5wdXQ6IFJlYWN0LkZDPEN1c3RvbUlucHV0UHJvcHM+ID0gKHtpc1JhbmdlZCwgdmFsdWUsIG9uQ2hhbmdlQ3VzdG9tSW5wdXR9KSA9PiB7XG4gIGNvbnN0IG9uQ2hhbmdlSW5wdXQgPSB1c2VDYWxsYmFjayhcbiAgICAobmFtZSwgdikgPT4ge1xuICAgICAgaWYgKGlzUmFuZ2VkKSBvbkNoYW5nZUN1c3RvbUlucHV0KG5hbWUgPT09ICd2YWx1ZTAnID8gW3YsIHZhbHVlWzFdXSA6IFt2YWx1ZVswXSwgdl0pO1xuICAgICAgZWxzZSBvbkNoYW5nZUN1c3RvbUlucHV0KHYpO1xuICAgIH0sXG4gICAgW2lzUmFuZ2VkLCB2YWx1ZSwgb25DaGFuZ2VDdXN0b21JbnB1dF1cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxDdXN0b21JbnB1dFdyYXBwZXI+XG4gICAgICB7aXNSYW5nZWQgPyAoXG4gICAgICAgIDxJbnB1dFdyYXBwZXI+XG4gICAgICAgICAgPEN1c3RvbUlucHV0TGFiZWw+XG4gICAgICAgICAgICBtaW5cbiAgICAgICAgICAgIDxMYXp5SW5wdXQgbmFtZT1cInZhbHVlMFwiIHZhbHVlPXt2YWx1ZVswXX0gb25DaGFuZ2U9e29uQ2hhbmdlSW5wdXR9IC8+XG4gICAgICAgICAgPC9DdXN0b21JbnB1dExhYmVsPlxuICAgICAgICAgIDxDdXN0b21JbnB1dExhYmVsPlxuICAgICAgICAgICAgbWF4XG4gICAgICAgICAgICA8TGF6eUlucHV0IG5hbWU9XCJ2YWx1ZTFcIiB2YWx1ZT17dmFsdWVbMV19IG9uQ2hhbmdlPXtvbkNoYW5nZUlucHV0fSAvPlxuICAgICAgICAgIDwvQ3VzdG9tSW5wdXRMYWJlbD5cbiAgICAgICAgPC9JbnB1dFdyYXBwZXI+XG4gICAgICApIDogKFxuICAgICAgICA8SW5wdXRXcmFwcGVyPlxuICAgICAgICAgIDxMYXp5SW5wdXQgbmFtZT1cInZhbHVlXCIgdmFsdWU9e3ZhbHVlfSBvbkNoYW5nZT17b25DaGFuZ2VJbnB1dH0gLz5cbiAgICAgICAgPC9JbnB1dFdyYXBwZXI+XG4gICAgICApfVxuICAgIDwvQ3VzdG9tSW5wdXRXcmFwcGVyPlxuICApO1xufTtcblxuVmlzQ29uZmlnU2xpZGVyRmFjdG9yeS5kZXBzID0gW1JhbmdlU2xpZGVyRmFjdG9yeV07XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIFZpc0NvbmZpZ1NsaWRlckZhY3RvcnkoUmFuZ2VTbGlkZXI6IFJldHVyblR5cGU8dHlwZW9mIFJhbmdlU2xpZGVyRmFjdG9yeT4pIHtcbiAgY29uc3QgVmlzQ29uZmlnU2xpZGVyOiBSZWFjdC5GQzxWaXNDb25maWdTbGlkZXJQcm9wcz4gPSAoe1xuICAgIGxheWVyOiB7Y29uZmlnfSxcbiAgICBwcm9wZXJ0eSxcbiAgICBsYWJlbCxcbiAgICByYW5nZSxcbiAgICBzdGVwLFxuICAgIGlzUmFuZ2VkLFxuICAgIGFsbG93Q3VzdG9tVmFsdWUsXG4gICAgZGlzYWJsZWQsXG4gICAgb25DaGFuZ2UsXG4gICAgaW5wdXRUaGVtZVxuICB9KSA9PiB7XG4gICAgY29uc3QgdmFsdWUgPSBjb25maWcudmlzQ29uZmlnW3Byb3BlcnR5XTtcbiAgICBjb25zdCBbY3VzdG9tLCBzZXRDdXN0b21dID0gdXNlU3RhdGUoZmFsc2UgfHwgIWlzSW5SYW5nZSh2YWx1ZSwgcmFuZ2UpKTtcblxuICAgIGNvbnN0IG9uQ2hhbmdlQ2hlY2tib3ggPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICBpZiAoY3VzdG9tKSB7XG4gICAgICAgIC8vIHdlIGFyZSBzd2l0aGNpbmcgZnJvbSBjdXN0b20gdG8gbm90IGN1c3RvbVxuICAgICAgICAvLyBhZGp1c3QgdmFsdWUgdG8gcmFuZ2VcbiAgICAgICAgY29uc3QgYWRqdXN0ZWRWYWx1ZSA9IGlzUmFuZ2VkXG4gICAgICAgICAgPyBbY2xhbXAocmFuZ2UsIHZhbHVlWzBdKSwgY2xhbXAocmFuZ2UsIHZhbHVlWzFdKV1cbiAgICAgICAgICA6IGNsYW1wKHJhbmdlLCB2YWx1ZSk7XG4gICAgICAgIG9uQ2hhbmdlKHtbcHJvcGVydHldOiBhZGp1c3RlZFZhbHVlfSk7XG4gICAgICB9XG4gICAgICBzZXRDdXN0b20oIWN1c3RvbSk7XG4gICAgfSwgW29uQ2hhbmdlLCBwcm9wZXJ0eSwgaXNSYW5nZWQsIHZhbHVlLCByYW5nZSwgY3VzdG9tLCBzZXRDdXN0b21dKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U2lkZVBhbmVsU2VjdGlvbiBkaXNhYmxlZD17Qm9vbGVhbihkaXNhYmxlZCl9PlxuICAgICAgICB7bGFiZWwgPyAoXG4gICAgICAgICAgPFBhbmVsTGFiZWw+XG4gICAgICAgICAgICB7dHlwZW9mIGxhYmVsID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9e2xhYmVsfSAvPlxuICAgICAgICAgICAgKSA6IHR5cGVvZiBsYWJlbCA9PT0gJ2Z1bmN0aW9uJyA/IChcbiAgICAgICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9e2xhYmVsKGNvbmZpZyl9IC8+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSBpZD17YHByb3BlcnR5LiR7cHJvcGVydHl9YH0gLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9QYW5lbExhYmVsPlxuICAgICAgICApIDogbnVsbH1cblxuICAgICAgICB7YWxsb3dDdXN0b21WYWx1ZSA/IChcbiAgICAgICAgICA8SW5wdXRXcmFwcGVyPlxuICAgICAgICAgICAgPEN1c3RvbUlucHV0TGFiZWw+Y3VzdG9tIGlucHV0PC9DdXN0b21JbnB1dExhYmVsPlxuICAgICAgICAgICAgPENoZWNrYm94IGlkPXtgcHJvcGVydHkuJHtwcm9wZXJ0eX1gfSBjaGVja2VkPXtjdXN0b219IG9uQ2hhbmdlPXtvbkNoYW5nZUNoZWNrYm94fSAvPlxuICAgICAgICAgIDwvSW5wdXRXcmFwcGVyPlxuICAgICAgICApIDogbnVsbH1cblxuICAgICAgICB7IWN1c3RvbSA/IChcbiAgICAgICAgICA8UmFuZ2VTbGlkZXJcbiAgICAgICAgICAgIHJhbmdlPXtyYW5nZX1cbiAgICAgICAgICAgIHZhbHVlMD17aXNSYW5nZWQgPyB2YWx1ZVswXSA6IHJhbmdlWzBdfVxuICAgICAgICAgICAgdmFsdWUxPXtpc1JhbmdlZCA/IHZhbHVlWzFdIDogdmFsdWV9XG4gICAgICAgICAgICBzdGVwPXtzdGVwfVxuICAgICAgICAgICAgaXNSYW5nZWQ9e0Jvb2xlYW4oaXNSYW5nZWQpfVxuICAgICAgICAgICAgb25DaGFuZ2U9e3YgPT4gb25DaGFuZ2Uoe1twcm9wZXJ0eV06IGlzUmFuZ2VkID8gdiA6IHZbMV19KX1cbiAgICAgICAgICAgIGlucHV0VGhlbWU9e2lucHV0VGhlbWV9XG4gICAgICAgICAgICBzaG93SW5wdXRcbiAgICAgICAgICAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDxDdXN0b21JbnB1dFxuICAgICAgICAgICAgaXNSYW5nZWQ9e2lzUmFuZ2VkfVxuICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgb25DaGFuZ2VDdXN0b21JbnB1dD17diA9PiBvbkNoYW5nZSh7W3Byb3BlcnR5XTogdn0pfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICA8L1NpZGVQYW5lbFNlY3Rpb24+XG4gICAgKTtcbiAgfTtcblxuICByZXR1cm4gVmlzQ29uZmlnU2xpZGVyO1xufVxuIl19

package/dist/side-panel/layer-panel/vis-config-switch.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import InfoHelperFactory from '../../common/info-helper';
+import { Layer } from '@kepler.gl/layers';
+declare type VisConfigSwitchProps = {
+    layer: Layer;
+    property: string;
+    onChange: (v: Record<string, boolean>) => void;
+    label?: string;
+    description?: string;
+    disabled?: boolean;
+};
+declare function VisConfigSwitchFactory(InfoHelper: ReturnType<typeof InfoHelperFactory>): React.FC<VisConfigSwitchProps>;
+declare namespace VisConfigSwitchFactory {
+    var deps: (typeof InfoHelperFactory)[];
+}
+export default VisConfigSwitchFactory;

package/dist/side-panel/layer-panel/vis-config-switch.js

@@ -0,0 +1,91 @@
+// Copyright (c) 2022 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.
+
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _infoHelper = _interopRequireDefault(require("../../common/info-helper"));
+
+var _switch = _interopRequireDefault(require("../../common/switch"));
+
+var _styledComponents2 = require("../../common/styled-components");
+
+var _localization = require("@kepler.gl/localization");
+
+var _utils = require("@kepler.gl/utils");
+
+var _templateObject;
+
+var StyledVisConfigSwitch = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  justify-content: space-between;\n\n  .vis-config-switch__title {\n    display: flex;\n  }\n"])));
+
+VisConfigSwitchFactory.deps = [_infoHelper["default"]];
+
+function VisConfigSwitchFactory(InfoHelper) {
+  var VisConfigSwitch = function VisConfigSwitch(_ref) {
+    var _ref$layer = _ref.layer,
+        id = _ref$layer.id,
+        config = _ref$layer.config,
+        property = _ref.property,
+        _onChange2 = _ref.onChange,
+        label = _ref.label,
+        description = _ref.description,
+        disabled = _ref.disabled;
+    return /*#__PURE__*/_react["default"].createElement(_styledComponents2.SidePanelSection, {
+      disabled: Boolean(disabled)
+    }, /*#__PURE__*/_react["default"].createElement(StyledVisConfigSwitch, {
+      className: "vis-config-switch"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "vis-config-switch__title"
+    }, label ? /*#__PURE__*/_react["default"].createElement(_styledComponents2.PanelLabel, null, label && /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: label
+    }) || (0, _utils.capitalizeFirstLetter)(property)) : null, description ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(InfoHelper, {
+      description: description,
+      id: "".concat(id, "-").concat(property, "-description")
+    })) : null), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "vis-config-switch__switch"
+    }, /*#__PURE__*/_react["default"].createElement(_switch["default"], {
+      checked: config.visConfig[property],
+      id: "".concat(id, "-").concat(property, "-switch"),
+      onChange: function onChange() {
+        return _onChange2((0, _defineProperty2["default"])({}, property, !config.visConfig[property]));
+      }
+    }))));
+  };
+
+  return VisConfigSwitch;
+}
+
+var _default = VisConfigSwitchFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL3Zpcy1jb25maWctc3dpdGNoLnRzeCJdLCJuYW1lcyI6WyJTdHlsZWRWaXNDb25maWdTd2l0Y2giLCJzdHlsZWQiLCJkaXYiLCJWaXNDb25maWdTd2l0Y2hGYWN0b3J5IiwiZGVwcyIsIkluZm9IZWxwZXJGYWN0b3J5IiwiSW5mb0hlbHBlciIsIlZpc0NvbmZpZ1N3aXRjaCIsImxheWVyIiwiaWQiLCJjb25maWciLCJwcm9wZXJ0eSIsIm9uQ2hhbmdlIiwibGFiZWwiLCJkZXNjcmlwdGlvbiIsImRpc2FibGVkIiwiQm9vbGVhbiIsInZpc0NvbmZpZyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7OztBQW9CQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7OztBQVlBLElBQU1BLHFCQUFxQixHQUFHQyw2QkFBT0MsR0FBVix1TUFBM0I7O0FBU0FDLHNCQUFzQixDQUFDQyxJQUF2QixHQUE4QixDQUFDQyxzQkFBRCxDQUE5Qjs7QUFDQSxTQUFTRixzQkFBVCxDQUFnQ0csVUFBaEMsRUFBa0Y7QUFDaEYsTUFBTUMsZUFBK0MsR0FBRyxTQUFsREEsZUFBa0Q7QUFBQSwwQkFDdERDLEtBRHNEO0FBQUEsUUFDOUNDLEVBRDhDLGNBQzlDQSxFQUQ4QztBQUFBLFFBQzFDQyxNQUQwQyxjQUMxQ0EsTUFEMEM7QUFBQSxRQUV0REMsUUFGc0QsUUFFdERBLFFBRnNEO0FBQUEsUUFHdERDLFVBSHNELFFBR3REQSxRQUhzRDtBQUFBLFFBSXREQyxLQUpzRCxRQUl0REEsS0FKc0Q7QUFBQSxRQUt0REMsV0FMc0QsUUFLdERBLFdBTHNEO0FBQUEsUUFNdERDLFFBTnNELFFBTXREQSxRQU5zRDtBQUFBLHdCQVF0RCxnQ0FBQyxtQ0FBRDtBQUFrQixNQUFBLFFBQVEsRUFBRUMsT0FBTyxDQUFDRCxRQUFEO0FBQW5DLG9CQUNFLGdDQUFDLHFCQUFEO0FBQXVCLE1BQUEsU0FBUyxFQUFDO0FBQWpDLG9CQUNFO0FBQUssTUFBQSxTQUFTLEVBQUM7QUFBZixPQUNHRixLQUFLLGdCQUNKLGdDQUFDLDZCQUFELFFBQ0lBLEtBQUssaUJBQUksZ0NBQUMsOEJBQUQ7QUFBa0IsTUFBQSxFQUFFLEVBQUVBO0FBQXRCLE1BQVYsSUFBOEMsa0NBQXNCRixRQUF0QixDQURqRCxDQURJLEdBSUYsSUFMTixFQU1HRyxXQUFXLGdCQUNWLDBEQUNFLGdDQUFDLFVBQUQ7QUFBWSxNQUFBLFdBQVcsRUFBRUEsV0FBekI7QUFBc0MsTUFBQSxFQUFFLFlBQUtMLEVBQUwsY0FBV0UsUUFBWDtBQUF4QyxNQURGLENBRFUsR0FJUixJQVZOLENBREYsZUFhRTtBQUFLLE1BQUEsU0FBUyxFQUFDO0FBQWYsb0JBQ0UsZ0NBQUMsa0JBQUQ7QUFDRSxNQUFBLE9BQU8sRUFBRUQsTUFBTSxDQUFDTyxTQUFQLENBQWlCTixRQUFqQixDQURYO0FBRUUsTUFBQSxFQUFFLFlBQUtGLEVBQUwsY0FBV0UsUUFBWCxZQUZKO0FBR0UsTUFBQSxRQUFRLEVBQUU7QUFBQSxlQUFNQyxVQUFRLHNDQUFHRCxRQUFILEVBQWMsQ0FBQ0QsTUFBTSxDQUFDTyxTQUFQLENBQWlCTixRQUFqQixDQUFmLEVBQWQ7QUFBQTtBQUhaLE1BREYsQ0FiRixDQURGLENBUnNEO0FBQUEsR0FBeEQ7O0FBaUNBLFNBQU9KLGVBQVA7QUFDRDs7ZUFDY0osc0IiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjIgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgSW5mb0hlbHBlckZhY3RvcnkgZnJvbSAnLi4vLi4vY29tbW9uL2luZm8taGVscGVyJztcbmltcG9ydCBTd2l0Y2ggZnJvbSAnLi4vLi4vY29tbW9uL3N3aXRjaCc7XG5pbXBvcnQge1NpZGVQYW5lbFNlY3Rpb24sIFBhbmVsTGFiZWx9IGZyb20gJy4uLy4uL2NvbW1vbi9zdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge0Zvcm1hdHRlZE1lc3NhZ2V9IGZyb20gJ0BrZXBsZXIuZ2wvbG9jYWxpemF0aW9uJztcbmltcG9ydCB7Y2FwaXRhbGl6ZUZpcnN0TGV0dGVyfSBmcm9tICdAa2VwbGVyLmdsL3V0aWxzJztcbmltcG9ydCB7TGF5ZXJ9IGZyb20gJ0BrZXBsZXIuZ2wvbGF5ZXJzJztcblxudHlwZSBWaXNDb25maWdTd2l0Y2hQcm9wcyA9IHtcbiAgbGF5ZXI6IExheWVyO1xuICBwcm9wZXJ0eTogc3RyaW5nO1xuICBvbkNoYW5nZTogKHY6IFJlY29yZDxzdHJpbmcsIGJvb2xlYW4+KSA9PiB2b2lkO1xuICBsYWJlbD86IHN0cmluZztcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFN0eWxlZFZpc0NvbmZpZ1N3aXRjaCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcblxuICAudmlzLWNvbmZpZy1zd2l0Y2hfX3RpdGxlIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICB9XG5gO1xuXG5WaXNDb25maWdTd2l0Y2hGYWN0b3J5LmRlcHMgPSBbSW5mb0hlbHBlckZhY3RvcnldO1xuZnVuY3Rpb24gVmlzQ29uZmlnU3dpdGNoRmFjdG9yeShJbmZvSGVscGVyOiBSZXR1cm5UeXBlPHR5cGVvZiBJbmZvSGVscGVyRmFjdG9yeT4pIHtcbiAgY29uc3QgVmlzQ29uZmlnU3dpdGNoOiBSZWFjdC5GQzxWaXNDb25maWdTd2l0Y2hQcm9wcz4gPSAoe1xuICAgIGxheWVyOiB7aWQsIGNvbmZpZ30sXG4gICAgcHJvcGVydHksXG4gICAgb25DaGFuZ2UsXG4gICAgbGFiZWwsXG4gICAgZGVzY3JpcHRpb24sXG4gICAgZGlzYWJsZWRcbiAgfSkgPT4gKFxuICAgIDxTaWRlUGFuZWxTZWN0aW9uIGRpc2FibGVkPXtCb29sZWFuKGRpc2FibGVkKX0+XG4gICAgICA8U3R5bGVkVmlzQ29uZmlnU3dpdGNoIGNsYXNzTmFtZT1cInZpcy1jb25maWctc3dpdGNoXCI+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwidmlzLWNvbmZpZy1zd2l0Y2hfX3RpdGxlXCI+XG4gICAgICAgICAge2xhYmVsID8gKFxuICAgICAgICAgICAgPFBhbmVsTGFiZWw+XG4gICAgICAgICAgICAgIHsobGFiZWwgJiYgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9e2xhYmVsfSAvPikgfHwgY2FwaXRhbGl6ZUZpcnN0TGV0dGVyKHByb3BlcnR5KX1cbiAgICAgICAgICAgIDwvUGFuZWxMYWJlbD5cbiAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICB7ZGVzY3JpcHRpb24gPyAoXG4gICAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgICA8SW5mb0hlbHBlciBkZXNjcmlwdGlvbj17ZGVzY3JpcHRpb259IGlkPXtgJHtpZH0tJHtwcm9wZXJ0eX0tZGVzY3JpcHRpb25gfSAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInZpcy1jb25maWctc3dpdGNoX19zd2l0Y2hcIj5cbiAgICAgICAgICA8U3dpdGNoXG4gICAgICAgICAgICBjaGVja2VkPXtjb25maWcudmlzQ29uZmlnW3Byb3BlcnR5XX1cbiAgICAgICAgICAgIGlkPXtgJHtpZH0tJHtwcm9wZXJ0eX0tc3dpdGNoYH1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXsoKSA9PiBvbkNoYW5nZSh7W3Byb3BlcnR5XTogIWNvbmZpZy52aXNDb25maWdbcHJvcGVydHldfSl9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L1N0eWxlZFZpc0NvbmZpZ1N3aXRjaD5cbiAgICA8L1NpZGVQYW5lbFNlY3Rpb24+XG4gICk7XG5cbiAgcmV0dXJuIFZpc0NvbmZpZ1N3aXRjaDtcbn1cbmV4cG9ydCBkZWZhdWx0IFZpc0NvbmZpZ1N3aXRjaEZhY3Rvcnk7XG4iXX0=

package/dist/side-panel/map-manager.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import MapStyleSelectorFactory from './map-style-panel/map-style-selector';
+import LayerGroupSelectorFactory from './map-style-panel/map-layer-selector';
+import { WrappedComponentProps } from 'react-intl';
+import { MapStyle } from '@kepler.gl/reducers';
+import { MapStyleActions } from '@kepler.gl/actions';
+declare type MapManagerProps = {
+    mapStyle: MapStyle;
+    mapStyleActions: typeof MapStyleActions;
+    showAddMapStyleModal: () => void;
+} & WrappedComponentProps;
+declare function MapManagerFactory(MapStyleSelector: ReturnType<typeof MapStyleSelectorFactory>, LayerGroupSelector: ReturnType<typeof LayerGroupSelectorFactory>): React.ForwardRefExoticComponent<import("react-intl").Omit<MapManagerProps, "intl"> & {
+    forwardedRef?: React.Ref<any> | undefined;
+} & React.RefAttributes<any>> & {
+    WrappedComponent: React.ComponentType<MapManagerProps>;
+};
+declare namespace MapManagerFactory {
+    var deps: (typeof LayerGroupSelectorFactory | typeof MapStyleSelectorFactory)[];
+}
+export default MapManagerFactory;