@kepler.gl/components 3.1.0-alpha.0 → 3.1.0-alpha.2

package/dist/side-panel/layer-panel/layer-color-selector.js

@@ -0,0 +1,106 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ArcLayerColorSelectorFactory = ArcLayerColorSelectorFactory;
+exports.LayerColorRangeSelectorFactory = LayerColorRangeSelectorFactory;
+exports.LayerColorSelectorFactory = LayerColorSelectorFactory;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _colorSelector = _interopRequireDefault(require("./color-selector"));
+var _styledComponents = require("../../common/styled-components");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+LayerColorSelectorFactory.deps = [_colorSelector["default"]];
+function LayerColorSelectorFactory(ColorSelector) {
+  var LayerColorSelector = function LayerColorSelector(_ref) {
+    var layer = _ref.layer,
+      onChange = _ref.onChange,
+      selectedColor = _ref.selectedColor,
+      _ref$property = _ref.property,
+      property = _ref$property === void 0 ? 'color' : _ref$property,
+      setColorUI = _ref.setColorUI;
+    var onSetColorUI = (0, _react.useCallback)(function (newConfig) {
+      return setColorUI(property, newConfig);
+    }, [setColorUI, property]);
+    return /*#__PURE__*/_react["default"].createElement(_styledComponents.SidePanelSection, null, /*#__PURE__*/_react["default"].createElement(ColorSelector, {
+      colorSets: [{
+        selectedColor: selectedColor || layer.config.color,
+        setColor: function setColor(rgbValue) {
+          return onChange((0, _defineProperty2["default"])({}, property, rgbValue));
+        }
+      }],
+      colorUI: layer.config.colorUI[property],
+      setColorUI: onSetColorUI
+    }));
+  };
+  return LayerColorSelector;
+}
+LayerColorRangeSelectorFactory.deps = [_colorSelector["default"]];
+function LayerColorRangeSelectorFactory(ColorSelector) {
+  var LayerColorRangeSelector = function LayerColorRangeSelector(_ref2) {
+    var layer = _ref2.layer,
+      onChange = _ref2.onChange,
+      _ref2$property = _ref2.property,
+      property = _ref2$property === void 0 ? 'colorRange' : _ref2$property,
+      setColorUI = _ref2.setColorUI;
+    var onSetColorUI = (0, _react.useCallback)(function (newConfig) {
+      return setColorUI(property, newConfig);
+    }, [setColorUI, property]);
+    return /*#__PURE__*/_react["default"].createElement(_styledComponents.SidePanelSection, null, /*#__PURE__*/_react["default"].createElement(ColorSelector, {
+      colorSets: [{
+        selectedColor: layer.config.visConfig[property],
+        isRange: true,
+        setColor: function setColor(colorRange) {
+          return onChange((0, _defineProperty2["default"])({}, property, colorRange));
+        }
+      }],
+      colorUI: layer.config.colorUI[property],
+      setColorUI: onSetColorUI
+    }));
+  };
+  return LayerColorRangeSelector;
+}
+ArcLayerColorSelectorFactory.deps = [_colorSelector["default"]];
+function ArcLayerColorSelectorFactory(ColorSelector) {
+  var ArcLayerColorSelector = function ArcLayerColorSelector(_ref3) {
+    var layer = _ref3.layer,
+      onChangeConfig = _ref3.onChangeConfig,
+      onChangeVisConfig = _ref3.onChangeVisConfig,
+      _ref3$property = _ref3.property,
+      property = _ref3$property === void 0 ? 'color' : _ref3$property,
+      setColorUI = _ref3.setColorUI;
+    var onSetColorUI = (0, _react.useCallback)(function (newConfig) {
+      return setColorUI(property, newConfig);
+    }, [setColorUI, property]);
+    return /*#__PURE__*/_react["default"].createElement(_styledComponents.SidePanelSection, null, /*#__PURE__*/_react["default"].createElement(ColorSelector, {
+      colorSets: [{
+        selectedColor: layer.config.color,
+        setColor: function setColor(rgbValue) {
+          return onChangeConfig({
+            color: rgbValue
+          });
+        },
+        label: 'Source'
+      }, {
+        selectedColor: layer.config.visConfig.targetColor || layer.config.color,
+        setColor: function setColor(rgbValue) {
+          return onChangeVisConfig({
+            targetColor: rgbValue
+          });
+        },
+        label: 'Target'
+      }],
+      colorUI: layer.config.colorUI[property],
+      setColorUI: onSetColorUI
+    }));
+  };
+  return ArcLayerColorSelector;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfY29sb3JTZWxlY3RvciIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfc3R5bGVkQ29tcG9uZW50cyIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsImUiLCJXZWFrTWFwIiwiciIsInQiLCJfX2VzTW9kdWxlIiwiX3R5cGVvZiIsImhhcyIsImdldCIsIm4iLCJfX3Byb3RvX18iLCJhIiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJ1IiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiaSIsInNldCIsIkxheWVyQ29sb3JTZWxlY3RvckZhY3RvcnkiLCJkZXBzIiwiQ29sb3JTZWxlY3RvckZhY3RvcnkiLCJDb2xvclNlbGVjdG9yIiwiTGF5ZXJDb2xvclNlbGVjdG9yIiwiX3JlZiIsImxheWVyIiwib25DaGFuZ2UiLCJzZWxlY3RlZENvbG9yIiwiX3JlZiRwcm9wZXJ0eSIsInByb3BlcnR5Iiwic2V0Q29sb3JVSSIsIm9uU2V0Q29sb3JVSSIsInVzZUNhbGxiYWNrIiwibmV3Q29uZmlnIiwiY3JlYXRlRWxlbWVudCIsIlNpZGVQYW5lbFNlY3Rpb24iLCJjb2xvclNldHMiLCJjb25maWciLCJjb2xvciIsInNldENvbG9yIiwicmdiVmFsdWUiLCJfZGVmaW5lUHJvcGVydHkyIiwiY29sb3JVSSIsIkxheWVyQ29sb3JSYW5nZVNlbGVjdG9yRmFjdG9yeSIsIkxheWVyQ29sb3JSYW5nZVNlbGVjdG9yIiwiX3JlZjIiLCJfcmVmMiRwcm9wZXJ0eSIsInZpc0NvbmZpZyIsImlzUmFuZ2UiLCJjb2xvclJhbmdlIiwiQXJjTGF5ZXJDb2xvclNlbGVjdG9yRmFjdG9yeSIsIkFyY0xheWVyQ29sb3JTZWxlY3RvciIsIl9yZWYzIiwib25DaGFuZ2VDb25maWciLCJvbkNoYW5nZVZpc0NvbmZpZyIsIl9yZWYzJHByb3BlcnR5IiwibGFiZWwiLCJ0YXJnZXRDb2xvciJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL2xheWVyLWNvbG9yLXNlbGVjdG9yLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogTUlUXG4vLyBDb3B5cmlnaHQgY29udHJpYnV0b3JzIHRvIHRoZSBrZXBsZXIuZ2wgcHJvamVjdFxuXG5pbXBvcnQgUmVhY3QsIHt1c2VDYWxsYmFja30gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge0NvbG9yUmFuZ2V9IGZyb20gJ0BrZXBsZXIuZ2wvY29uc3RhbnRzJztcbmltcG9ydCB7TGF5ZXJ9IGZyb20gJ0BrZXBsZXIuZ2wvbGF5ZXJzJztcbmltcG9ydCB7TmVzdGVkUGFydGlhbCwgUkdCQ29sb3IsIENvbG9yVUl9IGZyb20gJ0BrZXBsZXIuZ2wvdHlwZXMnO1xuXG5pbXBvcnQgQ29sb3JTZWxlY3RvckZhY3RvcnkgZnJvbSAnLi9jb2xvci1zZWxlY3Rvcic7XG5pbXBvcnQge1NpZGVQYW5lbFNlY3Rpb259IGZyb20gJy4uLy4uL2NvbW1vbi9zdHlsZWQtY29tcG9uZW50cyc7XG5cbnR5cGUgTGF5ZXJDb2xvclNlbGVjdG9yUHJvcHMgPSB7XG4gIGxheWVyOiBMYXllcjtcbiAgb25DaGFuZ2U6ICh2OiBSZWNvcmQ8c3RyaW5nLCBSR0JDb2xvcj4pID0+IHZvaWQ7XG4gIHNlbGVjdGVkQ29sb3I/OiBSR0JDb2xvcjtcbiAgcHJvcGVydHk/OiBzdHJpbmc7XG4gIHNldENvbG9yVUk6IChwcm9wOiBzdHJpbmcsIG5ld0NvbmZpZzogTmVzdGVkUGFydGlhbDxDb2xvclVJPikgPT4gdm9pZDtcbn07XG5cbnR5cGUgQXJjTGF5ZXJDb2xvclNlbGVjdG9yUHJvcHMgPSB7XG4gIGxheWVyOiBMYXllcjtcbiAgb25DaGFuZ2VDb25maWc6ICh2OiB7Y29sb3I6IFJHQkNvbG9yfSkgPT4gdm9pZDtcbiAgb25DaGFuZ2VWaXNDb25maWc6ICh2OiB7dGFyZ2V0Q29sb3I6IFJHQkNvbG9yfSkgPT4gdm9pZDtcbiAgcHJvcGVydHk/OiBzdHJpbmc7XG4gIHNldENvbG9yVUk6IChwcm9wOiBzdHJpbmcsIG5ld0NvbmZpZzogTmVzdGVkUGFydGlhbDxDb2xvclVJPikgPT4gdm9pZDtcbn07XG5cbnR5cGUgTGF5ZXJDb2xvclJhbmdlU2VsZWN0b3JQcm9wcyA9IHtcbiAgbGF5ZXI6IExheWVyO1xuICBvbkNoYW5nZTogKHY6IFJlY29yZDxzdHJpbmcsIENvbG9yUmFuZ2U+KSA9PiB2b2lkO1xuICBwcm9wZXJ0eT86IHN0cmluZztcbiAgc2V0Q29sb3JVSTogKHByb3A6IHN0cmluZywgbmV3Q29uZmlnOiBOZXN0ZWRQYXJ0aWFsPENvbG9yVUk+KSA9PiB2b2lkO1xufTtcblxuTGF5ZXJDb2xvclNlbGVjdG9yRmFjdG9yeS5kZXBzID0gW0NvbG9yU2VsZWN0b3JGYWN0b3J5XTtcbmV4cG9ydCBmdW5jdGlvbiBMYXllckNvbG9yU2VsZWN0b3JGYWN0b3J5KENvbG9yU2VsZWN0b3IpIHtcbiAgY29uc3QgTGF5ZXJDb2xvclNlbGVjdG9yID0gKHtcbiAgICBsYXllcixcbiAgICBvbkNoYW5nZSxcbiAgICBzZWxlY3RlZENvbG9yLFxuICAgIHByb3BlcnR5ID0gJ2NvbG9yJyxcbiAgICBzZXRDb2xvclVJXG4gIH06IExheWVyQ29sb3JTZWxlY3RvclByb3BzKSA9PiB7XG4gICAgY29uc3Qgb25TZXRDb2xvclVJID0gdXNlQ2FsbGJhY2soXG4gICAgICBuZXdDb25maWcgPT4gc2V0Q29sb3JVSShwcm9wZXJ0eSwgbmV3Q29uZmlnKSxcbiAgICAgIFtzZXRDb2xvclVJLCBwcm9wZXJ0eV1cbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTaWRlUGFuZWxTZWN0aW9uPlxuICAgICAgICA8Q29sb3JTZWxlY3RvclxuICAgICAgICAgIGNvbG9yU2V0cz17W1xuICAgICAgICAgICAge1xuICAgICAgICAgICAgICBzZWxlY3RlZENvbG9yOiBzZWxlY3RlZENvbG9yIHx8IGxheWVyLmNvbmZpZy5jb2xvcixcbiAgICAgICAgICAgICAgc2V0Q29sb3I6IChyZ2JWYWx1ZTogUkdCQ29sb3IpID0+IG9uQ2hhbmdlKHtbcHJvcGVydHldOiByZ2JWYWx1ZX0pXG4gICAgICAgICAgICB9XG4gICAgICAgICAgXX1cbiAgICAgICAgICBjb2xvclVJPXtsYXllci5jb25maWcuY29sb3JVSVtwcm9wZXJ0eV19XG4gICAgICAgICAgc2V0Q29sb3JVST17b25TZXRDb2xvclVJfVxuICAgICAgICAvPlxuICAgICAgPC9TaWRlUGFuZWxTZWN0aW9uPlxuICAgICk7XG4gIH07XG4gIHJldHVybiBMYXllckNvbG9yU2VsZWN0b3I7XG59XG5cbkxheWVyQ29sb3JSYW5nZVNlbGVjdG9yRmFjdG9yeS5kZXBzID0gW0NvbG9yU2VsZWN0b3JGYWN0b3J5XTtcbmV4cG9ydCBmdW5jdGlvbiBMYXllckNvbG9yUmFuZ2VTZWxlY3RvckZhY3RvcnkoQ29sb3JTZWxlY3Rvcikge1xuICBjb25zdCBMYXllckNvbG9yUmFuZ2VTZWxlY3RvciA9ICh7XG4gICAgbGF5ZXIsXG4gICAgb25DaGFuZ2UsXG4gICAgcHJvcGVydHkgPSAnY29sb3JSYW5nZScsXG4gICAgc2V0Q29sb3JVSVxuICB9OiBMYXllckNvbG9yUmFuZ2VTZWxlY3RvclByb3BzKSA9PiB7XG4gICAgY29uc3Qgb25TZXRDb2xvclVJID0gdXNlQ2FsbGJhY2soXG4gICAgICBuZXdDb25maWcgPT4gc2V0Q29sb3JVSShwcm9wZXJ0eSwgbmV3Q29uZmlnKSxcbiAgICAgIFtzZXRDb2xvclVJLCBwcm9wZXJ0eV1cbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTaWRlUGFuZWxTZWN0aW9uPlxuICAgICAgICA8Q29sb3JTZWxlY3RvclxuICAgICAgICAgIGNvbG9yU2V0cz17W1xuICAgICAgICAgICAge1xuICAgICAgICAgICAgICBzZWxlY3RlZENvbG9yOiBsYXllci5jb25maWcudmlzQ29uZmlnW3Byb3BlcnR5XSxcbiAgICAgICAgICAgICAgaXNSYW5nZTogdHJ1ZSxcbiAgICAgICAgICAgICAgc2V0Q29sb3I6IChjb2xvclJhbmdlOiBDb2xvclJhbmdlKSA9PiBvbkNoYW5nZSh7W3Byb3BlcnR5XTogY29sb3JSYW5nZX0pXG4gICAgICAgICAgICB9XG4gICAgICAgICAgXX1cbiAgICAgICAgICBjb2xvclVJPXtsYXllci5jb25maWcuY29sb3JVSVtwcm9wZXJ0eV19XG4gICAgICAgICAgc2V0Q29sb3JVST17b25TZXRDb2xvclVJfVxuICAgICAgICAvPlxuICAgICAgPC9TaWRlUGFuZWxTZWN0aW9uPlxuICAgICk7XG4gIH07XG4gIHJldHVybiBMYXllckNvbG9yUmFuZ2VTZWxlY3Rvcjtcbn1cblxuQXJjTGF5ZXJDb2xvclNlbGVjdG9yRmFjdG9yeS5kZXBzID0gW0NvbG9yU2VsZWN0b3JGYWN0b3J5XTtcbmV4cG9ydCBmdW5jdGlvbiBBcmNMYXllckNvbG9yU2VsZWN0b3JGYWN0b3J5KENvbG9yU2VsZWN0b3IpIHtcbiAgY29uc3QgQXJjTGF5ZXJDb2xvclNlbGVjdG9yID0gKHtcbiAgICBsYXllcixcbiAgICBvbkNoYW5nZUNvbmZpZyxcbiAgICBvbkNoYW5nZVZpc0NvbmZpZyxcbiAgICBwcm9wZXJ0eSA9ICdjb2xvcicsXG4gICAgc2V0Q29sb3JVSVxuICB9OiBBcmNMYXllckNvbG9yU2VsZWN0b3JQcm9wcykgPT4ge1xuICAgIGNvbnN0IG9uU2V0Q29sb3JVSSA9IHVzZUNhbGxiYWNrKFxuICAgICAgbmV3Q29uZmlnID0+IHNldENvbG9yVUkocHJvcGVydHksIG5ld0NvbmZpZyksXG4gICAgICBbc2V0Q29sb3JVSSwgcHJvcGVydHldXG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U2lkZVBhbmVsU2VjdGlvbj5cbiAgICAgICAgPENvbG9yU2VsZWN0b3JcbiAgICAgICAgICBjb2xvclNldHM9e1tcbiAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgc2VsZWN0ZWRDb2xvcjogbGF5ZXIuY29uZmlnLmNvbG9yLFxuICAgICAgICAgICAgICBzZXRDb2xvcjogKHJnYlZhbHVlOiBSR0JDb2xvcikgPT4gb25DaGFuZ2VDb25maWcoe2NvbG9yOiByZ2JWYWx1ZX0pLFxuICAgICAgICAgICAgICBsYWJlbDogJ1NvdXJjZSdcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgIHNlbGVjdGVkQ29sb3I6IGxheWVyLmNvbmZpZy52aXNDb25maWcudGFyZ2V0Q29sb3IgfHwgbGF5ZXIuY29uZmlnLmNvbG9yLFxuICAgICAgICAgICAgICBzZXRDb2xvcjogKHJnYlZhbHVlOiBSR0JDb2xvcikgPT4gb25DaGFuZ2VWaXNDb25maWcoe3RhcmdldENvbG9yOiByZ2JWYWx1ZX0pLFxuICAgICAgICAgICAgICBsYWJlbDogJ1RhcmdldCdcbiAgICAgICAgICAgIH1cbiAgICAgICAgICBdfVxuICAgICAgICAgIGNvbG9yVUk9e2xheWVyLmNvbmZpZy5jb2xvclVJW3Byb3BlcnR5XX1cbiAgICAgICAgICBzZXRDb2xvclVJPXtvblNldENvbG9yVUl9XG4gICAgICAgIC8+XG4gICAgICA8L1NpZGVQYW5lbFNlY3Rpb24+XG4gICAgKTtcbiAgfTtcbiAgcmV0dXJuIEFyY0xheWVyQ29sb3JTZWxlY3Rvcjtcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFHQSxJQUFBQSxNQUFBLEdBQUFDLHVCQUFBLENBQUFDLE9BQUE7QUFNQSxJQUFBQyxjQUFBLEdBQUFDLHNCQUFBLENBQUFGLE9BQUE7QUFDQSxJQUFBRyxpQkFBQSxHQUFBSCxPQUFBO0FBQWdFLFNBQUFJLHlCQUFBQyxDQUFBLDZCQUFBQyxPQUFBLG1CQUFBQyxDQUFBLE9BQUFELE9BQUEsSUFBQUUsQ0FBQSxPQUFBRixPQUFBLFlBQUFGLHdCQUFBLFlBQUFBLHlCQUFBQyxDQUFBLFdBQUFBLENBQUEsR0FBQUcsQ0FBQSxHQUFBRCxDQUFBLEtBQUFGLENBQUE7QUFBQSxTQUFBTix3QkFBQU0sQ0FBQSxFQUFBRSxDQUFBLFNBQUFBLENBQUEsSUFBQUYsQ0FB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

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import { LayerBaseConfig } from '@kepler.gl/layers';
+import { FieldPair, ColumnPairs, LayerColumns, ColumnLabels } from '@kepler.gl/types';
+import ColumnSelectorFactory from './column-selector';
+import { MinimalField } from '../../common/field-selector';
+export declare type LayerColumnConfigProps<FieldOption extends MinimalField> = {
+    columns: LayerColumns;
+    fields: FieldOption[];
+    assignColumnPairs: (key: string, pair: FieldPair) => LayerColumns;
+    assignColumn: (key: string, field: FieldOption) => LayerColumns;
+    updateLayerConfig: (newConfig: Partial<LayerBaseConfig>) => void;
+    updateLayerType?: (newType: string) => void;
+    columnPairs?: ColumnPairs | null;
+    fieldPairs?: FieldPair[];
+    columnLabels: ColumnLabels | null;
+    isActive: boolean;
+};
+declare function LayerColumnConfigFactory(ColumnSelector: ReturnType<typeof ColumnSelectorFactory>): React.FC<LayerColumnConfigProps<MinimalField & {
+    fieldIdx: number;
+}>>;
+declare namespace LayerColumnConfigFactory {
+    var deps: (typeof ColumnSelectorFactory)[];
+}
+export default LayerColumnConfigFactory;

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

@@ -0,0 +1,86 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _commonUtils = require("@kepler.gl/common-utils");
+var _columnSelector = _interopRequireDefault(require("./column-selector"));
+var _styledComponents = require("../../common/styled-components");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+/**
+ * only provide suggested field pairs if there is a match,
+ * otherwise the user can select a suggested field pair that will create invalid columns and a hard crash
+ */
+function getValidFieldPairsSuggestionsForColumn(enhancedFieldPairs, columnPairs, columnKey) {
+  if (enhancedFieldPairs && columnPairs !== null && columnPairs !== void 0 && columnPairs[columnKey]) {
+    var columnPair = columnPairs[columnKey];
+    var matchingFieldPairs = enhancedFieldPairs.filter(function (_ref) {
+      var pair = _ref.pair;
+      return (0, _commonUtils.toArray)(columnPair.fieldPairKey).some(function (fieldPairKey) {
+        return Object.prototype.hasOwnProperty.call(pair, fieldPairKey);
+      });
+    });
+    return matchingFieldPairs.length > 0 ? matchingFieldPairs : null;
+  }
+  return null;
+}
+LayerColumnConfigFactory.deps = [_columnSelector["default"]];
+function LayerColumnConfigFactory(ColumnSelector) {
+  var LayerColumnConfig = function LayerColumnConfig(_ref2) {
+    var columnPairs = _ref2.columnPairs,
+      fieldPairs = _ref2.fieldPairs,
+      columns = _ref2.columns,
+      columnLabels = _ref2.columnLabels,
+      fields = _ref2.fields,
+      updateLayerConfig = _ref2.updateLayerConfig,
+      assignColumn = _ref2.assignColumn,
+      assignColumnPairs = _ref2.assignColumnPairs,
+      isActive = _ref2.isActive;
+    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(_styledComponents.SidePanelSection, null, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "layer-config__column"
+    }, 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: getValidFieldPairsSuggestionsForColumn(enhancedFieldPairs, columnPairs, key),
+        onSelect: function onSelect(val) {
+          return onUpdateColumn(key, val);
+        },
+        isActive: isActive
+      });
+    }))));
+  };
+  return LayerColumnConfig;
+}
+var _default = exports["default"] = LayerColumnConfigFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfY29tbW9uVXRpbHMiLCJfY29sdW1uU2VsZWN0b3IiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwiX3N0eWxlZENvbXBvbmVudHMiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJlIiwiV2Vha01hcCIsInIiLCJ0IiwiX19lc01vZHVsZSIsIl90eXBlb2YiLCJoYXMiLCJnZXQiLCJuIiwiX19wcm90b19fIiwiYSIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwidSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImkiLCJzZXQiLCJnZXRWYWxpZEZpZWxkUGFpcnNTdWdnZXN0aW9uc0ZvckNvbHVtbiIsImVuaGFuY2VkRmllbGRQYWlycyIsImNvbHVtblBhaXJzIiwiY29sdW1uS2V5IiwiY29sdW1uUGFpciIsIm1hdGNoaW5nRmllbGRQYWlycyIsImZpbHRlciIsIl9yZWYiLCJwYWlyIiwidG9BcnJheSIsImZpZWxkUGFpcktleSIsInNvbWUiLCJwcm90b3R5cGUiLCJsZW5ndGgiLCJMYXllckNvbHVtbkNvbmZpZ0ZhY3RvcnkiLCJkZXBzIiwiQ29sdW1uU2VsZWN0b3JGYWN0b3J5IiwiQ29sdW1uU2VsZWN0b3IiLCJMYXllckNvbHVtbkNvbmZpZyIsIl9yZWYyIiwiZmllbGRQYWlycyIsImNvbHVtbnMiLCJjb2x1bW5MYWJlbHMiLCJmaWVsZHMiLCJ1cGRhdGVMYXllckNvbmZpZyIsImFzc2lnbkNvbHVtbiIsImFzc2lnbkNvbHVtblBhaXJzIiwiaXNBY3RpdmUiLCJ1c2VNZW1vIiwibWFwIiwiZnAiLCJuYW1lIiwiZGVmYXVsdE5hbWUiLCJ0eXBlIiwib25VcGRhdGVDb2x1bW4iLCJ1c2VDYWxsYmFjayIsImtleSIsInZhbHVlIiwiYXNzaWduZWRDb2x1bW5zIiwia2V5cyIsImNyZWF0ZUVsZW1lbnQiLCJTaWRlUGFuZWxTZWN0aW9uIiwiY2xhc3NOYW1lIiwiY29sdW1uIiwibGFiZWwiLCJhbGxGaWVsZHMiLCJvblNlbGVjdCIsInZhbCIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL2xheWVyLWNvbHVtbi1jb25maWcudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCwge3VzZUNhbGxiYWNrLCB1c2VNZW1vfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7TGF5ZXJCYXNlQ29uZmlnfSBmcm9tICdAa2VwbGVyLmdsL2xheWVycyc7XG5pbXBvcnQge1xuICBGaWVsZFBhaXIsXG4gIENvbHVtblBhaXJzLFxuICBMYXllckNvbHVtbnMsXG4gIENvbHVtbkxhYmVscyxcbiAgRW5oYW5jZWRGaWVsZFBhaXJcbn0gZnJvbSAnQGtlcGxlci5nbC90eXBlcyc7XG5pbXBvcnQge3RvQXJyYXl9IGZyb20gJ0BrZXBsZXIuZ2wvY29tbW9uLXV0aWxzJztcblxuaW1wb3J0IENvbHVtblNlbGVjdG9yRmFjdG9yeSBmcm9tICcuL2NvbHVtbi1zZWxlY3Rvcic7XG5pbXBvcnQge01pbmltYWxGaWVsZH0gZnJvbSAnLi4vLi4vY29tbW9uL2ZpZWxkLXNlbGVjdG9yJztcbmltcG9ydCB7U2lkZVBhbmVsU2VjdGlvbn0gZnJvbSAnLi4vLi4vY29tbW9uL3N0eWxlZC1jb21wb25lbnRzJztcblxuZXhwb3J0IHR5cGUgTGF5ZXJDb2x1bW5Db25maWdQcm9wczxGaWVsZE9wdGlvbiBleHRlbmRzIE1pbmltYWxGaWVsZD4gPSB7XG4gIGNvbHVtbnM6IExheWVyQ29sdW1ucztcbiAgZmllbGRzOiBGaWVsZE9wdGlvbltdO1xuICBhc3NpZ25Db2x1bW5QYWlyczogKGtleTogc3RyaW5nLCBwYWlyOiBGaWVsZFBhaXIpID0+IExheWVyQ29sdW1ucztcbiAgYXNzaWduQ29sdW1uOiAoa2V5OiBzdHJpbmcsIGZpZWxkOiBGaWVsZE9wdGlvbikgPT4gTGF5ZXJDb2x1bW5zO1xuICB1cGRhdGVMYXllckNvbmZpZzogKG5ld0NvbmZpZzogUGFydGlhbDxMYXllckJhc2VDb25maWc+KSA9PiB2b2lkO1xuICB1cGRhdGVMYXllclR5cGU/OiAobmV3VHlwZTogc3RyaW5nKSA9PiB2b2lkO1xuICBjb2x1bW5QYWlycz86IENvbHVtblBhaXJzIHwgbnVsbDtcbiAgZmllbGRQYWlycz86IEZpZWxkUGFpcltdO1xuICBjb2x1bW5MYWJlbHM6IENvbHVtbkxhYmVscyB8IG51bGw7XG4gIGlzQWN0aXZlOiBib29sZWFuO1xufTtcblxuLyoqXG4gKiBvbmx5IHByb3ZpZGUgc3VnZ2VzdGVkIGZpZWxkIHBhaXJzIGlmIHRoZXJlIGlzIGEgbWF0Y2gsXG4gKiBvdGhlcndpc2UgdGhlIHVzZXIgY2FuIHNlbGVjdCBhIHN1Z2dlc3RlZCBmaWVsZCBwYWlyIHRoYXQgd2lsbCBjcmVhdGUgaW52YWxpZCBjb2x1bW5zIGFuZCBhIGhhcmQgY3Jhc2hcbiAqL1xuZnVuY3Rpb24gZ2V0VmFsaWRGaWVsZFBhaXJzU3VnZ2VzdGlvbnNGb3JDb2x1bW4oXG4gIGVuaGFuY2VkRmllbGRQYWlyczogRW5oYW5jZWRGaWVsZFBhaXJbXSB8IG51bGwsXG4gIGNvbHVtblBhaXJzOiBDb2x1bW5QYWlycyB8IG51bGwgfCB1bmRlZmluZWQsXG4gIGNvbHVtbktleTogc3RyaW5nXG4pOiBFbmhhbmNlZEZpZWxkUGFpcltdIHwgbnVsbCB7XG4gIGlmIChlbmhhbmNlZEZpZWxkUGFpcnMgJiYgY29sdW1uUGFpcnM/Lltjb2x1bW5LZXldKSB7XG4gICAgY29uc3QgY29sdW1uUGFpciA9IGNvbHVtblBhaXJzW2NvbHVtbktleV07XG4gICAgY29uc3QgbWF0Y2hpbmdGaWVsZFBhaXJzID0gZW5oYW5jZWRGaWVsZFBhaXJzLmZpbHRlcigoe3BhaXJ9KSA9PiB7XG4gICAgICByZXR1cm4gdG9BcnJheShjb2x1bW5QYWlyLmZpZWxkUGFpcktleSkuc29tZShmaWVsZFBhaXJLZXkgPT5cbiAgICAgICAgT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKHBhaXIsIGZpZWxkUGFpcktleSlcbiAgICAgICk7XG4gICAgfSk7XG4gICAgcmV0dXJuIG1hdGNoaW5nRmllbGRQYWlycy5sZW5ndGggPiAwID8gbWF0Y2hpbmdGaWVsZFBhaXJzIDogbnVsbDtcbiAgfVxuICByZXR1cm4gbnVsbDtcbn1cblxuTGF5ZXJDb2x1bW5Db25maWdGYWN0b3J5LmRlcHMgPSBbQ29sdW1uU2VsZWN0b3JGYWN0b3J5XTtcblxuZnVuY3Rpb24gTGF5ZXJDb2x1bW5Db25maWdGYWN0b3J5KENvbHVtblNlbGVjdG9yOiBSZXR1cm5UeXBlPHR5cGVvZiBDb2x1bW5TZWxlY3RvckZhY3Rvcnk+KSB7XG4gIGNvbnN0IExheWVyQ29sdW1uQ29uZmlnOiBSZWFjdC5GQzxMYXllckNvbHVtbkNvbmZpZ1Byb3BzPE1pbmltYWxGaWVsZCAmIHtmaWVsZElkeDogbnVtYmVyfT4+ID0gKHtcbiAgICBjb2x1bW5QYWlycyxcbiAgICBmaWVsZFBhaXJzLFxuICAgIGNvbHVtbnMsXG4gICAgY29sdW1uTGFiZWxzLFxuICAgIGZpZWxkcyxcbiAgICB1cGRhdGVMYXllckNvbmZpZyxcbiAgICBhc3NpZ25Db2x1bW4sXG4gICAgYXNzaWduQ29sdW1uUGFpcnMsXG4gICAgaXNBY3RpdmVcbiAgfSkgPT4ge1xuICAgIGNvbnN0IGVuaGFuY2VkRmllbGRQYWlyczogRW5oYW5jZWRGaWVsZFBhaXJbXSB8IG51bGwgPSB1c2VNZW1vKFxuICAgICAgKCkgPT5cbiAgICAgICAgY29sdW1uUGFpcnMgJiYgZmllbGRQYWlyc1xuICAgICAgICAgID8gZmllbGRQYWlycy5tYXAoZnAgPT4gKHtcbiAgICAgICAgICAgICAgbmFtZTogZnAuZGVmYXVsdE5hbWUsXG4gICAgICAgICAgICAgIHR5cGU6ICdwb2ludCcsXG4gICAgICAgICAgICAgIHBhaXI6IGZwLnBhaXJcbiAgICAgICAgICAgIH0pKVxuICAgICAgICAgIDogbnVsbCxcbiAgICAgIFtjb2x1bW5QYWlycywgZmllbGRQYWlyc11cbiAgICApO1xuXG4gICAgY29uc3Qgb25VcGRhdGVDb2x1bW4gPSB1c2VDYWxsYmFjayhcbiAgICAgIChrZXksIHZhbHVlKSA9PiB7XG4gICAgICAgIGNvbnN0IGFzc2lnbmVkQ29sdW1ucyA9XG4gICAgICAgICAgdmFsdWUgJiYgdmFsdWUucGFpciAmJiBjb2x1bW5QYWlyc1xuICAgICAgICAgICAgPyBhc3NpZ25Db2x1bW5QYWlycyhrZXksIHZhbHVlLnBhaXIpXG4gICAgICAgICAgICA6IGFzc2lnbkNvbHVtbihrZXksIHZhbHVlKTtcblxuICAgICAgICB1cGRhdGVMYXllckNvbmZpZyh7Y29sdW1uczogYXNzaWduZWRDb2x1bW5zfSk7XG4gICAgICB9LFxuICAgICAgW3VwZGF0ZUxheWVyQ29uZmlnLCBjb2x1bW5QYWlycywgYXNzaWduQ29sdW1uUGFpcnMsIGFzc2lnbkNvbHVtbl1cbiAgICApO1xuXG4gICAgaWYgKCFPYmplY3Qua2V5cyhjb2x1bW5zKS5sZW5ndGgpIHtcbiAgICAgIC8vIGRvbid0IHJlbmRlciBpZiBjb2x1bW5zIGlzIGVtcHR5XG4gICAgICByZXR1cm4gPGRpdiAvPjtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdj5cbiAgICAgICAgPFNpZGVQYW5lbFNlY3Rpb24+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJsYXllci1jb25maWdfX2NvbHVtblwiPlxuICAgICAgICAgICAge09iamVjdC5rZXlzKGNvbHVtbnMpLm1hcChrZXkgPT4gKFxuICAgICAgICAgICAgICA8Q29sdW1uU2VsZWN0b3JcbiAgICAgICAgICAgICAgICBjb2x1bW49e2NvbHVtbnNba2V5XX1cbiAgICAgICAgICAgICAgICBjb2x1bW5zPXtjb2x1bW5zfVxuICAgICAgICAgICAgICAgIGxhYmVsPXsoY29sdW1uTGFiZWxzICYmIGNvbHVtbkxhYmVsc1trZXldKSB8fCBrZXl9XG4gICAgICAgICAgICAgICAga2V5PXtrZXl9XG4gICAgICAgICAgICAgICAgYWxsRmllbGRzPXtmaWVsZHN9XG4gICAgICAgICAgICAgICAgZmllbGRQYWlycz17Z2V0VmFsaWRGaWVsZFBhaXJzU3VnZ2VzdGlvbnNGb3JDb2x1bW4oXG4gICAgICAgICAgICAgICAgICBlbmhhbmNlZEZpZWxkUGFpcnMsXG4gICAgICAgICAgICAgICAgICBjb2x1bW5QYWlycyxcbiAgICAgICAgICAgICAgICAgIGtleVxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgb25TZWxlY3Q9e3ZhbCA9PiBvblVwZGF0ZUNvbHVtbihrZXksIHZhbCl9XG4gICAgICAgICAgICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvU2lkZVBhbmVsU2VjdGlvbj5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH07XG5cbiAgcmV0dXJuIExheWVyQ29sdW1uQ29uZmlnO1xufVxuXG5leHBvcnQgZGVmYXVsdCBMYXllckNvbHVtbkNvbmZpZ0ZhY3Rvcnk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBR0EsSUFBQUEsTUFBQSxHQUFBQyx1QkFBQSxDQUFBQyxPQUFBO0FBVUEsSUFBQUMsWUFBQSxHQUFBRCxPQUFBO0FBRUEsSUFBQUUsZUFBQSxHQUFBQyxzQkFBQSxDQUFBSCxPQUFBO0FBRUEsSUFBQUksaUJBQUEsR0FBQUosT0FBQTtBQUFnRSxTQUFBSyx5QkFBQUMsQ0FBQSw2QkFBQUMsT0FBQSxtQkFBQUMsQ0FBQSxPQUFBRCxPQUFBLElBQUFFLENBQUEsT0FBQUYsT0FBQSxZQUFBRix3QkFBQSxZQUFBQSx5QkFBQUMsQ0FBQSxXQUFBQSxDQUFBLEdBQUFHLENBQUEsR0FBQUQsQ0FBQSxLQUFBRixDQUFBO0FBQUEsU0FBQVAsd0JBQUFPLENBQUEsRUFBQUUsQ0FBQSxTQUFBQSxDQUFBLElBQUFGLENBQUEsSUFBQUEsQ0FBQSxDQUFBSSxVQUFBLFNBQUFKLENBQUEsZUFBQUEsQ0FBQSxnQkFBQUssT0FBQSxDQUFBTCxDQUFBLDBCQUFBQSxDQUFBLHNCQUFBQSxDQUFBLFFBQUFHLENBQUEsR0FBQUosd0JBQUEsQ0FBQUcsQ0FBQSxPQUFBQyxDQUFBLElBQUFBLENBQUEsQ0FBQUcsR0FBQSxDQUFBTixDQUFBLFVBQUFHLENBQUEsQ0FBQUksR0FBQSxDQUFBUCxDQUFBLE9BQUFRLENBQUEsS0FBQUMsU0FBQSxVQUFBQyxDQUFBLEdBQUFDLE1BQUEsQ0FBQUMsY0FBQSxJQUFBRCxNQUFBLENBQUFFLHdCQUFBLFdBQUFDLENBQUEsSUFBQWQsQ0FBQSxvQkFBQWMsQ0FBQSxPQUFBQyxjQUFBLENBQUFDLElBQUEsQ0FBQWhCLENBQUEsRUFBQWMsQ0FBQSxTQUFBRyxDQUFBLEdBQUFQLENBQUEsR0FBQUMsTUFBQSxDQUFBRSx3QkFBQSxDQUFBYixDQUFBLEVBQUFjLENBQUEsVUFBQUcsQ0FBQSxLQUFBQSxDQUFBLENBQUFWLEdBQUEsSUFBQVUsQ0FBQSxDQUFBQyxHQUFBLElBQUFQLE1BQUEsQ0FBQUMsY0FBQSxDQUFBSixDQUFBLEVBQUFNLENBQUEsRUFBQUcsQ0FBQSxJQUFBVCxDQUFBLENBQUFNLENBQUEsSUFBQWQsQ0FBQSxDQUFBYyxDQUFBLFlBQUFOLENBQUEsY0FBQVIsQ0FBQSxFQUFBRyxDQUFBLElBQUFBLENBQUEsQ0FBQWUsR0FBQSxDQUFBbEIsQ0FBQSxFQUFBUSxDQUFBLEdBQUFBLENBQUE7QUFqQmhFO0FBQ0E7O0FBK0JBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBU1csc0NBQXNDQSxDQUM3Q0Msa0JBQThDLEVBQzlDQyxXQUEyQyxFQUMzQ0MsU0FBaUIsRUFDVztFQUM1QixJQUFJRixrQkFBa0IsSUFBSUMsV0FBVyxhQUFYQSxXQUFXLGVBQVhBLFdBQVcsQ0FBR0MsU0FBUyxDQUFDLEVBQUU7SUFDbEQsSUFBTUMsVUFBVSxHQUFHRixXQUFXLENBQUNDLFNBQVMsQ0FBQztJQUN6QyxJQUFNRSxrQkFBa0IsR0FBR0osa0JBQWtCLENBQUNLLE1BQU0sQ0FBQyxVQUFBQyxJQUFBLEVBQVk7TUFBQSxJQUFWQyxJQUFJLEdBQUFELElBQUEsQ0FBSkMsSUFBSTtNQUN6RCxPQUFPLElBQUFDLG9CQUFPLEVBQUNMLFVBQVUsQ0FBQ00sWUFBWSxDQUFDLENBQUNDLElBQUksQ0FBQyxVQUFBRCxZQUFZO1FBQUEsT0FDdkRsQixNQUFNLENBQUNvQixTQUFTLENBQUNoQixjQUFjLENBQUNDLElBQUksQ0FBQ1csSUFBSSxFQUFFRSxZQUFZLENBQUM7TUFBQSxDQUMxRCxDQUFDO0lBQ0gsQ0FBQyxDQUFDO0lBQ0YsT0FBT0wsa0JBQWtCLENBQUNRLE1BQU0sR0FBRyxDQUFDLEdBQUdSLGtCQUFrQixHQUFHLElBQUk7RUFDbEU7RUFDQSxPQUFPLElBQUk7QUFDYjtBQUVBUyx3QkFBd0IsQ0FBQ0MsSUFBSSxHQUFHLENBQUNDLDBCQUFxQixDQUFDO0FBRXZELFNBQVNGLHdCQUF3QkEsQ0FBQ0csY0FBd0QsRUFBRTtFQUMxRixJQUFNQyxpQkFBc0YsR0FBRyxTQUF6RkEsaUJBQXNGQSxDQUFBQyxLQUFBLEVBVXRGO0lBQUEsSUFUSmpCLFdBQVcsR0FBQWlCLEtBQUEsQ0FBWGpCLFdBQVc7TUFDWGtCLFVBQVUsR0FBQUQsS0FBQSxDQUFWQyxVQUFVO01BQ1ZDLE9BQU8sR0FBQUYsS0FBQSxDQUFQRSxPQUFPO01BQ1BDLFlBQVksR0FBQUgsS0FBQSxDQUFaRyxZQUFZO01BQ1pDLE1BQU0sR0FBQUosS0FBQSxDQUFOSSxNQUFNO01BQ05DLGlCQUFpQixHQUFBTCxLQUFBLENBQWpCSyxpQkFBaUI7TUFDakJDLFlBQVksR0FBQU4sS0FBQSxDQUFaTSxZQUFZO01BQ1pDLGlCQUFpQixHQUFBUCxLQUFBLENBQWpCTyxpQkFBaUI7TUFDakJDLFFBQVEsR0FBQVIsS0FBQSxDQUFSUSxRQUFRO0lBRVIsSUFBTTFCLGtCQUE4QyxHQUFHLElBQUEyQixjQUFPLEVBQzVEO01BQUEsT0FDRTFCLFdBQVcsSUFBSWtCLFVBQVUsR0FDckJBLFVBQVUsQ0FBQ1MsR0FBRyxDQUFDLFVBQUFDLEVBQUU7UUFBQSxPQUFLO1VBQ3BCQyxJQUFJLEVBQUVELEVBQUUsQ0FBQ0UsV0FBVztVQUNwQkMsSUFBSSxFQUFFLE9BQU87VUFDYnpCLElBQUksRUFBRXNCLEVBQUUsQ0FBQ3RCO1FBQ1gsQ0FBQztNQUFBLENBQUMsQ0FBQyxHQUNILElBQUk7SUFBQSxHQUNWLENBQUNOLFdBQVcsRUFBRWtCLFVBQVUsQ0FDMUIsQ0FBQztJQUVELElBQU1jLGNBQWMsR0FBRyxJQUFBQyxrQkFBVyxFQUNoQyxVQUFDQyxHQUFHLEVBQUVDLEtBQUssRUFBSztNQUNkLElBQU1DLGVBQWUsR0FDbkJELEtBQUssSUFBSUEsS0FBSyxDQUFDN0IsSUFBSSxJQUFJTixXQUFXLEdBQzlCd0IsaUJBQWlCLENBQUNVLEdBQUcsRUFBRUMsS0FBSyxDQUFDN0IsSUFBSSxDQUFDLEdBQ2xDaUIsWUFBWSxDQUFDVyxHQUFHLEVBQUVDLEtBQUssQ0FBQztNQUU5QmIsaUJBQWlCLENBQUM7UUFBQ0gsT0FBTyxFQUFFaUI7TUFBZSxDQUFDLENBQUM7SUFDL0MsQ0FBQyxFQUNELENBQUNkLGlCQUFpQixFQUFFdEIsV0FBVyxFQUFFd0IsaUJBQWlCLEVBQUVELFlBQVksQ0FDbEUsQ0FBQztJQUVELElBQUksQ0FBQ2pDLE1BQU0sQ0FBQytDLElBQUksQ0FBQ2xCLE9BQU8sQ0FBQyxDQUFDUixNQUFNLEVBQUU7TUFDaEM7TUFDQSxvQkFBT3hDLE1BQUEsWUFBQW1FLGFBQUEsWUFBTSxDQUFDO0lBQ2hCO0lBRUEsb0JBQ0VuRSxNQUFBLFlBQUFtRSxhQUFBLDJCQUNFbkUsTUFBQSxZQUFBbUUsYUFBQSxDQUFDN0QsaUJBQUEsQ0FBQThELGdCQUFnQixxQkFDZnBFLE1BQUEsWUFBQW1FLGFBQUE7TUFBS0UsU0FBUyxFQUFDO0lBQXNCLEdBQ2xDbEQsTUFBTSxDQUFDK0MsSUFBSSxDQUFDbEIsT0FBTyxDQUFDLENBQUNRLEdBQUcsQ0FBQyxVQUFBTyxHQUFHO01BQUEsb0JBQzNCL0QsTUFBQSxZQUFBbUUsYUFBQSxDQUFDdkIsY0FBYztRQUNiMEIsTUFBTSxFQUFFdEIsT0FBTyxDQUFDZSxHQUFHLENBQUU7UUFDckJmLE9BQU8sRUFBRUEsT0FBUTtRQUNqQnVCLEtBQUssRUFBR3RCLFlBQVksSUFBSUEsWUFBWSxDQUFDYyxHQUFHLENBQUMsSUFBS0EsR0FBSTtRQUNsREEsR0FBRyxFQUFFQSxHQUFJO1FBQ1RTLFNBQVMsRUFBRXRCLE1BQU87UUFDbEJILFVBQVUsRUFBRXBCLHNDQUFzQyxDQUNoREMsa0JBQWtCLEVBQ2xCQyxXQUFXLEVBQ1hrQyxHQUNGLENBQUU7UUFDRlUsUUFBUSxFQUFFLFNBQVZBLFFBQVFBLENBQUVDLEdBQUc7VUFBQSxPQUFJYixjQUFjLENBQUNFLEdBQUcsRUFBRVcsR0FBRyxDQUFDO1FBQUEsQ0FBQztRQUMxQ3BCLFFBQVEsRUFBRUE7TUFBUyxDQUNwQixDQUFDO0lBQUEsQ0FDSCxDQUNFLENBQ1csQ0FDZixDQUFDO0VBRVYsQ0FBQztFQUVELE9BQU9ULGlCQUFpQjtBQUMxQjtBQUFDLElBQUE4QixRQUFBLEdBQUFDLE9BQUEsY0FFY25DLHdCQUF3QiIsImlnbm9yZUxpc3QiOltdfQ==

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

@@ -0,0 +1,47 @@
+import React from 'react';
+import { MinimalField } from '../../common/field-selector';
+import PanelHeaderActionFactory from '../panel-header-action';
+import LayerColumnConfigFactory from './layer-column-config';
+import { Layer, LayerInfoModal, LayerBaseConfig } from '@kepler.gl/layers';
+import { SupportedColumnMode, FieldPair, LayerColumns } from '@kepler.gl/types';
+interface FieldOption extends MinimalField {
+    fieldIdx: number;
+}
+export declare type SupportedColumnModeConfig = {
+    key: string;
+    label: string;
+    columns: LayerColumns;
+};
+export declare type ColumnModeConfigProps = {
+    supportedColumnModes: SupportedColumnMode[] | null;
+    selectedColumnMode?: string;
+    id: string;
+    columns: LayerColumns;
+    renderColumnConfig: (mode: {
+        key: string;
+        label: string;
+        columns: any;
+    }, selected: boolean) => JSX.Element;
+    selectColumnMode: (mode: SupportedColumnModeConfig) => void;
+    getHelpHandler?: (mode: SupportedColumnModeConfig) => (() => void) | null;
+};
+export declare function ColumnModeConfigFactory(PanelHeaderAction: ReturnType<typeof PanelHeaderActionFactory>): React.FC<ColumnModeConfigProps>;
+export declare namespace ColumnModeConfigFactory {
+    var deps: (typeof PanelHeaderActionFactory)[];
+}
+export declare type LayerColumnModeConfigProps = {
+    layer: Layer;
+    layerConfig: LayerBaseConfig;
+    supportedColumnModes: SupportedColumnMode[] | null;
+    id: string;
+    fields: FieldOption[];
+    fieldPairs?: FieldPair[];
+    openModal: (l: LayerInfoModal) => void;
+    updateLayerConfig: (config: Partial<LayerBaseConfig>) => void;
+    updateLayerType: (type: string) => void;
+};
+declare function LayerColumnModeConfigFactory(LayerColumnConfig: ReturnType<typeof LayerColumnConfigFactory>, ColumnModeConfig: ReturnType<typeof ColumnModeConfigFactory>): ({ id, layer, supportedColumnModes, layerConfig, fields, fieldPairs, openModal, updateLayerConfig }: LayerColumnModeConfigProps) => React.JSX.Element;
+declare namespace LayerColumnModeConfigFactory {
+    var deps: (typeof ColumnModeConfigFactory | typeof LayerColumnConfigFactory)[];
+}
+export default LayerColumnModeConfigFactory;

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

@@ -0,0 +1,193 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ColumnModeConfigFactory = ColumnModeConfigFactory;
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+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 _checkbox = _interopRequireDefault(require("../../common/checkbox"));
+var _panelHeaderAction = _interopRequireDefault(require("../panel-header-action"));
+var _layerColumnConfig = _interopRequireDefault(require("./layer-column-config"));
+var _localization = require("@kepler.gl/localization");
+var _icons = require("../../common/icons");
+var _templateObject, _templateObject2, _templateObject3; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var TopRow = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  justify-content: space-between;\n"])));
+var Separator = (0, _styledComponents["default"])(function (_ref) {
+  var children = _ref.children,
+    className = _ref.className;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: className
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "separator-line-cell"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "separator-line"
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "separator-content"
+  }, children), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "separator-line-cell"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "separator-line"
+  })));
+})(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: row;\n  & > * + * {\n    margin-left: 10px;\n  }\n  & > .separator-line-cell {\n    display: flex;\n    flex-grow: 1;\n    align-items: center;\n  }\n  & > .separator-content {\n    color: ", ";\n  }\n  & > .separator-line-cell > .separator-line {\n    display: flex;\n    border-bottom: 1px solid ", ";\n    width: 100%;\n    line-height: 1px;\n    height: 1px;\n  }\n"])), function (props) {
+  return props.theme.labelColor;
+}, function (props) {
+  return props.theme.labelColor;
+});
+var ConfigPanesContainer = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: column;\n  & > * + * {\n    margin-top: 10px;\n  }\n  fieldset {\n    border: 1px solid ", ";\n    margin: 0;\n  }\n  legend {\n    display: flex;\n    label {\n      color: ", ";\n    }\n  }\n"])), function (props) {
+  return props.theme.labelColor;
+}, function (props) {
+  return props.theme.labelColor;
+});
+ColumnModeConfigFactory.deps = [_panelHeaderAction["default"]];
+function ColumnModeConfigFactory(PanelHeaderAction) {
+  var ColumnModeConfig = function ColumnModeConfig(_ref2) {
+    var id = _ref2.id,
+      supportedColumnModes = _ref2.supportedColumnModes,
+      selectedColumnMode = _ref2.selectedColumnMode,
+      columns = _ref2.columns,
+      renderColumnConfig = _ref2.renderColumnConfig,
+      selectColumnMode = _ref2.selectColumnMode,
+      _ref2$getHelpHandler = _ref2.getHelpHandler,
+      getHelpHandler = _ref2$getHelpHandler === void 0 ? function () {
+        return null;
+      } : _ref2$getHelpHandler;
+    var columnModes = (0, _react.useMemo)(function () {
+      return supportedColumnModes ? supportedColumnModes.map(function (_ref3) {
+        var key = _ref3.key,
+          label = _ref3.label,
+          requiredColumns = _ref3.requiredColumns,
+          optionalColumns = _ref3.optionalColumns;
+        var allColumns = (requiredColumns || []).concat(optionalColumns || []).reduce(function (acc, k) {
+          acc[k] = columns[k];
+          return acc;
+        }, {});
+        return {
+          key: key,
+          label: label,
+          columns: allColumns
+        };
+      }) : Object.keys(columns).length > 0 ? [{
+        key: 'default',
+        label: '',
+        columns: columns
+      }] : [];
+    }, [supportedColumnModes, columns]);
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, columnModes.length > 0 ? /*#__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"
+    }))) : null, /*#__PURE__*/_react["default"].createElement(ConfigPanesContainer, null, columnModes.map(function (modeConfig, i) {
+      var columnMode = modeConfig.key,
+        label = modeConfig.label;
+      var isSelected = selectedColumnMode === columnMode || columnModes.length === 1;
+      var columnPanel = renderColumnConfig(modeConfig, isSelected);
+      var helpHandler = getHelpHandler(modeConfig);
+      var selectColumnModeHandler = function selectColumnModeHandler() {
+        return selectColumnMode(modeConfig);
+      };
+      return /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
+        key: columnMode
+      }, i > 0 ? /*#__PURE__*/_react["default"].createElement(Separator, null, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+        id: "layer.columnModesSeparator"
+      })) : null, columnModes.length > 1 ? /*#__PURE__*/_react["default"].createElement("div", {
+        className: "layer-column-mode-panel"
+      }, /*#__PURE__*/_react["default"].createElement(_styledComponents2.StyledPanelHeader, {
+        className: "interaction-panel__header"
+      }, /*#__PURE__*/_react["default"].createElement(_styledComponents2.PanelHeaderContent, {
+        className: "interaction-panel__header__content"
+      }, /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
+        type: "radio",
+        name: "layer-".concat(id, "-input-modes"),
+        checked: isSelected,
+        id: "".concat(id, "-input-column-").concat(columnMode),
+        label: label,
+        onChange: selectColumnModeHandler
+      })), helpHandler ? /*#__PURE__*/_react["default"].createElement("div", {
+        className: "interaction-panel__header__actions"
+      }, /*#__PURE__*/_react["default"].createElement(PanelHeaderAction, {
+        id: "".concat(id, "-help-button"),
+        className: "layer__help-button",
+        tooltip: 'layerConfiguration.howTo',
+        onClick: helpHandler,
+        IconComponent: _icons.Help
+      })) : null), /*#__PURE__*/_react["default"].createElement(_styledComponents2.PanelContent, {
+        className: "interaction-panel__content"
+      }, columnPanel)) : columnPanel);
+    })));
+  };
+  return ColumnModeConfig;
+}
+LayerColumnModeConfigFactory.deps = [_layerColumnConfig["default"], ColumnModeConfigFactory];
+function LayerColumnModeConfigFactory(LayerColumnConfig, ColumnModeConfig) {
+  var LayerColumnModeConfig = function LayerColumnModeConfig(_ref4) {
+    var id = _ref4.id,
+      layer = _ref4.layer,
+      supportedColumnModes = _ref4.supportedColumnModes,
+      layerConfig = _ref4.layerConfig,
+      fields = _ref4.fields,
+      fieldPairs = _ref4.fieldPairs,
+      openModal = _ref4.openModal,
+      _updateLayerConfig = _ref4.updateLayerConfig;
+    var columns = layerConfig.columns;
+    var selectColumnMode = (0, _react.useCallback)(function (_ref5) {
+      var columnMode = _ref5.key;
+      _updateLayerConfig({
+        columnMode: columnMode
+      });
+    }, [_updateLayerConfig]);
+    var renderColumnConfig = (0, _react.useCallback)(function (_ref6, isSelected) {
+      var columnMode = _ref6.key,
+        cols = _ref6.columns;
+      return /*#__PURE__*/_react["default"].createElement(LayerColumnConfig, {
+        columnPairs: layer.columnPairs,
+        columns: cols,
+        assignColumnPairs: layer.assignColumnPairs.bind(layer),
+        assignColumn: layer.assignColumn.bind(layer),
+        columnLabels: layer.columnLabels,
+        fields: fields,
+        fieldPairs: fieldPairs,
+        updateLayerConfig: function updateLayerConfig(config) {
+          return _updateLayerConfig(_objectSpread(_objectSpread({}, config), !isSelected && columnMode !== 'defaut' ? {
+            columnMode: columnMode
+          } : {}));
+        },
+        isActive: isSelected
+      });
+    }, [layer, _updateLayerConfig, fieldPairs, fields]);
+    var getHelpHandler = (0, _react.useCallback)(function (_ref7) {
+      var _layer$layerInfoModal;
+      var columnMode = _ref7.key;
+      var modal = (_layer$layerInfoModal = layer.layerInfoModal) === null || _layer$layerInfoModal === void 0 ? void 0 : _layer$layerInfoModal[columnMode];
+      if (modal) {
+        return function () {
+          return openModal(modal);
+        };
+      }
+      return null;
+    }, [layer, openModal]);
+    return /*#__PURE__*/_react["default"].createElement(ColumnModeConfig, {
+      id: id,
+      supportedColumnModes: supportedColumnModes,
+      selectedColumnMode: layerConfig.columnMode,
+      columns: columns,
+      selectColumnMode: selectColumnMode,
+      renderColumnConfig: renderColumnConfig,
+      getHelpHandler: getHelpHandler
+    });
+  };
+  return LayerColumnModeConfig;
+}
+var _default = exports["default"] = LayerColumnModeConfigFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfc3R5bGVkQ29tcG9uZW50cyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfc3R5bGVkQ29tcG9uZW50czIiLCJfY2hlY2tib3giLCJfcGFuZWxIZWFkZXJBY3Rpb24iLCJfbGF5ZXJDb2x1bW5Db25maWciLCJfbG9jYWxpemF0aW9uIiwiX2ljb25zIiwiX3RlbXBsYXRlT2JqZWN0IiwiX3RlbXBsYXRlT2JqZWN0MiIsIl90ZW1wbGF0ZU9iamVjdDMiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJlIiwiV2Vha01hcCIsInIiLCJ0IiwiX19lc01vZHVsZSIsIl90eXBlb2YiLCJoYXMiLCJnZXQiLCJuIiwiX19wcm90b19fIiwiYSIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwidSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImkiLCJzZXQiLCJvd25LZXlzIiwia2V5cyIsImdldE93blByb3BlcnR5U3ltYm9scyIsIm8iLCJmaWx0ZXIiLCJlbnVtZXJhYmxlIiwicHVzaCIsImFwcGx5IiwiX29iamVjdFNwcmVhZCIsImFyZ3VtZW50cyIsImxlbmd0aCIsImZvckVhY2giLCJfZGVmaW5lUHJvcGVydHkyIiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9ycyIsImRlZmluZVByb3BlcnRpZXMiLCJUb3BSb3ciLCJzdHlsZWQiLCJkaXYiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsMiIsIlNlcGFyYXRvciIsIl9yZWYiLCJjaGlsZHJlbiIsImNsYXNzTmFtZSIsImNyZWF0ZUVsZW1lbnQiLCJwcm9wcyIsInRoZW1lIiwibGFiZWxDb2xvciIsIkNvbmZpZ1BhbmVzQ29udGFpbmVyIiwiQ29sdW1uTW9kZUNvbmZpZ0ZhY3RvcnkiLCJkZXBzIiwiUGFuZWxIZWFkZXJBY3Rpb25GYWN0b3J5IiwiUGFuZWxIZWFkZXJBY3Rpb24iLCJDb2x1bW5Nb2RlQ29uZmlnIiwiX3JlZjIiLCJpZCIsInN1cHBvcnRlZENvbHVtbk1vZGVzIiwic2VsZWN0ZWRDb2x1bW5Nb2RlIiwiY29sdW1ucyIsInJlbmRlckNvbHVtbkNvbmZpZyIsInNlbGVjdENvbHVtbk1vZGUiLCJfcmVmMiRnZXRIZWxwSGFuZGxlciIsImdldEhlbHBIYW5kbGVyIiwiY29sdW1uTW9kZXMiLCJ1c2VNZW1vIiwibWFwIiwiX3JlZjMiLCJrZXkiLCJsYWJlbCIsInJlcXVpcmVkQ29sdW1ucyIsIm9wdGlvbmFsQ29sdW1ucyIsImFsbENvbHVtbnMiLCJjb25jYXQiLCJyZWR1Y2UiLCJhY2MiLCJrIiwiRnJhZ21lbnQiLCJQYW5lbExhYmVsIiwiRm9ybWF0dGVkTWVzc2FnZSIsIm1vZGVDb25maWciLCJjb2x1bW5Nb2RlIiwiaXNTZWxlY3RlZCIsImNvbHVtblBhbmVsIiwiaGVscEhhbmRsZXIiLCJzZWxlY3RDb2x1bW5Nb2RlSGFuZGxlciIsIlN0eWxlZFBhbmVsSGVhZGVyIiwiUGFuZWxIZWFkZXJDb250ZW50IiwidHlwZSIsIm5hbWUiLCJjaGVja2VkIiwib25DaGFuZ2UiLCJ0b29sdGlwIiwib25DbGljayIsIkljb25Db21wb25lbnQiLCJIZWxwIiwiUGFuZWxDb250ZW50IiwiTGF5ZXJDb2x1bW5Nb2RlQ29uZmlnRmFjdG9yeSIsIkxheWVyQ29sdW1uQ29uZmlnRmFjdG9yeSIsIkxheWVyQ29sdW1uQ29uZmlnIiwiTGF5ZXJDb2x1bW5Nb2RlQ29uZmlnIiwiX3JlZjQiLCJsYXllciIsImxheWVyQ29uZmlnIiwiZmllbGRzIiwiZmllbGRQYWlycyIsIm9wZW5Nb2RhbCIsInVwZGF0ZUxheWVyQ29uZmlnIiwidXNlQ2FsbGJhY2siLCJfcmVmNSIsIl9yZWY2IiwiY29scyIsImNvbHVtblBhaXJzIiwiYXNzaWduQ29sdW1uUGFpcnMiLCJiaW5kIiwiYXNzaWduQ29sdW1uIiwiY29sdW1uTGFiZWxzIiwiY29uZmlnIiwiaXNBY3RpdmUiLCJfcmVmNyIsIl9sYXllciRsYXllckluZm9Nb2RhbCIsIm1vZGFsIiwibGF5ZXJJbmZvTW9kYWwiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvc2lkZS1wYW5lbC9sYXllci1wYW5lbC9sYXllci1jb2x1bW4tbW9kZS1jb25maWcudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCwge0ZyYWdtZW50LCB1c2VDYWxsYmFjaywgdXNlTWVtb30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCB7XG4gIFBhbmVsSGVhZGVyQ29udGVudCxcbiAgUGFuZWxMYWJlbCxcbiAgU3R5bGVkUGFuZWxIZWFkZXIsXG4gIFBhbmVsQ29udGVudFxufSBmcm9tICcuLi8uLi9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IENoZWNrYm94IGZyb20gJy4uLy4uL2NvbW1vbi9jaGVja2JveCc7XG5pbXBvcnQge01pbmltYWxGaWVsZH0gZnJvbSAnLi4vLi4vY29tbW9uL2ZpZWxkLXNlbGVjdG9yJztcbmltcG9ydCBQYW5lbEhlYWRlckFjdGlvbkZhY3RvcnkgZnJvbSAnLi4vcGFuZWwtaGVhZGVyLWFjdGlvbic7XG5pbXBvcnQgTGF5ZXJDb2x1bW5Db25maWdGYWN0b3J5IGZyb20gJy4vbGF5ZXItY29sdW1uLWNvbmZpZyc7XG5pbXBvcnQge0Zvcm1hdHRlZE1lc3NhZ2V9IGZyb20gJ0BrZXBsZXIuZ2wvbG9jYWxpemF0aW9uJztcbmltcG9ydCB7TGF5ZXIsIExheWVySW5mb01vZGFsLCBMYXllckJhc2VDb25maWd9IGZyb20gJ0BrZXBsZXIuZ2wvbGF5ZXJzJztcbmltcG9ydCB7U3VwcG9ydGVkQ29sdW1uTW9kZSwgRmllbGRQYWlyLCBMYXllckNvbHVtbnN9IGZyb20gJ0BrZXBsZXIuZ2wvdHlwZXMnO1xuXG5pbXBvcnQge0hlbHB9IGZyb20gJy4uLy4uL2NvbW1vbi9pY29ucyc7XG5cbmNvbnN0IFRvcFJvdyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbmA7XG5cbmNvbnN0IFNlcGFyYXRvciA9IHN0eWxlZCgoe2NoaWxkcmVuLCBjbGFzc05hbWV9KSA9PiAoXG4gIDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgIDxkaXYgY2xhc3NOYW1lPVwic2VwYXJhdG9yLWxpbmUtY2VsbFwiPlxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJzZXBhcmF0b3ItbGluZVwiIC8+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzc05hbWU9XCJzZXBhcmF0b3ItY29udGVudFwiPntjaGlsZHJlbn08L2Rpdj5cbiAgICA8ZGl2IGNsYXNzTmFtZT1cInNlcGFyYXRvci1saW5lLWNlbGxcIj5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPVwic2VwYXJhdG9yLWxpbmVcIiAvPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbikpYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAmID4gKiArICoge1xuICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICB9XG4gICYgPiAuc2VwYXJhdG9yLWxpbmUtY2VsbCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWdyb3c6IDE7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgfVxuICAmID4gLnNlcGFyYXRvci1jb250ZW50IHtcbiAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5sYWJlbENvbG9yfTtcbiAgfVxuICAmID4gLnNlcGFyYXRvci1saW5lLWNlbGwgPiAuc2VwYXJhdG9yLWxpbmUge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7cHJvcHMgPT4gcHJvcHMudGhlbWUubGFiZWxDb2xvcn07XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgbGluZS1oZWlnaHQ6IDFweDtcbiAgICBoZWlnaHQ6IDFweDtcbiAgfVxuYDtcblxuY29uc3QgQ29uZmlnUGFuZXNDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAmID4gKiArICoge1xuICAgIG1hcmdpbi10b3A6IDEwcHg7XG4gIH1cbiAgZmllbGRzZXQge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7cHJvcHMgPT4gcHJvcHMudGhlbWUubGFiZWxDb2xvcn07XG4gICAgbWFyZ2luOiAwO1xuICB9XG4gIGxlZ2VuZCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBsYWJlbCB7XG4gICAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5sYWJlbENvbG9yfTtcbiAgICB9XG4gIH1cbmA7XG5cbmludGVyZmFjZSBGaWVsZE9wdGlvbiBleHRlbmRzIE1pbmltYWxGaWVsZCB7XG4gIGZpZWxkSWR4OiBudW1iZXI7XG59XG5leHBvcnQgdHlwZSBTdXBwb3J0ZWRDb2x1bW5Nb2RlQ29uZmlnID0ge1xuICBrZXk6IHN0cmluZztcbiAgbGFiZWw6IHN0cmluZztcbiAgY29sdW1uczogTGF5ZXJDb2x1bW5zO1xufTtcbmV4cG9ydCB0eXBlIENvbHVtbk1vZGVDb25maWdQcm9wcyA9IHtcbiAgc3VwcG9ydGVkQ29sdW1uTW9kZXM6IFN1cHBvcnRlZENvbHVtbk1vZGVbXSB8IG51bGw7XG4gIHNlbGVjdGVkQ29sdW1uTW9kZT86IHN0cmluZztcbiAgaWQ6IHN0cmluZztcbiAgY29sdW1uczogTGF5ZXJDb2x1bW5zO1xuICByZW5kZXJDb2x1bW5Db25maWc6IChcbiAgICBtb2RlOiB7a2V5OiBzdHJpbmc7IGxhYmVsOiBzdHJpbmc7IGNvbHVtbnM6IGFueX0sXG4gICAgc2VsZWN0ZWQ6IGJvb2xlYW5cbiAgKSA9PiBKU1guRWxlbWVudDtcbiAgc2VsZWN0Q29sdW1uTW9kZTogKG1vZGU6IFN1cHBvcnRlZENvbHVtbk1vZGVDb25maWcpID0+IHZvaWQ7XG4gIGdldEhlbHBIYW5kbGVyPzogKG1vZGU6IFN1cHBvcnRlZENvbHVtbk1vZGVDb25maWcpID0+ICgoKSA9PiB2b2lkKSB8IG51bGw7XG59O1xuXG5Db2x1bW5Nb2RlQ29uZmlnRmFjdG9yeS5kZXBzID0gW1BhbmVsSGVhZGVyQWN0aW9uRmFjdG9yeV07XG5cbmV4cG9ydCBmdW5jdGlvbiBDb2x1bW5Nb2RlQ29uZmlnRmFjdG9yeShcbiAgUGFuZWxIZWFkZXJBY3Rpb246IFJldHVyblR5cGU8dHlwZW9mIFBhbmVsSGVhZGVyQWN0aW9uRmFjdG9yeT5cbikge1xuICBjb25zdCBDb2x1bW5Nb2RlQ29uZmlnOiBSZWFjdC5GQzxDb2x1bW5Nb2RlQ29uZmlnUHJvcHM+ID0gKHtcbiAgICBpZCxcbiAgICBzdXBwb3J0ZWRDb2x1bW5Nb2RlcyxcbiAgICBzZWxlY3RlZENvbHVtbk1vZGUsXG4gICAgY29sdW1ucyxcbiAgICByZW5kZXJDb2x1bW5Db25maWcsXG4gICAgc2VsZWN0Q29sdW1uTW9kZSxcbiAgICBnZXRIZWxwSGFuZGxlciA9ICgpID0+IG51bGxcbiAgfTogQ29sdW1uTW9kZUNvbmZpZ1Byb3BzKSA9PiB7XG4gICAgY29uc3QgY29sdW1uTW9kZXMgPSB1c2VNZW1vKFxuICAgICAgKCkgPT5cbiAgICAgICAgc3VwcG9ydGVkQ29sdW1uTW9kZXNcbiAgICAgICAgICA/IHN1cHBvcnRlZENvbHVtbk1vZGVzLm1hcCgoe2tleSwgbGFiZWwsIHJlcXVpcmVkQ29sdW1ucywgb3B0aW9uYWxDb2x1bW5zfSkgPT4ge1xuICAgICAgICAgICAgICBjb25zdCBhbGxDb2x1bW5zID0gKHJlcXVpcmVkQ29sdW1ucyB8fCBbXSlcbiAgICAgICAgICAgICAgICAuY29uY2F0KG9wdGlvbmFsQ29sdW1ucyB8fCBbXSlcbiAgICAgICAgICAgICAgICAucmVkdWNlKChhY2MsIGspID0+IHtcbiAgICAgICAgICAgICAgICAgIGFjY1trXSA9IGNvbHVtbnNba107XG4gICAgICAgICAgICAgICAgICByZXR1cm4gYWNjO1xuICAgICAgICAgICAgICAgIH0sIHt9KTtcbiAgICAgICAgICAgICAgcmV0dXJuIHtrZXksIGxhYmVsLCBjb2x1bW5zOiBhbGxDb2x1bW5zfTtcbiAgICAgICAgICAgIH0pXG4gICAgICAgICAgOiBPYmplY3Qua2V5cyhjb2x1bW5zKS5sZW5ndGggPiAwXG4gICAgICAgICAgPyBbe2tleTogJ2RlZmF1bHQnLCBsYWJlbDogJycsIGNvbHVtbnN9XVxuICAgICAgICAgIDogW10sXG4gICAgICBbc3VwcG9ydGVkQ29sdW1uTW9kZXMsIGNvbHVtbnNdXG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICB7Y29sdW1uTW9kZXMubGVuZ3RoID4gMCA/IChcbiAgICAgICAgICA8VG9wUm93PlxuICAgICAgICAgICAgPFBhbmVsTGFiZWw+XG4gICAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIGlkPXsnY29sdW1ucy50aXRsZSd9IC8+XG4gICAgICAgICAgICA8L1BhbmVsTGFiZWw+XG4gICAgICAgICAgICA8UGFuZWxMYWJlbD5cbiAgICAgICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9XCJsYXllci5yZXF1aXJlZFwiIC8+XG4gICAgICAgICAgICA8L1BhbmVsTGFiZWw+XG4gICAgICAgICAgPC9Ub3BSb3c+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgICA8Q29uZmlnUGFuZXNDb250YWluZXI+XG4gICAgICAgICAge2NvbHVtbk1vZGVzLm1hcCgobW9kZUNvbmZpZywgaSkgPT4ge1xuICAgICAgICAgICAgY29uc3Qge2tleTogY29sdW1uTW9kZSwgbGFiZWx9ID0gbW9kZUNvbmZpZztcblxuICAgICAgICAgICAgY29uc3QgaXNTZWxlY3RlZCA9IHNlbGVjdGVkQ29sdW1uTW9kZSA9PT0gY29sdW1uTW9kZSB8fCBjb2x1bW5Nb2Rlcy5sZW5ndGggPT09IDE7XG4gICAgICAgICAgICBjb25zdCBjb2x1bW5QYW5lbCA9IHJlbmRlckNvbHVtbkNvbmZpZyhtb2RlQ29uZmlnLCBpc1NlbGVjdGVkKTtcbiAgICAgICAgICAgIGNvbnN0IGhlbHBIYW5kbGVyID0gZ2V0SGVscEhhbmRsZXIobW9kZUNvbmZpZyk7XG4gICAgICAgICAgICBjb25zdCBzZWxlY3RDb2x1bW5Nb2RlSGFuZGxlciA9ICgpID0+IHNlbGVjdENvbHVtbk1vZGUobW9kZUNvbmZpZyk7XG5cbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxGcmFnbWVudCBrZXk9e2NvbHVtbk1vZGV9PlxuICAgICAgICAgICAgICAgIHtpID4gMCA/IChcbiAgICAgICAgICAgICAgICAgIDxTZXBhcmF0b3I+XG4gICAgICAgICAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIGlkPVwibGF5ZXIuY29sdW1uTW9kZXNTZXBhcmF0b3JcIiAvPlxuICAgICAgICAgICAgICAgICAgPC9TZXBhcmF0b3I+XG4gICAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICAgICAge2NvbHVtbk1vZGVzLmxlbmd0aCA+IDEgPyAoXG4gICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImxheWVyLWNvbHVtbi1tb2RlLXBhbmVsXCI+XG4gICAgICAgICAgICAgICAgICAgIDxTdHlsZWRQYW5lbEhlYWRlciBjbGFzc05hbWU9XCJpbnRlcmFjdGlvbi1wYW5lbF9faGVhZGVyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgPFBhbmVsSGVhZGVyQ29udGVudCBjbGFzc05hbWU9XCJpbnRlcmFjdGlvbi1wYW5lbF9faGVhZGVyX19jb250ZW50XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Q2hlY2tib3hcbiAgICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT1cInJhZGlvXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgbmFtZT17YGxheWVyLSR7aWR9LWlucHV0LW1vZGVzYH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgY2hlY2tlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgaWQ9e2Ake2lkfS1pbnB1dC1jb2x1bW4tJHtjb2x1bW5Nb2RlfWB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsPXtsYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e3NlbGVjdENvbHVtbk1vZGVIYW5kbGVyfVxuICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICA8L1BhbmVsSGVhZGVyQ29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgICB7aGVscEhhbmRsZXIgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImludGVyYWN0aW9uLXBhbmVsX19oZWFkZXJfX2FjdGlvbnNcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgPFBhbmVsSGVhZGVyQWN0aW9uXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaWQ9e2Ake2lkfS1oZWxwLWJ1dHRvbmB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwibGF5ZXJfX2hlbHAtYnV0dG9uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0b29sdGlwPXsnbGF5ZXJDb25maWd1cmF0aW9uLmhvd1RvJ31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXtoZWxwSGFuZGxlcn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBJY29uQ29tcG9uZW50PXtIZWxwfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICAgICAgICAgIDwvU3R5bGVkUGFuZWxIZWFkZXI+XG4gICAgICAgICAgICAgICAgICAgIDxQYW5lbENvbnRlbnQgY2xhc3NOYW1lPVwiaW50ZXJhY3Rpb24tcGFuZWxfX2NvbnRlbnRcIj5cbiAgICAgICAgICAgICAgICAgICAgICB7Y29sdW1uUGFuZWx9XG4gICAgICAgICAgICAgICAgICAgIDwvUGFuZWxDb250ZW50PlxuICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgIGNvbHVtblBhbmVsXG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPC9GcmFnbWVudD5cbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvQ29uZmlnUGFuZXNDb250YWluZXI+XG4gICAgICA8Lz5cbiAgICApO1xuICB9O1xuXG4gIHJldHVybiBDb2x1bW5Nb2RlQ29uZmlnO1xufVxuXG5leHBvcnQgdHlwZSBMYXllckNvbHVtbk1vZGVDb25maWdQcm9wcyA9IHtcbiAgbGF5ZXI6IExheWVyO1xuICBsYXllckNvbmZpZzogTGF5ZXJCYXNlQ29uZmlnO1xuICBzdXBwb3J0ZWRDb2x1bW5Nb2RlczogU3VwcG9ydGVkQ29sdW1uTW9kZVtdIHwgbnVsbDtcbiAgaWQ6IHN0cmluZztcbiAgZmllbGRzOiBGaWVsZE9wdGlvbltdO1xuICBmaWVsZFBhaXJzPzogRmllbGRQYWlyW107XG4gIG9wZW5Nb2RhbDogKGw6IExheWVySW5mb01vZGFsKSA9PiB2b2lkO1xuICB1cGRhdGVMYXllckNvbmZpZzogKGNvbmZpZzogUGFydGlhbDxMYXllckJhc2VDb25maWc+KSA9PiB2b2lkO1xuICB1cGRhdGVMYXllclR5cGU6ICh0eXBlOiBzdHJpbmcpID0+IHZvaWQ7XG59O1xuXG5MYXllckNvbHVtbk1vZGVDb25maWdGYWN0b3J5LmRlcHMgPSBbTGF5ZXJDb2x1bW5Db25maWdGYWN0b3J5LCBDb2x1bW5Nb2RlQ29uZmlnRmFjdG9yeV07XG5cbmZ1bmN0aW9uIExheWVyQ29sdW1uTW9kZUNvbmZpZ0ZhY3RvcnkoXG4gIExheWVyQ29sdW1uQ29uZmlnOiBSZXR1cm5UeXBlPHR5cGVvZiBMYXllckNvbHVtbkNvbmZpZ0ZhY3Rvcnk+LFxuICBDb2x1bW5Nb2RlQ29uZmlnOiBSZXR1cm5UeXBlPHR5cGVvZiBDb2x1bW5Nb2RlQ29uZmlnRmFjdG9yeT5cbikge1xuICBjb25zdCBMYXllckNvbHVtbk1vZGVDb25maWcgPSAoe1xuICAgIGlkLFxuICAgIGxheWVyLFxuICAgIHN1cHBvcnRlZENvbHVtbk1vZGVzLFxuICAgIGxheWVyQ29uZmlnLFxuICAgIGZpZWxkcyxcbiAgICBmaWVsZFBhaXJzLFxuICAgIG9wZW5Nb2RhbCxcbiAgICB1cGRhdGVMYXllckNvbmZpZ1xuICB9OiBMYXllckNvbHVtbk1vZGVDb25maWdQcm9wcykgPT4ge1xuICAgIGNvbnN0IHtjb2x1bW5zfSA9IGxheWVyQ29uZmlnO1xuXG4gICAgY29uc3Qgc2VsZWN0Q29sdW1uTW9kZSA9IHVzZUNhbGxiYWNrKFxuICAgICAgKHtrZXk6IGNvbHVtbk1vZGV9KSA9PiB7XG4gICAgICAgIHVwZGF0ZUxheWVyQ29uZmlnKHtjb2x1bW5Nb2RlfSk7XG4gICAgICB9LFxuICAgICAgW3VwZGF0ZUxheWVyQ29uZmlnXVxuICAgICk7XG5cbiAgICBjb25zdCByZW5kZXJDb2x1bW5Db25maWcgPSB1c2VDYWxsYmFjayhcbiAgICAgICh7a2V5OiBjb2x1bW5Nb2RlLCBjb2x1bW5zOiBjb2xzfSwgaXNTZWxlY3RlZCkgPT4gKFxuICAgICAgICA8TGF5ZXJDb2x1bW5Db25maWdcbiAgICAgICAgICBjb2x1bW5QYWlycz17bGF5ZXIuY29sdW1uUGFpcnN9XG4gICAgICAgICAgY29sdW1ucz17Y29sc31cbiAgICAgICAgICBhc3NpZ25Db2x1bW5QYWlycz17bGF5ZXIuYXNzaWduQ29sdW1uUGFpcnMuYmluZChsYXllcil9XG4gICAgICAgICAgYXNzaWduQ29sdW1uPXtsYXllci5hc3NpZ25Db2x1bW4uYmluZChsYXllcil9XG4gICAgICAgICAgY29sdW1uTGFiZWxzPXtsYXllci5jb2x1bW5MYWJlbHN9XG4gICAgICAgICAgZmllbGRzPXtmaWVsZHN9XG4gICAgICAgICAgZmllbGRQYWlycz17ZmllbGRQYWlyc31cbiAgICAgICAgICB1cGRhdGVMYXllckNvbmZpZz17Y29uZmlnID0+XG4gICAgICAgICAgICB1cGRhdGVMYXllckNvbmZpZyh7XG4gICAgICAgICAgICAgIC4uLmNvbmZpZyxcbiAgICAgICAgICAgICAgLy8gaWYgY29sdW1uIG1vZGUgbm90IGN1cnJlbnRseSBzZWxlY3RlZFxuICAgICAgICAgICAgICAvLyBzZXQgY29sdW1uIG1vZGUgYWxvbmcgd2l0aCB0aGUgY29sdW1uc1xuICAgICAgICAgICAgICAuLi4oIWlzU2VsZWN0ZWQgJiYgY29sdW1uTW9kZSAhPT0gJ2RlZmF1dCcgPyB7Y29sdW1uTW9kZX0gOiB7fSlcbiAgICAgICAgICAgIH0pXG4gICAgICAgICAgfVxuICAgICAgICAgIGlzQWN0aXZlPXtpc1NlbGVjdGVkfVxuICAgICAgICAvPlxuICAgICAgKSxcbiAgICAgIFtsYXllciwgdXBkYXRlTGF5ZXJDb25maWcsIGZpZWxkUGFpcnMsIGZpZWxkc11cbiAgICApO1xuXG4gICAgY29uc3QgZ2V0SGVscEhhbmRsZXIgPSB1c2VDYWxsYmFjayhcbiAgICAgICh7a2V5OiBjb2x1bW5Nb2RlfSkgPT4ge1xuICAgICAgICBjb25zdCBtb2RhbCA9IGxheWVyLmxheWVySW5mb01vZGFsPy5bY29sdW1uTW9kZV07XG4gICAgICAgIGlmIChtb2RhbCkge1xuICAgICAgICAgIHJldHVybiAoKSA9PiBvcGVuTW9kYWwobW9kYWwpO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgICAgfSxcbiAgICAgIFtsYXllciwgb3Blbk1vZGFsXVxuICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPENvbHVtbk1vZGVDb25maWdcbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBzdXBwb3J0ZWRDb2x1bW5Nb2Rlcz17c3VwcG9ydGVkQ29sdW1uTW9kZXN9XG4gICAgICAgIHNlbGVjdGVkQ29sdW1uTW9kZT17bGF5ZXJDb25maWcuY29sdW1uTW9kZX1cbiAgICAgICAgY29sdW1ucz17Y29sdW1uc31cbiAgICAgICAgc2VsZWN0Q29sdW1uTW9kZT17c2VsZWN0Q29sdW1uTW9kZX1cbiAgICAgICAgcmVuZGVyQ29sdW1uQ29uZmlnPXtyZW5kZXJDb2x1bW5Db25maWd9XG4gICAgICAgIGdldEhlbHBIYW5kbGVyPXtnZXRIZWxwSGFuZGxlcn1cbiAgICAgIC8+XG4gICAgKTtcbiAgfTtcblxuICByZXR1cm4gTGF5ZXJDb2x1bW5Nb2RlQ29uZmlnO1xufVxuXG5leHBvcnQgZGVmYXVsdCBMYXllckNvbHVtbk1vZGVDb25maWdGYWN0b3J5O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUdBLElBQUFBLE1BQUEsR0FBQUMsdUJBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLGlCQUFBLEdBQUFDLHNCQUFBLENBQUFGLE9BQUE7QUFFQSxJQUFBRyxrQkFBQSxHQUFBSCxPQUFBO0FBTUEsSUFBQUksU0FBQSxHQUFBRixzQkFBQSxDQUFBRixPQUFBO0FBRUEsSUFBQUssa0JBQUEsR0FBQUgsc0JBQUEsQ0FBQUYsT0FBQTtBQUNBLElBQUFNLGtCQUFBLEdBQUFKLHNCQUFBLENBQUFGLE9BQUE7QUFDQSxJQUFBTyxhQUFBLEdBQUFQLE9BQUE7QUFJQSxJQUFBUSxNQUFBLEdBQUFSLE9BQUE7QUFBd0MsSUFBQVMsZUFBQSxFQUFBQyxnQkFBQSxFQUFBQyxnQkFBQSxFQXBCeEM7QUFDQTtBQUFBLFNBQUFDLHlCQUFBQyxDQUFBLDZCQUFBQyxPQUFBLG1CQUFBQyxDQUFBLE9BQUFELE9BQUEsSUFBQUUsQ0FBQSxPQUFBRixPQUFBLFlBQUFGLHdCQUFBLFlBQUFBLHlCQUFBQyxDQUFBLFdBQUFBLENBQUEsR0FBQUcsQ0FBQSxHQUFBRCxDQUFBLEtBQUFGLENBQUE7QUFBQSxTQUFBZCx3QkFBQWMsQ0FBQSxFQUFBRSxDQUFBLFNBQUFBLENBQUEsSUFBQUYsQ0FBQSxJQUFBQSxDQUFBLENBQUFJLFVBQUEs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

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

@@ -0,0 +1,44 @@
+import React from 'react';
+import InfoHelperFactory from '../../common/info-helper';
+import { Layer } from '@kepler.gl/layers';
+import { LayerVisConfig } from '@kepler.gl/types';
+export declare type LayerConfigGroupLabelProps = {
+    label?: string;
+    description?: string;
+    collapsed?: boolean;
+};
+export declare type LayerConfigGroupProps = {
+    layer?: Layer;
+    label: string;
+    property?: string;
+    description?: string;
+    collapsible?: boolean;
+    expanded?: boolean;
+    disabled?: boolean;
+    onChange?: (newVisConfig: Partial<LayerVisConfig>) => void;
+    IconComponent?: React.ElementType;
+    children?: React.ReactNode;
+};
+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>;
+interface StyledConfigGroupHeaderProps {
+    collapsible?: boolean;
+}
+export declare const StyledConfigGroupHeader: import("styled-components").StyledComponent<"div", any, {
+    className: "layer-config-group__header";
+} & StyledConfigGroupHeaderProps, "className">;
+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;