@kepler.gl/components 3.0.0-alpha.0

package/dist/side-panel/layer-panel/how-to-button.js

@@ -0,0 +1,58 @@
+// 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"] = exports.HowToButton = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _localization = require("@kepler.gl/localization");
+
+var _styledComponents2 = require("../../common/styled-components");
+
+var _templateObject;
+
+var StyledHowToButton = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  position: absolute;\n  right: 12px;\n  top: -4px;\n"])));
+
+var HowToButton = function HowToButton(_ref) {
+  var onClick = _ref.onClick;
+  return /*#__PURE__*/_react["default"].createElement(StyledHowToButton, null, /*#__PURE__*/_react["default"].createElement(_styledComponents2.Button, {
+    link: true,
+    small: true,
+    onClick: onClick
+  }, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+    id: 'layerConfiguration.howTo'
+  })));
+};
+
+exports.HowToButton = HowToButton;
+var _default = HowToButton;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL2hvdy10by1idXR0b24udHN4Il0sIm5hbWVzIjpbIlN0eWxlZEhvd1RvQnV0dG9uIiwic3R5bGVkIiwiZGl2IiwiSG93VG9CdXR0b24iLCJvbkNsaWNrIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQW9CQTs7QUFDQTs7QUFDQTs7QUFFQTs7OztBQUVBLElBQU1BLGlCQUFpQixHQUFHQyw2QkFBT0MsR0FBViw2SUFBdkI7O0FBVU8sSUFBTUMsV0FBdUMsR0FBRyxTQUExQ0EsV0FBMEM7QUFBQSxNQUFFQyxPQUFGLFFBQUVBLE9BQUY7QUFBQSxzQkFDckQsZ0NBQUMsaUJBQUQscUJBQ0UsZ0NBQUMseUJBQUQ7QUFBUSxJQUFBLElBQUksTUFBWjtBQUFhLElBQUEsS0FBSyxNQUFsQjtBQUFtQixJQUFBLE9BQU8sRUFBRUE7QUFBNUIsa0JBQ0UsZ0NBQUMsOEJBQUQ7QUFBa0IsSUFBQSxFQUFFLEVBQUU7QUFBdEIsSUFERixDQURGLENBRHFEO0FBQUEsQ0FBaEQ7OztlQVFRRCxXIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIyIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0LCB7TW91c2VFdmVudEhhbmRsZXJ9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtGb3JtYXR0ZWRNZXNzYWdlfSBmcm9tICdAa2VwbGVyLmdsL2xvY2FsaXphdGlvbic7XG5cbmltcG9ydCB7QnV0dG9ufSBmcm9tICcuLi8uLi9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5jb25zdCBTdHlsZWRIb3dUb0J1dHRvbiA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDEycHg7XG4gIHRvcDogLTRweDtcbmA7XG5cbmV4cG9ydCB0eXBlIEhvd1RvQnV0dG9uUHJvcHMgPSB7XG4gIG9uQ2xpY2s6IE1vdXNlRXZlbnRIYW5kbGVyO1xufTtcblxuZXhwb3J0IGNvbnN0IEhvd1RvQnV0dG9uOiBSZWFjdC5GQzxIb3dUb0J1dHRvblByb3BzPiA9ICh7b25DbGlja306IEhvd1RvQnV0dG9uUHJvcHMpID0+IChcbiAgPFN0eWxlZEhvd1RvQnV0dG9uPlxuICAgIDxCdXR0b24gbGluayBzbWFsbCBvbkNsaWNrPXtvbkNsaWNrfT5cbiAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIGlkPXsnbGF5ZXJDb25maWd1cmF0aW9uLmhvd1RvJ30gLz5cbiAgICA8L0J1dHRvbj5cbiAgPC9TdHlsZWRIb3dUb0J1dHRvbj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IEhvd1RvQnV0dG9uO1xuIl19

package/dist/side-panel/layer-panel/layer-column-config.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import ColumnSelectorFactory from './column-selector';
+import { ColumnPairs, Layer, LayerColumns, LayerBaseConfig } from '@kepler.gl/layers';
+import { Field, FieldPair } from '@kepler.gl/types';
+declare type LayerColumnConfigProps = {
+    columnPairs?: ColumnPairs | null;
+    fieldPairs?: FieldPair[];
+    columns: LayerColumns;
+    columnLabels?: Record<string, string>;
+    fields: Field[];
+    updateLayerConfig: (newConfig: Partial<LayerBaseConfig>) => void;
+    assignColumn: Layer['assignColumn'];
+    assignColumnPairs: Layer['assignColumnPairs'];
+};
+declare function LayerColumnConfigFactory(ColumnSelector: ReturnType<typeof ColumnSelectorFactory>): React.FC<LayerColumnConfigProps>;
+declare namespace LayerColumnConfigFactory {
+    var deps: (typeof ColumnSelectorFactory)[];
+}
+export default LayerColumnConfigFactory;

package/dist/side-panel/layer-panel/layer-column-config.js

@@ -0,0 +1,107 @@
+// 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"] = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _localization = require("@kepler.gl/localization");
+
+var _styledComponents2 = require("../../common/styled-components");
+
+var _columnSelector = _interopRequireDefault(require("./column-selector"));
+
+var _templateObject;
+
+var TopRow = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  justify-content: space-between;\n"])));
+
+LayerColumnConfigFactory.deps = [_columnSelector["default"]];
+
+function LayerColumnConfigFactory(ColumnSelector) {
+  var LayerColumnConfig = function LayerColumnConfig(_ref) {
+    var columnPairs = _ref.columnPairs,
+        fieldPairs = _ref.fieldPairs,
+        columns = _ref.columns,
+        columnLabels = _ref.columnLabels,
+        fields = _ref.fields,
+        updateLayerConfig = _ref.updateLayerConfig,
+        assignColumn = _ref.assignColumn,
+        assignColumnPairs = _ref.assignColumnPairs;
+    var enhancedFieldPairs = (0, _react.useMemo)(function () {
+      return columnPairs && fieldPairs ? fieldPairs.map(function (fp) {
+        return {
+          name: fp.defaultName,
+          type: 'point',
+          pair: fp.pair
+        };
+      }) : null;
+    }, [columnPairs, fieldPairs]);
+    var onUpdateColumn = (0, _react.useCallback)(function (key, value) {
+      var assignedColumns = value && value.pair && columnPairs ? assignColumnPairs(key, value.pair) : assignColumn(key, value);
+      updateLayerConfig({
+        columns: assignedColumns
+      });
+    }, [updateLayerConfig, columnPairs, assignColumnPairs, assignColumn]);
+
+    if (!Object.keys(columns).length) {
+      // don't render if columns is empty
+      return /*#__PURE__*/_react["default"].createElement("div", null);
+    }
+
+    return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_styledComponents2.SidePanelSection, null, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "layer-config__column"
+    }, /*#__PURE__*/_react["default"].createElement(TopRow, null, /*#__PURE__*/_react["default"].createElement(_styledComponents2.PanelLabel, null, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: 'columns.title'
+    })), /*#__PURE__*/_react["default"].createElement(_styledComponents2.PanelLabel, null, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: "layer.required"
+    }))), Object.keys(columns).map(function (key) {
+      return /*#__PURE__*/_react["default"].createElement(ColumnSelector, {
+        column: columns[key],
+        columns: columns,
+        label: columnLabels && columnLabels[key] || key,
+        key: key,
+        allFields: fields,
+        fieldPairs: enhancedFieldPairs,
+        onSelect: function onSelect(val) {
+          return onUpdateColumn(key, val);
+        }
+      });
+    }))));
+  };
+
+  return LayerColumnConfig;
+}
+
+var _default = LayerColumnConfigFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL2xheWVyLWNvbHVtbi1jb25maWcudHN4Il0sIm5hbWVzIjpbIlRvcFJvdyIsInN0eWxlZCIsImRpdiIsIkxheWVyQ29sdW1uQ29uZmlnRmFjdG9yeSIsImRlcHMiLCJDb2x1bW5TZWxlY3RvckZhY3RvcnkiLCJDb2x1bW5TZWxlY3RvciIsIkxheWVyQ29sdW1uQ29uZmlnIiwiY29sdW1uUGFpcnMiLCJmaWVsZFBhaXJzIiwiY29sdW1ucyIsImNvbHVtbkxhYmVscyIsImZpZWxkcyIsInVwZGF0ZUxheWVyQ29uZmlnIiwiYXNzaWduQ29sdW1uIiwiYXNzaWduQ29sdW1uUGFpcnMiLCJlbmhhbmNlZEZpZWxkUGFpcnMiLCJtYXAiLCJmcCIsIm5hbWUiLCJkZWZhdWx0TmFtZSIsInR5cGUiLCJwYWlyIiwib25VcGRhdGVDb2x1bW4iLCJrZXkiLCJ2YWx1ZSIsImFzc2lnbmVkQ29sdW1ucyIsIk9iamVjdCIsImtleXMiLCJsZW5ndGgiLCJ2YWwiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7QUFvQkE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7QUFlQSxJQUFNQSxNQUFNLEdBQUdDLDZCQUFPQyxHQUFWLDZJQUFaOztBQUtBQyx3QkFBd0IsQ0FBQ0MsSUFBekIsR0FBZ0MsQ0FBQ0MsMEJBQUQsQ0FBaEM7O0FBRUEsU0FBU0Ysd0JBQVQsQ0FBa0NHLGNBQWxDLEVBQTRGO0FBQzFGLE1BQU1DLGlCQUFtRCxHQUFHLFNBQXREQSxpQkFBc0QsT0FTdEQ7QUFBQSxRQVJKQyxXQVFJLFFBUkpBLFdBUUk7QUFBQSxRQVBKQyxVQU9JLFFBUEpBLFVBT0k7QUFBQSxRQU5KQyxPQU1JLFFBTkpBLE9BTUk7QUFBQSxRQUxKQyxZQUtJLFFBTEpBLFlBS0k7QUFBQSxRQUpKQyxNQUlJLFFBSkpBLE1BSUk7QUFBQSxRQUhKQyxpQkFHSSxRQUhKQSxpQkFHSTtBQUFBLFFBRkpDLFlBRUksUUFGSkEsWUFFSTtBQUFBLFFBREpDLGlCQUNJLFFBREpBLGlCQUNJO0FBQ0osUUFBTUMsa0JBQWtCLEdBQUcsb0JBQ3pCO0FBQUEsYUFDRVIsV0FBVyxJQUFJQyxVQUFmLEdBQ0lBLFVBQVUsQ0FBQ1EsR0FBWCxDQUFlLFVBQUFDLEVBQUU7QUFBQSxlQUFLO0FBQ3BCQyxVQUFBQSxJQUFJLEVBQUVELEVBQUUsQ0FBQ0UsV0FEVztBQUVwQkMsVUFBQUEsSUFBSSxFQUFFLE9BRmM7QUFHcEJDLFVBQUFBLElBQUksRUFBRUosRUFBRSxDQUFDSTtBQUhXLFNBQUw7QUFBQSxPQUFqQixDQURKLEdBTUksSUFQTjtBQUFBLEtBRHlCLEVBU3pCLENBQUNkLFdBQUQsRUFBY0MsVUFBZCxDQVR5QixDQUEzQjtBQVlBLFFBQU1jLGNBQWMsR0FBRyx3QkFDckIsVUFBQ0MsR0FBRCxFQUFNQyxLQUFOLEVBQWdCO0FBQ2QsVUFBTUMsZUFBZSxHQUNuQkQsS0FBSyxJQUFJQSxLQUFLLENBQUNILElBQWYsSUFBdUJkLFdBQXZCLEdBQ0lPLGlCQUFpQixDQUFDUyxHQUFELEVBQU1DLEtBQUssQ0FBQ0gsSUFBWixDQURyQixHQUVJUixZQUFZLENBQUNVLEdBQUQsRUFBTUMsS0FBTixDQUhsQjtBQUtBWixNQUFBQSxpQkFBaUIsQ0FBQztBQUFDSCxRQUFBQSxPQUFPLEVBQUVnQjtBQUFWLE9BQUQsQ0FBakI7QUFDRCxLQVJvQixFQVNyQixDQUFDYixpQkFBRCxFQUFvQkwsV0FBcEIsRUFBaUNPLGlCQUFqQyxFQUFvREQsWUFBcEQsQ0FUcUIsQ0FBdkI7O0FBWUEsUUFBSSxDQUFDYSxNQUFNLENBQUNDLElBQVAsQ0FBWWxCLE9BQVosRUFBcUJtQixNQUExQixFQUFrQztBQUNoQztBQUNBLDBCQUFPLDRDQUFQO0FBQ0Q7O0FBRUQsd0JBQ0UsMERBQ0UsZ0NBQUMsbUNBQUQscUJBQ0U7QUFBSyxNQUFBLFNBQVMsRUFBQztBQUFmLG9CQUNFLGdDQUFDLE1BQUQscUJBQ0UsZ0NBQUMsNkJBQUQscUJBQ0UsZ0NBQUMsOEJBQUQ7QUFBa0IsTUFBQSxFQUFFLEVBQUU7QUFBdEIsTUFERixDQURGLGVBSUUsZ0NBQUMsNkJBQUQscUJBQ0UsZ0NBQUMsOEJBQUQ7QUFBa0IsTUFBQSxFQUFFLEVBQUM7QUFBckIsTUFERixDQUpGLENBREYsRUFTR0YsTUFBTSxDQUFDQyxJQUFQLENBQVlsQixPQUFaLEVBQXFCTyxHQUFyQixDQUF5QixVQUFBTyxHQUFHO0FBQUEsMEJBQzNCLGdDQUFDLGNBQUQ7QUFDRSxRQUFBLE1BQU0sRUFBRWQsT0FBTyxDQUFDYyxHQUFELENBRGpCO0FBRUUsUUFBQSxPQUFPLEVBQUVkLE9BRlg7QUFHRSxRQUFBLEtBQUssRUFBR0MsWUFBWSxJQUFJQSxZQUFZLENBQUNhLEdBQUQsQ0FBN0IsSUFBdUNBLEdBSGhEO0FBSUUsUUFBQSxHQUFHLEVBQUVBLEdBSlA7QUFLRSxRQUFBLFNBQVMsRUFBRVosTUFMYjtBQU1FLFFBQUEsVUFBVSxFQUFFSSxrQkFOZDtBQU9FLFFBQUEsUUFBUSxFQUFFLGtCQUFBYyxHQUFHO0FBQUEsaUJBQUlQLGNBQWMsQ0FBQ0MsR0FBRCxFQUFNTSxHQUFOLENBQWxCO0FBQUE7QUFQZixRQUQyQjtBQUFBLEtBQTVCLENBVEgsQ0FERixDQURGLENBREY7QUEyQkQsR0FsRUQ7O0FBb0VBLFNBQU92QixpQkFBUDtBQUNEOztlQUVjSix3QiIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAyMiBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCBSZWFjdCwge3VzZUNhbGxiYWNrLCB1c2VNZW1vfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7Rm9ybWF0dGVkTWVzc2FnZX0gZnJvbSAnQGtlcGxlci5nbC9sb2NhbGl6YXRpb24nO1xuaW1wb3J0IHtQYW5lbExhYmVsLCBTaWRlUGFuZWxTZWN0aW9ufSBmcm9tICcuLi8uLi9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IENvbHVtblNlbGVjdG9yRmFjdG9yeSBmcm9tICcuL2NvbHVtbi1zZWxlY3Rvcic7XG5pbXBvcnQge0NvbHVtblBhaXJzLCBMYXllciwgTGF5ZXJDb2x1bW5zLCBMYXllckJhc2VDb25maWd9IGZyb20gJ0BrZXBsZXIuZ2wvbGF5ZXJzJztcbmltcG9ydCB7RmllbGQsIEZpZWxkUGFpcn0gZnJvbSAnQGtlcGxlci5nbC90eXBlcyc7XG5cbnR5cGUgTGF5ZXJDb2x1bW5Db25maWdQcm9wcyA9IHtcbiAgY29sdW1uUGFpcnM/OiBDb2x1bW5QYWlycyB8IG51bGw7XG4gIGZpZWxkUGFpcnM/OiBGaWVsZFBhaXJbXTtcbiAgY29sdW1uczogTGF5ZXJDb2x1bW5zO1xuICBjb2x1bW5MYWJlbHM/OiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+O1xuICBmaWVsZHM6IEZpZWxkW107XG4gIHVwZGF0ZUxheWVyQ29uZmlnOiAobmV3Q29uZmlnOiBQYXJ0aWFsPExheWVyQmFzZUNvbmZpZz4pID0+IHZvaWQ7XG4gIGFzc2lnbkNvbHVtbjogTGF5ZXJbJ2Fzc2lnbkNvbHVtbiddO1xuICBhc3NpZ25Db2x1bW5QYWlyczogTGF5ZXJbJ2Fzc2lnbkNvbHVtblBhaXJzJ107XG59O1xuXG5jb25zdCBUb3BSb3cgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5gO1xuXG5MYXllckNvbHVtbkNvbmZpZ0ZhY3RvcnkuZGVwcyA9IFtDb2x1bW5TZWxlY3RvckZhY3RvcnldO1xuXG5mdW5jdGlvbiBMYXllckNvbHVtbkNvbmZpZ0ZhY3RvcnkoQ29sdW1uU2VsZWN0b3I6IFJldHVyblR5cGU8dHlwZW9mIENvbHVtblNlbGVjdG9yRmFjdG9yeT4pIHtcbiAgY29uc3QgTGF5ZXJDb2x1bW5Db25maWc6IFJlYWN0LkZDPExheWVyQ29sdW1uQ29uZmlnUHJvcHM+ID0gKHtcbiAgICBjb2x1bW5QYWlycyxcbiAgICBmaWVsZFBhaXJzLFxuICAgIGNvbHVtbnMsXG4gICAgY29sdW1uTGFiZWxzLFxuICAgIGZpZWxkcyxcbiAgICB1cGRhdGVMYXllckNvbmZpZyxcbiAgICBhc3NpZ25Db2x1bW4sXG4gICAgYXNzaWduQ29sdW1uUGFpcnNcbiAgfSkgPT4ge1xuICAgIGNvbnN0IGVuaGFuY2VkRmllbGRQYWlycyA9IHVzZU1lbW8oXG4gICAgICAoKSA9PlxuICAgICAgICBjb2x1bW5QYWlycyAmJiBmaWVsZFBhaXJzXG4gICAgICAgICAgPyBmaWVsZFBhaXJzLm1hcChmcCA9PiAoe1xuICAgICAgICAgICAgICBuYW1lOiBmcC5kZWZhdWx0TmFtZSxcbiAgICAgICAgICAgICAgdHlwZTogJ3BvaW50JyxcbiAgICAgICAgICAgICAgcGFpcjogZnAucGFpclxuICAgICAgICAgICAgfSkpXG4gICAgICAgICAgOiBudWxsLFxuICAgICAgW2NvbHVtblBhaXJzLCBmaWVsZFBhaXJzXVxuICAgICk7XG5cbiAgICBjb25zdCBvblVwZGF0ZUNvbHVtbiA9IHVzZUNhbGxiYWNrKFxuICAgICAgKGtleSwgdmFsdWUpID0+IHtcbiAgICAgICAgY29uc3QgYXNzaWduZWRDb2x1bW5zID1cbiAgICAgICAgICB2YWx1ZSAmJiB2YWx1ZS5wYWlyICYmIGNvbHVtblBhaXJzXG4gICAgICAgICAgICA/IGFzc2lnbkNvbHVtblBhaXJzKGtleSwgdmFsdWUucGFpcilcbiAgICAgICAgICAgIDogYXNzaWduQ29sdW1uKGtleSwgdmFsdWUpO1xuXG4gICAgICAgIHVwZGF0ZUxheWVyQ29uZmlnKHtjb2x1bW5zOiBhc3NpZ25lZENvbHVtbnN9KTtcbiAgICAgIH0sXG4gICAgICBbdXBkYXRlTGF5ZXJDb25maWcsIGNvbHVtblBhaXJzLCBhc3NpZ25Db2x1bW5QYWlycywgYXNzaWduQ29sdW1uXVxuICAgICk7XG5cbiAgICBpZiAoIU9iamVjdC5rZXlzKGNvbHVtbnMpLmxlbmd0aCkge1xuICAgICAgLy8gZG9uJ3QgcmVuZGVyIGlmIGNvbHVtbnMgaXMgZW1wdHlcbiAgICAgIHJldHVybiA8ZGl2IC8+O1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2PlxuICAgICAgICA8U2lkZVBhbmVsU2VjdGlvbj5cbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImxheWVyLWNvbmZpZ19fY29sdW1uXCI+XG4gICAgICAgICAgICA8VG9wUm93PlxuICAgICAgICAgICAgICA8UGFuZWxMYWJlbD5cbiAgICAgICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSBpZD17J2NvbHVtbnMudGl0bGUnfSAvPlxuICAgICAgICAgICAgICA8L1BhbmVsTGFiZWw+XG4gICAgICAgICAgICAgIDxQYW5lbExhYmVsPlxuICAgICAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIGlkPVwibGF5ZXIucmVxdWlyZWRcIiAvPlxuICAgICAgICAgICAgICA8L1BhbmVsTGFiZWw+XG4gICAgICAgICAgICA8L1RvcFJvdz5cbiAgICAgICAgICAgIHtPYmplY3Qua2V5cyhjb2x1bW5zKS5tYXAoa2V5ID0+IChcbiAgICAgICAgICAgICAgPENvbHVtblNlbGVjdG9yXG4gICAgICAgICAgICAgICAgY29sdW1uPXtjb2x1bW5zW2tleV19XG4gICAgICAgICAgICAgICAgY29sdW1ucz17Y29sdW1uc31cbiAgICAgICAgICAgICAgICBsYWJlbD17KGNvbHVtbkxhYmVscyAmJiBjb2x1bW5MYWJlbHNba2V5XSkgfHwga2V5fVxuICAgICAgICAgICAgICAgIGtleT17a2V5fVxuICAgICAgICAgICAgICAgIGFsbEZpZWxkcz17ZmllbGRzfVxuICAgICAgICAgICAgICAgIGZpZWxkUGFpcnM9e2VuaGFuY2VkRmllbGRQYWlyc31cbiAgICAgICAgICAgICAgICBvblNlbGVjdD17dmFsID0+IG9uVXBkYXRlQ29sdW1uKGtleSwgdmFsKX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICkpfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L1NpZGVQYW5lbFNlY3Rpb24+XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9O1xuXG4gIHJldHVybiBMYXllckNvbHVtbkNvbmZpZztcbn1cblxuZXhwb3J0IGRlZmF1bHQgTGF5ZXJDb2x1bW5Db25maWdGYWN0b3J5O1xuIl19

package/dist/side-panel/layer-panel/layer-config-group.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import InfoHelperFactory from '../../common/info-helper';
+import { Layer } from '@kepler.gl/layers';
+import { LayerVisConfig } from '@kepler.gl/types';
+declare type LayerConfigGroupLabelProps = {
+    label?: string;
+    description?: string;
+};
+declare type LayerConfigGroupProps = {
+    layer?: Layer;
+    label: string;
+    property?: string;
+    description?: string;
+    collapsible?: boolean;
+    expanded?: boolean;
+    disabled?: boolean;
+    onChange?: (newVisConfig: Partial<LayerVisConfig>) => void;
+};
+export declare const StyledLayerConfigGroupAction: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ConfigGroupCollapsibleContent: import("styled-components").StyledComponent<"div", any, {
+    className: "layer-config-group__content__collapsible";
+}, "className">;
+export declare const ConfigGroupCollapsibleHeader: import("styled-components").StyledComponent<"div", any, {
+    className: "layer-config-group__header__collapsible";
+}, "className">;
+export declare const StyledLayerConfigGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare function LayerConfigGroupLabelFactory(InfoHelper: ReturnType<typeof InfoHelperFactory>): React.FC<LayerConfigGroupLabelProps>;
+export declare namespace LayerConfigGroupLabelFactory {
+    var deps: (typeof InfoHelperFactory)[];
+}
+declare function LayerConfigGroupFactory(LayerConfigGroupLabel: ReturnType<typeof LayerConfigGroupLabelFactory>): React.FC<LayerConfigGroupProps>;
+declare namespace LayerConfigGroupFactory {
+    var deps: (typeof LayerConfigGroupLabelFactory)[];
+}
+export default LayerConfigGroupFactory;

package/dist/side-panel/layer-panel/layer-config-group.js

@@ -0,0 +1,188 @@
+// 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.LayerConfigGroupLabelFactory = LayerConfigGroupLabelFactory;
+exports["default"] = exports.StyledLayerConfigGroup = exports.ConfigGroupCollapsibleHeader = exports.ConfigGroupCollapsibleContent = exports.StyledLayerConfigGroupAction = void 0;
+
+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 _classnames = _interopRequireDefault(require("classnames"));
+
+var _reactIntl = require("react-intl");
+
+var _switch = _interopRequireDefault(require("../../common/switch"));
+
+var _infoHelper = _interopRequireDefault(require("../../common/info-helper"));
+
+var _icons = require("../../common/icons");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+
+var StyledLayerConfigGroupAction = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  color: ", ";\n"])), function (props) {
+  return props.theme.textColor;
+});
+
+exports.StyledLayerConfigGroupAction = StyledLayerConfigGroupAction;
+
+var ConfigGroupCollapsibleContent = _styledComponents["default"].div.attrs({
+  className: 'layer-config-group__content__collapsible'
+})(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  overflow: visible;\n  transition: max-height 0.3s ease-out;\n  height: max-content;\n  max-height: 600px;\n"])));
+
+exports.ConfigGroupCollapsibleContent = ConfigGroupCollapsibleContent;
+
+var ConfigGroupCollapsibleHeader = _styledComponents["default"].div.attrs({
+  className: 'layer-config-group__header__collapsible'
+})(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  overflow: visible;\n  overflow: hidden;\n  max-height: 0;\n"])));
+
+exports.ConfigGroupCollapsibleHeader = ConfigGroupCollapsibleHeader;
+
+var StyledLayerConfigGroup = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  padding-left: ", "px;\n  margin-bottom: ", "px;\n\n  &.disabled {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  &.collapsed {\n    .layer-config-group__header__collapsible {\n      overflow: visible;\n      max-height: 600px;\n    }\n    .layer-config-group__content {\n      .layer-config-group__content__collapsible {\n        overflow: hidden;\n        max-height: 0;\n      }\n    }\n  }\n"])), function (props) {
+  return props.theme.layerConfigGroupPaddingLeft;
+}, function (props) {
+  return props.theme.layerConfigGroupMarginBottom;
+});
+
+exports.StyledLayerConfigGroup = StyledLayerConfigGroup;
+
+var StyledConfigGroupHeader = _styledComponents["default"].div.attrs({
+  className: 'layer-config-group__header'
+})(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 12px;\n\n  :hover {\n    cursor: pointer;\n    .layer-config-group__label {\n      color: ", ";\n    }\n\n    .layer-config-group__action {\n      color: ", ";\n    }\n  }\n"])), function (props) {
+  return props.theme.textColorHl;
+}, function (props) {
+  return props.theme.textColorHl;
+});
+
+var ConfigGroupContent = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  &.disabled {\n    opacity: 0.3;\n    pointer-events: none;\n    * {\n      pointer-events: none;\n    }\n  }\n"])));
+
+LayerConfigGroupLabelFactory.deps = [_infoHelper["default"]];
+
+function LayerConfigGroupLabelFactory(InfoHelper) {
+  var StyledLayerConfigGroupLabel = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n    border-left: ", " solid\n      ", ";\n    line-height: 12px;\n    margin-left: ", ";\n    padding-left: ", ";\n\n    display: flex;\n    align-items: center;\n\n    span {\n      color: ", ";\n      font-weight: 500;\n      letter-spacing: 0.2px;\n      text-transform: capitalize;\n      margin-left: ", ";\n      font-size: ", ";\n    }\n  "])), function (props) {
+    return props.theme.layerConfigGroupLabelBorderLeft;
+  }, function (props) {
+    return props.theme.labelColor;
+  }, function (props) {
+    return props.theme.layerConfigGroupLabelMargin;
+  }, function (props) {
+    return props.theme.layerConfigGroupLabelPadding;
+  }, function (props) {
+    return props.theme.textColor;
+  }, function (props) {
+    return props.theme.layerConfigGroupLabelLabelMargin;
+  }, function (props) {
+    return props.theme.layerConfigGroupLabelLabelFontSize;
+  });
+
+  var LayerConfigGroupLabel = function LayerConfigGroupLabel(_ref) {
+    var label = _ref.label,
+        description = _ref.description;
+    return /*#__PURE__*/_react["default"].createElement(StyledLayerConfigGroupLabel, {
+      className: "layer-config-group__label"
+    }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
+      id: label || 'misc.empty',
+      defaultMessage: label
+    })), description && /*#__PURE__*/_react["default"].createElement(InfoHelper, {
+      description: description,
+      id: label
+    }));
+  };
+
+  return LayerConfigGroupLabel;
+}
+
+LayerConfigGroupFactory.deps = [LayerConfigGroupLabelFactory];
+
+function LayerConfigGroupFactory(LayerConfigGroupLabel) {
+  var LayerConfigGroup = function LayerConfigGroup(_ref2) {
+    var label = _ref2.label,
+        children = _ref2.children,
+        property = _ref2.property,
+        layer = _ref2.layer,
+        _onChange2 = _ref2.onChange,
+        collapsible = _ref2.collapsible,
+        description = _ref2.description,
+        disabled = _ref2.disabled,
+        expanded = _ref2.expanded;
+
+    var _useState = (0, _react.useState)(!expanded),
+        _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+        collapsed = _useState2[0],
+        toggleCollapsed = _useState2[1];
+
+    var onToggleCollapsed = (0, _react.useCallback)(function () {
+      toggleCollapsed(!collapsed);
+    }, [collapsed, toggleCollapsed]);
+    return /*#__PURE__*/_react["default"].createElement(StyledLayerConfigGroup, {
+      className: (0, _classnames["default"])('layer-config-group', {
+        collapsed: collapsed,
+        disabled: disabled
+      })
+    }, /*#__PURE__*/_react["default"].createElement(StyledConfigGroupHeader, {
+      onClick: onToggleCollapsed
+    }, /*#__PURE__*/_react["default"].createElement(LayerConfigGroupLabel, {
+      label: label,
+      description: description
+    }), /*#__PURE__*/_react["default"].createElement(StyledLayerConfigGroupAction, {
+      className: "layer-config-group__action"
+    }, property ? /*#__PURE__*/_react["default"].createElement(_switch["default"], {
+      checked: layer === null || layer === void 0 ? void 0 : layer.config.visConfig[property],
+      id: "".concat(layer === null || layer === void 0 ? void 0 : layer.id, "-").concat(property),
+      onChange: function onChange() {
+        return _onChange2 === null || _onChange2 === void 0 ? void 0 : _onChange2((0, _defineProperty2["default"])({}, property, !(layer !== null && layer !== void 0 && layer.config.visConfig[property])));
+      }
+    }) : null, collapsible ? /*#__PURE__*/_react["default"].createElement(_icons.VertThreeDots, {
+      height: "18px"
+    }) : null)), /*#__PURE__*/_react["default"].createElement(ConfigGroupContent, {
+      className: (0, _classnames["default"])('layer-config-group__content', {
+        disabled: property && !(layer !== null && layer !== void 0 && layer.config.visConfig[property])
+      })
+    }, children));
+  };
+
+  LayerConfigGroup.defaultProps = {
+    collapsible: false,
+    expanded: false,
+    onChange: function onChange() {},
+    description: '',
+    disabled: false
+  };
+  return LayerConfigGroup;
+}
+
+var _default = LayerConfigGroupFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL2xheWVyLWNvbmZpZy1ncm91cC50c3giXSwibmFtZXMiOlsiU3R5bGVkTGF5ZXJDb25maWdHcm91cEFjdGlvbiIsInN0eWxlZCIsImRpdiIsInByb3BzIiwidGhlbWUiLCJ0ZXh0Q29sb3IiLCJDb25maWdHcm91cENvbGxhcHNpYmxlQ29udGVudCIsImF0dHJzIiwiY2xhc3NOYW1lIiwiQ29uZmlnR3JvdXBDb2xsYXBzaWJsZUhlYWRlciIsIlN0eWxlZExheWVyQ29uZmlnR3JvdXAiLCJsYXllckNvbmZpZ0dyb3VwUGFkZGluZ0xlZnQiLCJsYXllckNvbmZpZ0dyb3VwTWFyZ2luQm90dG9tIiwiU3R5bGVkQ29uZmlnR3JvdXBIZWFkZXIiLCJ0ZXh0Q29sb3JIbCIsIkNvbmZpZ0dyb3VwQ29udGVudCIsIkxheWVyQ29uZmlnR3JvdXBMYWJlbEZhY3RvcnkiLCJkZXBzIiwiSW5mb0hlbHBlckZhY3RvcnkiLCJJbmZvSGVscGVyIiwiU3R5bGVkTGF5ZXJDb25maWdHcm91cExhYmVsIiwibGF5ZXJDb25maWdHcm91cExhYmVsQm9yZGVyTGVmdCIsImxhYmVsQ29sb3IiLCJsYXllckNvbmZpZ0dyb3VwTGFiZWxNYXJnaW4iLCJsYXllckNvbmZpZ0dyb3VwTGFiZWxQYWRkaW5nIiwibGF5ZXJDb25maWdHcm91cExhYmVsTGFiZWxNYXJnaW4iLCJsYXllckNvbmZpZ0dyb3VwTGFiZWxMYWJlbEZvbnRTaXplIiwiTGF5ZXJDb25maWdHcm91cExhYmVsIiwibGFiZWwiLCJkZXNjcmlwdGlvbiIsIkxheWVyQ29uZmlnR3JvdXBGYWN0b3J5IiwiTGF5ZXJDb25maWdHcm91cCIsImNoaWxkcmVuIiwicHJvcGVydHkiLCJsYXllciIsIm9uQ2hhbmdlIiwiY29sbGFwc2libGUiLCJkaXNhYmxlZCIsImV4cGFuZGVkIiwiY29sbGFwc2VkIiwidG9nZ2xlQ29sbGFwc2VkIiwib25Ub2dnbGVDb2xsYXBzZWQiLCJj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USxFQUFFO0FBTG9CLEdBQWhDO0FBT0EsU0FBT04sZ0JBQVA7QUFDRDs7ZUFFY0QsdUIiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjIgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQgUmVhY3QsIHt1c2VDYWxsYmFjaywgdXNlU3RhdGV9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQge0Zvcm1hdHRlZE1lc3NhZ2V9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IFN3aXRjaCBmcm9tICcuLi8uLi9jb21tb24vc3dpdGNoJztcbmltcG9ydCBJbmZvSGVscGVyRmFjdG9yeSBmcm9tICcuLi8uLi9jb21tb24vaW5mby1oZWxwZXInO1xuaW1wb3J0IHtWZXJ0VGhyZWVEb3RzfSBmcm9tICcuLi8uLi9jb21tb24vaWNvbnMnO1xuaW1wb3J0IHtMYXllcn0gZnJvbSAnQGtlcGxlci5nbC9sYXllcnMnO1xuaW1wb3J0IHtMYXllclZpc0NvbmZpZ30gZnJvbSAnQGtlcGxlci5nbC90eXBlcyc7XG5cbnR5cGUgTGF5ZXJDb25maWdHcm91cExhYmVsUHJvcHMgPSB7XG4gIGxhYmVsPzogc3RyaW5nO1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbn07XG5cbnR5cGUgTGF5ZXJDb25maWdHcm91cFByb3BzID0ge1xuICBsYXllcj86IExheWVyO1xuICBsYWJlbDogc3RyaW5nO1xuICBwcm9wZXJ0eT86IHN0cmluZztcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIGNvbGxhcHNpYmxlPzogYm9vbGVhbjtcbiAgZXhwYW5kZWQ/OiBib29sZWFuO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIG9uQ2hhbmdlPzogKG5ld1Zpc0NvbmZpZzogUGFydGlhbDxMYXllclZpc0NvbmZpZz4pID0+IHZvaWQ7XG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGF5ZXJDb25maWdHcm91cEFjdGlvbiA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRleHRDb2xvcn07XG5gO1xuXG5leHBvcnQgY29uc3QgQ29uZmlnR3JvdXBDb2xsYXBzaWJsZUNvbnRlbnQgPSBzdHlsZWQuZGl2LmF0dHJzKHtcbiAgY2xhc3NOYW1lOiAnbGF5ZXItY29uZmlnLWdyb3VwX19jb250ZW50X19jb2xsYXBzaWJsZSdcbn0pYFxuICBvdmVyZmxvdzogdmlzaWJsZTtcbiAgdHJhbnNpdGlvbjogbWF4LWhlaWdodCAwLjNzIGVhc2Utb3V0O1xuICBoZWlnaHQ6IG1heC1jb250ZW50O1xuICBtYXgtaGVpZ2h0OiA2MDBweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb25maWdHcm91cENvbGxhcHNpYmxlSGVhZGVyID0gc3R5bGVkLmRpdi5hdHRycyh7XG4gIGNsYXNzTmFtZTogJ2xheWVyLWNvbmZpZy1ncm91cF9faGVhZGVyX19jb2xsYXBzaWJsZSdcbn0pYFxuICBvdmVyZmxvdzogdmlzaWJsZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgbWF4LWhlaWdodDogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYXllckNvbmZpZ0dyb3VwID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZy1sZWZ0OiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmxheWVyQ29uZmlnR3JvdXBQYWRkaW5nTGVmdH1weDtcbiAgbWFyZ2luLWJvdHRvbTogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5sYXllckNvbmZpZ0dyb3VwTWFyZ2luQm90dG9tfXB4O1xuXG4gICYuZGlzYWJsZWQge1xuICAgIG9wYWNpdHk6IDAuMztcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuICAmLmNvbGxhcHNlZCB7XG4gICAgLmxheWVyLWNvbmZpZy1ncm91cF9faGVhZGVyX19jb2xsYXBzaWJsZSB7XG4gICAgICBvdmVyZmxvdzogdmlzaWJsZTtcbiAgICAgIG1heC1oZWlnaHQ6IDYwMHB4O1xuICAgIH1cbiAgICAubGF5ZXItY29uZmlnLWdyb3VwX19jb250ZW50IHtcbiAgICAgIC5sYXllci1jb25maWctZ3JvdXBfX2NvbnRlbnRfX2NvbGxhcHNpYmxlIHtcbiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgbWF4LWhlaWdodDogMDtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZENvbmZpZ0dyb3VwSGVhZGVyID0gc3R5bGVkLmRpdi5hdHRycyh7XG4gIGNsYXNzTmFtZTogJ2xheWVyLWNvbmZpZy1ncm91cF9faGVhZGVyJ1xufSlgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgbWFyZ2luLWJvdHRvbTogMTJweDtcblxuICA6aG92ZXIge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAubGF5ZXItY29uZmlnLWdyb3VwX19sYWJlbCB7XG4gICAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50ZXh0Q29sb3JIbH07XG4gICAgfVxuXG4gICAgLmxheWVyLWNvbmZpZy1ncm91cF9fYWN0aW9uIHtcbiAgICAgIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRleHRDb2xvckhsfTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IENvbmZpZ0dyb3VwQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICYuZGlzYWJsZWQge1xuICAgIG9wYWNpdHk6IDAuMztcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAqIHtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIH1cbiAgfVxuYDtcblxuTGF5ZXJDb25maWdHcm91cExhYmVsRmFjdG9yeS5kZXBzID0gW0luZm9IZWxwZXJGYWN0b3J5XTtcblxuZXhwb3J0IGZ1bmN0aW9uIExheWVyQ29uZmlnR3JvdXBMYWJlbEZhY3RvcnkoSW5mb0hlbHBlcjogUmV0dXJuVHlwZTx0eXBlb2YgSW5mb0hlbHBlckZhY3Rvcnk+KSB7XG4gIGNvbnN0IFN0eWxlZExheWVyQ29uZmlnR3JvdXBMYWJlbCA9IHN0eWxlZC5kaXZgXG4gICAgYm9yZGVyLWxlZnQ6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUubGF5ZXJDb25maWdHcm91cExhYmVsQm9yZGVyTGVmdH0gc29saWRcbiAgICAgICR7cHJvcHMgPT4gcHJvcHMudGhlbWUubGFiZWxDb2xvcn07XG4gICAgbGluZS1oZWlnaHQ6IDEycHg7XG4gICAgbWFyZ2luLWxlZnQ6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUubGF5ZXJDb25maWdHcm91cExhYmVsTWFyZ2lufTtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUubGF5ZXJDb25maWdHcm91cExhYmVsUGFkZGluZ307XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICBzcGFuIHtcbiAgICAgIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRleHRDb2xvcn07XG4gICAgICBmb250LXdlaWdodDogNTAwO1xuICAgICAgbGV0dGVyLXNwYWNpbmc6IDAuMnB4O1xuICAgICAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG4gICAgICBtYXJnaW4tbGVmdDogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5sYXllckNvbmZpZ0dyb3VwTGFiZWxMYWJlbE1hcmdpbn07XG4gICAgICBmb250LXNpemU6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUubGF5ZXJDb25maWdHcm91cExhYmVsTGFiZWxGb250U2l6ZX07XG4gICAgfVxuICBgO1xuXG4gIGNvbnN0IExheWVyQ29uZmlnR3JvdXBMYWJlbDogUmVhY3QuRkM8TGF5ZXJDb25maWdHcm91cExhYmVsUHJvcHM+ID0gKHtsYWJlbCwgZGVzY3JpcHRpb259KSA9PiAoXG4gICAgPFN0eWxlZExheWVyQ29uZmlnR3JvdXBMYWJlbCBjbGFzc05hbWU9XCJsYXllci1jb25maWctZ3JvdXBfX2xhYmVsXCI+XG4gICAgICA8c3Bhbj5cbiAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9e2xhYmVsIHx8ICdtaXNjLmVtcHR5J30gZGVmYXVsdE1lc3NhZ2U9e2xhYmVsfSAvPlxuICAgICAgPC9zcGFuPlxuICAgICAge2Rlc2NyaXB0aW9uICYmIDxJbmZvSGVscGVyIGRlc2NyaXB0aW9uPXtkZXNjcmlwdGlvbn0gaWQ9e2xhYmVsfSAvPn1cbiAgICA8L1N0eWxlZExheWVyQ29uZmlnR3JvdXBMYWJlbD5cbiAgKTtcblxuICByZXR1cm4gTGF5ZXJDb25maWdHcm91cExhYmVsO1xufVxuXG5MYXllckNvbmZpZ0dyb3VwRmFjdG9yeS5kZXBzID0gW0xheWVyQ29uZmlnR3JvdXBMYWJlbEZhY3RvcnldO1xuXG5mdW5jdGlvbiBMYXllckNvbmZpZ0dyb3VwRmFjdG9yeShcbiAgTGF5ZXJDb25maWdHcm91cExhYmVsOiBSZXR1cm5UeXBlPHR5cGVvZiBMYXllckNvbmZpZ0dyb3VwTGFiZWxGYWN0b3J5PlxuKSB7XG4gIGNvbnN0IExheWVyQ29uZmlnR3JvdXA6IFJlYWN0LkZDPExheWVyQ29uZmlnR3JvdXBQcm9wcz4gPSAoe1xuICAgIGxhYmVsLFxuICAgIGNoaWxkcmVuLFxuICAgIHByb3BlcnR5LFxuICAgIGxheWVyLFxuICAgIG9uQ2hhbmdlLFxuICAgIGNvbGxhcHNpYmxlLFxuICAgIGRlc2NyaXB0aW9uLFxuICAgIGRpc2FibGVkLFxuICAgIGV4cGFuZGVkXG4gIH0pID0+IHtcbiAgICBjb25zdCBbY29sbGFwc2VkLCB0b2dnbGVDb2xsYXBzZWRdID0gdXNlU3RhdGUoIWV4cGFuZGVkKTtcbiAgICBjb25zdCBvblRvZ2dsZUNvbGxhcHNlZCA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgIHRvZ2dsZUNvbGxhcHNlZCghY29sbGFwc2VkKTtcbiAgICB9LCBbY29sbGFwc2VkLCB0b2dnbGVDb2xsYXBzZWRdKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkTGF5ZXJDb25maWdHcm91cCBjbGFzc05hbWU9e2NsYXNzbmFtZXMoJ2xheWVyLWNvbmZpZy1ncm91cCcsIHtjb2xsYXBzZWQsIGRpc2FibGVkfSl9PlxuICAgICAgICA8U3R5bGVkQ29uZmlnR3JvdXBIZWFkZXIgb25DbGljaz17b25Ub2dnbGVDb2xsYXBzZWR9PlxuICAgICAgICAgIDxMYXllckNvbmZpZ0dyb3VwTGFiZWwgbGFiZWw9e2xhYmVsfSBkZXNjcmlwdGlvbj17ZGVzY3JpcHRpb259IC8+XG4gICAgICAgICAgPFN0eWxlZExheWVyQ29uZmlnR3JvdXBBY3Rpb24gY2xhc3NOYW1lPVwibGF5ZXItY29uZmlnLWdyb3VwX19hY3Rpb25cIj5cbiAgICAgICAgICAgIHtwcm9wZXJ0eSA/IChcbiAgICAgICAgICAgICAgPFN3aXRjaFxuICAgICAgICAgICAgICAgIGNoZWNrZWQ9e2xheWVyPy5jb25maWcudmlzQ29uZmlnW3Byb3BlcnR5XX1cbiAgICAgICAgICAgICAgICBpZD17YCR7bGF5ZXI/LmlkfS0ke3Byb3BlcnR5fWB9XG4gICAgICAgICAgICAgICAgb25DaGFuZ2U9eygpID0+IG9uQ2hhbmdlPy4oe1twcm9wZXJ0eV06ICFsYXllcj8uY29uZmlnLnZpc0NvbmZpZ1twcm9wZXJ0eV19KX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAge2NvbGxhcHNpYmxlID8gPFZlcnRUaHJlZURvdHMgaGVpZ2h0PVwiMThweFwiIC8+IDogbnVsbH1cbiAgICAgICAgICA8L1N0eWxlZExheWVyQ29uZmlnR3JvdXBBY3Rpb24+XG4gICAgICAgIDwvU3R5bGVkQ29uZmlnR3JvdXBIZWFkZXI+XG4gICAgICAgIDxDb25maWdHcm91cENvbnRlbnRcbiAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXMoJ2xheWVyLWNvbmZpZy1ncm91cF9fY29udGVudCcsIHtcbiAgICAgICAgICAgIGRpc2FibGVkOiBwcm9wZXJ0eSAmJiAhbGF5ZXI/LmNvbmZpZy52aXNDb25maWdbcHJvcGVydHldXG4gICAgICAgICAgfSl9XG4gICAgICAgID5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvQ29uZmlnR3JvdXBDb250ZW50PlxuICAgICAgPC9TdHlsZWRMYXllckNvbmZpZ0dyb3VwPlxuICAgICk7XG4gIH07XG5cbiAgTGF5ZXJDb25maWdHcm91cC5kZWZhdWx0UHJvcHMgPSB7XG4gICAgY29sbGFwc2libGU6IGZhbHNlLFxuICAgIGV4cGFuZGVkOiBmYWxzZSxcbiAgICBvbkNoYW5nZTogKCkgPT4ge30sXG4gICAgZGVzY3JpcHRpb246ICcnLFxuICAgIGRpc2FibGVkOiBmYWxzZVxuICB9O1xuICByZXR1cm4gTGF5ZXJDb25maWdHcm91cDtcbn1cblxuZXhwb3J0IGRlZmF1bHQgTGF5ZXJDb25maWdHcm91cEZhY3Rvcnk7XG4iXX0=

package/dist/side-panel/layer-panel/layer-configurator.d.ts

@@ -0,0 +1,100 @@
+import React from 'react';
+import VisConfigByFieldSelectorFactory from './vis-config-by-field-selector';
+import LayerColumnConfigFactory from './layer-column-config';
+import LayerTypeSelectorFactory from './layer-type-selector';
+import SourceDataSelectorFactory from '../common/source-data-selector';
+import VisConfigSwitchFactory from './vis-config-switch';
+import VisConfigSliderFactory from './vis-config-slider';
+import LayerConfigGroupFactory from './layer-config-group';
+import TextLabelPanelFactory from './text-label-panel';
+import { ColorRange } from '@kepler.gl/constants';
+import { Layer, LayerBaseConfig, VisualChannel, AggregationLayer } from '@kepler.gl/layers';
+import { NestedPartial, RGBColor, LayerVisConfig, ColorUI, Field } from '@kepler.gl/types';
+import { toggleModal, ActionHandler } from '@kepler.gl/actions';
+import { Datasets } from '@kepler.gl/table';
+declare type LayerConfiguratorProps = {
+    layer: Layer;
+    datasets: Datasets;
+    layerTypeOptions: {
+        id: string;
+        label: string;
+        icon: React.ElementType;
+        requireData: boolean;
+    }[];
+    openModal: ActionHandler<typeof toggleModal>;
+    updateLayerConfig: (newConfig: Partial<LayerBaseConfig>) => void;
+    updateLayerType: (newType: string) => void;
+    updateLayerVisConfig: (newVisConfig: Partial<LayerVisConfig>) => void;
+    updateLayerVisualChannelConfig: (newConfig: Partial<LayerBaseConfig>, channel: string, newVisConfig?: Partial<LayerVisConfig>) => void;
+    updateLayerColorUI: (prop: string, newConfig: NestedPartial<ColorUI>) => void;
+    updateLayerTextLabel: (idx: number | 'all', prop: string, value: any) => void;
+};
+declare type LayerColorSelectorProps = {
+    layer: Layer;
+    onChange: (v: Record<string, RGBColor>) => void;
+    selectedColor?: RGBColor;
+    property?: string;
+    setColorUI: (prop: string, newConfig: NestedPartial<ColorUI>) => void;
+};
+declare type ArcLayerColorSelectorProps = {
+    layer: Layer;
+    onChangeConfig: (v: {
+        color: RGBColor;
+    }) => void;
+    onChangeVisConfig: (v: {
+        targetColor: RGBColor;
+    }) => void;
+    property?: string;
+    setColorUI: (prop: string, newConfig: NestedPartial<ColorUI>) => void;
+};
+declare type LayerColorRangeSelectorProps = {
+    layer: Layer;
+    onChange: (v: Record<string, ColorRange>) => void;
+    property?: string;
+    setColorUI: (prop: string, newConfig: NestedPartial<ColorUI>) => void;
+};
+declare type ChannelByValueSelectorProps = {
+    layer: Layer;
+    channel: VisualChannel;
+    onChange: (val: Record<string, string | number | boolean | object | readonly (string | number | boolean | object)[] | null>, key: string) => void;
+    fields: Field[];
+    description: string;
+};
+declare type AggregationSelectorProps = {
+    channel: VisualChannel;
+    layer: AggregationLayer;
+    onChange: (val: Record<string, string | number | boolean | object | readonly (string | number | boolean | object)[] | null>, key: string) => void;
+};
+export declare const getLayerFields: (datasets: Datasets, layer: Layer) => Field[];
+export declare const getLayerDataset: (datasets: Datasets, layer: Layer) => import("@kepler.gl/table/dist/kepler-table").default | null;
+export declare const getLayerConfiguratorProps: (props: LayerConfiguratorProps) => {
+    layer: Layer;
+    fields: Field[];
+    onChange: (newConfig: Partial<LayerBaseConfig>) => void;
+    setColorUI: (prop: string, newConfig: NestedPartial<ColorUI>) => void;
+};
+export declare const getVisConfiguratorProps: (props: LayerConfiguratorProps) => {
+    layer: Layer;
+    fields: Field[];
+    onChange: (newVisConfig: Partial<LayerVisConfig>) => void;
+    setColorUI: (prop: string, newConfig: NestedPartial<ColorUI>) => void;
+};
+export declare const getLayerChannelConfigProps: (props: LayerConfiguratorProps) => {
+    layer: Layer;
+    fields: Field[];
+    onChange: (newConfig: Partial<LayerBaseConfig>, channel: string, newVisConfig?: Partial<LayerVisConfig> | undefined) => void;
+};
+declare function LayerConfiguratorFactory(SourceDataSelector: ReturnType<typeof SourceDataSelectorFactory>, VisConfigSlider: ReturnType<typeof VisConfigSliderFactory>, TextLabelPanel: ReturnType<typeof TextLabelPanelFactory>, LayerConfigGroup: ReturnType<typeof LayerConfigGroupFactory>, ChannelByValueSelector: ReturnType<typeof ChannelByValueSelectorFactory>, LayerColumnConfig: ReturnType<typeof LayerColumnConfigFactory>, LayerTypeSelector: ReturnType<typeof LayerTypeSelectorFactory>, VisConfigSwitch: ReturnType<typeof VisConfigSwitchFactory>): React.ComponentType<LayerConfiguratorProps>;
+declare namespace LayerConfiguratorFactory {
+    var deps: (typeof LayerColumnConfigFactory | typeof LayerTypeSelectorFactory | typeof VisConfigSliderFactory | typeof VisConfigSwitchFactory | typeof LayerConfigGroupFactory | typeof SourceDataSelectorFactory | typeof TextLabelPanelFactory | typeof ChannelByValueSelectorFactory)[];
+}
+export default LayerConfiguratorFactory;
+export declare const LayerColorSelector: ({ layer, onChange, selectedColor, property, setColorUI }: LayerColorSelectorProps) => JSX.Element;
+export declare const ArcLayerColorSelector: ({ layer, onChangeConfig, onChangeVisConfig, property, setColorUI }: ArcLayerColorSelectorProps) => JSX.Element;
+export declare const LayerColorRangeSelector: ({ layer, onChange, property, setColorUI }: LayerColorRangeSelectorProps) => JSX.Element;
+export declare function ChannelByValueSelectorFactory(VisConfigByFieldSelector: ReturnType<typeof VisConfigByFieldSelectorFactory>): ({ layer, channel, onChange, fields, description }: ChannelByValueSelectorProps) => JSX.Element;
+export declare namespace ChannelByValueSelectorFactory {
+    var deps: (typeof VisConfigByFieldSelectorFactory)[];
+}
+export declare const AggregationScaleSelector: ({ channel, layer, onChange }: AggregationSelectorProps) => JSX.Element | null;
+export declare const AggregationTypeSelector: ({ channel, layer, onChange }: AggregationSelectorProps) => JSX.Element;