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

package/dist/hooks/use-dnd-layers.js

@@ -0,0 +1,95 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = require("react");
+
+var _reactRedux = require("react-redux");
+
+var _actions = require("@kepler.gl/actions");
+
+var _constants = require("@kepler.gl/constants");
+
+var _reducers = require("@kepler.gl/reducers");
+
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+var useDndLayers = function useDndLayers(layers, layerOrder) {
+  var dispatch = (0, _reactRedux.useDispatch)();
+
+  var _useState = (0, _react.useState)(),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      activeLayer = _useState2[0],
+      setActiveLayer = _useState2[1];
+
+  var onDragStart = (0, _react.useCallback)(function (event) {
+    var active = event.active;
+    var newActiveLayer = layers.find(function (layer) {
+      return layer.id === active.id;
+    });
+
+    if (newActiveLayer) {
+      setActiveLayer(newActiveLayer);
+
+      if (newActiveLayer !== null && newActiveLayer !== void 0 && newActiveLayer.config.isConfigActive) {
+        dispatch((0, _actions.layerConfigChange)(newActiveLayer, {
+          isConfigActive: false
+        }));
+      }
+    }
+  }, [dispatch, layers]);
+  var onDragEnd = (0, _react.useCallback)(function (event) {
+    var _over$data, _over$data$current, _over$data$current$in, _over$data$current2;
+
+    var active = event.active,
+        over = event.over;
+    var activeLayerId = active.id;
+    var overType = over === null || over === void 0 ? void 0 : (_over$data = over.data) === null || _over$data === void 0 ? void 0 : (_over$data$current = _over$data.current) === null || _over$data$current === void 0 ? void 0 : _over$data$current.type;
+
+    if (!overType) {
+      setActiveLayer(undefined);
+      return;
+    }
+
+    switch (overType) {
+      // moving layers into maps
+      case _constants.DROPPABLE_MAP_CONTAINER_TYPE:
+        var mapIndex = (_over$data$current$in = (_over$data$current2 = over.data.current) === null || _over$data$current2 === void 0 ? void 0 : _over$data$current2.index) !== null && _over$data$current$in !== void 0 ? _over$data$current$in : 0;
+        dispatch((0, _actions.toggleLayerForMap)(mapIndex, activeLayerId));
+        break;
+      // swaping layers
+
+      case _constants.SORTABLE_LAYER_TYPE:
+        var newLayerOrder = (0, _reducers.reorderLayerOrder)(layerOrder, activeLayerId, over.id);
+        dispatch((0, _actions.reorderLayer)(newLayerOrder));
+        break;
+      //  moving layers within side panel
+
+      case _constants.SORTABLE_SIDE_PANEL_TYPE:
+        // move layer to the end of the list
+        dispatch((0, _actions.reorderLayer)((0, _reducers.reorderLayerOrder)(layerOrder, activeLayerId, layerOrder[layerOrder.length - 1])));
+        break;
+
+      default:
+        break;
+    }
+
+    setActiveLayer(undefined);
+  }, [dispatch, layerOrder]);
+  return {
+    activeLayer: activeLayer,
+    onDragStart: onDragStart,
+    onDragEnd: onDragEnd
+  };
+};
+
+var _default = useDndLayers;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9ob29rcy91c2UtZG5kLWxheWVycy50c3giXSwibmFtZXMiOlsidXNlRG5kTGF5ZXJzIiwibGF5ZXJzIiwibGF5ZXJPcmRlciIsImRpc3BhdGNoIiwiYWN0aXZlTGF5ZXIiLCJzZXRBY3RpdmVMYXllciIsIm9uRHJhZ1N0YXJ0IiwiZXZlbnQiLCJhY3RpdmUiLCJuZXdBY3RpdmVMYXllciIsImZpbmQiLCJsYXllciIsImlkIiwiY29uZmlnIiwiaXNDb25maWdBY3RpdmUiLCJvbkRyYWdFbmQiLCJvdmVyIiwiYWN0aXZlTGF5ZXJJZCIsIm92ZXJUeXBlIiwiZGF0YSIsImN1cnJlbnQiLCJ0eXBlIiwidW5kZWZpbmVkIiwiRFJPUFBBQkxFX01BUF9DT05UQUlORVJfVFlQRSIsIm1hcEluZGV4IiwiaW5kZXgiLCJTT1JUQUJMRV9MQVlFUl9UWVBFIiwibmV3TGF5ZXJPcmRlciIsIlNPUlRBQkxFX1NJREVfUEFORUxfVFlQRSIsImxlbmd0aCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFHQTs7QUFDQTs7QUFFQTs7QUFDQTs7QUFLQTs7QUFaQTtBQUNBO0FBb0JBLElBQU1BLFlBQXVFLEdBQUcsU0FBMUVBLFlBQTBFLENBQUNDLE1BQUQsRUFBU0MsVUFBVCxFQUF3QjtBQUN0RyxNQUFNQyxRQUFRLEdBQUcsOEJBQWpCOztBQURzRyxrQkFHeUIsc0JBSHpCO0FBQUE7QUFBQSxNQUcvRkMsV0FIK0Y7QUFBQSxNQUdsRkMsY0FIa0Y7O0FBS3RHLE1BQU1DLFdBQVcsR0FBRyx3QkFDbEIsVUFBQUMsS0FBSyxFQUFJO0FBQUEsUUFDQUMsTUFEQSxHQUNVRCxLQURWLENBQ0FDLE1BREE7QUFFUCxRQUFNQyxjQUFjLEdBQUdSLE1BQU0sQ0FBQ1MsSUFBUCxDQUFZLFVBQUFDLEtBQUs7QUFBQSxhQUFJQSxLQUFLLENBQUNDLEVBQU4sS0FBYUosTUFBTSxDQUFDSSxFQUF4QjtBQUFBLEtBQWpCLENBQXZCOztBQUNBLFFBQUlILGNBQUosRUFBb0I7QUFDbEJKLE1BQUFBLGNBQWMsQ0FBQ0ksY0FBRCxDQUFkOztBQUNBLFVBQUlBLGNBQUosYUFBSUEsY0FBSixlQUFJQSxjQUFjLENBQUVJLE1BQWhCLENBQXVCQyxjQUEzQixFQUEyQztBQUN6Q1gsUUFBQUEsUUFBUSxDQUFDLGdDQUFrQk0sY0FBbEIsRUFBa0M7QUFBQ0ssVUFBQUEsY0FBYyxFQUFFO0FBQWpCLFNBQWxDLENBQUQsQ0FBUjtBQUNEO0FBQ0Y7QUFDRixHQVZpQixFQVdsQixDQUFDWCxRQUFELEVBQVdGLE1BQVgsQ0FYa0IsQ0FBcEI7QUFjQSxNQUFNYyxTQUFTLEdBQUcsd0JBQ2hCLFVBQUFSLEtBQUssRUFBSTtBQUFBOztBQUFBLFFBQ0FDLE1BREEsR0FDZ0JELEtBRGhCLENBQ0FDLE1BREE7QUFBQSxRQUNRUSxJQURSLEdBQ2dCVCxLQURoQixDQUNRUyxJQURSO0FBQUEsUUFHSUMsYUFISixHQUdxQlQsTUFIckIsQ0FHQUksRUFIQTtBQUlQLFFBQU1NLFFBQVEsR0FBR0YsSUFBSCxhQUFHQSxJQUFILHFDQUFHQSxJQUFJLENBQUVHLElBQVQscUVBQUcsV0FBWUMsT0FBZix1REFBRyxtQkFBcUJDLElBQXRDOztBQUVBLFFBQUksQ0FBQ0gsUUFBTCxFQUFlO0FBQ2JiLE1BQUFBLGNBQWMsQ0FBQ2lCLFNBQUQsQ0FBZDtBQUNBO0FBQ0Q7O0FBRUQsWUFBUUosUUFBUjtBQUNFO0FBQ0EsV0FBS0ssdUNBQUw7QUFDRSxZQUFNQyxRQUFRLG1EQUFHUixJQUFJLENBQUNHLElBQUwsQ0FBVUMsT0FBYix3REFBRyxvQkFBbUJLLEtBQXRCLHlFQUErQixDQUE3QztBQUNBdEIsUUFBQUEsUUFBUSxDQUFDLGdDQUFrQnFCLFFBQWxCLEVBQTRCUCxhQUE1QixDQUFELENBQVI7QUFDQTtBQUNGOztBQUNBLFdBQUtTLDhCQUFMO0FBQ0UsWUFBTUMsYUFBYSxHQUFHLGlDQUFrQnpCLFVBQWxCLEVBQThCZSxhQUE5QixFQUE2Q0QsSUFBSSxDQUFDSixFQUFsRCxDQUF0QjtBQUNBVCxRQUFBQSxRQUFRLENBQUMsMkJBQWF3QixhQUFiLENBQUQsQ0FBUjtBQUNBO0FBQ0Y7O0FBQ0EsV0FBS0MsbUNBQUw7QUFDRTtBQUNBekIsUUFBQUEsUUFBUSxDQUNOLDJCQUNFLGlDQUFrQkQsVUFBbEIsRUFBOEJlLGFBQTlCLEVBQTZDZixVQUFVLENBQUNBLFVBQVUsQ0FBQzJCLE1BQVgsR0FBb0IsQ0FBckIsQ0FBdkQsQ0FERixDQURNLENBQVI7QUFLQTs7QUFDRjtBQUNFO0FBckJKOztBQXdCQXhCLElBQUFBLGNBQWMsQ0FBQ2lCLFNBQUQsQ0FBZDtBQUNELEdBckNlLEVBc0NoQixDQUFDbkIsUUFBRCxFQUFXRCxVQUFYLENBdENnQixDQUFsQjtBQXlDQSxTQUFPO0FBQUNFLElBQUFBLFdBQVcsRUFBWEEsV0FBRDtBQUFjRSxJQUFBQSxXQUFXLEVBQVhBLFdBQWQ7QUFBMkJTLElBQUFBLFNBQVMsRUFBVEE7QUFBM0IsR0FBUDtBQUNELENBN0REOztlQStEZWYsWSIsInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCB7dXNlQ2FsbGJhY2ssIHVzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQge3VzZURpc3BhdGNofSBmcm9tICdyZWFjdC1yZWR1eCc7XG5pbXBvcnQge0RyYWdFbmRFdmVudCwgRHJhZ1N0YXJ0RXZlbnR9IGZyb20gJ0BkbmQta2l0L2NvcmUnO1xuaW1wb3J0IHtsYXllckNvbmZpZ0NoYW5nZSwgcmVvcmRlckxheWVyLCB0b2dnbGVMYXllckZvck1hcH0gZnJvbSAnQGtlcGxlci5nbC9hY3Rpb25zJztcbmltcG9ydCB7XG4gIERST1BQQUJMRV9NQVBfQ09OVEFJTkVSX1RZUEUsXG4gIFNPUlRBQkxFX0xBWUVSX1RZUEUsXG4gIFNPUlRBQkxFX1NJREVfUEFORUxfVFlQRVxufSBmcm9tICdAa2VwbGVyLmdsL2NvbnN0YW50cyc7XG5pbXBvcnQge3Jlb3JkZXJMYXllck9yZGVyfSBmcm9tICdAa2VwbGVyLmdsL3JlZHVjZXJzJztcbmltcG9ydCB7TGF5ZXJ9IGZyb20gJ0BrZXBsZXIuZ2wvbGF5ZXJzJztcblxudHlwZSBEbmRFZmZlY3RzSG9vayA9IHtcbiAgYWN0aXZlTGF5ZXI6IExheWVyIHwgdW5kZWZpbmVkO1xuICBvbkRyYWdTdGFydDogKGV2ZW50OiBEcmFnU3RhcnRFdmVudCkgPT4gdm9pZDtcbiAgb25EcmFnRW5kOiAoZXZlbnQ6IERyYWdFbmRFdmVudCkgPT4gdm9pZDtcbn07XG5cbmNvbnN0IHVzZURuZExheWVyczogKGxheWVyczogTGF5ZXJbXSwgbGF5ZXJPcmRlcjogc3RyaW5nW10pID0+IERuZEVmZmVjdHNIb29rID0gKGxheWVycywgbGF5ZXJPcmRlcikgPT4ge1xuICBjb25zdCBkaXNwYXRjaCA9IHVzZURpc3BhdGNoKCk7XG5cbiAgY29uc3QgW2FjdGl2ZUxheWVyLCBzZXRBY3RpdmVMYXllcl06IFthY3RpdmVFZmZlY3Q6IExheWVyIHwgdW5kZWZpbmVkLCBzZXRBY3RpdmVFZmZlY3Q6IChlZmZlY3Q6IExheWVyIHwgdW5kZWZpbmVkKSA9PiB2b2lkXSA9IHVzZVN0YXRlKCk7XG5cbiAgY29uc3Qgb25EcmFnU3RhcnQgPSB1c2VDYWxsYmFjayhcbiAgICBldmVudCA9PiB7XG4gICAgICBjb25zdCB7YWN0aXZlfSA9IGV2ZW50O1xuICAgICAgY29uc3QgbmV3QWN0aXZlTGF5ZXIgPSBsYXllcnMuZmluZChsYXllciA9PiBsYXllci5pZCA9PT0gYWN0aXZlLmlkKTtcbiAgICAgIGlmIChuZXdBY3RpdmVMYXllcikge1xuICAgICAgICBzZXRBY3RpdmVMYXllcihuZXdBY3RpdmVMYXllcik7XG4gICAgICAgIGlmIChuZXdBY3RpdmVMYXllcj8uY29uZmlnLmlzQ29uZmlnQWN0aXZlKSB7XG4gICAgICAgICAgZGlzcGF0Y2gobGF5ZXJDb25maWdDaGFuZ2UobmV3QWN0aXZlTGF5ZXIsIHtpc0NvbmZpZ0FjdGl2ZTogZmFsc2V9KSk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9LFxuICAgIFtkaXNwYXRjaCwgbGF5ZXJzXVxuICApO1xuXG4gIGNvbnN0IG9uRHJhZ0VuZCA9IHVzZUNhbGxiYWNrKFxuICAgIGV2ZW50ID0+IHtcbiAgICAgIGNvbnN0IHthY3RpdmUsIG92ZXJ9ID0gZXZlbnQ7XG5cbiAgICAgIGNvbnN0IHtpZDogYWN0aXZlTGF5ZXJJZH0gPSBhY3RpdmU7XG4gICAgICBjb25zdCBvdmVyVHlwZSA9IG92ZXI/LmRhdGE/LmN1cnJlbnQ/LnR5cGU7XG5cbiAgICAgIGlmICghb3ZlclR5cGUpIHtcbiAgICAgICAgc2V0QWN0aXZlTGF5ZXIodW5kZWZpbmVkKTtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICBzd2l0Y2ggKG92ZXJUeXBlKSB7XG4gICAgICAgIC8vIG1vdmluZyBsYXllcnMgaW50byBtYXBzXG4gICAgICAgIGNhc2UgRFJPUFBBQkxFX01BUF9DT05UQUlORVJfVFlQRTpcbiAgICAgICAgICBjb25zdCBtYXBJbmRleCA9IG92ZXIuZGF0YS5jdXJyZW50Py5pbmRleCA/PyAwO1xuICAgICAgICAgIGRpc3BhdGNoKHRvZ2dsZUxheWVyRm9yTWFwKG1hcEluZGV4LCBhY3RpdmVMYXllcklkKSk7XG4gICAgICAgICAgYnJlYWs7XG4gICAgICAgIC8vIHN3YXBpbmcgbGF5ZXJzXG4gICAgICAgIGNhc2UgU09SVEFCTEVfTEFZRVJfVFlQRTpcbiAgICAgICAgICBjb25zdCBuZXdMYXllck9yZGVyID0gcmVvcmRlckxheWVyT3JkZXIobGF5ZXJPcmRlciwgYWN0aXZlTGF5ZXJJZCwgb3Zlci5pZCk7XG4gICAgICAgICAgZGlzcGF0Y2gocmVvcmRlckxheWVyKG5ld0xheWVyT3JkZXIpKTtcbiAgICAgICAgICBicmVhaztcbiAgICAgICAgLy8gIG1vdmluZyBsYXllcnMgd2l0aGluIHNpZGUgcGFuZWxcbiAgICAgICAgY2FzZSBTT1JUQUJMRV9TSURFX1BBTkVMX1RZUEU6XG4gICAgICAgICAgLy8gbW92ZSBsYXllciB0byB0aGUgZW5kIG9mIHRoZSBsaXN0XG4gICAgICAgICAgZGlzcGF0Y2goXG4gICAgICAgICAgICByZW9yZGVyTGF5ZXIoXG4gICAgICAgICAgICAgIHJlb3JkZXJMYXllck9yZGVyKGxheWVyT3JkZXIsIGFjdGl2ZUxheWVySWQsIGxheWVyT3JkZXJbbGF5ZXJPcmRlci5sZW5ndGggLSAxXSlcbiAgICAgICAgICAgIClcbiAgICAgICAgICApO1xuICAgICAgICAgIGJyZWFrO1xuICAgICAgICBkZWZhdWx0OlxuICAgICAgICAgIGJyZWFrO1xuICAgICAgfVxuXG4gICAgICBzZXRBY3RpdmVMYXllcih1bmRlZmluZWQpO1xuICAgIH0sXG4gICAgW2Rpc3BhdGNoLCBsYXllck9yZGVyXVxuICApO1xuXG4gIHJldHVybiB7YWN0aXZlTGF5ZXIsIG9uRHJhZ1N0YXJ0LCBvbkRyYWdFbmR9O1xufTtcblxuZXhwb3J0IGRlZmF1bHQgdXNlRG5kTGF5ZXJzO1xuIl19

package/dist/hooks/use-feature-flags.d.ts

@@ -0,0 +1,5 @@
+declare type FeatureFlags = {
+    [flagName: string]: boolean;
+};
+declare const useFeatureFlags: () => FeatureFlags;
+export default useFeatureFlags;

package/dist/hooks/use-feature-flags.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = require("react");
+
+var _context = require("../context");
+
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+// @ts-expect-error FeatureFlagsContext is typed as object
+var useFeatureFlags = function useFeatureFlags() {
+  return (0, _react.useContext)(_context.FeatureFlagsContext);
+};
+
+var _default = useFeatureFlags;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9ob29rcy91c2UtZmVhdHVyZS1mbGFncy50c3giXSwibmFtZXMiOlsidXNlRmVhdHVyZUZsYWdzIiwiRmVhdHVyZUZsYWdzQ29udGV4dCJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUdBOztBQUNBOztBQUpBO0FBQ0E7QUFVQTtBQUNBLElBQU1BLGVBQWUsR0FBRyxTQUFsQkEsZUFBa0I7QUFBQSxTQUFNLHVCQUF5QkMsNEJBQXpCLENBQU47QUFBQSxDQUF4Qjs7ZUFFZUQsZSIsInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCB7dXNlQ29udGV4dH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtGZWF0dXJlRmxhZ3NDb250ZXh0fSBmcm9tICcuLi9jb250ZXh0JztcblxudHlwZSBGZWF0dXJlRmxhZ3MgPSB7XG4gIC8vIERlZmluZSB5b3VyIGZlYXR1cmUgZmxhZ3MgaGVyZVxuICBbZmxhZ05hbWU6IHN0cmluZ106IGJvb2xlYW47XG59O1xuXG4vLyBAdHMtZXhwZWN0LWVycm9yIEZlYXR1cmVGbGFnc0NvbnRleHQgaXMgdHlwZWQgYXMgb2JqZWN0XG5jb25zdCB1c2VGZWF0dXJlRmxhZ3MgPSAoKSA9PiB1c2VDb250ZXh0PEZlYXR1cmVGbGFncz4oRmVhdHVyZUZsYWdzQ29udGV4dCk7XG5cbmV4cG9ydCBkZWZhdWx0IHVzZUZlYXR1cmVGbGFncztcbiJdfQ==

package/dist/index.d.ts

@@ -5,45 +5,49 @@ import VisConfigSliderFactory from './side-panel/layer-panel/vis-config-slider';
 import VisConfigSwitchFactory from './side-panel/layer-panel/vis-config-switch';
 import LayerConfigGroupFactory from './side-panel/layer-panel/layer-config-group';
 import LayerColumnConfigFactory from './side-panel/layer-panel/layer-column-config';
+import LayerTypeListItemFactory from './side-panel/layer-panel/layer-type-list-item';
 import { ChannelByValueSelectorFactory } from './side-panel/layer-panel/layer-configurator';
 import { FieldListItemFactoryFactory } from './common/field-selector';
 import InfoHelperFactory from './common/info-helper';
+import ColorSelectorFactory from './side-panel/layer-panel/color-selector';
+import { LayerColorSelectorFactory, LayerColorRangeSelectorFactory, ArcLayerColorSelectorFactory } from './side-panel/layer-panel/layer-color-selector';
 import { appInjector } from './container';
 export { default as KeplerGl, default, injectComponents, ContainerFactory, ERROR_MSG } from './container';
-export { default as KeplerGlFactory, DEFAULT_KEPLER_GL_PROPS, getVisibleDatasets, mapFieldsSelector, plotContainerSelector } from './kepler-gl';
+export { default as KeplerGlFactory, DEFAULT_KEPLER_GL_PROPS, getVisibleDatasets, makeGetActionCreators, mapFieldsSelector, plotContainerSelector } from './kepler-gl';
 export { default as SidePanelFactory } from './side-panel';
 export { default as PanelTitleFactory } from './side-panel/panel-title';
-export { default as MapContainerFactory } from './map-container';
+export { default as MapContainerFactory, Attribution } from './map-container';
 export { default as MapsLayoutFactory } from './maps-layout';
-export { default as BottomWidgetFactory, LayerAnimationControllerFactory, FilterAnimationControllerFactory } from './bottom-widget';
+export { default as BottomWidgetFactory } from './bottom-widget';
+export { default as LayerAnimationControllerFactory } from './layer-animation-controller';
+export { default as FilterAnimationControllerFactory } from './filter-animation-controller';
 export { default as ModalContainerFactory } from './modal-container';
 export { default as PlotContainerFactory } from './plot-container';
 export { default as GeocoderPanelFactory, getUpdateVisDataPayload } from './geocoder-panel';
 export { testForCoordinates } from './geocoder/geocoder';
-export { default as PanelHeaderFactory, SaveExportDropdownFactory, PanelHeaderDropdownFactory } from './side-panel/panel-header';
+export { default as PanelHeaderFactory, SaveExportDropdownFactory, PanelHeaderDropdownFactory, CloudStorageDropdownFactory, PanelAction } from './side-panel/panel-header';
 export { default as PanelHeaderActionFactory } from './side-panel/panel-header-action';
 export { CollapseButtonFactory, default as SidebarFactory } from './side-panel/side-bar';
 export { default as PanelToggleFactory } from './side-panel/panel-toggle';
 export { default as PanelTabFactory } from './side-panel/panel-tab';
-export { default as LayerManagerFactory } from './side-panel/layer-manager';
-export { default as ColorSelector, ColorSelectorInput, ColorBlock } from './side-panel/layer-panel/color-selector';
+export { default as LayerManagerFactory, LayerBlendingSelector } from './side-panel/layer-manager';
+export { ColorSelectorInput, ColorBlock } from './side-panel/layer-panel/color-selector';
 export { default as CustomSelector } from './side-panel/layer-panel/color-selector';
 export { default as ColorPalette } from './side-panel/layer-panel/color-palette';
 export { default as ColorRangeSelector, PaletteConfig, ColorPaletteGroup, ALL_TYPES } from './side-panel/layer-panel/color-range-selector';
 export { default as LayerPanelFactory } from './side-panel/layer-panel/layer-panel';
 export { default as SingleColorPalette } from './side-panel/layer-panel/single-color-palette';
-export { default as LayerPanelHeaderFactory, DragHandle } from './side-panel/layer-panel/layer-panel-header';
-export { default as LayerConfiguratorFactory, LayerColorRangeSelector, getLayerConfiguratorProps, getVisConfiguratorProps, ArcLayerColorSelector, LayerColorSelector } from './side-panel/layer-panel/layer-configurator';
+export { default as LayerConfiguratorFactory, getLayerConfiguratorProps, getLayerDataset, getVisConfiguratorProps, } from './side-panel/layer-panel/layer-configurator';
 export { default as TextLabelPanelFactory } from './side-panel/layer-panel/text-label-panel';
-export { LayerConfigGroupLabelFactory } from './side-panel/layer-panel/layer-config-group';
 export { AddDataButtonFactory, default as DatasetSectionFactory } from './side-panel/layer-panel/dataset-section';
 export { default as DatasetLayerSectionFactory } from './side-panel/layer-panel/dataset-layer-section';
 export { default as DatasetLayerGroupFactory } from './side-panel/layer-panel/dataset-layer-group';
-export { default as PanelViewListToggleFactory } from './side-panel/layer-panel/panel-view-list-toggle';
+export { default as PanelViewListToggleFactory } from './side-panel/panel-view-list-toggle';
 export { default as AddLayerButtonFactory } from './side-panel/layer-panel/add-layer-button';
 export { default as LayerListFactory } from './side-panel/layer-panel/layer-list';
 export { default as CustomPicker } from './side-panel/layer-panel/custom-picker';
 export { default as CustomPalette } from './side-panel/layer-panel/custom-palette';
+export * from './side-panel/layer-panel/custom-palette';
 export { default as SourceDataCatalogFactory } from './side-panel/common/source-data-catalog';
 export { default as SourceDataSelectorFactory } from './side-panel/common/source-data-selector';
 export { default as DatasetTitleFactory } from './side-panel/common/dataset-title';
@@ -51,14 +55,18 @@ export { default as DatasetInfoFactory } from './side-panel/common/dataset-info'
 export { default as DatasetTagFactory } from './side-panel/common/dataset-tag';
 export { default as FilterManagerFactory } from './side-panel/filter-manager';
 export { default as FilterPanelFactory } from './side-panel/filter-panel/filter-panel';
+export { default as AddFilterButtonFactory } from './side-panel/filter-panel/add-filter-button';
 export { default as InteractionManagerFactory } from './side-panel/interaction-manager';
 export { default as BrushConfigFactory } from './side-panel/interaction-panel/brush-config';
 export { default as TooltipConfigFactory } from './side-panel/interaction-panel/tooltip-config';
 export { default as MapManagerFactory } from './side-panel/map-manager';
 export { default as LayerGroupSelectorFactory } from './side-panel/map-style-panel/map-layer-selector';
 export { default as MapStyleSelectorFactory } from './side-panel/map-style-panel/map-style-selector';
+export { default as LayerGroupColorPickerFactory } from './side-panel/map-style-panel/map-layer-group-color-picker';
 export { default as CustomPanelsFactory } from './side-panel/custom-panel';
+export { default as DndContextFactory } from './dnd-context';
 export { default as MapPopoverFactory } from './map/map-popover';
+export { default as MapPopoverContentFactory } from './map/map-popover-content';
 export { default as MapControlFactory } from './map/map-control';
 export { default as LayerHoverInfoFactory } from './map/layer-hover-info';
 export { default as CoordinateInfoFactory } from './map/coordinate-info';
@@ -71,6 +79,7 @@ export { default as MapDrawPanelFactory } from './map/map-draw-panel';
 export { default as SplitMapButtonFactory } from './map/split-map-button';
 export { default as MapLegendPanelFactory } from './map/map-legend-panel';
 export { default as Toggle3dButtonFactory } from './map/toggle-3d-button';
+export { default as LazzyTippy } from './map/lazy-tippy';
 export { default as MapControlToolbarFactory } from './map/map-control-toolbar';
 export { default as ModalDialogFactory } from './modals/modal-dialog';
 export { default as DeleteDatasetModalFactory } from './modals/delete-data-modal';
@@ -103,17 +112,17 @@ export { default as ImagePreview } from './common/image-preview';
 export { default as HistogramPlotFactory } from './common/histogram-plot';
 export { default as LineChartFactory } from './common/line-chart';
 export { default as RangeBrushFactory } from './common/range-brush';
-export { default as TimeSliderMarkerFactory } from './common/time-slider-marker';
+export { default as TimeSliderMarkerFactory, getTickFormat, getXAxis, updateAxis } from './common/time-slider-marker';
 export { default as TimeRangeSliderTimeTitleFactory } from './common/time-range-slider-time-title';
 export { default as IconButton } from './common/icon-button';
-export { default as TimeWidgetFactory, TimeWidgetTopFactory } from './filters/time-widget';
+export { default as TimeWidgetFactory } from './filters/time-widget';
+export { default as TimeWidgetTopFactory } from './filters/time-widget-top';
 export { default as SingleSelectFilterFactory } from './filters/single-select-filter';
 export { default as MultiSelectFilterFactory } from './filters/multi-select-filter';
 export { default as NewFilterPanelFactory } from './filters/filter-panels/new-filter-panel';
 export { timeRangeSliderFieldsSelector, default as TimeRangeFilterFactory } from './filters/time-range-filter';
 export { default as RangeFilterFactory } from './filters/range-filter';
 export { default as EditorFactory } from './editor/editor';
-export { getStyle } from './editor/feature-styles';
 export { default as FeatureActionPanelFactory, PureFeatureActionPanelFactory } from './editor/feature-action-panel';
 export { injector, provideRecipesToInjector, withState } from './injector';
 export { default as CloudTile } from './modals/cloud-tile';
@@ -121,18 +130,21 @@ export { default as FileUploadFactory, FileUpload, WarningMsg } from './common/f
 export { default as FileDrop } from './common/file-uploader/file-drop';
 export { default as UploadButton } from './common/file-uploader/upload-button';
 export { default as DatasetLabel } from './common/dataset-label';
+export { default as Accessor } from './common/item-selector/accessor';
 export { default as ChickletedInput, ChickletButton } from './common/item-selector/chickleted-input';
 export { default as ItemSelector } from './common/item-selector/item-selector';
 export { default as Typeahead } from './common/item-selector/typeahead';
-export { default as DropdownList, ListItem } from './common/item-selector/dropdown-list';
+export { default as DropdownList, ListItem, classList as dropdownListClassList } from './common/item-selector/dropdown-list';
 export { default as FieldSelectorFactory } from './common/field-selector';
 export { default as Modal, ModalFooter, ModalTitle } from './common/modal';
 export { default as AppLogo } from './common/logo';
 export { default as Switch } from './common/switch';
 export { default as Checkbox } from './common/checkbox';
 export { default as ColorLegend, LegendRow } from './common/color-legend';
+export { default as EffectControlFactory } from './map/effects/effect-control';
 export { default as LoadingSpinner } from './common/loading-spinner';
 export { default as LoadingDialog } from './modals/loading-dialog';
+export { MapViewStateContext, MapViewStateContextProvider } from './map-view-state-context';
 export { default as FieldTokenFactory } from './common/field-token';
 export { default as Portaled } from './common/portaled';
 export { default as ProgressBar } from './common/progress-bar';
@@ -142,9 +154,10 @@ export { default as SliderHandle } from './common/slider/slider-handle';
 export { default as SliderBarHandle } from './common/slider/slider-bar-handle';
 export { default as ActionPanel, ActionPanelItem } from './common/action-panel';
 export { default as HeaderCellFactory } from './common/data-table/header-cell';
+export { default as DataTableConfigFactory, NumberFormatConfig } from './common/data-table/display-format';
 export { default as DataTableFactory } from './common/data-table';
 export { default as CanvasHack } from './common/data-table/canvas';
-export { default as OptionDropdown } from './common/data-table/option-dropdown';
+export { default as OptionDropdown, FormatterDropdown } from './common/data-table/option-dropdown';
 export { default as MapLayerSelector } from './common/map-layer-selector';
 export { default as VerticalToolbar } from './common/vertical-toolbar';
 export { default as ToolbarItem } from './common/toolbar-item';
@@ -152,15 +165,50 @@ export { default as ShareMapUrlModalFactory, SharingUrl } from './modals/share-m
 export { default as TippyTooltip } from './common/tippy-tooltip';
 export { default as LayerTypeSelectorFactory } from './side-panel/layer-panel/layer-type-selector';
 export { default as LayerTypeDropdownListFactory } from './side-panel/layer-panel/layer-type-dropdown-list';
-export { default as LayerTypeListItemFactory } from './side-panel/layer-panel/layer-type-list-item';
-export { ConfigGroupCollapsibleContent } from './side-panel/layer-panel/layer-config-group';
+export { ConfigGroupCollapsibleContent, StyledConfigGroupHeader, LayerConfigGroupLabelFactory } from './side-panel/layer-panel/layer-config-group';
 export { default as ColumnSelectorFactory } from './side-panel/layer-panel/column-selector';
-export { default as FilterPanelHeaderFactory } from './side-panel/filter-panel/filter-panel-header';
 export { default as StyledDropdownSelect } from './common/item-selector/item-selector';
-export { LayerLabelEditor, LayerTitleSectionFactory } from './side-panel/layer-panel/layer-panel-header';
+export { DragHandle, LayerLabelEditor, LayerTitleSectionFactory, LayerPanelHeaderActionSectionFactory, default as LayerPanelHeaderFactory } from './side-panel/layer-panel/layer-panel-header';
+export { default as FilterPanelHeaderFactory } from './side-panel/filter-panel/filter-panel-header';
+export { default as EffectManagerFactory } from './effects/effect-manager';
+export { default as EffectListFactory } from './effects/effect-list';
+export { default as SidePanelTitleFactory } from './effects/side-panel-title';
+export { default as EffectTypeSelectorFactory } from './effects/effect-type-selector';
+export { default as EffectConfiguratorFactory } from './effects/effect-configurator';
+export { default as EffectTimeConfiguratorFactory } from './effects/effect-time-configurator';
 export { default as HowToButton } from './side-panel/layer-panel/how-to-button';
 export type { ButtonProps, StyledPanelHeaderProps, StyledExportSectionProps } from './common';
-export { Icons, SelectText, SelectTextBold, IconRoundSmall, CenterVerticalFlexbox, SpaceBetweenFlexbox, SBFlexboxItem, SBFlexboxNoMargin, PanelLabel, PanelLabelWrapper, PanelLabelBold, PanelHeaderTitle, PanelHeaderContent, PanelContent, SidePanelSection, SidePanelDivider, Tooltip, Button, Input, InputLight, TextArea, TextAreaLight, InlineInput, StyledPanelHeader, StyledPanelDropdown, ButtonGroup, DatasetSquare, SelectionButton, StyledModalContent, StyledModalVerticalPanel, StyledModalSection, StyledModalInputFootnote, StyledMapContainer, StyledAttrbution, StyledExportSection, StyledFilteredOption, StyledType, WidgetContainer, BottomWidgetInner, MapControlButton, StyledFilterContent, TruncatedTitleText, CheckMark } from './common';
+export type { CollapseButtonProps } from './side-panel/side-bar';
+export type { PanelTabProps } from './side-panel/panel-tab';
+export type { MapStyleSelectorProps } from './side-panel/map-style-panel/map-style-selector';
+export type { LayerGroupSelectorProps } from './side-panel/map-style-panel/map-layer-selector';
+export type { MapManagerProps } from './side-panel/map-manager';
+export type { SourceDataSelectorProps } from './side-panel/common/types';
+export type { DatasetTitleProps } from './side-panel/common/dataset-title';
+export type { SourceDataCatalogProps } from './side-panel/common/source-data-catalog';
+export type { DatasetInfoProps } from './side-panel/common/dataset-info';
+export type { DatasetTagProps } from './side-panel/common/dataset-tag';
+export type { CustomPanelsProps } from './side-panel/custom-panel';
+export type { LayerTypeListItemProps, LayerTypeListItemType } from './side-panel/layer-panel/layer-type-list-item';
+export type { LayerGroupColorPickerProps } from './side-panel/map-style-panel/map-layer-group-color-picker';
+export type { MapLegendPanelProps, MapLegendPanelFactoryDeps } from './map/map-legend-panel';
+export type { OptionDropdownProps, FormatterDropdownProps } from './common/data-table/option-dropdown';
+export type { LayerListProps, LayerListFactoryDeps } from './side-panel/layer-panel/layer-list';
+export type { MapContainerProps } from './map-container';
+export type { MapControlProps } from './map/map-control';
+export type { MapDrawPanelProps } from './map/map-draw-panel';
+export type { PanelHeaderProps } from './side-panel/panel-header';
+export type { LayerLabelEditorProps, LayerTitleSectionProps, LayerPanelHeaderProps, LayerPanelHeaderActionSectionProps } from './side-panel/layer-panel/layer-panel-header';
+export type { FilterPanelHeaderProps } from './side-panel/filter-panel/filter-panel-header';
+export type { LayerTypeOption } from './side-panel/layer-panel/layer-type-dropdown-list';
+export type { LayerConfigGroupLabelProps, LayerConfigGroupProps } from './side-panel/layer-panel/layer-config-group';
+export type { FilterManagerProps } from './side-panel/filter-manager';
+export type { PanelMeta } from './side-panel/common/types';
+export type { SideBarProps } from './side-panel/side-bar';
+export type { FeatureActionPanelProps } from './editor/feature-action-panel';
+export type { SingleColorPaletteProps } from './side-panel/layer-panel/single-color-palette';
+export type { DndContextProps, DndContextComponent } from './dnd-context';
+export { Icons, SelectText, SelectTextBold, IconRoundSmall, CenterFlexbox, CenterVerticalFlexbox, SpaceBetweenFlexbox, SBFlexboxItem, SBFlexboxNoMargin, PanelLabel, PanelLabelWrapper, PanelLabelBold, PanelHeaderTitle, PanelHeaderContent, PanelContent, SidePanelSection, SidePanelDivider, Tooltip, Button, Input, InputLight, TextArea, TextAreaLight, InlineInput, StyledPanelHeader, StyledPanelDropdown, ButtonGroup, DatasetSquare, SelectionButton, StyledModalContent, StyledModalVerticalPanel, StyledModalSection, StyledModalInputFootnote, StyledMapContainer, StyledAttrbution, StyledExportSection, StyledFilteredOption, StyledType, WidgetContainer, BottomWidgetInner, MapControlButton, StyledFilterContent, TruncatedTitleText, CheckMark } from './common';
 export declare const TimeRangeSlider: any;
 export declare const RangeSlider: any;
 export declare const VisConfigSlider: any;
@@ -172,5 +220,14 @@ export declare const FieldSelector: any;
 export declare const FieldToken: any;
 export declare const PanelHeaderAction: any;
 export declare const FieldListItemFactory: any;
+export declare const LayerTypeListItem: any;
 export declare const InfoHelper: any;
-export { appInjector, TimeRangeSliderFactory, RangeSliderFactory, VisConfigSliderFactory, VisConfigSwitchFactory, LayerConfigGroupFactory, LayerColumnConfigFactory, ChannelByValueSelectorFactory, FieldListItemFactoryFactory, InfoHelperFactory };
+export declare const ColorSelector: any;
+export declare const LayerColorSelector: any;
+export declare const LayerColorRangeSelector: any;
+export declare const ArcLayerColorSelector: any;
+export { appInjector, TimeRangeSliderFactory, RangeSliderFactory, VisConfigSliderFactory, VisConfigSwitchFactory, LayerConfigGroupFactory, LayerColumnConfigFactory, LayerTypeListItemFactory, ChannelByValueSelectorFactory, FieldListItemFactoryFactory, InfoHelperFactory, ColorSelectorFactory, LayerColorSelectorFactory, LayerColorRangeSelectorFactory, ArcLayerColorSelectorFactory };
+export { default as useFeatureFlags } from './hooks/use-feature-flags';
+export { default as useDndLayers } from './hooks/use-dnd-layers';
+export { default as useDndEffects } from './hooks/use-dnd-effects';
+export { CloudListProvider, useCloudListProvider } from './hooks/use-cloud-list-provider';