@kepler.gl/components 3.1.0-alpha.1 → 3.1.0-alpha.3

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import DatasetLayerSectionFactory from './dataset-layer-section';
+import { Layer, LayerClassesType } from '@kepler.gl/layers';
+import { UIStateActions, VisStateActions, ActionHandler, MapStateActions } from '@kepler.gl/actions';
+import { Datasets } from '@kepler.gl/table';
+declare type DatasetLayerGroupProps = {
+    datasets: Datasets;
+    layers: Layer[];
+    layerOrder: string[];
+    layerClasses: LayerClassesType;
+    showDeleteDataset: boolean;
+    removeDataset: ActionHandler<typeof UIStateActions.openDeleteModal>;
+    showDatasetTable: ActionHandler<typeof VisStateActions.showDatasetTable>;
+    updateTableColor: ActionHandler<typeof VisStateActions.updateTableColor>;
+    uiStateActions: typeof UIStateActions;
+    visStateActions: typeof VisStateActions;
+    mapStateActions: typeof MapStateActions;
+};
+declare function DatasetLayerGroupFactory(DatasetLayerSection: ReturnType<typeof DatasetLayerSectionFactory>): React.FC<DatasetLayerGroupProps>;
+declare namespace DatasetLayerGroupFactory {
+    var deps: (typeof DatasetLayerSectionFactory)[];
+}
+export default DatasetLayerGroupFactory;

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

@@ -0,0 +1,67 @@
+"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 _datasetLayerSection = _interopRequireDefault(require("./dataset-layer-section"));
+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
+
+DatasetLayerGroupFactory.deps = [_datasetLayerSection["default"]];
+function DatasetLayerGroupFactory(DatasetLayerSection) {
+  var DatasetLayerGroup = function DatasetLayerGroup(props) {
+    var datasets = props.datasets,
+      showDatasetTable = props.showDatasetTable,
+      layers = props.layers,
+      updateTableColor = props.updateTableColor,
+      showDeleteDataset = props.showDeleteDataset,
+      removeDataset = props.removeDataset,
+      layerOrder = props.layerOrder,
+      layerClasses = props.layerClasses,
+      uiStateActions = props.uiStateActions,
+      visStateActions = props.visStateActions,
+      mapStateActions = props.mapStateActions;
+    var datasetLayerSectionData = (0, _react.useMemo)(function () {
+      return Object.values(datasets).map(function (dataset) {
+        // Global layer order will contain the correct order of layers
+        // We just empty the positions in layers array (for each dataset)
+        // where the layer doesn't belong to a dataset and set it to null
+        var datasetLayers = layers.map(function (layer) {
+          return layer.config.dataId === dataset.id ? layer : null;
+        }).filter(function (layer) {
+          return Boolean(layer);
+        });
+        return {
+          dataset: dataset,
+          datasetLayers: datasetLayers
+        };
+      });
+    }, [datasets, layers]);
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, datasetLayerSectionData.map(function (dlsData) {
+      return /*#__PURE__*/_react["default"].createElement(DatasetLayerSection, {
+        key: dlsData.dataset.id,
+        dataset: dlsData.dataset,
+        layers: dlsData.datasetLayers,
+        datasets: datasets,
+        showDatasetTable: showDatasetTable,
+        updateTableColor: updateTableColor,
+        showDeleteDataset: showDeleteDataset,
+        removeDataset: removeDataset,
+        layerOrder: layerOrder,
+        layerClasses: layerClasses,
+        uiStateActions: uiStateActions,
+        visStateActions: visStateActions,
+        mapStateActions: mapStateActions
+      });
+    }));
+  };
+  return DatasetLayerGroup;
+}
+var _default = exports["default"] = DatasetLayerGroupFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfZGF0YXNldExheWVyU2VjdGlvbiIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJlIiwiV2Vha01hcCIsInIiLCJ0IiwiX19lc01vZHVsZSIsIl90eXBlb2YiLCJoYXMiLCJnZXQiLCJuIiwiX19wcm90b19fIiwiYSIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwidSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImkiLCJzZXQiLCJEYXRhc2V0TGF5ZXJHcm91cEZhY3RvcnkiLCJkZXBzIiwiRGF0YXNldExheWVyU2VjdGlvbkZhY3RvcnkiLCJEYXRhc2V0TGF5ZXJTZWN0aW9uIiwiRGF0YXNldExheWVyR3JvdXAiLCJwcm9wcyIsImRhdGFzZXRzIiwic2hvd0RhdGFzZXRUYWJsZSIsImxheWVycyIsInVwZGF0ZVRhYmxlQ29sb3IiLCJzaG93RGVsZXRlRGF0YXNldCIsInJlbW92ZURhdGFzZXQiLCJsYXllck9yZGVyIiwibGF5ZXJDbGFzc2VzIiwidWlTdGF0ZUFjdGlvbnMiLCJ2aXNTdGF0ZUFjdGlvbnMiLCJtYXBTdGF0ZUFjdGlvbnMiLCJkYXRhc2V0TGF5ZXJTZWN0aW9uRGF0YSIsInVzZU1lbW8iLCJ2YWx1ZXMiLCJtYXAiLCJkYXRhc2V0IiwiZGF0YXNldExheWVycyIsImxheWVyIiwiY29uZmlnIiwiZGF0YUlkIiwiaWQiLCJmaWx0ZXIiLCJCb29sZWFuIiwiY3JlYXRlRWxlbWVudCIsIkZyYWdtZW50IiwiZGxzRGF0YSIsImtleSIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL2RhdGFzZXQtbGF5ZXItZ3JvdXAudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCwge3VzZU1lbW99IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IERhdGFzZXRMYXllclNlY3Rpb25GYWN0b3J5IGZyb20gJy4vZGF0YXNldC1sYXllci1zZWN0aW9uJztcbmltcG9ydCB7TGF5ZXIsIExheWVyQ2xhc3Nlc1R5cGV9IGZyb20gJ0BrZXBsZXIuZ2wvbGF5ZXJzJztcbmltcG9ydCB7VUlTdGF0ZUFjdGlvbnMsIFZpc1N0YXRlQWN0aW9ucywgQWN0aW9uSGFuZGxlciwgTWFwU3RhdGVBY3Rpb25zfSBmcm9tICdAa2VwbGVyLmdsL2FjdGlvbnMnO1xuaW1wb3J0IHtLZXBsZXJUYWJsZSwgRGF0YXNldHN9IGZyb20gJ0BrZXBsZXIuZ2wvdGFibGUnO1xuXG50eXBlIERhdGFzZXRMYXllckdyb3VwUHJvcHMgPSB7XG4gIGRhdGFzZXRzOiBEYXRhc2V0cztcbiAgbGF5ZXJzOiBMYXllcltdO1xuICBsYXllck9yZGVyOiBzdHJpbmdbXTtcbiAgbGF5ZXJDbGFzc2VzOiBMYXllckNsYXNzZXNUeXBlO1xuICBzaG93RGVsZXRlRGF0YXNldDogYm9vbGVhbjtcbiAgcmVtb3ZlRGF0YXNldDogQWN0aW9uSGFuZGxlcjx0eXBlb2YgVUlTdGF0ZUFjdGlvbnMub3BlbkRlbGV0ZU1vZGFsPjtcbiAgc2hvd0RhdGFzZXRUYWJsZTogQWN0aW9uSGFuZGxlcjx0eXBlb2YgVmlzU3RhdGVBY3Rpb25zLnNob3dEYXRhc2V0VGFibGU+O1xuICB1cGRhdGVUYWJsZUNvbG9yOiBBY3Rpb25IYW5kbGVyPHR5cGVvZiBWaXNTdGF0ZUFjdGlvbnMudXBkYXRlVGFibGVDb2xvcj47XG4gIHVpU3RhdGVBY3Rpb25zOiB0eXBlb2YgVUlTdGF0ZUFjdGlvbnM7XG4gIHZpc1N0YXRlQWN0aW9uczogdHlwZW9mIFZpc1N0YXRlQWN0aW9ucztcbiAgbWFwU3RhdGVBY3Rpb25zOiB0eXBlb2YgTWFwU3RhdGVBY3Rpb25zO1xufTtcblxuRGF0YXNldExheWVyR3JvdXBGYWN0b3J5LmRlcHMgPSBbRGF0YXNldExheWVyU2VjdGlvbkZhY3RvcnldO1xuXG5mdW5jdGlvbiBEYXRhc2V0TGF5ZXJHcm91cEZhY3RvcnkoXG4gIERhdGFzZXRMYXllclNlY3Rpb246IFJldHVyblR5cGU8dHlwZW9mIERhdGFzZXRMYXllclNlY3Rpb25GYWN0b3J5PlxuKSB7XG4gIGNvbnN0IERhdGFzZXRMYXllckdyb3VwOiBSZWFjdC5GQzxEYXRhc2V0TGF5ZXJHcm91cFByb3BzPiA9IHByb3BzID0+IHtcbiAgICBjb25zdCB7XG4gICAgICBkYXRhc2V0cyxcbiAgICAgIHNob3dEYXRhc2V0VGFibGUsXG4gICAgICBsYXllcnMsXG4gICAgICB1cGRhdGVUYWJsZUNvbG9yLFxuICAgICAgc2hvd0RlbGV0ZURhdGFzZXQsXG4gICAgICByZW1vdmVEYXRhc2V0LFxuICAgICAgbGF5ZXJPcmRlcixcbiAgICAgIGxheWVyQ2xhc3NlcyxcbiAgICAgIHVpU3RhdGVBY3Rpb25zLFxuICAgICAgdmlzU3RhdGVBY3Rpb25zLFxuICAgICAgbWFwU3RhdGVBY3Rpb25zXG4gICAgfSA9IHByb3BzO1xuXG4gICAgY29uc3QgZGF0YXNldExheWVyU2VjdGlvbkRhdGEgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIHJldHVybiBPYmplY3QudmFsdWVzKGRhdGFzZXRzKS5tYXAoKGRhdGFzZXQ6IEtlcGxlclRhYmxlKSA9PiB7XG4gICAgICAgIC8vIEdsb2JhbCBsYXllciBvcmRlciB3aWxsIGNvbnRhaW4gdGhlIGNvcnJlY3Qgb3JkZXIgb2YgbGF5ZXJzXG4gICAgICAgIC8vIFdlIGp1c3QgZW1wdHkgdGhlIHBvc2l0aW9ucyBpbiBsYXllcnMgYXJyYXkgKGZvciBlYWNoIGRhdGFzZXQpXG4gICAgICAgIC8vIHdoZXJlIHRoZSBsYXllciBkb2Vzbid0IGJlbG9uZyB0byBhIGRhdGFzZXQgYW5kIHNldCBpdCB0byBudWxsXG4gICAgICAgIGNvbnN0IGRhdGFzZXRMYXllcnMgPSBsYXllcnNcbiAgICAgICAgICAubWFwKGxheWVyID0+IChsYXllci5jb25maWcuZGF0YUlkID09PSBkYXRhc2V0LmlkID8gbGF5ZXIgOiBudWxsKSlcbiAgICAgICAgICAuZmlsdGVyKGxheWVyID0+IEJvb2xlYW4obGF5ZXIpKTtcblxuICAgICAgICByZXR1cm4ge2RhdGFzZXQsIGRhdGFzZXRMYXllcnN9O1xuICAgICAgfSk7XG4gICAgfSwgW2RhdGFzZXRzLCBsYXllcnNdKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICB7ZGF0YXNldExheWVyU2VjdGlvbkRhdGEubWFwKGRsc0RhdGEgPT4gKFxuICAgICAgICAgIDxEYXRhc2V0TGF5ZXJTZWN0aW9uXG4gICAgICAgICAgICBrZXk9e2Rsc0RhdGEuZGF0YXNldC5pZH1cbiAgICAgICAgICAgIGRhdGFzZXQ9e2Rsc0RhdGEuZGF0YXNldH1cbiAgICAgICAgICAgIGxheWVycz17ZGxzRGF0YS5kYXRhc2V0TGF5ZXJzIGFzIExheWVyW119XG4gICAgICAgICAgICBkYXRhc2V0cz17ZGF0YXNldHN9XG4gICAgICAgICAgICBzaG93RGF0YXNldFRhYmxlPXtzaG93RGF0YXNldFRhYmxlfVxuICAgICAgICAgICAgdXBkYXRlVGFibGVDb2xvcj17dXBkYXRlVGFibGVDb2xvcn1cbiAgICAgICAgICAgIHNob3dEZWxldGVEYXRhc2V0PXtzaG93RGVsZXRlRGF0YXNldH1cbiAgICAgICAgICAgIHJlbW92ZURhdGFzZXQ9e3JlbW92ZURhdGFzZXR9XG4gICAgICAgICAgICBsYXllck9yZGVyPXtsYXllck9yZGVyfVxuICAgICAgICAgICAgbGF5ZXJDbGFzc2VzPXtsYXllckNsYXNzZXN9XG4gICAgICAgICAgICB1aVN0YXRlQWN0aW9ucz17dWlTdGF0ZUFjdGlvbnN9XG4gICAgICAgICAgICB2aXNTdGF0ZUFjdGlvbnM9e3Zpc1N0YXRlQWN0aW9uc31cbiAgICAgICAgICAgIG1hcFN0YXRlQWN0aW9ucz17bWFwU3RhdGVBY3Rpb25zfVxuICAgICAgICAgIC8+XG4gICAgICAgICkpfVxuICAgICAgPC8+XG4gICAgKTtcbiAgfTtcblxuICByZXR1cm4gRGF0YXNldExheWVyR3JvdXA7XG59XG5cbmV4cG9ydCBkZWZhdWx0IERhdGFzZXRMYXllckdyb3VwRmFjdG9yeTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFHQSxJQUFBQSxNQUFBLEdBQUFDLHVCQUFBLENBQUFDLE9BQUE7QUFFQSxJQUFBQyxvQkFBQSxHQUFBQyxzQkFBQSxDQUFBRixPQUFBO0FBQWlFLFNBQUFHLHlCQUFBQyxDQUFBLDZCQUFBQyxPQUFBLG1CQUFBQyxDQUFBLE9BQUFELE9BQUEsSUFBQUUsQ0FBQSxPQUFBRixPQUFBLFlBQUFGLHdCQUFBLFlBQUFBLHlCQUFBQyxDQUFBLFdBQUFBLENBQUEsR0FBQUcsQ0FBQSxHQUFBRCxDQUFBLEtBQUFGLENBQUE7QUFBQSxTQUFBTCx3QkFBQUssQ0FBQSxFQUFBRSxDQUFBLFNBQUFBLENBQUEsSUFBQUYsQ0FBQSxJQUFBQSxDQUFBLENBQUFJLFVBQUEsU0FBQUosQ0FBQSxlQUFBQSxDQUFBLGdCQUFBSyxPQUFBLENBQUFMLENBQUEsMEJBQUFBLENBQUEsc0JBQUFBLENBQUEsUUFBQUcsQ0FBQSxHQUFBSix3QkFBQSxDQUFBRyxDQUFBLE9BQUFDLENBQUEsSUFBQUEsQ0FBQSxDQUFBRyxHQUFBLENBQUFOLENBQUEsVUFBQUcsQ0FBQSxDQUFBSSxHQUFBLENBQUFQLENBQUEsT0FBQVEsQ0FBQSxLQUFBQyxTQUFBLFVBQUFDLENBQUEsR0FBQUMsTUFBQSxDQUFBQyxjQUFBLElBQUFELE1BQUEsQ0FBQUUsd0JBQUEsV0FBQUMsQ0FBQSxJQUFBZCxDQUFBLG9CQUFBYyxDQUFBLE9BQUFDLGNBQUEsQ0FBQUMsSUFBQSxDQUFBaEIsQ0FBQSxFQUFBYyxDQUFBLFNBQUFHLENBQUEsR0FBQVAsQ0FBQSxHQUFBQyxNQUFBLENBQUFFLHdCQUFBLENBQUFiLENBQUEsRUFBQWMsQ0FBQSxVQUFBRyxDQUFB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

package/dist/side-panel/layer-panel/dataset-layer-section.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import SourceDataCatalogFactory from '../common/source-data-catalog';
+import LayerListFactory from './layer-list';
+import { Layer, LayerClassesType } from '@kepler.gl/layers';
+import { UIStateActions, ActionHandler, VisStateActions, MapStateActions } from '@kepler.gl/actions';
+import { KeplerTable, Datasets } from '@kepler.gl/table';
+declare type DatasetLayerSectionProps = {
+    datasets: Datasets;
+    dataset: KeplerTable;
+    layers: Layer[];
+    layerOrder: string[];
+    layerClasses: LayerClassesType;
+    showDeleteDataset: boolean;
+    showDatasetTable: ActionHandler<typeof VisStateActions.showDatasetTable>;
+    updateTableColor: ActionHandler<typeof VisStateActions.updateTableColor>;
+    removeDataset: ActionHandler<typeof UIStateActions.openDeleteModal>;
+    uiStateActions: typeof UIStateActions;
+    visStateActions: typeof VisStateActions;
+    mapStateActions: typeof MapStateActions;
+};
+declare function DatasetLayerSectionFactory(SourceDataCatalog: ReturnType<typeof SourceDataCatalogFactory>, LayerList: ReturnType<typeof LayerListFactory>): React.FC<DatasetLayerSectionProps>;
+declare namespace DatasetLayerSectionFactory {
+    var deps: (typeof LayerListFactory | typeof SourceDataCatalogFactory)[];
+}
+export default DatasetLayerSectionFactory;

package/dist/side-panel/layer-panel/dataset-layer-section.js

@@ -0,0 +1,60 @@
+"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 _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 _sourceDataCatalog = _interopRequireDefault(require("../common/source-data-catalog"));
+var _layerList = _interopRequireDefault(require("./layer-list"));
+var _templateObject; // 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; }
+var DatasetLayerSectionWrapper = _styledComponents["default"].div.attrs({
+  className: 'dataset-layer-section'
+})(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  margin-bottom: 16px;\n"])));
+DatasetLayerSectionFactory.deps = [_sourceDataCatalog["default"], _layerList["default"]];
+function DatasetLayerSectionFactory(SourceDataCatalog, LayerList) {
+  var DatasetLayerSection = function DatasetLayerSection(props) {
+    var dataset = props.dataset,
+      datasets = props.datasets,
+      showDatasetTable = props.showDatasetTable,
+      layers = props.layers,
+      updateTableColor = props.updateTableColor,
+      showDeleteDataset = props.showDeleteDataset,
+      removeDataset = props.removeDataset,
+      layerOrder = props.layerOrder,
+      layerClasses = props.layerClasses,
+      uiStateActions = props.uiStateActions,
+      visStateActions = props.visStateActions,
+      mapStateActions = props.mapStateActions;
+    var datasetCatalog = (0, _react.useMemo)(function () {
+      return (0, _defineProperty2["default"])({}, dataset.id, dataset);
+    }, [dataset]);
+    return /*#__PURE__*/_react["default"].createElement(DatasetLayerSectionWrapper, null, /*#__PURE__*/_react["default"].createElement(SourceDataCatalog, {
+      datasets: datasetCatalog,
+      showDatasetTable: showDatasetTable,
+      updateTableColor: updateTableColor,
+      removeDataset: removeDataset,
+      showDeleteDataset: showDeleteDataset
+    }), /*#__PURE__*/_react["default"].createElement(LayerList, {
+      datasets: datasets,
+      layerOrder: layerOrder,
+      layers: layers,
+      layerClasses: layerClasses,
+      uiStateActions: uiStateActions,
+      visStateActions: visStateActions,
+      mapStateActions: mapStateActions,
+      isSortable: false
+    }));
+  };
+  return DatasetLayerSection;
+}
+var _default = exports["default"] = DatasetLayerSectionFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfc3R5bGVkQ29tcG9uZW50cyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfc291cmNlRGF0YUNhdGFsb2ciLCJfbGF5ZXJMaXN0IiwiX3RlbXBsYXRlT2JqZWN0IiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwiZSIsIldlYWtNYXAiLCJyIiwidCIsIl9fZXNNb2R1bGUiLCJfdHlwZW9mIiwiaGFzIiwiZ2V0IiwibiIsIl9fcHJvdG9fXyIsImEiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsInUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpIiwic2V0IiwiRGF0YXNldExheWVyU2VjdGlvbldyYXBwZXIiLCJzdHlsZWQiLCJkaXYiLCJhdHRycyIsImNsYXNzTmFtZSIsIl90YWdnZWRUZW1wbGF0ZUxpdGVyYWwyIiwiRGF0YXNldExheWVyU2VjdGlvbkZhY3RvcnkiLCJkZXBzIiwiU291cmNlRGF0YUNhdGFsb2dGYWN0b3J5IiwiTGF5ZXJMaXN0RmFjdG9yeSIsIlNvdXJjZURhdGFDYXRhbG9nIiwiTGF5ZXJMaXN0IiwiRGF0YXNldExheWVyU2VjdGlvbiIsInByb3BzIiwiZGF0YXNldCIsImRhdGFzZXRzIiwic2hvd0RhdGFzZXRUYWJsZSIsImxheWVycyIsInVwZGF0ZVRhYmxlQ29sb3IiLCJzaG93RGVsZXRlRGF0YXNldCIsInJlbW92ZURhdGFzZXQiLCJsYXllck9yZGVyIiwibGF5ZXJDbGFzc2VzIiwidWlTdGF0ZUFjdGlvbnMiLCJ2aXNTdGF0ZUFjdGlvbnMiLCJtYXBTdGF0ZUFjdGlvbnMiLCJkYXRhc2V0Q2F0YWxvZyIsInVzZU1lbW8iLCJfZGVmaW5lUHJvcGVydHkyIiwiaWQiLCJjcmVhdGVFbGVtZW50IiwiaXNTb3J0YWJsZSIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL2RhdGFzZXQtbGF5ZXItc2VjdGlvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IFJlYWN0LCB7dXNlTWVtb30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCBTb3VyY2VEYXRhQ2F0YWxvZ0ZhY3RvcnkgZnJvbSAnLi4vY29tbW9uL3NvdXJjZS1kYXRhLWNhdGFsb2cnO1xuaW1wb3J0IExheWVyTGlzdEZhY3RvcnkgZnJvbSAnLi9sYXllci1saXN0JztcbmltcG9ydCB7TGF5ZXIsIExheWVyQ2xhc3Nlc1R5cGV9IGZyb20gJ0BrZXBsZXIuZ2wvbGF5ZXJzJztcbmltcG9ydCB7VUlTdGF0ZUFjdGlvbnMsIEFjdGlvbkhhbmRsZXIsIFZpc1N0YXRlQWN0aW9ucywgTWFwU3RhdGVBY3Rpb25zfSBmcm9tICdAa2VwbGVyLmdsL2FjdGlvbnMnO1xuaW1wb3J0IHtLZXBsZXJUYWJsZSwgRGF0YXNldHN9IGZyb20gJ0BrZXBsZXIuZ2wvdGFibGUnO1xuXG50eXBlIERhdGFzZXRMYXllclNlY3Rpb25Qcm9wcyA9IHtcbiAgZGF0YXNldHM6IERhdGFzZXRzO1xuICBkYXRhc2V0OiBLZXBsZXJUYWJsZTtcbiAgbGF5ZXJzOiBMYXllcltdO1xuICBsYXllck9yZGVyOiBzdHJpbmdbXTtcbiAgbGF5ZXJDbGFzc2VzOiBMYXllckNsYXNzZXNUeXBlO1xuICBzaG93RGVsZXRlRGF0YXNldDogYm9vbGVhbjtcbiAgc2hvd0RhdGFzZXRUYWJsZTogQWN0aW9uSGFuZGxlcjx0eXBlb2YgVmlzU3RhdGVBY3Rpb25zLnNob3dEYXRhc2V0VGFibGU+O1xuICB1cGRhdGVUYWJsZUNvbG9yOiBBY3Rpb25IYW5kbGVyPHR5cGVvZiBWaXNTdGF0ZUFjdGlvbnMudXBkYXRlVGFibGVDb2xvcj47XG4gIHJlbW92ZURhdGFzZXQ6IEFjdGlvbkhhbmRsZXI8dHlwZW9mIFVJU3RhdGVBY3Rpb25zLm9wZW5EZWxldGVNb2RhbD47XG4gIHVpU3RhdGVBY3Rpb25zOiB0eXBlb2YgVUlTdGF0ZUFjdGlvbnM7XG4gIHZpc1N0YXRlQWN0aW9uczogdHlwZW9mIFZpc1N0YXRlQWN0aW9ucztcbiAgbWFwU3RhdGVBY3Rpb25zOiB0eXBlb2YgTWFwU3RhdGVBY3Rpb25zO1xufTtcblxuY29uc3QgRGF0YXNldExheWVyU2VjdGlvbldyYXBwZXIgPSBzdHlsZWQuZGl2LmF0dHJzKHtcbiAgY2xhc3NOYW1lOiAnZGF0YXNldC1sYXllci1zZWN0aW9uJ1xufSlgXG4gIG1hcmdpbi1ib3R0b206IDE2cHg7XG5gO1xuXG5EYXRhc2V0TGF5ZXJTZWN0aW9uRmFjdG9yeS5kZXBzID0gW1NvdXJjZURhdGFDYXRhbG9nRmFjdG9yeSwgTGF5ZXJMaXN0RmFjdG9yeV07XG5cbmZ1bmN0aW9uIERhdGFzZXRMYXllclNlY3Rpb25GYWN0b3J5KFxuICBTb3VyY2VEYXRhQ2F0YWxvZzogUmV0dXJuVHlwZTx0eXBlb2YgU291cmNlRGF0YUNhdGFsb2dGYWN0b3J5PixcbiAgTGF5ZXJMaXN0OiBSZXR1cm5UeXBlPHR5cGVvZiBMYXllckxpc3RGYWN0b3J5PlxuKSB7XG4gIGNvbnN0IERhdGFzZXRMYXllclNlY3Rpb246IFJlYWN0LkZDPERhdGFzZXRMYXllclNlY3Rpb25Qcm9wcz4gPSBwcm9wcyA9PiB7XG4gICAgY29uc3Qge1xuICAgICAgZGF0YXNldCxcbiAgICAgIGRhdGFzZXRzLFxuICAgICAgc2hvd0RhdGFzZXRUYWJsZSxcbiAgICAgIGxheWVycyxcbiAgICAgIHVwZGF0ZVRhYmxlQ29sb3IsXG4gICAgICBzaG93RGVsZXRlRGF0YXNldCxcbiAgICAgIHJlbW92ZURhdGFzZXQsXG4gICAgICBsYXllck9yZGVyLFxuICAgICAgbGF5ZXJDbGFzc2VzLFxuICAgICAgdWlTdGF0ZUFjdGlvbnMsXG4gICAgICB2aXNTdGF0ZUFjdGlvbnMsXG4gICAgICBtYXBTdGF0ZUFjdGlvbnNcbiAgICB9ID0gcHJvcHM7XG5cbiAgICBjb25zdCBkYXRhc2V0Q2F0YWxvZyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgcmV0dXJuIHtbZGF0YXNldC5pZF06IGRhdGFzZXR9O1xuICAgIH0sIFtkYXRhc2V0XSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPERhdGFzZXRMYXllclNlY3Rpb25XcmFwcGVyPlxuICAgICAgICA8U291cmNlRGF0YUNhdGFsb2dcbiAgICAgICAgICBkYXRhc2V0cz17ZGF0YXNldENhdGFsb2d9XG4gICAgICAgICAgc2hvd0RhdGFzZXRUYWJsZT17c2hvd0RhdGFzZXRUYWJsZX1cbiAgICAgICAgICB1cGRhdGVUYWJsZUNvbG9yPXt1cGRhdGVUYWJsZUNvbG9yfVxuICAgICAgICAgIHJlbW92ZURhdGFzZXQ9e3JlbW92ZURhdGFzZXR9XG4gICAgICAgICAgc2hvd0RlbGV0ZURhdGFzZXQ9e3Nob3dEZWxldGVEYXRhc2V0fVxuICAgICAgICAvPlxuICAgICAgICA8TGF5ZXJMaXN0XG4gICAgICAgICAgZGF0YXNldHM9e2RhdGFzZXRzfVxuICAgICAgICAgIGxheWVyT3JkZXI9e2xheWVyT3JkZXJ9XG4gICAgICAgICAgbGF5ZXJzPXtsYXllcnN9XG4gICAgICAgICAgbGF5ZXJDbGFzc2VzPXtsYXllckNsYXNzZXN9XG4gICAgICAgICAgdWlTdGF0ZUFjdGlvbnM9e3VpU3RhdGVBY3Rpb25zfVxuICAgICAgICAgIHZpc1N0YXRlQWN0aW9ucz17dmlzU3RhdGVBY3Rpb25zfVxuICAgICAgICAgIG1hcFN0YXRlQWN0aW9ucz17bWFwU3RhdGVBY3Rpb25zfVxuICAgICAgICAgIGlzU29ydGFibGU9e2ZhbHNlfVxuICAgICAgICAvPlxuICAgICAgPC9EYXRhc2V0TGF5ZXJTZWN0aW9uV3JhcHBlcj5cbiAgICApO1xuICB9O1xuXG4gIHJldHVybiBEYXRhc2V0TGF5ZXJTZWN0aW9uO1xu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

package/dist/side-panel/layer-panel/dataset-section.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import SourceDataCatalogFactory from '../common/source-data-catalog';
+import { UIStateActions, VisStateActions, ActionHandler } from '@kepler.gl/actions';
+import { Datasets } from '@kepler.gl/table';
+declare type AddDataButtonProps = {
+    onClick: () => void;
+    isInactive: boolean;
+};
+declare type DatasetSectionProps = {
+    datasets: Datasets;
+    showDatasetList?: boolean;
+    showDeleteDataset?: boolean;
+    showDatasetTable: ActionHandler<typeof VisStateActions.showDatasetTable>;
+    updateTableColor: ActionHandler<typeof VisStateActions.updateTableColor>;
+    removeDataset: ActionHandler<typeof UIStateActions.openDeleteModal>;
+    showAddDataModal: () => void;
+};
+export declare function AddDataButtonFactory(): React.FC<AddDataButtonProps>;
+declare function DatasetSectionFactory(SourceDataCatalog: ReturnType<typeof SourceDataCatalogFactory>, AddDataButton: ReturnType<typeof AddDataButtonFactory>): React.FC<DatasetSectionProps>;
+declare namespace DatasetSectionFactory {
+    var deps: (typeof SourceDataCatalogFactory | typeof AddDataButtonFactory)[];
+}
+export default DatasetSectionFactory;

package/dist/side-panel/layer-panel/dataset-section.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AddDataButtonFactory = AddDataButtonFactory;
+exports["default"] = 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 _icons = require("../../common/icons");
+var _styledComponents2 = require("../../common/styled-components");
+var _sourceDataCatalog = _interopRequireDefault(require("../common/source-data-catalog"));
+var _templateObject, _templateObject2; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+var StyledDatasetTitle = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  line-height: ", ";\n  font-weight: 400;\n  letter-spacing: 1.25px;\n  color: ", ";\n  font-size: 11px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: ", ";\n"])), function (props) {
+  return props.theme.sidePanelTitleLineHeight;
+}, function (props) {
+  return props.theme.subtextColor;
+}, function (props) {
+  return props.showDatasetList ? '16px' : '4px';
+});
+var StyledDatasetSection = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  border-bottom: 1px solid ", ";\n"])), function (props) {
+  return props.theme.sidePanelBorderColor;
+});
+function AddDataButtonFactory() {
+  var AddDataButton = /*#__PURE__*/_react["default"].memo(function (_ref) {
+    var onClick = _ref.onClick,
+      isInactive = _ref.isInactive;
+    return /*#__PURE__*/_react["default"].createElement(_styledComponents2.Button, {
+      className: "add-data-button",
+      onClick: onClick,
+      inactive: !isInactive,
+      width: "105px",
+      secondary: true
+    }, /*#__PURE__*/_react["default"].createElement(_icons.Add, {
+      height: "12px"
+    }), /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: 'layerManager.addData'
+    }));
+  });
+  AddDataButton.displayName = 'AddDataButton';
+  return AddDataButton;
+}
+DatasetSectionFactory.deps = [_sourceDataCatalog["default"], AddDataButtonFactory];
+function DatasetSectionFactory(SourceDataCatalog, AddDataButton) {
+  var DatasetSection = function DatasetSection(props) {
+    var datasets = props.datasets,
+      showDatasetTable = props.showDatasetTable,
+      updateTableColor = props.updateTableColor,
+      showDeleteDataset = props.showDeleteDataset,
+      removeDataset = props.removeDataset,
+      showDatasetList = props.showDatasetList,
+      showAddDataModal = props.showAddDataModal;
+    var datasetCount = Object.keys(datasets).length;
+    return /*#__PURE__*/_react["default"].createElement(StyledDatasetSection, null, /*#__PURE__*/_react["default"].createElement(StyledDatasetTitle, {
+      showDatasetList: showDatasetList
+    }, /*#__PURE__*/_react["default"].createElement("span", null, "Datasets", datasetCount ? "(".concat(datasetCount, ")") : ''), /*#__PURE__*/_react["default"].createElement(AddDataButton, {
+      onClick: showAddDataModal,
+      isInactive: !datasetCount
+    })), showDatasetList && /*#__PURE__*/_react["default"].createElement(SourceDataCatalog, {
+      datasets: datasets,
+      showDatasetTable: showDatasetTable,
+      updateTableColor: updateTableColor,
+      removeDataset: removeDataset,
+      showDeleteDataset: showDeleteDataset
+    }));
+  };
+  return DatasetSection;
+}
+var _default = exports["default"] = DatasetSectionFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9zdHlsZWRDb21wb25lbnRzIiwiX2xvY2FsaXphdGlvbiIsIl9pY29ucyIsIl9zdHlsZWRDb21wb25lbnRzMiIsIl9zb3VyY2VEYXRhQ2F0YWxvZyIsIl90ZW1wbGF0ZU9iamVjdCIsIl90ZW1wbGF0ZU9iamVjdDIiLCJTdHlsZWREYXRhc2V0VGl0bGUiLCJzdHlsZWQiLCJkaXYiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsMiIsInByb3BzIiwidGhlbWUiLCJzaWRlUGFuZWxUaXRsZUxpbmVIZWlnaHQiLCJzdWJ0ZXh0Q29sb3IiLCJzaG93RGF0YXNldExpc3QiLCJTdHlsZWREYXRhc2V0U2VjdGlvbiIsInNpZGVQYW5lbEJvcmRlckNvbG9yIiwiQWRkRGF0YUJ1dHRvbkZhY3RvcnkiLCJBZGREYXRhQnV0dG9uIiwiUmVhY3QiLCJtZW1vIiwiX3JlZiIsIm9uQ2xpY2siLCJpc0luYWN0aXZlIiwiY3JlYXRlRWxlbWVudCIsIkJ1dHRvbiIsImNsYXNzTmFtZSIsImluYWN0aXZlIiwid2lkdGgiLCJzZWNvbmRhcnkiLCJBZGQiLCJoZWlnaHQiLCJGb3JtYXR0ZWRNZXNzYWdlIiwiaWQiLCJkaXNwbGF5TmFtZSIsIkRhdGFzZXRTZWN0aW9uRmFjdG9yeSIsImRlcHMiLCJTb3VyY2VEYXRhQ2F0YWxvZ0ZhY3RvcnkiLCJTb3VyY2VEYXRhQ2F0YWxvZyIsIkRhdGFzZXRTZWN0aW9uIiwiZGF0YXNldHMiLCJzaG93RGF0YXNldFRhYmxlIiwidXBkYXRlVGFibGVDb2xvciIsInNob3dEZWxldGVEYXRhc2V0IiwicmVtb3ZlRGF0YXNldCIsInNob3dBZGREYXRhTW9kYWwiLCJkYXRhc2V0Q291bnQiLCJPYmplY3QiLCJrZXlzIiwibGVuZ3RoIiwiY29uY2F0IiwiX2RlZmF1bHQiLCJleHBvcnRzIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3NpZGUtcGFuZWwvbGF5ZXItcGFuZWwvZGF0YXNldC1zZWN0aW9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogTUlUXG4vLyBDb3B5cmlnaHQgY29udHJpYnV0b3JzIHRvIHRoZSBrZXBsZXIuZ2wgcHJvamVjdFxuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge0Zvcm1hdHRlZE1lc3NhZ2V9IGZyb20gJ0BrZXBsZXIuZ2wvbG9jYWxpemF0aW9uJztcbmltcG9ydCB7QWRkfSBmcm9tICcuLi8uLi9jb21tb24vaWNvbnMnO1xuaW1wb3J0IHtCdXR0b259IGZyb20gJy4uLy4uL2NvbW1vbi9zdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCBTb3VyY2VEYXRhQ2F0YWxvZ0ZhY3RvcnkgZnJvbSAnLi4vY29tbW9uL3NvdXJjZS1kYXRhLWNhdGFsb2cnO1xuaW1wb3J0IHtVSVN0YXRlQWN0aW9ucywgVmlzU3RhdGVBY3Rpb25zLCBBY3Rpb25IYW5kbGVyfSBmcm9tICdAa2VwbGVyLmdsL2FjdGlvbnMnO1xuaW1wb3J0IHtEYXRhc2V0c30gZnJvbSAnQGtlcGxlci5nbC90YWJsZSc7XG5cbnR5cGUgQWRkRGF0YUJ1dHRvblByb3BzID0ge1xuICBvbkNsaWNrOiAoKSA9PiB2b2lkO1xuICBpc0luYWN0aXZlOiBib29sZWFuO1xufTtcblxudHlwZSBEYXRhc2V0U2VjdGlvblByb3BzID0ge1xuICBkYXRhc2V0czogRGF0YXNldHM7XG4gIHNob3dEYXRhc2V0TGlzdD86IGJvb2xlYW47XG4gIHNob3dEZWxldGVEYXRhc2V0PzogYm9vbGVhbjtcbiAgc2hvd0RhdGFzZXRUYWJsZTogQWN0aW9uSGFuZGxlcjx0eXBlb2YgVmlzU3RhdGVBY3Rpb25zLnNob3dEYXRhc2V0VGFibGU+O1xuICB1cGRhdGVUYWJsZUNvbG9yOiBBY3Rpb25IYW5kbGVyPHR5cGVvZiBWaXNTdGF0ZUFjdGlvbnMudXBkYXRlVGFibGVDb2xvcj47XG4gIHJlbW92ZURhdGFzZXQ6IEFjdGlvbkhhbmRsZXI8dHlwZW9mIFVJU3RhdGVBY3Rpb25zLm9wZW5EZWxldGVNb2RhbD47XG4gIHNob3dBZGREYXRhTW9kYWw6ICgpID0+IHZvaWQ7XG59O1xuXG5jb25zdCBTdHlsZWREYXRhc2V0VGl0bGUgPSBzdHlsZWQuZGl2PHtzaG93RGF0YXNldExpc3Q/OiBib29sZWFufT5gXG4gIGxpbmUtaGVpZ2h0OiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnNpZGVQYW5lbFRpdGxlTGluZUhlaWdodH07XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIGxldHRlci1zcGFjaW5nOiAxLjI1cHg7XG4gIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnN1YnRleHRDb2xvcn07XG4gIGZvbnQtc2l6ZTogMTFweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtYXJnaW4tYm90dG9tOiAke3Byb3BzID0+IChwcm9wcy5zaG93RGF0YXNldExpc3QgPyAnMTZweCcgOiAnNHB4Jyl9O1xuYDtcblxuY29uc3QgU3R5bGVkRGF0YXNldFNlY3Rpb24gPSBzdHlsZWQuZGl2YFxuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5zaWRlUGFuZWxCb3JkZXJDb2xvcn07XG5gO1xuXG5leHBvcnQgZnVuY3Rpb24gQWRkRGF0YUJ1dHRvbkZhY3RvcnkoKSB7XG4gIGNvbnN0IEFkZERhdGFCdXR0b246IFJlYWN0LkZDPEFkZERhdGFCdXR0b25Qcm9wcz4gPSBSZWFjdC5tZW1vKCh7b25DbGljaywgaXNJbmFjdGl2ZX0pID0+IChcbiAgICA8QnV0dG9uXG4gICAgICBjbGFzc05hbWU9XCJhZGQtZGF0YS1idXR0b25cIlxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIGluYWN0aXZlPXshaXNJbmFjdGl2ZX1cbiAgICAgIHdpZHRoPVwiMTA1cHhcIlxuICAgICAgc2Vjb25kYXJ5XG4gICAgPlxuICAgICAgPEFkZCBoZWlnaHQ9XCIxMnB4XCIgLz5cbiAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIGlkPXsnbGF5ZXJNYW5hZ2VyLmFkZERhdGEnfSAvPlxuICAgIDwvQnV0dG9uPlxuICApKTtcbiAgQWRkRGF0YUJ1dHRvbi5kaXNwbGF5TmFtZSA9ICdBZGREYXRhQnV0dG9uJztcbiAgcmV0dXJuIEFkZERhdGFCdXR0b247XG59XG5cbkRhdGFzZXRTZWN0aW9uRmFjdG9yeS5kZXBzID0gW1NvdXJjZURhdGFDYXRhbG9nRmFjdG9yeSwgQWRkRGF0YUJ1dHRvbkZhY3RvcnldO1xuXG5mdW5jdGlvbiBEYXRhc2V0U2VjdGlvbkZhY3RvcnkoXG4gIFNvdXJjZURhdGFDYXRhbG9nOiBSZXR1cm5UeXBlPHR5cGVvZiBTb3VyY2VEYXRhQ2F0YWxvZ0ZhY3Rvcnk+LFxuICBBZGREYXRhQnV0dG9uOiBSZXR1cm5UeXBlPHR5cGVvZiBBZGREYXRhQnV0dG9uRmFjdG9yeT5cbikge1xuICBjb25zdCBEYXRhc2V0U2VjdGlvbjogUmVhY3QuRkM8RGF0YXNldFNlY3Rpb25Qcm9wcz4gPSBwcm9wcyA9PiB7XG4gICAgY29uc3Qge1xuICAgICAgZGF0YXNldHMsXG4gICAgICBzaG93RGF0YXNldFRhYmxlLFxuICAgICAgdXBkYXRlVGFibGVDb2xvcixcbiAgICAgIHNob3dEZWxldGVEYXRhc2V0LFxuICAgICAgcmVtb3ZlRGF0YXNldCxcbiAgICAgIHNob3dEYXRhc2V0TGlzdCxcbiAgICAgIHNob3dBZGREYXRhTW9kYWxcbiAgICB9ID0gcHJvcHM7XG4gICAgY29uc3QgZGF0YXNldENvdW50ID0gT2JqZWN0LmtleXMoZGF0YXNldHMpLmxlbmd0aDtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkRGF0YXNldFNlY3Rpb24+XG4gICAgICAgIDxTdHlsZWREYXRhc2V0VGl0bGUgc2hvd0RhdGFzZXRMaXN0PXtzaG93RGF0YXNldExpc3R9PlxuICAgICAgICAgIDxzcGFuPkRhdGFzZXRze2RhdGFzZXRDb3VudCA/IGAoJHtkYXRhc2V0Q291bnR9KWAgOiAnJ308L3NwYW4+XG4gICAgICAgICAgPEFkZERhdGFCdXR0b24gb25DbGljaz17c2hvd0FkZERhdGFNb2RhbH0gaXNJbmFjdGl2ZT17IWRhdGFzZXRDb3VudH0gLz5cbiAgICAgICAgPC9TdHlsZWREYXRhc2V0VGl0bGU+XG4gICAgICAgIHtzaG93RGF0YXNldExpc3QgJiYgKFxuICAgICAgICAgIDxTb3VyY2VEYXRhQ2F0YWxvZ1xuICAgICAgICAgICAgZGF0YXNldHM9e2RhdGFzZXRzfVxuICAgICAgICAgICAgc2hvd0RhdGFzZXRUYWJsZT17c2hvd0RhdGFzZXRUYWJsZX1cbiAgICAgICAgICAgIHVwZGF0ZVRhYmxlQ29sb3I9e3VwZGF0ZVRhYmxlQ29sb3J9XG4gICAgICAgICAgICByZW1vdmVEYXRhc2V0PXtyZW1vdmVEYXRhc2V0fVxuICAgICAgICAgICAgc2hvd0RlbGV0ZURhdGFzZXQ9e3Nob3dEZWxldGVEYXRhc2V0fVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICA8L1N0eWxlZERhdGFzZXRTZWN0aW9uPlxuICAgICk7XG4gIH07XG5cbiAgcmV0dXJuIERhdGFzZXRTZWN0aW9uO1xufVxuXG5leHBvcnQgZGVmYXVsdCBEYXRhc2V0U2VjdGlvbkZhY3Rvcnk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUdBLElBQUFBLE1BQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLGlCQUFBLEdBQUFGLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBRSxhQUFBLEdBQUFGLE9BQUE7QUFDQSxJQUFBRyxNQUFBLEdBQUFILE9BQUE7QUFDQSxJQUFBSSxrQkFBQSxHQUFBSixPQUFBO0FBRUEsSUFBQUssa0JBQUEsR0FBQU4sc0JBQUEsQ0FBQUMsT0FBQTtBQUFxRSxJQUFBTSxlQUFBLEVBQUFDLGdCQUFBLEVBVHJFO0FBQ0E7QUEyQkEsSUFBTUMsa0JBQWtCLEdBQUdDLDRCQUFNLENBQUNDLEdBQUcsQ0FBQUosZUFBQSxLQUFBQSxlQUFBLE9BQUFLLHVCQUFBLHNPQUNwQixVQUFBQyxLQUFLO0VBQUEsT0FBSUEsS0FBSyxDQUFDQyxLQUFLLENBQUNDLHdCQUF3QjtBQUFBLEdBR25ELFVBQUFGLEtBQUs7RUFBQSxPQUFJQSxLQUFLLENBQUNDLEtBQUssQ0FBQ0UsWUFBWTtBQUFBLEdBS3pCLFVBQUFILEtBQUs7RUFBQSxPQUFLQSxLQUFLLENBQUNJLGVBQWUsR0FBRyxNQUFNLEdBQUcsS0FBSztBQUFBLENBQUMsQ0FDbkU7QUFFRCxJQUFNQyxvQkFBb0IsR0FBR1IsNEJBQU0sQ0FBQ0MsR0FBRyxDQUFBSCxnQkFBQSxLQUFBQSxnQkFBQSxPQUFBSSx1QkFBQSx5REFDVixVQUFBQyxLQUFLO0VBQUEsT0FBSUEsS0FBSyxDQUFDQyxLQUFLLENBQUNLLG9CQUFvQjtBQUFBLEVBQ3JFO0FBRU0sU0FBU0Msb0JBQW9CQSxDQUFBLEVBQUc7RUFDckMsSUFBTUMsYUFBMkMsZ0JBQUdDLGlCQUFLLENBQUNDLElBQUksQ0FBQyxVQUFBQyxJQUFBO0lBQUEsSUFBRUMsT0FBTyxHQUFBRCxJQUFBLENBQVBDLE9BQU87TUFBRUMsVUFBVSxHQUFBRixJQUFBLENBQVZFLFVBQVU7SUFBQSxvQkFDbEYzQixNQUFBLFlBQUE0QixhQUFBLENBQUN0QixrQkFBQSxDQUFBdUIsTUFBTTtNQUNMQyxTQUFTLEVBQUMsaUJBQWlCO01BQzNCSixPQUFPLEVBQUVBLE9BQVE7TUFDakJLLFFBQVEsRUFBRSxDQUFDSixVQUFXO01BQ3RCSyxLQUFLLEVBQUMsT0FBTztNQUNiQyxTQUFTO0lBQUEsZ0JBRVRqQyxNQUFBLFlBQUE0QixhQUFBLENBQUN2QixNQUFBLENBQUE2QixHQUFHO01BQUNDLE1BQU0sRUFBQztJQUFNLENBQUUsQ0FBQyxlQUNyQm5DLE1BQUEsWUFBQTRCLGFBQUEsQ0FBQ3hCLGFBQUEsQ0FBQWdDLGdCQUFnQjtNQUFDQyxFQUFFLEVBQUU7SUFBdUIsQ0FBRSxDQUN6QyxDQUFDO0VBQUEsQ0FDVixDQUFDO0VBQ0ZmLGFBQWEsQ0FBQ2dCLFdBQVcsR0FBRyxlQUFlO0VBQzNDLE9BQU9oQixhQUFhO0FBQ3RCO0FBRUFpQixxQkFBcUIsQ0FBQ0MsSUFBSSxHQUFHLENBQUNDLDZCQUF3QixFQUFFcEIsb0JBQW9CLENBQUM7QUFFN0UsU0FBU2tCLHFCQUFxQkEsQ0FDNUJHLGlCQUE4RCxFQUM5RHBCLGFBQXNELEVBQ3REO0VBQ0EsSUFBTXFCLGNBQTZDLEdBQUcsU0FBaERBLGNBQTZDQSxDQUFHN0IsS0FBSyxFQUFJO0lBQzdELElBQ0U4QixRQUFRLEdBT045QixLQUFLLENBUFA4QixRQUFRO01BQ1JDLGdCQUFnQixHQU1kL0IsS0FBSyxDQU5QK0IsZ0JBQWdCO01BQ2hCQyxnQkFBZ0IsR0FLZGhDLEtBQUssQ0FMUGdDLGdCQUFnQjtNQUNoQkMsaUJBQWlCLEdBSWZqQyxLQUFLLENBSlBpQyxpQkFBaUI7TUFDakJDLGFBQWEsR0FHWGxDLEtBQUssQ0FIUGtDLGFBQWE7TUFDYjlCLGVBQWUsR0FFYkosS0FBSyxDQUZQSSxlQUFlO01BQ2YrQixnQkFBZ0IsR0FDZG5DLEtBQUssQ0FEUG1DLGdCQUFnQjtJQUVsQixJQUFNQyxZQUFZLEdBQUdDLE1BQU0sQ0FBQ0MsSUFBSSxDQUFDUixRQUFRLENBQUMsQ0FBQ1MsTUFBTTtJQUVqRCxvQkFDRXJELE1BQUEsWUFBQTRCLGFBQUEsQ0FBQ1Qsb0JBQW9CLHFCQUNuQm5CLE1BQUEsWUFBQTRCLGFBQUEsQ0FBQ2xCLGtCQUFrQjtNQUFDUSxlQUFlLEVBQUVBO0lBQWdCLGdCQUNuRGxCLE1BQUEsWUFBQTRCLGFBQUEsZUFBTSxVQUFRLEVBQUNzQixZQUFZLE9BQUFJLE1BQUEsQ0FBT0osWUFBWSxTQUFNLEVBQVMsQ0FBQyxlQUM5RGxELE1BQUEsWUFBQTRCLGFBQUEsQ0FBQ04sYUFBYTtNQUFDSSxPQUFPLEVBQUV1QixnQkFBaUI7TUFBQ3RCLFVBQVUsRUFBRSxDQUFDdUI7SUFBYSxDQUFFLENBQ3BELENBQUMsRUFDcEJoQyxlQUFlLGlCQUNkbEIsTUFBQSxZQUFBNEIsYUFBQSxDQUFDYyxpQkFBaUI7TUFDaEJFLFFBQVEsRUFBRUEsUUFBUztNQUNuQkMsZ0JBQWdCLEVBQUVBLGdCQUFpQjtNQUNuQ0MsZ0JBQWdCLEVBQUVBLGdCQUFpQjtNQUNuQ0UsYUFBYSxFQUFFQSxhQUFjO01BQzdCRCxpQkFBaUIsRUFBRUE7SUFBa0IsQ0FDdEMsQ0FFaUIsQ0FBQztFQUUzQixDQUFDO0VBRUQsT0FBT0osY0FBYztBQUN2QjtBQUFDLElBQUFZLFFBQUEsR0FBQUMsT0FBQSxjQUVjakIscUJBQXFCIiwiaWdub3JlTGlzdCI6W119

package/dist/side-panel/layer-panel/dimension-scale-selector.d.ts

@@ -0,0 +1,23 @@
+import { ColorUI, LayerVisConfig } from '@kepler.gl/types';
+import { Layer, VisualChannel } from '@kepler.gl/layers';
+import { default as React } from 'react';
+import { Field } from '@kepler.gl/types';
+import ColorScaleSelectorFactory from './color-scale-selector';
+import { KeplerTable } from '@kepler.gl/table';
+export declare type DimensionScaleSelectorProps = {
+    layer: Layer;
+    channel: VisualChannel;
+    label?: string;
+    dataset: KeplerTable | undefined;
+    onChange: (newConfig: {
+        [key: string]: Field | null | string;
+    }, key: string, newVisConfig?: Partial<LayerVisConfig>) => void;
+    setColorUI: (range: string, newConfig: {
+        [key in keyof ColorUI]: ColorUI[key];
+    }) => void;
+};
+declare function DimensionScaleSelectorFactory(ColorScaleSelector: ReturnType<typeof ColorScaleSelectorFactory>): React.FC<DimensionScaleSelectorProps>;
+declare namespace DimensionScaleSelectorFactory {
+    var deps: (typeof ColorScaleSelectorFactory)[];
+}
+export default DimensionScaleSelectorFactory;

package/dist/side-panel/layer-panel/dimension-scale-selector.js

@@ -0,0 +1,90 @@
+"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _constants = require("@kepler.gl/constants");
+var _localization = require("@kepler.gl/localization");
+var _utils = require("@kepler.gl/utils");
+var _react = _interopRequireWildcard(require("react"));
+var _itemSelector = _interopRequireDefault(require("../../common/item-selector/item-selector"));
+var _styledComponents = require("../../common/styled-components");
+var _colorScaleSelector = _interopRequireDefault(require("./color-scale-selector"));
+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
+
+var SizeScaleSelector = function SizeScaleSelector(_ref) {
+  var dropdownSelectProps = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
+  return /*#__PURE__*/_react["default"].createElement(_itemSelector["default"], dropdownSelectProps);
+};
+DimensionScaleSelectorFactory.deps = [_colorScaleSelector["default"]];
+function DimensionScaleSelectorFactory(ColorScaleSelector) {
+  var DimensionScaleSelector = function DimensionScaleSelector(_ref2) {
+    var _layer$config$colorUI;
+    var layer = _ref2.layer,
+      channel = _ref2.channel,
+      dataset = _ref2.dataset,
+      label = _ref2.label,
+      onChange = _ref2.onChange,
+      setColorUI = _ref2.setColorUI;
+    var channelScaleType = channel.channelScaleType,
+      domain = channel.domain,
+      field = channel.field,
+      key = channel.key,
+      range = channel.range,
+      scale = channel.scale;
+    var scaleType = scale ? layer.config[scale] : null;
+    var layerScaleOptions = layer.getScaleOptions(key);
+    var scaleOptions = layerScaleOptions.map(function (op) {
+      return {
+        label: _constants.SCALE_TYPE_NAMES[op] || op,
+        value: op
+      };
+    });
+    var disabled = scaleOptions.length < 2;
+    var isColorScale = channelScaleType === _constants.CHANNEL_SCALES.color;
+    var onSelect = (0, _react.useCallback)(function (val, newRange) {
+      return onChange((0, _defineProperty2["default"])({}, scale, val), key, newRange ? (0, _defineProperty2["default"])({}, range, newRange) : undefined);
+    }, [onChange, range, scale, key]);
+    var _setColorUI = (0, _react.useCallback)(function (newConfig) {
+      return setColorUI(range, newConfig);
+    }, [range, setColorUI]);
+    var dropdownSelectProps = {
+      disabled: disabled,
+      selectedItems: scaleOptions.filter(function (op) {
+        return op.value === scaleType;
+      }),
+      options: scaleOptions,
+      multiSelect: false,
+      searchable: false,
+      onChange: onSelect,
+      displayOption: 'label',
+      getOptionValue: 'value'
+    };
+    return /*#__PURE__*/_react["default"].createElement(_styledComponents.SidePanelSection, null, /*#__PURE__*/_react["default"].createElement(_styledComponents.PanelLabel, null, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: label ? "scale.".concat((0, _utils.camelize)(label)) : 'misc.scale',
+      defaultMessage: label
+    })), isColorScale && dataset ? /*#__PURE__*/_react["default"].createElement(ColorScaleSelector, (0, _extends2["default"])({}, dropdownSelectProps, {
+      layer: layer,
+      field: layer.config[field],
+      dataset: dataset,
+      onSelect: onSelect,
+      scaleType: scaleType,
+      domain: layer.config[domain],
+      range: layer.config.visConfig[range],
+      setColorUI: _setColorUI,
+      colorUIConfig: (_layer$config$colorUI = layer.config.colorUI) === null || _layer$config$colorUI === void 0 ? void 0 : _layer$config$colorUI[range]
+    })) : /*#__PURE__*/_react["default"].createElement(SizeScaleSelector, dropdownSelectProps));
+  };
+  return DimensionScaleSelector;
+}
+var _default = exports["default"] = DimensionScaleSelectorFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfY29uc3RhbnRzIiwicmVxdWlyZSIsIl9sb2NhbGl6YXRpb24iLCJfdXRpbHMiLCJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsIl9pdGVtU2VsZWN0b3IiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwiX3N0eWxlZENvbXBvbmVudHMiLCJfY29sb3JTY2FsZVNlbGVjdG9yIiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwiZSIsIldlYWtNYXAiLCJyIiwidCIsIl9fZXNNb2R1bGUiLCJfdHlwZW9mIiwiaGFzIiwiZ2V0IiwibiIsIl9fcHJvdG9fXyIsImEiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsInUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpIiwic2V0IiwiU2l6ZVNjYWxlU2VsZWN0b3IiLCJfcmVmIiwiZHJvcGRvd25TZWxlY3RQcm9wcyIsIl9leHRlbmRzMiIsIl9vYmplY3REZXN0cnVjdHVyaW5nRW1wdHkyIiwiY3JlYXRlRWxlbWVudCIsIkRpbWVuc2lvblNjYWxlU2VsZWN0b3JGYWN0b3J5IiwiZGVwcyIsIkNvbG9yU2NhbGVTZWxlY3RvckZhY3RvcnkiLCJDb2xvclNjYWxlU2VsZWN0b3IiLCJEaW1lbnNpb25TY2FsZVNlbGVjdG9yIiwiX3JlZjIiLCJfbGF5ZXIkY29uZmlnJGNvbG9yVUkiLCJsYXllciIsImNoYW5uZWwiLCJkYXRhc2V0IiwibGFiZWwiLCJvbkNoYW5nZSIsInNldENvbG9yVUkiLCJjaGFubmVsU2NhbGVUeXBlIiwiZG9tYWluIiwiZmllbGQiLCJrZXkiLCJyYW5nZSIsInNjYWxlIiwic2NhbGVUeXBlIiwiY29uZmlnIiwibGF5ZXJTY2FsZU9wdGlvbnMiLCJnZXRTY2FsZU9wdGlvbnMiLCJzY2FsZU9wdGlvbnMiLCJtYXAiLCJvcCIsIlNDQUxFX1RZUEVfTkFNRVMiLCJ2YWx1ZSIsImRpc2FibGVkIiwibGVuZ3RoIiwiaXNDb2xvclNjYWxlIiwiQ0hBTk5FTF9TQ0FMRVMiLCJjb2xvciIsIm9uU2VsZWN0IiwidXNlQ2FsbGJhY2siLCJ2YWwiLCJuZXdSYW5nZSIsIl9kZWZpbmVQcm9wZXJ0eTIiLCJ1bmRlZmluZWQiLCJfc2V0Q29sb3JVSSIsIm5ld0NvbmZpZyIsInNlbGVjdGVkSXRlbXMiLCJmaWx0ZXIiLCJvcHRpb25zIiwibXVsdGlTZWxlY3QiLCJzZWFyY2hhYmxlIiwiZGlzcGxheU9wdGlvbiIsImdldE9wdGlvblZhbHVlIiwiU2lkZVBhbmVsU2VjdGlvbiIsIlBhbmVsTGFiZWwiLCJGb3JtYXR0ZWRNZXNzYWdlIiwiaWQiLCJjb25jYXQiLCJjYW1lbGl6ZSIsImRlZmF1bHRNZXNzYWdlIiwidmlzQ29uZmlnIiwiY29sb3JVSUNvbmZpZyIsImNvbG9yVUkiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvc2lkZS1wYW5lbC9sYXllci1wYW5lbC9kaW1lbnNpb24tc2NhbGUtc2VsZWN0b3IudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCB7Q0hBTk5FTF9TQ0FMRVMsIFNDQUxFX1RZUEVfTkFNRVN9IGZyb20gJ0BrZXBsZXIuZ2wvY29uc3RhbnRzJztcbmltcG9ydCB7Rm9ybWF0dGVkTWVzc2FnZX0gZnJvbSAnQGtlcGxlci5nbC9sb2NhbGl6YXRpb24nO1xuaW1wb3J0IHtDb2xvclVJLCBMYXllclZpc0NvbmZpZ30gZnJvbSAnQGtlcGxlci5nbC90eXBlcyc7XG5pbXBvcnQge2NhbWVsaXplfSBmcm9tICdAa2VwbGVyLmdsL3V0aWxzJztcbmltcG9ydCB7TGF5ZXIsIFZpc3VhbENoYW5uZWx9IGZyb20gJ0BrZXBsZXIuZ2wvbGF5ZXJzJztcbmltcG9ydCB7ZGVmYXVsdCBhcyBSZWFjdCwgdXNlQ2FsbGJhY2t9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7RmllbGR9IGZyb20gJ0BrZXBsZXIuZ2wvdHlwZXMnO1xuaW1wb3J0IEl0ZW1TZWxlY3RvciBmcm9tICcuLi8uLi9jb21tb24vaXRlbS1zZWxlY3Rvci9pdGVtLXNlbGVjdG9yJztcbmltcG9ydCB7UGFuZWxMYWJlbCwgU2lkZVBhbmVsU2VjdGlvbn0gZnJvbSAnLi4vLi4vY29tbW9uL3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBDb2xvclNjYWxlU2VsZWN0b3JGYWN0b3J5IGZyb20gJy4vY29sb3Itc2NhbGUtc2VsZWN0b3InO1xuaW1wb3J0IHtLZXBsZXJUYWJsZX0gZnJvbSAnQGtlcGxlci5nbC90YWJsZSc7XG5cbmNvbnN0IFNpemVTY2FsZVNlbGVjdG9yID0gKHsuLi5kcm9wZG93blNlbGVjdFByb3BzfTogYW55KSA9PiAoXG4gIDxJdGVtU2VsZWN0b3Igey4uLmRyb3Bkb3duU2VsZWN0UHJvcHN9IC8+XG4pO1xuXG5leHBvcnQgdHlwZSBEaW1lbnNpb25TY2FsZVNlbGVjdG9yUHJvcHMgPSB7XG4gIGxheWVyOiBMYXllcjtcbiAgY2hhbm5lbDogVmlzdWFsQ2hhbm5lbDtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIGRhdGFzZXQ6IEtlcGxlclRhYmxlIHwgdW5kZWZpbmVkO1xuICBvbkNoYW5nZTogKFxuICAgIG5ld0NvbmZpZzoge1trZXk6IHN0cmluZ106IEZpZWxkIHwgbnVsbCB8IHN0cmluZ30sXG4gICAga2V5OiBzdHJpbmcsXG4gICAgbmV3VmlzQ29uZmlnPzogUGFydGlhbDxMYXllclZpc0NvbmZpZz5cbiAgKSA9PiB2b2lkO1xuICBzZXRDb2xvclVJOiAocmFuZ2U6IHN0cmluZywgbmV3Q29uZmlnOiB7W2tleSBpbiBrZXlvZiBDb2xvclVJXTogQ29sb3JVSVtrZXldfSkgPT4gdm9pZDtcbn07XG5cbkRpbWVuc2lvblNjYWxlU2VsZWN0b3JGYWN0b3J5LmRlcHMgPSBbQ29sb3JTY2FsZVNlbGVjdG9yRmFjdG9yeV07XG5cbmZ1bmN0aW9uIERpbWVuc2lvblNjYWxlU2VsZWN0b3JGYWN0b3J5KFxuICBDb2xvclNjYWxlU2VsZWN0b3I6IFJldHVyblR5cGU8dHlwZW9mIENvbG9yU2NhbGVTZWxlY3RvckZhY3Rvcnk+XG4pOiBSZWFjdC5GQzxEaW1lbnNpb25TY2FsZVNlbGVjdG9yUHJvcHM+IHtcbiAgY29uc3QgRGltZW5zaW9uU2NhbGVTZWxlY3RvcjogUmVhY3QuRkM8RGltZW5zaW9uU2NhbGVTZWxlY3RvclByb3BzPiA9ICh7XG4gICAgbGF5ZXIsXG4gICAgY2hhbm5lbCxcbiAgICBkYXRhc2V0LFxuICAgIGxhYmVsLFxuICAgIG9uQ2hhbmdlLFxuICAgIHNldENvbG9yVUlcbiAgfSkgPT4ge1xuICAgIGNvbnN0IHtjaGFubmVsU2NhbGVUeXBlLCBkb21haW4sIGZpZWxkLCBrZXksIHJhbmdlLCBzY2FsZX0gPSBjaGFubmVsO1xuICAgIGNvbnN0IHNjYWxlVHlwZSA9IHNjYWxlID8gbGF5ZXIuY29uZmlnW3NjYWxlXSA6IG51bGw7XG4gICAgY29uc3QgbGF5ZXJTY2FsZU9wdGlvbnMgPSBsYXllci5nZXRTY2FsZU9wdGlvbnMoa2V5KTtcbiAgICBjb25zdCBzY2FsZU9wdGlvbnMgPSBsYXllclNjYWxlT3B0aW9ucy5tYXAob3AgPT4gKHtcbiAgICAgIGxhYmVsOiBTQ0FMRV9UWVBFX05BTUVTW29wXSB8fCBvcCxcbiAgICAgIHZhbHVlOiBvcFxuICAgIH0pKTtcbiAgICBjb25zdCBkaXNhYmxlZCA9IHNjYWxlT3B0aW9ucy5sZW5ndGggPCAyO1xuICAgIGNvbnN0IGlzQ29sb3JTY2FsZSA9IGNoYW5uZWxTY2FsZVR5cGUgPT09IENIQU5ORUxfU0NBTEVTLmNvbG9yO1xuXG4gICAgY29uc3Qgb25TZWxlY3QgPSB1c2VDYWxsYmFjayhcbiAgICAgICh2YWwsIG5ld1JhbmdlKSA9PiBvbkNoYW5nZSh7W3NjYWxlXTogdmFsfSwga2V5LCBuZXdSYW5nZSA/IHtbcmFuZ2VdOiBuZXdSYW5nZX0gOiB1bmRlZmluZWQpLFxuICAgICAgW29uQ2hhbmdlLCByYW5nZSwgc2NhbGUsIGtleV1cbiAgICApO1xuICAgIGNvbnN0IF9zZXRDb2xvclVJID0gdXNlQ2FsbGJhY2sobmV3Q29uZmlnID0+IHNldENvbG9yVUkocmFuZ2UsIG5ld0NvbmZpZyksIFtyYW5nZSwgc2V0Q29sb3JVSV0pO1xuXG4gICAgY29uc3QgZHJvcGRvd25TZWxlY3RQcm9wcyA9IHtcbiAgICAgIGRpc2FibGVkLFxuICAgICAgc2VsZWN0ZWRJdGVtczogc2NhbGVPcHRpb25zLmZpbHRlcihvcCA9PiBvcC52YWx1ZSA9PT0gc2NhbGVUeXBlKSxcbiAgICAgIG9wdGlvbnM6IHNjYWxlT3B0aW9ucyxcbiAgICAgIG11bHRpU2VsZWN0OiBmYWxzZSxcbiAgICAgIHNlYXJjaGFibGU6IGZhbHNlLFxuICAgICAgb25DaGFuZ2U6IG9uU2VsZWN0LFxuICAgICAgZGlzcGxheU9wdGlvbjogJ2xhYmVsJyxcbiAgICAgIGdldE9wdGlvblZhbHVlOiAndmFsdWUnXG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U2lkZVBhbmVsU2VjdGlvbj5cbiAgICAgICAgPFBhbmVsTGFiZWw+XG4gICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2VcbiAgICAgICAgICAgIGlkPXtsYWJlbCA/IGBzY2FsZS4ke2NhbWVsaXplKGxhYmVsKX1gIDogJ21pc2Muc2NhbGUnfVxuICAgICAgICAgICAgZGVmYXVsdE1lc3NhZ2U9e2xhYmVsfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvUGFuZWxMYWJlbD5cbiAgICAgICAge2lzQ29sb3JTY2FsZSAmJiBkYXRhc2V0ID8gKFxuICAgICAgICAgIDxDb2xvclNjYWxlU2VsZWN0b3JcbiAgICAgICAgICAgIHsuLi5kcm9wZG93blNlbGVjdFByb3BzfVxuICAgICAgICAgICAgbGF5ZXI9e2xheWVyfVxuICAgICAgICAgICAgZmllbGQ9e2xheWVyLmNvbmZpZ1tmaWVsZF19XG4gICAgICAgICAgICBkYXRhc2V0PXtkYXRhc2V0fVxuICAgICAgICAgICAgb25TZWxlY3Q9e29uU2VsZWN0fVxuICAgICAgICAgICAgc2NhbGVUeXBlPXtzY2FsZVR5cGV9XG4gICAgICAgICAgICBkb21haW49e2xheWVyLmNvbmZpZ1tkb21haW5dfVxuICAgICAgICAgICAgcmFuZ2U9e2xheWVyLmNvbmZpZy52aXNDb25maWdbcmFuZ2VdfVxuICAgICAgICAgICAgc2V0Q29sb3JVST17X3NldENvbG9yVUl9XG4gICAgICAgICAgICBjb2xvclVJQ29uZmlnPXtsYXllci5jb25maWcuY29sb3JVST8uW3JhbmdlXX1cbiAgICAgICAgICAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDxTaXplU2NhbGVTZWxlY3RvciB7Li4uZHJvcGRvd25TZWxlY3RQcm9wc30gLz5cbiAgICAgICAgKX1cbiAgICAgIDwvU2lkZVBhbmVsU2VjdGlvbj5cbiAgICApO1xuICB9O1xuICByZXR1cm4gRGltZW5zaW9uU2NhbGVTZWxlY3Rvcjtcbn1cblxuZXhwb3J0IGRlZmF1bHQgRGltZW5zaW9uU2NhbGVTZWxlY3RvckZhY3Rvcnk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBR0EsSUFBQUEsVUFBQSxHQUFBQyxPQUFBO0FBQ0EsSUFBQUMsYUFBQSxHQUFBRCxPQUFBO0FBRUEsSUFBQUUsTUFBQSxHQUFBRixPQUFBO0FBRUEsSUFBQUcsTUFBQSxHQUFBQyx1QkFBQSxDQUFBSixPQUFBO0FBRUEsSUFBQUssYUFBQSxHQUFBQyxzQkFBQSxDQUFBTixPQUFBO0FBQ0EsSUFBQU8saUJBQUEsR0FBQVAsT0FBQTtBQUNBLElBQUFRLG1CQUFBLEdBQUFGLHNCQUFBLENBQUFOLE9BQUE7QUFBK0QsU0FBQVMseUJBQUFDLENBQUEsNkJBQUFDLE9BQUEsbUJBQUFDLENBQUEsT0FBQUQsT0FBQSxJQUFBRSxDQUFBLE9BQUFGLE9BQUEsWUFBQUYsd0JBQUEsWUFBQUEseUJBQUFDLENBQUEsV0FBQUEsQ0FBQSxHQUFBRyxDQUFBLEdBQUFELENBQUEsS0FBQUYsQ0FBQTtBQUFBLFNBQUFOLHdCQUFBTSxDQUFBLEVBQUFFLENBQUEsU0FBQUEs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

package/dist/side-panel/layer-panel/how-to-button.d.ts

@@ -0,0 +1,6 @@
+import React, { MouseEventHandler } from 'react';
+export declare type HowToButtonProps = {
+    onClick: MouseEventHandler;
+};
+export declare const HowToButton: React.FC<HowToButtonProps>;
+export default HowToButton;

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

@@ -0,0 +1,27 @@
+"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; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+var StyledHowToButton = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  position: absolute;\n  right: 12px;\n  top: -4px;\n"])));
+var HowToButton = exports.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'
+  })));
+};
+var _default = exports["default"] = HowToButton;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9zdHlsZWRDb21wb25lbnRzIiwiX2xvY2FsaXphdGlvbiIsIl9zdHlsZWRDb21wb25lbnRzMiIsIl90ZW1wbGF0ZU9iamVjdCIsIlN0eWxlZEhvd1RvQnV0dG9uIiwic3R5bGVkIiwiZGl2IiwiX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbDIiLCJIb3dUb0J1dHRvbiIsImV4cG9ydHMiLCJfcmVmIiwib25DbGljayIsImNyZWF0ZUVsZW1lbnQiLCJCdXR0b24iLCJsaW5rIiwic21hbGwiLCJGb3JtYXR0ZWRNZXNzYWdlIiwiaWQiLCJfZGVmYXVsdCJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL2hvdy10by1idXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCwge01vdXNlRXZlbnRIYW5kbGVyfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7Rm9ybWF0dGVkTWVzc2FnZX0gZnJvbSAnQGtlcGxlci5nbC9sb2NhbGl6YXRpb24nO1xuXG5pbXBvcnQge0J1dHRvbn0gZnJvbSAnLi4vLi4vY29tbW9uL3N0eWxlZC1jb21wb25lbnRzJztcblxuY29uc3QgU3R5bGVkSG93VG9CdXR0b24gPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAxMnB4O1xuICB0b3A6IC00cHg7XG5gO1xuXG5leHBvcnQgdHlwZSBIb3dUb0J1dHRvblByb3BzID0ge1xuICBvbkNsaWNrOiBNb3VzZUV2ZW50SGFuZGxlcjtcbn07XG5cbmV4cG9ydCBjb25zdCBIb3dUb0J1dHRvbjogUmVhY3QuRkM8SG93VG9CdXR0b25Qcm9wcz4gPSAoe29uQ2xpY2t9OiBIb3dUb0J1dHRvblByb3BzKSA9PiAoXG4gIDxTdHlsZWRIb3dUb0J1dHRvbj5cbiAgICA8QnV0dG9uIGxpbmsgc21hbGwgb25DbGljaz17b25DbGlja30+XG4gICAgICA8Rm9ybWF0dGVkTWVzc2FnZSBpZD17J2xheWVyQ29uZmlndXJhdGlvbi5ob3dUbyd9IC8+XG4gICAgPC9CdXR0b24+XG4gIDwvU3R5bGVkSG93VG9CdXR0b24+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBIb3dUb0J1dHRvbjtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFHQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxpQkFBQSxHQUFBRixzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUUsYUFBQSxHQUFBRixPQUFBO0FBRUEsSUFBQUcsa0JBQUEsR0FBQUgsT0FBQTtBQUFzRCxJQUFBSSxlQUFBLEVBUHREO0FBQ0E7QUFRQSxJQUFNQyxpQkFBaUIsR0FBR0MsNEJBQU0sQ0FBQ0MsR0FBRyxDQUFBSCxlQUFBLEtBQUFBLGVBQUEsT0FBQUksdUJBQUEsMkVBSW5DO0FBTU0sSUFBTUMsV0FBdUMsR0FBQUMsT0FBQSxDQUFBRCxXQUFBLEdBQUcsU0FBMUNBLFdBQXVDQSxDQUFBRSxJQUFBO0VBQUEsSUFBS0MsT0FBTyxHQUFBRCxJQUFBLENBQVBDLE9BQU87RUFBQSxvQkFDOURkLE1BQUEsWUFBQWUsYUFBQSxDQUFDUixpQkFBaUIscUJBQ2hCUCxNQUFBLFlBQUFlLGFBQUEsQ0FBQ1Ysa0JBQUEsQ0FBQVcsTUFBTTtJQUFDQyxJQUFJO0lBQUNDLEtBQUs7SUFBQ0osT0FBTyxFQUFFQTtFQUFRLGdCQUNsQ2QsTUFBQSxZQUFBZSxhQUFBLENBQUNYLGFBQUEsQ0FBQWUsZ0JBQWdCO0lBQUNDLEVBQUUsRUFBRTtFQUEyQixDQUFFLENBQzdDLENBQ1MsQ0FBQztBQUFBLENBQ3JCO0FBQUMsSUFBQUMsUUFBQSxHQUFBVCxPQUFBLGNBRWFELFdBQVciLCJpZ25vcmVMaXN0IjpbXX0=

package/dist/side-panel/layer-panel/layer-color-selector.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import { ColorRange } from '@kepler.gl/types';
+import { Layer } from '@kepler.gl/layers';
+import { NestedPartial, RGBColor, ColorUI } from '@kepler.gl/types';
+import ColorSelectorFactory from './color-selector';
+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;
+};
+export declare function LayerColorSelectorFactory(ColorSelector: any): ({ layer, onChange, selectedColor, property, setColorUI }: LayerColorSelectorProps) => React.JSX.Element;
+export declare namespace LayerColorSelectorFactory {
+    var deps: (typeof ColorSelectorFactory)[];
+}
+export declare function LayerColorRangeSelectorFactory(ColorSelector: any): ({ layer, onChange, property, setColorUI }: LayerColorRangeSelectorProps) => React.JSX.Element;
+export declare namespace LayerColorRangeSelectorFactory {
+    var deps: (typeof ColorSelectorFactory)[];
+}
+export declare function ArcLayerColorSelectorFactory(ColorSelector: any): ({ layer, onChangeConfig, onChangeVisConfig, property, setColorUI }: ArcLayerColorSelectorProps) => React.JSX.Element;
+export declare namespace ArcLayerColorSelectorFactory {
+    var deps: (typeof ColorSelectorFactory)[];
+}
+export {};