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

package/dist/effects/effect-manager.js

@@ -0,0 +1,129 @@
+// Copyright (c) 2023 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _reactIntl = require("react-intl");
+
+var _actions = require("@kepler.gl/actions");
+
+var _constants = require("@kepler.gl/constants");
+
+var _injector = require("../injector");
+
+var _sidePanelTitle = _interopRequireDefault(require("./side-panel-title"));
+
+var _effectList = _interopRequireDefault(require("./effect-list"));
+
+var _effectTypeSelector = _interopRequireDefault(require("./effect-type-selector"));
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+var StyledEffectPanelContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: column;\n  pointer-events: none !important; /* prevent padding from blocking input */\n  flex-grow: 1;\n  justify-content: space-between;\n  overflow: hidden;\n\n  & > * {\n    /* all children should allow input */\n    pointer-events: all;\n  }\n"]))); // top right position absolute
+
+
+var StyledEffectPanel = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  top: 0;\n  background-color: ", ";\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  overflow: hidden;\n"])), function (props) {
+  return props.theme.sidePanelBg;
+});
+
+var StyledEffectPanelHeader = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  padding: ", ";\n  border-bottom: 1px solid ", ";\n  min-width: ", "px;\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return "".concat(theme.effectPanelPaddingTop, "px ").concat(theme.effectPanelPaddingSide, "px 4px ").concat(theme.effectPanelPaddingSide, "px}");
+}, function (props) {
+  return props.theme.borderColor;
+}, function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.effectPanelWidth;
+});
+
+var StyledEffectPanelContent = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  ", ";\n  padding: 10px 0;\n  overflow: overlay;\n  display: flex;\n  flex-direction: column;\n"])), function (props) {
+  return props.theme.sidePanelScrollBar;
+});
+
+EffectManagerFactory.deps = [_effectList["default"], _sidePanelTitle["default"], _effectTypeSelector["default"]];
+
+function EffectManagerFactory(EffectList, SidePanelTitle, EffectTypeSelector) {
+  var EffectManager = function EffectManager(props) {
+    var intl = props.intl,
+        visStateActions = props.visStateActions,
+        effects = props.effects,
+        effectOrder = props.effectOrder,
+        children = props.children; // Prevent shadow effect from being added multiple times
+
+    var effectOptions = (0, _react.useMemo)(function () {
+      var hasShadow = effects.some(function (effect) {
+        return effect.config.type === _constants.LIGHT_AND_SHADOW_EFFECT.type;
+      });
+      return hasShadow ? _constants.EFFECT_DESCS.filter(function (desc) {
+        return desc.type !== _constants.LIGHT_AND_SHADOW_EFFECT.type;
+      }) : _constants.EFFECT_DESCS;
+    }, [effects]);
+    return /*#__PURE__*/_react["default"].createElement(StyledEffectPanelContainer, {
+      className: "effect-manager"
+    }, /*#__PURE__*/_react["default"].createElement(StyledEffectPanel, null, /*#__PURE__*/_react["default"].createElement(StyledEffectPanelHeader, null, /*#__PURE__*/_react["default"].createElement(SidePanelTitle, {
+      className: "effect-manager-title",
+      title: intl.formatMessage({
+        id: 'effectManager.effect'
+      })
+    }, /*#__PURE__*/_react["default"].createElement(EffectTypeSelector, {
+      options: effectOptions,
+      onSelect: visStateActions.addEffect
+    }))), /*#__PURE__*/_react["default"].createElement(StyledEffectPanelContent, null, /*#__PURE__*/_react["default"].createElement(EffectList, {
+      effects: effects,
+      effectOrder: effectOrder,
+      visStateActions: visStateActions,
+      isSortable: true
+    }))), children);
+  };
+
+  return (0, _injector.withState)([], function (state) {
+    var visState = state.demo.keplerGl.map.visState;
+    return {
+      effects: visState.effects,
+      effectOrder: visState.effectOrder
+    };
+  }, {
+    visStateActions: {
+      addEffect: _actions.addEffect,
+      updateEffect: _actions.updateEffect,
+      removeEffect: _actions.removeEffect,
+      reorderEffect: _actions.reorderEffect
+    }
+  })((0, _reactIntl.injectIntl)(EffectManager));
+}
+
+var _default = EffectManagerFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9lZmZlY3RzL2VmZmVjdC1tYW5hZ2VyLnRzeCJdLCJuYW1lcyI6WyJTdHlsZWRFZmZlY3RQYW5lbENvbnRhaW5lciIsInN0eWxlZCIsImRpdiIsIlN0eWxlZEVmZmVjdFBhbmVsIiwicHJvcHMiLCJ0aGVtZSIsInNpZGVQYW5lbEJnIiwiU3R5bGVkRWZmZWN0UGFuZWxIZWFkZXIiLCJlZmZlY3RQYW5lbFBhZGRpbmdUb3AiLCJlZmZlY3RQYW5lbFBhZGRpbmdTaWRlIiwiYm9yZGVyQ29sb3IiLCJlZmZlY3RQYW5lbFdpZHRoIiwiU3R5bGVkRWZmZWN0UGFuZWxDb250ZW50Iiwic2lkZVBhbmVsU2Nyb2xsQmFyIiwiRWZmZWN0TWFuYWdlckZhY3RvcnkiLCJkZXBzIiwiRWZmZWN0TGlzdEZhY3RvcnkiLCJTaWRlUGFuZWxUaXRsZUZhY3RvcnkiLCJFZmZlY3RUeXBlU2VsZWN0b3JGYWN0b3J5IiwiRWZmZWN0TGlzdCIsIlNpZGVQYW5lbFRpdGxlIiwiRWZmZWN0VHlwZVNlbGVjdG9yIiwiRWZmZWN0TWFuYWdlciIsImludGwiLCJ2aXNTdGF0ZUFjdGlvbnMiLCJlZmZlY3RzIiwiZWZmZWN0T3JkZXIiLCJjaGlsZHJlbiIsImVmZmVjdE9wdGlvbnMiLCJoYXNTaGFkb3ciLCJzb21lIiwiZWZmZWN0IiwiY29uZmlnIiwidHlwZSIsIkxJR0hUX0FORF9TSEFET1dfRUZGRUNUIiwiRUZGRUNUX0RFU0NTIiwiZmlsdGVyIiwiZGVzYyIsImZvcm1hdE1lc3NhZ2UiLCJpZCIsImFkZEVmZmVjdCIsInN0YXRlIiwidmlzU3RhdGUiLCJkZW1vIiwia2VwbGVyR2wiLCJtYXAiLCJ1cGRhdGVFZmZlY3QiLCJyZW1vdmVFZmZlY3QiLCJyZW9yZGVyRWZmZWN0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBRUE7O0FBRUE7O0FBQ0E7O0FBSUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7QUFVQSxJQUFNQSwwQkFBMEIsR0FBR0MsNkJB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Q0EsU0FBTyx5QkFDTCxFQURLLEVBRUwsVUFBQWMsS0FBSyxFQUFJO0FBQ1AsUUFBTUMsUUFBUSxHQUFHRCxLQUFLLENBQUNFLElBQU4sQ0FBV0MsUUFBWCxDQUFvQkMsR0FBcEIsQ0FBd0JILFFBQXpDO0FBQ0EsV0FBTztBQUNMakIsTUFBQUEsT0FBTyxFQUFFaUIsUUFBUSxDQUFDakIsT0FEYjtBQUVMQyxNQUFBQSxXQUFXLEVBQUVnQixRQUFRLENBQUNoQjtBQUZqQixLQUFQO0FBSUQsR0FSSSxFQVNMO0FBQ0VGLElBQUFBLGVBQWUsRUFBRTtBQUFDZ0IsTUFBQUEsU0FBUyxFQUFUQSxrQkFBRDtBQUFZTSxNQUFBQSxZQUFZLEVBQVpBLHFCQUFaO0FBQTBCQyxNQUFBQSxZQUFZLEVBQVpBLHFCQUExQjtBQUF3Q0MsTUFBQUEsYUFBYSxFQUFiQTtBQUF4QztBQURuQixHQVRLLEVBWUwsMkJBQVcxQixhQUFYLENBWkssQ0FBUDtBQWFEOztlQUVjUixvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwge3VzZU1lbW99IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtJbnRsU2hhcGV9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHtpbmplY3RJbnRsfSBmcm9tICdyZWFjdC1pbnRsJztcblxuaW1wb3J0IHthZGRFZmZlY3QsIHVwZGF0ZUVmZmVjdCwgcmVtb3ZlRWZmZWN0LCByZW9yZGVyRWZmZWN0fSBmcm9tICdAa2VwbGVyLmdsL2FjdGlvbnMnO1xuaW1wb3J0IHtMSUdIVF9BTkRfU0hBRE9XX0VGRkVDVCwgRUZGRUNUX0RFU0NTfSBmcm9tICdAa2VwbGVyLmdsL2NvbnN0YW50cyc7XG5pbXBvcnQge1Zpc1N0YXRlQWN0aW9uc30gZnJvbSAnQGtlcGxlci5nbC9hY3Rpb25zJztcbmltcG9ydCB7RWZmZWN0fSBmcm9tICdAa2VwbGVyLmdsL3R5cGVzJztcblxuaW1wb3J0IHt3aXRoU3RhdGV9IGZyb20gJy4uL2luamVjdG9yJztcbmltcG9ydCBTaWRlUGFuZWxUaXRsZUZhY3RvcnkgZnJvbSAnLi9zaWRlLXBhbmVsLXRpdGxlJztcbmltcG9ydCBFZmZlY3RMaXN0RmFjdG9yeSBmcm9tICcuL2VmZmVjdC1saXN0JztcbmltcG9ydCBFZmZlY3RUeXBlU2VsZWN0b3JGYWN0b3J5IGZyb20gJy4vZWZmZWN0LXR5cGUtc2VsZWN0b3InO1xuXG5leHBvcnQgdHlwZSBFZmZlY3RNYW5hZ2VyU3RhdGUgPSB7XG4gIHZpc1N0YXRlQWN0aW9uczogdHlwZW9mIFZpc1N0YXRlQWN0aW9ucztcbiAgZWZmZWN0czogRWZmZWN0W107XG4gIGVmZmVjdE9yZGVyOiBzdHJpbmdbXTtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5leHBvcnQgdHlwZSBFZmZlY3RNYW5hZ2VyV2l0aEludGxQcm9wID0ge2ludGw6IEludGxTaGFwZX07XG5cbmNvbnN0IFN0eWxlZEVmZmVjdFBhbmVsQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmUgIWltcG9ydGFudDsgLyogcHJldmVudCBwYWRkaW5nIGZyb20gYmxvY2tpbmcgaW5wdXQgKi9cbiAgZmxleC1ncm93OiAxO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgJiA+ICoge1xuICAgIC8qIGFsbCBjaGlsZHJlbiBzaG91bGQgYWxsb3cgaW5wdXQgKi9cbiAgICBwb2ludGVyLWV2ZW50czogYWxsO1xuICB9XG5gO1xuXG4vLyB0b3AgcmlnaHQgcG9zaXRpb24gYWJzb2x1dGVcbmNvbnN0IFN0eWxlZEVmZmVjdFBhbmVsID0gc3R5bGVkLmRpdmBcbiAgdG9wOiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnNpZGVQYW5lbEJnfTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZmxleC1ncm93OiAxO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuYDtcblxuY29uc3QgU3R5bGVkRWZmZWN0UGFuZWxIZWFkZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAkeyh7dGhlbWV9KSA9PlxuICAgIGAke3RoZW1lLmVmZmVjdFBhbmVsUGFkZGluZ1RvcH1weCAke3RoZW1lLmVmZmVjdFBhbmVsUGFkZGluZ1NpZGV9cHggNHB4ICR7dGhlbWUuZWZmZWN0UGFuZWxQYWRkaW5nU2lkZX1weH1gfTtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuYm9yZGVyQ29sb3J9O1xuICBtaW4td2lkdGg6ICR7KHt0aGVtZX0pID0+IHRoZW1lLmVmZmVjdFBhbmVsV2lkdGh9cHg7XG5gO1xuXG5jb25zdCBTdHlsZWRFZmZlY3RQYW5lbENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAke3Byb3BzID0+IHByb3BzLnRoZW1lLnNpZGVQYW5lbFNjcm9sbEJhcn07XG4gIHBhZGRpbmc6IDEwcHggMDtcbiAgb3ZlcmZsb3c6IG92ZXJsYXk7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuXG5FZmZlY3RNYW5hZ2VyRmFjdG9yeS5kZXBzID0gW0VmZmVjdExpc3RGYWN0b3J5LCBTaWRlUGFuZWxUaXRsZUZhY3RvcnksIEVmZmVjdFR5cGVTZWxlY3RvckZhY3RvcnldO1xuXG5mdW5jdGlvbiBFZmZlY3RNYW5hZ2VyRmFjdG9yeShcbiAgRWZmZWN0TGlzdDogUmV0dXJuVHlwZTx0eXBlb2YgRWZmZWN0TGlzdEZhY3Rvcnk+LFxuICBTaWRlUGFuZWxUaXRsZTogUmV0dXJuVHlwZTx0eXBlb2YgU2lkZVBhbmVsVGl0bGVGYWN0b3J5PixcbiAgRWZmZWN0VHlwZVNlbGVjdG9yOiBSZXR1cm5UeXBlPHR5cGVvZiBFZmZlY3RUeXBlU2VsZWN0b3JGYWN0b3J5PlxuKTogUmVhY3QuRkM8RWZmZWN0TWFuYWdlcldpdGhJbnRsUHJvcD4ge1xuICBjb25zdCBFZmZlY3RNYW5hZ2VyID0gKHByb3BzOiBFZmZlY3RNYW5hZ2VyV2l0aEludGxQcm9wICYgRWZmZWN0TWFuYWdlclN0YXRlKSA9PiB7XG4gICAgY29uc3Qge2ludGwsIHZpc1N0YXRlQWN0aW9ucywgZWZmZWN0cywgZWZmZWN0T3JkZXIsIGNoaWxkcmVufSA9IHByb3BzO1xuXG4gICAgLy8gUHJldmVudCBzaGFkb3cgZWZmZWN0IGZyb20gYmVpbmcgYWRkZWQgbXVsdGlwbGUgdGltZXNcbiAgICBjb25zdCBlZmZlY3RPcHRpb25zID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICBjb25zdCBoYXNTaGFkb3cgPSBlZmZlY3RzLnNvbWUoZWZmZWN0ID0+IHtcbiAgICAgICAgcmV0dXJuIGVmZmVjdC5jb25maWcudHlwZSA9PT0gTElHSFRfQU5EX1NIQURPV19FRkZFQ1QudHlwZTtcbiAgICAgIH0pO1xuXG4gICAgICByZXR1cm4gaGFzU2hhZG93XG4gICAgICAgID8gRUZGRUNUX0RFU0NTLmZpbHRlcihkZXNjID0+IGRlc2MudHlwZSAhPT0gTElHSFRfQU5EX1NIQURPV19FRkZFQ1QudHlwZSlcbiAgICAgICAgOiBFRkZFQ1RfREVTQ1M7XG4gICAgfSwgW2VmZmVjdHNdKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkRWZmZWN0UGFuZWxDb250YWluZXIgY2xhc3NOYW1lPVwiZWZmZWN0LW1hbmFnZXJcIj5cbiAgICAgICAgPFN0eWxlZEVmZmVjdFBhbmVsPlxuICAgICAgICAgIDxTdHlsZWRFZmZlY3RQYW5lbEhlYWRlcj5cbiAgICAgICAgICAgIDxTaWRlUGFuZWxUaXRsZVxuICAgICAgICAgICAgICBjbGFzc05hbWU9XCJlZmZlY3QtbWFuYWdlci10aXRsZVwiXG4gICAgICAgICAgICAgIHRpdGxlPXtpbnRsLmZvcm1hdE1lc3NhZ2Uoe2lkOiAnZWZmZWN0TWFuYWdlci5lZmZlY3QnfSl9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxFZmZlY3RUeXBlU2VsZWN0b3Igb3B0aW9ucz17ZWZmZWN0T3B0aW9uc30gb25TZWxlY3Q9e3Zpc1N0YXRlQWN0aW9ucy5hZGRFZmZlY3R9IC8+XG4gICAgICAgICAgICA8L1NpZGVQYW5lbFRpdGxlPlxuICAgICAgICAgIDwvU3R5bGVkRWZmZWN0UGFuZWxIZWFkZXI+XG5cbiAgICAgICAgICA8U3R5bGVkRWZmZWN0UGFuZWxDb250ZW50PlxuICAgICAgICAgICAgPEVmZmVjdExpc3RcbiAgICAgICAgICAgICAgZWZmZWN0cz17ZWZmZWN0c31cbiAgICAgICAgICAgICAgZWZmZWN0T3JkZXI9e2VmZmVjdE9yZGVyfVxuICAgICAgICAgICAgICB2aXNTdGF0ZUFjdGlvbnM9e3Zpc1N0YXRlQWN0aW9uc31cbiAgICAgICAgICAgICAgaXNTb3J0YWJsZT17dHJ1ZX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9TdHlsZWRFZmZlY3RQYW5lbENvbnRlbnQ+XG4gICAgICAgIDwvU3R5bGVkRWZmZWN0UGFuZWw+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3R5bGVkRWZmZWN0UGFuZWxDb250YWluZXI+XG4gICAgKTtcbiAgfTtcblxuICByZXR1cm4gd2l0aFN0YXRlKFxuICAgIFtdLFxuICAgIHN0YXRlID0+IHtcbiAgICAgIGNvbnN0IHZpc1N0YXRlID0gc3RhdGUuZGVtby5rZXBsZXJHbC5tYXAudmlzU3RhdGU7XG4gICAgICByZXR1cm4ge1xuICAgICAgICBlZmZlY3RzOiB2aXNTdGF0ZS5lZmZlY3RzLFxuICAgICAgICBlZmZlY3RPcmRlcjogdmlzU3RhdGUuZWZmZWN0T3JkZXJcbiAgICAgIH07XG4gICAgfSxcbiAgICB7XG4gICAgICB2aXNTdGF0ZUFjdGlvbnM6IHthZGRFZmZlY3QsIHVwZGF0ZUVmZmVjdCwgcmVtb3ZlRWZmZWN0LCByZW9yZGVyRWZmZWN0fVxuICAgIH1cbiAgKShpbmplY3RJbnRsKEVmZmVjdE1hbmFnZXIpKSBhcyBSZWFjdC5GQzx7fT47XG59XG5cbmV4cG9ydCBkZWZhdWx0IEVmZmVjdE1hbmFnZXJGYWN0b3J5O1xuIl19

package/dist/effects/effect-panel-header.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import PanelHeaderActionFactory from '../side-panel/panel-header-action';
+import { BaseProps } from '../common/icons';
+export declare type EffectPanelHeaderProps = {
+    label: string;
+    listeners: any;
+    effectId: string;
+    isEnabled: boolean;
+    isConfigActive: boolean;
+    showSortHandle?: boolean;
+    isDragNDropEnabled: boolean;
+    onToggleEnabled: () => void;
+    onRemoveEffect: () => void;
+    onToggleEnableConfig: () => void;
+    actionIcons?: {
+        remove: React.ComponentType<Partial<BaseProps>>;
+        visible: React.ComponentType<Partial<BaseProps>>;
+        hidden: React.ComponentType<Partial<BaseProps>>;
+        enableConfig: React.ComponentType<Partial<BaseProps>>;
+    };
+};
+export declare const defaultProps: {
+    isDragNDropEnabled: boolean;
+};
+export declare function EffectPanelHeaderActionSectionFactory(PanelHeaderAction: ReturnType<typeof PanelHeaderActionFactory>): React.FC<EffectPanelHeaderProps>;
+export declare namespace EffectPanelHeaderActionSectionFactory {
+    var deps: (typeof PanelHeaderActionFactory)[];
+}
+declare function EffectPanelHeaderFactory(EffectPanelHeaderActionSection: ReturnType<typeof EffectPanelHeaderActionSectionFactory>): React.FC<EffectPanelHeaderProps>;
+declare namespace EffectPanelHeaderFactory {
+    var deps: (typeof EffectPanelHeaderActionSectionFactory)[];
+}
+export default EffectPanelHeaderFactory;

package/dist/effects/effect-panel-header.js

@@ -0,0 +1,174 @@
+// Copyright (c) 2023 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EffectPanelHeaderActionSectionFactory = EffectPanelHeaderActionSectionFactory;
+exports["default"] = exports.defaultProps = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _panelHeaderAction = _interopRequireDefault(require("../side-panel/panel-header-action"));
+
+var _icons = require("../common/icons");
+
+var _styledComponents2 = require("../common/styled-components");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+
+var defaultProps = {
+  isDragNDropEnabled: true
+};
+exports.defaultProps = defaultProps;
+var defaultActionIcons = {
+  remove: _icons.Trash,
+  visible: _icons.EyeSeen,
+  hidden: _icons.EyeUnseen,
+  enableConfig: _icons.ArrowDown
+};
+var StyledEffectPanelHeader = (0, _styledComponents["default"])(_styledComponents2.StyledPanelHeader)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  height: ", "px;\n  position: relative;\n  align-items: stretch;\n\n  .effect__drag-handle__placeholder {\n    height: 20px;\n    padding: 10px;\n  }\n\n  :hover {\n    cursor: pointer;\n    background-color: ", ";\n    .effect__drag-handle {\n      opacity: 1;\n    }\n  }\n\n  border-left: 3px solid ", ";\n"])), function (props) {
+  return props.theme.effectPanelHeaderHeight;
+}, function (props) {
+  return props.theme.panelBackgroundHover;
+}, function (props) {
+  return props.theme.panelBackgroundHover;
+});
+
+var HeaderActionSection = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  position: absolute;\n  height: 100%;\n  align-items: stretch;\n  right: 10px;\n  :hover {\n    .effect-panel__header__actions__hidden {\n      opacity: 1;\n      background-color: ", ";\n    }\n  }\n"])), function (props) {
+  return props.theme.panelBackgroundHover;
+}); // Hiden actions only show up on hover
+
+
+var StyledPanelHeaderHiddenActions = _styledComponents["default"].div.attrs({
+  className: 'effect-panel__header__actions__hidden'
+})(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  opacity: 0;\n  display: flex;\n  align-items: center;\n  transition: opacity 0.4s ease, background-color 0.4s ease;\n  background-color: ", ";\n\n  :hover {\n    opacity: 1;\n  }\n"])), function (props) {
+  return props.isConfigActive ? props.theme.panelBackgroundHover : props.theme.panelBackground;
+});
+
+var StyledDragHandle = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  opacity: 0;\n  z-index: 1000;\n  :hover {\n    cursor: move;\n    opacity: 1;\n    color: ", ";\n  }\n"])), function (props) {
+  return props.theme.textColorHl;
+});
+
+var DragHandle = function DragHandle(_ref) {
+  var className = _ref.className,
+      listeners = _ref.listeners,
+      children = _ref.children;
+  return /*#__PURE__*/_react["default"].createElement(StyledDragHandle, (0, _extends2["default"])({
+    className: className
+  }, listeners), children);
+};
+
+EffectPanelHeaderActionSectionFactory.deps = [_panelHeaderAction["default"]];
+
+function EffectPanelHeaderActionSectionFactory(PanelHeaderAction) {
+  var EffectPanelHeaderActionSection = function EffectPanelHeaderActionSection(props) {
+    var effectId = props.effectId,
+        isEnabled = props.isEnabled,
+        isConfigActive = props.isConfigActive,
+        onToggleEnabled = props.onToggleEnabled,
+        onRemoveEffect = props.onRemoveEffect,
+        onToggleEnableConfig = props.onToggleEnableConfig,
+        _props$actionIcons = props.actionIcons,
+        actionIcons = _props$actionIcons === void 0 ? defaultActionIcons : _props$actionIcons;
+    return /*#__PURE__*/_react["default"].createElement(HeaderActionSection, {
+      className: "effect-panel__header__actions"
+    }, /*#__PURE__*/_react["default"].createElement(StyledPanelHeaderHiddenActions, {
+      isConfigActive: isConfigActive
+    }, /*#__PURE__*/_react["default"].createElement(PanelHeaderAction, {
+      className: "effect__remove-effect",
+      testId: "remove-effect-action",
+      id: effectId,
+      tooltip: 'tooltip.removeEffect',
+      onClick: onRemoveEffect,
+      tooltipType: "error",
+      IconComponent: actionIcons.remove
+    })), /*#__PURE__*/_react["default"].createElement(PanelHeaderAction, {
+      className: "effect__visibility-toggle",
+      id: effectId,
+      tooltip: isEnabled ? 'tooltip.disableEffect' : 'tooltip.enabledEffect',
+      onClick: onToggleEnabled,
+      IconComponent: isEnabled ? actionIcons.visible : actionIcons.hidden
+    }), /*#__PURE__*/_react["default"].createElement(PanelHeaderAction, {
+      className: (0, _classnames["default"])('effect__enable-config ', {
+        'is-open': isConfigActive
+      }),
+      id: effectId,
+      tooltip: 'tooltip.effectSettings',
+      onClick: onToggleEnableConfig,
+      IconComponent: actionIcons.enableConfig
+    }));
+  };
+
+  return EffectPanelHeaderActionSection;
+}
+
+var StyledEffectTitleSection = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  margin-left: 4px;\n  flex-grow: 1;\n  align-items: center;\n  display: flex;\n  color: ", ";\n"])), function (props) {
+  return props.theme.textColor;
+});
+
+var IconPlaceholder = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  width: 20px;\n  height: 20px;\n"])));
+
+EffectPanelHeaderFactory.deps = [EffectPanelHeaderActionSectionFactory];
+
+function EffectPanelHeaderFactory(EffectPanelHeaderActionSection) {
+  var EffectPanelHeader = function EffectPanelHeader(props) {
+    var isConfigActive = props.isConfigActive,
+        isDragNDropEnabled = props.isDragNDropEnabled,
+        label = props.label,
+        onToggleEnableConfig = props.onToggleEnableConfig,
+        listeners = props.listeners,
+        _props$showSortHandle = props.showSortHandle,
+        showSortHandle = _props$showSortHandle === void 0 ? true : _props$showSortHandle;
+    return /*#__PURE__*/_react["default"].createElement(StyledEffectPanelHeader, {
+      className: (0, _classnames["default"])('effect-panel__header', {
+        'sort--handle': !isConfigActive
+      }),
+      active: isConfigActive,
+      onClick: onToggleEnableConfig
+    }, isDragNDropEnabled ? /*#__PURE__*/_react["default"].createElement(DragHandle, {
+      className: "effect__drag-handle",
+      listeners: listeners
+    }, showSortHandle ? /*#__PURE__*/_react["default"].createElement(_icons.VertDots, {
+      height: "20px"
+    }) : /*#__PURE__*/_react["default"].createElement(IconPlaceholder, null)) : /*#__PURE__*/_react["default"].createElement("div", {
+      className: "effect__drag-handle__placeholder"
+    }), /*#__PURE__*/_react["default"].createElement(StyledEffectTitleSection, null, label), /*#__PURE__*/_react["default"].createElement(EffectPanelHeaderActionSection, props));
+  };
+
+  EffectPanelHeader.defaultProps = defaultProps;
+  return EffectPanelHeader;
+}
+
+var _default = EffectPanelHeaderFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9lZmZlY3RzL2VmZmVjdC1wYW5lbC1oZWFkZXIudHN4Il0sIm5hbWVzIjpbImRlZmF1bHRQcm9wcyIsImlzRHJhZ05Ecm9wRW5hYmxlZCIsImRlZmF1bHRBY3Rpb25JY29ucyIsInJlbW92ZSIsIlRyYXNoIiwidmlzaWJsZSIsIkV5ZVNlZW4iLCJoaWRkZW4iLCJFeWVVbnNlZW4iLCJlbmFibGVDb25maWciLCJBcnJvd0Rvd24iLCJTdHlsZWRFZmZlY3RQYW5lbEhlYWRlciIsIlN0eWxlZFBhbmVsSGVhZGVyIiwicHJvcHMiLCJ0aGVtZSIsImVmZmVjdFBhbmVsSGVhZGVySGVpZ2h0IiwicGFuZWxCYWNrZ3JvdW5kSG92ZXIiLCJIZWFkZXJBY3Rpb25TZWN0aW9uIiwic3R5bGVkIiwiZGl2IiwiU3R5bGVkUGFuZWxIZWFkZXJIaWRkZW5BY3Rpb25zIiwiYXR0cnMiLCJjbGFzc05hbWUiLCJpc0NvbmZpZ0FjdGl2ZSIsInBhbmVsQmFja2dyb3VuZCIsIlN0eWxlZERyYWdIYW5kbGUiLCJ0ZXh0Q29sb3JIbCIsIkRyYWdIYW5kbGUiLCJsaXN0ZW5lcnMiLCJjaGlsZHJlbiIsIkVmZmVjdFBhbmVsSGVhZGVyQWN0aW9uU2VjdGlvbkZhY3RvcnkiLCJkZXBzIiwiUGFuZWxIZWFkZXJBY3Rpb25GYWN0b3J5IiwiUGFuZWxIZWFkZXJBY3Rpb24iLCJFZmZlY3RQYW5lbEhlYWRlckFjdGlvblNlY3Rpb24iLCJlZmZlY3RJZCIsImlzRW5hYmxlZCIsIm9uVG9nZ2xlRW5hYmxlZCIsIm9uUmVtb3ZlRWZmZWN0Iiwib25Ub2dnbGVFbmFibGVDb25maWciLCJhY3Rpb25JY29ucyIsIlN0eWxlZEVmZmVjdFRpdGxlU2VjdGlvbiIsInRleHRDb2xvciIsIkljb25QbGFjZWhvbGRlciIsIkVmZmVjdFBhbmVsSGVhZGVyRmFjdG9yeSIsIkVmZmVjdFBhbmVsSGVhZGVyIiwibGFiZWwiLCJzaG93U29ydEhhbmRsZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7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bXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IFBhbmVsSGVhZGVyQWN0aW9uRmFjdG9yeSBmcm9tICcuLi9zaWRlLXBhbmVsL3BhbmVsLWhlYWRlci1hY3Rpb24nO1xuaW1wb3J0IHtBcnJvd0Rvd24sIEV5ZVNlZW4sIEV5ZVVuc2VlbiwgVHJhc2gsIFZlcnREb3RzLCBCYXNlUHJvcHN9IGZyb20gJy4uL2NvbW1vbi9pY29ucyc7XG5pbXBvcnQge1N0eWxlZFBhbmVsSGVhZGVyfSBmcm9tICcuLi9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5leHBvcnQgdHlwZSBFZmZlY3RQYW5lbEhlYWRlclByb3BzID0ge1xuICBsYWJlbDogc3RyaW5nO1xuICBsaXN0ZW5lcnM6IGFueTtcbiAgZWZmZWN0SWQ6IHN0cmluZztcbiAgaXNFbmFibGVkOiBib29sZWFuO1xuICBpc0NvbmZpZ0FjdGl2ZTogYm9vbGVhbjtcbiAgc2hvd1NvcnRIYW5kbGU/OiBib29sZWFuO1xuICBpc0RyYWdORHJvcEVuYWJsZWQ6IGJvb2xlYW47XG4gIG9uVG9nZ2xlRW5hYmxlZDogKCkgPT4gdm9pZDtcbiAgb25SZW1vdmVFZmZlY3Q6ICgpID0+IHZvaWQ7XG4gIG9uVG9nZ2xlRW5hYmxlQ29uZmlnOiAoKSA9PiB2b2lkO1xuICBhY3Rpb25JY29ucz86IHtcbiAgICByZW1vdmU6IFJlYWN0LkNvbXBvbmVudFR5cGU8UGFydGlhbDxCYXNlUHJvcHM+PjtcbiAgICB2aXNpYmxlOiBSZWFjdC5Db21wb25lbnRUeXBlPFBhcnRpYWw8QmFzZVByb3BzPj47XG4gICAgaGlkZGVuOiBSZWFjdC5Db21wb25lbnRUeXBlPFBhcnRpYWw8QmFzZVByb3BzPj47XG4gICAgZW5hYmxlQ29uZmlnOiBSZWFjdC5Db21wb25lbnRUeXBlPFBhcnRpYWw8QmFzZVByb3BzPj47XG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgZGVmYXVsdFByb3BzID0ge1xuICBpc0RyYWdORHJvcEVuYWJsZWQ6IHRydWVcbn07XG5cbmNvbnN0IGRlZmF1bHRBY3Rpb25JY29ucyA9IHtcbiAgcmVtb3ZlOiBUcmFzaCxcbiAgdmlzaWJsZTogRXllU2VlbixcbiAgaGlkZGVuOiBFeWVVbnNlZW4sXG4gIGVuYWJsZUNvbmZpZzogQXJyb3dEb3duXG59O1xuXG5jb25zdCBTdHlsZWRFZmZlY3RQYW5lbEhlYWRlciA9IHN0eWxlZChTdHlsZWRQYW5lbEhlYWRlcilgXG4gIGhlaWdodDogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5lZmZlY3RQYW5lbEhlYWRlckhlaWdodH1weDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBhbGlnbi1pdGVtczogc3RyZXRjaDtcblxuICAuZWZmZWN0X19kcmFnLWhhbmRsZV9fcGxhY2Vob2xkZXIge1xuICAgIGhlaWdodDogMjBweDtcbiAgICBwYWRkaW5nOiAxMHB4O1xuICB9XG5cbiAgOmhvdmVyIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5wYW5lbEJhY2tncm91bmRIb3Zlcn07XG4gICAgLmVmZmVjdF9fZHJhZy1oYW5kbGUge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gIH1cblxuICBib3JkZXItbGVmdDogM3B4IHNvbGlkICR7cHJvcHMgPT4gcHJvcHMudGhlbWUucGFuZWxCYWNrZ3JvdW5kSG92ZXJ9O1xuYDtcblxuY29uc3QgSGVhZGVyQWN0aW9uU2VjdGlvbiA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgcmlnaHQ6IDEwcHg7XG4gIDpob3ZlciB7XG4gICAgLmVmZmVjdC1wYW5lbF9faGVhZGVyX19hY3Rpb25zX19oaWRkZW4ge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUucGFuZWxCYWNrZ3JvdW5kSG92ZXJ9O1xuICAgIH1cbiAgfVxuYDtcblxuLy8gSGlkZW4gYWN0aW9ucyBvbmx5IHNob3cgdXAgb24gaG92ZXJcbnR5cGUgU3R5bGVkUGFuZWxIZWFkZXJIaWRkZW5BY3Rpb25zUHJvcHMgPSB7aXNDb25maWdBY3RpdmU6IGJvb2xlYW59O1xuY29uc3QgU3R5bGVkUGFuZWxIZWFkZXJIaWRkZW5BY3Rpb25zID0gc3R5bGVkLmRpdi5hdHRycyh7XG4gIGNsYXNzTmFtZTogJ2VmZmVjdC1wYW5lbF9faGVhZGVyX19hY3Rpb25zX19oaWRkZW4nXG59KTxTdHlsZWRQYW5lbEhlYWRlckhpZGRlbkFjdGlvbnNQcm9wcz5gXG4gIG9wYWNpdHk6IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHRyYW5zaXRpb246IG9wYWNpdHkgMC40cyBlYXNlLCBiYWNrZ3JvdW5kLWNvbG9yIDAuNHMgZWFzZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PlxuICAgIHByb3BzLmlzQ29uZmlnQWN0aXZlID8gcHJvcHMudGhlbWUucGFuZWxCYWNrZ3JvdW5kSG92ZXIgOiBwcm9wcy50aGVtZS5wYW5lbEJhY2tncm91bmR9O1xuXG4gIDpob3ZlciB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkRHJhZ0hhbmRsZSA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG9wYWNpdHk6IDA7XG4gIHotaW5kZXg6IDEwMDA7XG4gIDpob3ZlciB7XG4gICAgY3Vyc29yOiBtb3ZlO1xuICAgIG9wYWNpdHk6IDE7XG4gICAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudGV4dENvbG9ySGx9O1xuICB9XG5gO1xuXG5jb25zdCBEcmFnSGFuZGxlID0gKHtjbGFzc05hbWUsIGxpc3RlbmVycywgY2hpbGRyZW59KSA9PiAoXG4gIDxTdHlsZWREcmFnSGFuZGxlIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSB7Li4ubGlzdGVuZXJzfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3R5bGVkRHJhZ0hhbmRsZT5cbik7XG5cbkVmZmVjdFBhbmVsSGVhZGVyQWN0aW9uU2VjdGlvbkZhY3RvcnkuZGVwcyA9IFtQYW5lbEhlYWRlckFjdGlvbkZhY3RvcnldO1xuXG5leHBvcnQgZnVuY3Rpb24gRWZmZWN0UGFuZWxIZWFkZXJBY3Rpb25TZWN0aW9uRmFjdG9yeShcbiAgUGFuZWxIZWFkZXJBY3Rpb246IFJldHVyblR5cGU8dHlwZW9mIFBhbmVsSGVhZGVyQWN0aW9uRmFjdG9yeT5cbik6IFJlYWN0LkZDPEVmZmVjdFBhbmVsSGVhZGVyUHJvcHM+IHtcbiAgY29uc3QgRWZmZWN0UGFuZWxIZWFkZXJBY3Rpb25TZWN0aW9uID0gKHByb3BzOiBFZmZlY3RQYW5lbEhlYWRlclByb3BzKSA9PiB7XG4gICAgY29uc3Qge1xuICAgICAgZWZmZWN0SWQsXG4gICAgICBpc0VuYWJsZWQsXG4gICAgICBpc0NvbmZpZ0FjdGl2ZSxcbiAgICAgIG9uVG9nZ2xlRW5hYmxlZCxcbiAgICAgIG9uUmVtb3ZlRWZmZWN0LFxuICAgICAgb25Ub2dnbGVFbmFibGVDb25maWcsXG4gICAgICBhY3Rpb25JY29ucyA9IGRlZmF1bHRBY3Rpb25JY29uc1xuICAgIH0gPSBwcm9wcztcblxuICAgIHJldHVybiAoXG4gICAgICA8SGVhZGVyQWN0aW9uU2VjdGlvbiBjbGFzc05hbWU9XCJlZmZlY3QtcGFuZWxfX2hlYWRlcl9fYWN0aW9uc1wiPlxuICAgICAgICA8U3R5bGVkUGFuZWxIZWFkZXJIaWRkZW5BY3Rpb25zIGlzQ29uZmlnQWN0aXZlPXtpc0NvbmZpZ0FjdGl2ZX0+XG4gICAgICAgICAgPFBhbmVsSGVhZGVyQWN0aW9uXG4gICAgICAgICAgICBjbGFzc05hbWU9XCJlZmZlY3RfX3JlbW92ZS1lZmZlY3RcIlxuICAgICAgICAgICAgdGVzdElkPVwicmVtb3ZlLWVmZmVjdC1hY3Rpb25cIlxuICAgICAgICAgICAgaWQ9e2VmZmVjdElkfVxuICAgICAgICAgICAgdG9vbHRpcD17J3Rvb2x0aXAucmVtb3ZlRWZmZWN0J31cbiAgICAgICAgICAgIG9uQ2xpY2s9e29uUmVtb3ZlRWZmZWN0fVxuICAgICAgICAgICAgdG9vbHRpcFR5cGU9XCJlcnJvclwiXG4gICAgICAgICAgICBJY29uQ29tcG9uZW50PXthY3Rpb25JY29ucy5yZW1vdmV9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9TdHlsZWRQYW5lbEhlYWRlckhpZGRlbkFjdGlvbnM+XG4gICAgICAgIDxQYW5lbEhlYWRlckFjdGlvblxuICAgICAgICAgIGNsYXNzTmFtZT1cImVmZmVjdF9fdmlzaWJpbGl0eS10b2dnbGVcIlxuICAgICAgICAgIGlkPXtlZmZlY3RJZH1cbiAgICAgICAgICB0b29sdGlwPXtpc0VuYWJsZWQgPyAndG9vbHRpcC5kaXNhYmxlRWZmZWN0JyA6ICd0b29sdGlwLmVuYWJsZWRFZmZlY3QnfVxuICAgICAgICAgIG9uQ2xpY2s9e29uVG9nZ2xlRW5hYmxlZH1cbiAgICAgICAgICBJY29uQ29tcG9uZW50PXtpc0VuYWJsZWQgPyBhY3Rpb25JY29ucy52aXNpYmxlIDogYWN0aW9uSWNvbnMuaGlkZGVufVxuICAgICAgICAvPlxuICAgICAgICA8UGFuZWxIZWFkZXJBY3Rpb25cbiAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXMoJ2VmZmVjdF9fZW5hYmxlLWNvbmZpZyAnLCB7XG4gICAgICAgICAgICAnaXMtb3Blbic6IGlzQ29uZmlnQWN0aXZlXG4gICAgICAgICAgfSl9XG4gICAgICAgICAgaWQ9e2VmZmVjdElkfVxuICAgICAgICAgIHRvb2x0aXA9eyd0b29sdGlwLmVmZmVjdFNldHRpbmdzJ31cbiAgICAgICAgICBvbkNsaWNrPXtvblRvZ2dsZUVuYWJsZUNvbmZpZ31cbiAgICAgICAgICBJY29uQ29tcG9uZW50PXthY3Rpb25JY29ucy5lbmFibGVDb25maWd9XG4gICAgICAgIC8+XG4gICAgICA8L0hlYWRlckFjdGlvblNlY3Rpb24+XG4gICAgKTtcbiAgfTtcblxuICByZXR1cm4gRWZmZWN0UGFuZWxIZWFkZXJBY3Rpb25TZWN0aW9uO1xufVxuXG5jb25zdCBTdHlsZWRFZmZlY3RUaXRsZVNlY3Rpb24gPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tbGVmdDogNHB4O1xuICBmbGV4LWdyb3c6IDE7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRleHRDb2xvcn07XG5gO1xuXG5jb25zdCBJY29uUGxhY2Vob2xkZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMjBweDtcbiAgaGVpZ2h0OiAyMHB4O1xuYDtcblxuRWZmZWN0UGFuZWxIZWFkZXJGYWN0b3J5LmRlcHMgPSBbRWZmZWN0UGFuZWxIZWFkZXJBY3Rpb25TZWN0aW9uRmFjdG9yeV07XG5cbmZ1bmN0aW9uIEVmZmVjdFBhbmVsSGVhZGVyRmFjdG9yeShcbiAgRWZmZWN0UGFuZWxIZWFkZXJBY3Rpb25TZWN0aW9uOiBSZXR1cm5UeXBlPHR5cGVvZiBFZmZlY3RQYW5lbEhlYWRlckFjdGlvblNlY3Rpb25GYWN0b3J5PlxuKTogUmVhY3QuRkM8RWZmZWN0UGFuZWxIZWFkZXJQcm9wcz4ge1xuICBjb25zdCBFZmZlY3RQYW5lbEhlYWRlciA9IChwcm9wczogRWZmZWN0UGFuZWxIZWFkZXJQcm9wcykgPT4ge1xuICAgIGNvbnN0IHtcbiAgICAgIGlzQ29uZmlnQWN0aXZlLFxuICAgICAgaXNEcmFnTkRyb3BFbmFibGVkLFxuICAgICAgbGFiZWwsXG4gICAgICBvblRvZ2dsZUVuYWJsZUNvbmZpZyxcbiAgICAgIGxpc3RlbmVycyxcbiAgICAgIHNob3dTb3J0SGFuZGxlID0gdHJ1ZVxuICAgIH0gPSBwcm9wcztcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkRWZmZWN0UGFuZWxIZWFkZXJcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc25hbWVzKCdlZmZlY3QtcGFuZWxfX2hlYWRlcicsIHtcbiAgICAgICAgICAnc29ydC0taGFuZGxlJzogIWlzQ29uZmlnQWN0aXZlXG4gICAgICAgIH0pfVxuICAgICAgICBhY3RpdmU9e2lzQ29uZmlnQWN0aXZlfVxuICAgICAgICBvbkNsaWNrPXtvblRvZ2dsZUVuYWJsZUNvbmZpZ31cbiAgICAgID5cbiAgICAgICAge2lzRHJhZ05Ecm9wRW5hYmxlZCA/IChcbiAgICAgICAgICA8RHJhZ0hhbmRsZSBjbGFzc05hbWU9XCJlZmZlY3RfX2RyYWctaGFuZGxlXCIgbGlzdGVuZXJzPXtsaXN0ZW5lcnN9PlxuICAgICAgICAgICAge3Nob3dTb3J0SGFuZGxlID8gPFZlcnREb3RzIGhlaWdodD1cIjIwcHhcIiAvPiA6IDxJY29uUGxhY2Vob2xkZXIgLz59XG4gICAgICAgICAgPC9EcmFnSGFuZGxlPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiZWZmZWN0X19kcmFnLWhhbmRsZV9fcGxhY2Vob2xkZXJcIiAvPlxuICAgICAgICApfVxuXG4gICAgICAgIDxTdHlsZWRFZmZlY3RUaXRsZVNlY3Rpb24+e2xhYmVsfTwvU3R5bGVkRWZmZWN0VGl0bGVTZWN0aW9uPlxuXG4gICAgICAgIDxFZmZlY3RQYW5lbEhlYWRlckFjdGlvblNlY3Rpb24gey4uLnByb3BzfSAvPlxuICAgICAgPC9TdHlsZWRFZmZlY3RQYW5lbEhlYWRlcj5cbiAgICApO1xuICB9O1xuXG4gIEVmZmVjdFBhbmVsSGVhZGVyLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuICByZXR1cm4gRWZmZWN0UGFuZWxIZWFkZXI7XG59XG5cbmV4cG9ydCBkZWZhdWx0IEVmZmVjdFBhbmVsSGVhZGVyRmFjdG9yeTtcbiJdfQ==

package/dist/effects/effect-panel.d.ts

@@ -0,0 +1,24 @@
+import React, { ComponentType } from 'react';
+import { removeEffect, updateEffect } from '@kepler.gl/actions';
+import { Effect } from '@kepler.gl/types';
+import EffectPanelHeaderFactory from './effect-panel-header';
+import EffectConfiguratorFactory from './effect-configurator';
+export declare type EffectPanelProps = {
+    className: string;
+    effect: Effect;
+    isDraggable: boolean;
+    listeners: any;
+    removeEffect: typeof removeEffect;
+    updateEffect: typeof updateEffect;
+    style?: React.CSSProperties;
+    onMouseDown: React.MouseEventHandler<HTMLDivElement>;
+    onTouchStart: React.TouchEventHandler<HTMLDivElement>;
+};
+export declare type PanelWrapperProps = {
+    active: boolean;
+};
+declare function EffectPanelFactory(EffectPanelHeader: ReturnType<typeof EffectPanelHeaderFactory>, EffectConfigurator: ReturnType<typeof EffectConfiguratorFactory>): ComponentType<EffectPanelProps>;
+declare namespace EffectPanelFactory {
+    var deps: (typeof EffectPanelHeaderFactory | typeof EffectConfiguratorFactory)[];
+}
+export default EffectPanelFactory;

package/dist/effects/effect-panel.js

@@ -0,0 +1,162 @@
+// Copyright (c) 2023 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _constants = require("@kepler.gl/constants");
+
+var _effectPanelHeader = _interopRequireDefault(require("./effect-panel-header"));
+
+var _effectConfigurator = _interopRequireDefault(require("./effect-configurator"));
+
+var _templateObject;
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var PanelWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  font-size: 12px;\n  border-radius: 1px;\n  margin-bottom: 8px;\n  z-index: 1000;\n  &.dragging {\n    cursor: move;\n  }\n  margin: 3px 25px;\n"])));
+
+EffectPanelFactory.deps = [_effectPanelHeader["default"], _effectConfigurator["default"]];
+
+function EffectPanelFactory(EffectPanelHeader, EffectConfigurator) {
+  var EffectPanel = /*#__PURE__*/function (_Component) {
+    (0, _inherits2["default"])(EffectPanel, _Component);
+
+    var _super = _createSuper(EffectPanel);
+
+    function EffectPanel() {
+      var _this;
+
+      (0, _classCallCheck2["default"])(this, EffectPanel);
+
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      _this = _super.call.apply(_super, [this].concat(args));
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_toggleEnabled", function (e) {
+        e === null || e === void 0 ? void 0 : e.stopPropagation();
+
+        _this.props.updateEffect(_this.props.effect.id, {
+          isEnabled: !_this.props.effect.config.isEnabled
+        });
+      });
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_toggleConfigActive", function (e) {
+        e === null || e === void 0 ? void 0 : e.stopPropagation();
+
+        _this.props.updateEffect(_this.props.effect.id, {
+          isConfigActive: !_this.props.effect.config.isConfigActive
+        });
+      });
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_removeEffect", function (e) {
+        e === null || e === void 0 ? void 0 : e.stopPropagation();
+
+        _this.props.removeEffect(_this.props.effect.id);
+      });
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_updateEffectConfig", function (e, id, props) {
+        e === null || e === void 0 ? void 0 : e.stopPropagation();
+
+        _this.props.updateEffect(id, props);
+      });
+      return _this;
+    }
+
+    (0, _createClass2["default"])(EffectPanel, [{
+      key: "render",
+      value: function render() {
+        var _this$props = this.props,
+            effect = _this$props.effect,
+            isDraggable = _this$props.isDraggable,
+            listeners = _this$props.listeners;
+        var _effect$config = effect.config,
+            config = _effect$config === void 0 ? {} : _effect$config;
+        return /*#__PURE__*/_react["default"].createElement(PanelWrapper, {
+          active: false,
+          className: "effect-panel ".concat(this.props.className),
+          "data-testid": _constants.dataTestIds.effectPanel,
+          style: this.props.style,
+          onMouseDown: this.props.onMouseDown,
+          onTouchStart: this.props.onTouchStart
+        }, /*#__PURE__*/_react["default"].createElement(EffectPanelHeader, {
+          isConfigActive: config.isConfigActive,
+          effectId: effect.id,
+          label: config.name,
+          isEnabled: config.isEnabled,
+          onToggleEnabled: this._toggleEnabled,
+          onRemoveEffect: this._removeEffect,
+          onToggleEnableConfig: this._toggleConfigActive,
+          isDragNDropEnabled: isDraggable,
+          listeners: listeners,
+          showSortHandle: effect.type !== _constants.LIGHT_AND_SHADOW_EFFECT.type
+        }), config.isConfigActive && /*#__PURE__*/_react["default"].createElement(EffectConfigurator, {
+          key: "effect-configurator-".concat(effect.id),
+          effect: effect,
+          updateEffectConfig: this._updateEffectConfig
+        }));
+      }
+    }]);
+    return EffectPanel;
+  }(_react.Component); // @ts-expect-error fix The types of 'propTypes.isDraggable[nominalTypeHack]' are incompatible between these types.
+
+
+  (0, _defineProperty2["default"])(EffectPanel, "propTypes", {
+    effect: _propTypes["default"].object.isRequired,
+    removeEffect: _propTypes["default"].func.isRequired,
+    updateEffect: _propTypes["default"].func.isRequired,
+    isDraggable: _propTypes["default"].bool
+  });
+  return EffectPanel;
+}
+
+var _default = EffectPanelFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9lZmZlY3RzL2VmZmVjdC1wYW5lbC50c3giXSwibmFtZXMiOlsiUGFuZWxXcmFwcGVyIiwic3R5bGVkIiwiZGl2IiwiRWZmZWN0UGFuZWxGYWN0b3J5IiwiZGVwcyIsIkVmZmVjdFBhbmVsSGVhZGVyRmFjdG9yeSIsIkVmZmVjdENvbmZpZ3VyYXRvckZhY3RvcnkiLCJFZmZlY3RQYW5lbEhlYWRlciIsIkVmZmVjdENvbmZpZ3VyYXRvciIsIkVmZmVjdFBhbmVsIiwiZSIsInN0b3BQcm9wYWdhdGlvbiIsInByb3BzIiwidXBkYXRlRWZmZWN0IiwiZWZmZWN0IiwiaWQiLCJpc0VuYWJsZWQiLCJjb25maWciLCJpc0NvbmZpZ0FjdGl2ZSIsInJlbW92ZUVmZmVjdCIsImlzRHJhZ2dhYmxlIiwibGlzdGVuZXJzIiwiY2xhc3NOYW1lIiwiZGF0YVRlc3RJZHMiLCJlZmZlY3RQYW5lbCIsInN0eWxlIiwib25Nb3VzZURvd24iLCJvblRvdWNoU3RhcnQiLCJuYW1lIiwiX3RvZ2dsZUVuYWJsZWQiLCJfcmVtb3ZlRWZmZWN0IiwiX3RvZ2dsZUNvbmZpZ0FjdGl2ZSIsInR5cGUiLCJMSUdIVF9BTkRfU0hBRE9XX0VGRkVDVCIsIl91cGRhdGVFZmZlY3RDb25maWciLCJDb21wb25lbnQiLCJQcm9wVHlwZXMiLCJvYmplY3QiLCJpc1JlcXVpcmVkIiwiZnVuYyIsImJvb2wiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUVBOztBQUlBOztBQUNBOzs7Ozs7OztBQW1CQSxJQUFNQSxZQUFZLEdBQUdDLDZCQUFPQyxHQUFWLHlPQUFsQjs7QUFXQUMsa0JBQWtCLENBQUNDLElBQW5CLEdBQTBCLENBQUNDLDZCQUFELEVBQTJCQyw4QkFBM0IsQ0FBMUI7O0FBRUEsU0FBU0gsa0JBQVQsQ0FDRUksaUJBREYsRUFFRUMsa0JBRkYsRUFHbUM7QUFBQSxNQUMzQkMsV0FEMkI7QUFBQTs7QUFBQTs7QUFB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QkosTUFBTSxDQUFDQyxFQUFoQyxDQURMO0FBRUUsVUFBQSxNQUFNLEVBQUVELE1BRlY7QUFHRSxVQUFBLGtCQUFrQixFQUFFLEtBQUtvQjtBQUgzQixVQXJCSixDQURGO0FBOEJEO0FBbkU4QjtBQUFBO0FBQUEsSUFDUEMsZ0JBRE8sR0FzRWpDOzs7QUF0RWlDLG1DQUMzQjFCLFdBRDJCLGVBRVo7QUFDakJLLElBQUFBLE1BQU0sRUFBRXNCLHNCQUFVQyxNQUFWLENBQWlCQyxVQURSO0FBRWpCbkIsSUFBQUEsWUFBWSxFQUFFaUIsc0JBQVVHLElBQVYsQ0FBZUQsVUFGWjtBQUdqQnpCLElBQUFBLFlBQVksRUFBRXVCLHNCQUFVRyxJQUFWLENBQWVELFVBSFo7QUFJakJsQixJQUFBQSxXQUFXLEVBQUVnQixzQkFBVUk7QUFKTixHQUZZO0FBdUVqQyxTQUFPL0IsV0FBUDtBQUNEOztlQUVjTixrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwge0NvbXBvbmVudCwgQ29tcG9uZW50VHlwZX0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuXG5pbXBvcnQge2RhdGFUZXN0SWRzLCBMSUdIVF9BTkRfU0hBRE9XX0VGRkVDVH0gZnJvbSAnQGtlcGxlci5nbC9jb25zdGFudHMnO1xuaW1wb3J0IHtyZW1vdmVFZmZlY3QsIHVwZGF0ZUVmZmVjdH0gZnJvbSAnQGtlcGxlci5nbC9hY3Rpb25zJztcbmltcG9ydCB7RWZmZWN0LCBFZmZlY3RDb25maWd9IGZyb20gJ0BrZXBsZXIuZ2wvdHlwZXMnO1xuXG5pbXBvcnQgRWZmZWN0UGFuZWxIZWFkZXJGYWN0b3J5IGZyb20gJy4vZWZmZWN0LXBhbmVsLWhlYWRlcic7XG5pbXBvcnQgRWZmZWN0Q29uZmlndXJhdG9yRmFjdG9yeSBmcm9tICcuL2VmZmVjdC1jb25maWd1cmF0b3InO1xuXG5leHBvcnQgdHlwZSBFZmZlY3RQYW5lbFByb3BzID0ge1xuICBjbGFzc05hbWU6IHN0cmluZztcbiAgZWZmZWN0OiBFZmZlY3Q7XG4gIGlzRHJhZ2dhYmxlOiBib29sZWFuO1xuICBsaXN0ZW5lcnM6IGFueTtcbiAgcmVtb3ZlRWZmZWN0OiB0eXBlb2YgcmVtb3ZlRWZmZWN0O1xuICB1cGRhdGVFZmZlY3Q6IHR5cGVvZiB1cGRhdGVFZmZlY3Q7XG5cbiAgc3R5bGU/OiBSZWFjdC5DU1NQcm9wZXJ0aWVzO1xuICBvbk1vdXNlRG93bjogUmVhY3QuTW91c2VFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+O1xuICBvblRvdWNoU3RhcnQ6IFJlYWN0LlRvdWNoRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50Pjtcbn07XG5cbmV4cG9ydCB0eXBlIFBhbmVsV3JhcHBlclByb3BzID0ge1xuICBhY3RpdmU6IGJvb2xlYW47XG59O1xuXG5jb25zdCBQYW5lbFdyYXBwZXIgPSBzdHlsZWQuZGl2PFBhbmVsV3JhcHBlclByb3BzPmBcbiAgZm9udC1zaXplOiAxMnB4O1xuICBib3JkZXItcmFkaXVzOiAxcHg7XG4gIG1hcmdpbi1ib3R0b206IDhweDtcbiAgei1pbmRleDogMTAwMDtcbiAgJi5kcmFnZ2luZyB7XG4gICAgY3Vyc29yOiBtb3ZlO1xuICB9XG4gIG1hcmdpbjogM3B4IDI1cHg7XG5gO1xuXG5FZmZlY3RQYW5lbEZhY3RvcnkuZGVwcyA9IFtFZmZlY3RQYW5lbEhlYWRlckZhY3RvcnksIEVmZmVjdENvbmZpZ3VyYXRvckZhY3RvcnldO1xuXG5mdW5jdGlvbiBFZmZlY3RQYW5lbEZhY3RvcnkoXG4gIEVmZmVjdFBhbmVsSGVhZGVyOiBSZXR1cm5UeXBlPHR5cGVvZiBFZmZlY3RQYW5lbEhlYWRlckZhY3Rvcnk+LFxuICBFZmZlY3RDb25maWd1cmF0b3I6IFJldHVyblR5cGU8dHlwZW9mIEVmZmVjdENvbmZpZ3VyYXRvckZhY3Rvcnk+XG4pOiBDb21wb25lbnRUeXBlPEVmZmVjdFBhbmVsUHJvcHM+IHtcbiAgY2xhc3MgRWZmZWN0UGFuZWwgZXh0ZW5kcyBDb21wb25lbnQ8RWZmZWN0UGFuZWxQcm9wcz4ge1xuICAgIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgICBlZmZlY3Q6IFByb3BUeXBlcy5vYmplY3QuaXNSZXF1aXJlZCxcbiAgICAgIHJlbW92ZUVmZmVjdDogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgICAgIHVwZGF0ZUVmZmVjdDogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgICAgIGlzRHJhZ2dhYmxlOiBQcm9wVHlwZXMuYm9vbFxuICAgIH07XG5cbiAgICBfdG9nZ2xlRW5hYmxlZCA9IChlPzogRXZlbnQpID0+IHtcbiAgICAgIGU/LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgdGhpcy5wcm9wcy51cGRhdGVFZmZlY3QodGhpcy5wcm9wcy5lZmZlY3QuaWQsIHtcbiAgICAgICAgaXNFbmFibGVkOiAhdGhpcy5wcm9wcy5lZmZlY3QuY29uZmlnLmlzRW5hYmxlZFxuICAgICAgfSk7XG4gICAgfTtcblxuICAgIF90b2dnbGVDb25maWdBY3RpdmUgPSAoZT86IEV2ZW50KSA9PiB7XG4gICAgICBlPy5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIHRoaXMucHJvcHMudXBkYXRlRWZmZWN0KHRoaXMucHJvcHMuZWZmZWN0LmlkLCB7XG4gICAgICAgIGlzQ29uZmlnQWN0aXZlOiAhdGhpcy5wcm9wcy5lZmZlY3QuY29uZmlnLmlzQ29uZmlnQWN0aXZlXG4gICAgICB9KTtcbiAgICB9O1xuXG4gICAgX3JlbW92ZUVmZmVjdCA9IChlPzogRXZlbnQpID0+IHtcbiAgICAgIGU/LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgdGhpcy5wcm9wcy5yZW1vdmVFZmZlY3QodGhpcy5wcm9wcy5lZmZlY3QuaWQpO1xuICAgIH07XG5cbiAgICBfdXBkYXRlRWZmZWN0Q29uZmlnID0gKGUsIGlkLCBwcm9wcykgPT4ge1xuICAgICAgZT8uc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICB0aGlzLnByb3BzLnVwZGF0ZUVmZmVjdChpZCwgcHJvcHMpO1xuICAgIH07XG5cbiAgICByZW5kZXIoKSB7XG4gICAgICBjb25zdCB7ZWZmZWN0LCBpc0RyYWdnYWJsZSwgbGlzdGVuZXJzfSA9IHRoaXMucHJvcHM7XG4gICAgICBjb25zdCB7Y29uZmlnID0ge30gYXMgRWZmZWN0Q29uZmlnfSA9IGVmZmVjdDtcblxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPFBhbmVsV3JhcHBlclxuICAgICAgICAgIGFjdGl2ZT17ZmFsc2V9XG4gICAgICAgICAgY2xhc3NOYW1lPXtgZWZmZWN0LXBhbmVsICR7dGhpcy5wcm9wcy5jbGFzc05hbWV9YH1cbiAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZHMuZWZmZWN0UGFuZWx9XG4gICAgICAgICAgc3R5bGU9e3RoaXMucHJvcHMuc3R5bGV9XG4gICAgICAgICAgb25Nb3VzZURvd249e3RoaXMucHJvcHMub25Nb3VzZURvd259XG4gICAgICAgICAgb25Ub3VjaFN0YXJ0PXt0aGlzLnByb3BzLm9uVG91Y2hTdGFydH1cbiAgICAgICAgPlxuICAgICAgICAgIDxFZmZlY3RQYW5lbEhlYWRlclxuICAgICAgICAgICAgaXNDb25maWdBY3RpdmU9e2NvbmZpZy5pc0NvbmZpZ0FjdGl2ZX1cbiAgICAgICAgICAgIGVmZmVjdElkPXtlZmZlY3QuaWR9XG4gICAgICAgICAgICBsYWJlbD17Y29uZmlnLm5hbWV9XG4gICAgICAgICAgICBpc0VuYWJsZWQ9e2NvbmZpZy5pc0VuYWJsZWR9XG4gICAgICAgICAgICBvblRvZ2dsZUVuYWJsZWQ9e3RoaXMuX3RvZ2dsZUVuYWJsZWR9XG4gICAgICAgICAgICBvblJlbW92ZUVmZmVjdD17dGhpcy5fcmVtb3ZlRWZmZWN0fVxuICAgICAgICAgICAgb25Ub2dnbGVFbmFibGVDb25maWc9e3RoaXMuX3RvZ2dsZUNvbmZpZ0FjdGl2ZX1cbiAgICAgICAgICAgIGlzRHJhZ05Ecm9wRW5hYmxlZD17aXNEcmFnZ2FibGV9XG4gICAgICAgICAgICBsaXN0ZW5lcnM9e2xpc3RlbmVyc31cbiAgICAgICAgICAgIHNob3dTb3J0SGFuZGxlPXtlZmZlY3QudHlwZSAhPT0gTElHSFRfQU5EX1NIQURPV19FRkZFQ1QudHlwZX1cbiAgICAgICAgICAvPlxuICAgICAgICAgIHtjb25maWcuaXNDb25maWdBY3RpdmUgJiYgKFxuICAgICAgICAgICAgPEVmZmVjdENvbmZpZ3VyYXRvclxuICAgICAgICAgICAgICBrZXk9e2BlZmZlY3QtY29uZmlndXJhdG9yLSR7ZWZmZWN0LmlkfWB9XG4gICAgICAgICAgICAgIGVmZmVjdD17ZWZmZWN0fVxuICAgICAgICAgICAgICB1cGRhdGVFZmZlY3RDb25maWc9e3RoaXMuX3VwZGF0ZUVmZmVjdENvbmZpZ31cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9QYW5lbFdyYXBwZXI+XG4gICAgICApO1xuICAgIH1cbiAgfVxuXG4gIC8vIEB0cy1leHBlY3QtZXJyb3IgZml4IFRoZSB0eXBlcyBvZiAncHJvcFR5cGVzLmlzRHJhZ2dhYmxlW25vbWluYWxUeXBlSGFja10nIGFyZSBpbmNvbXBhdGlibGUgYmV0d2VlbiB0aGVzZSB0eXBlcy5cbiAgcmV0dXJuIEVmZmVjdFBhbmVsO1xufVxuXG5leHBvcnQgZGVmYXVsdCBFZmZlY3RQYW5lbEZhY3Rvcnk7XG4iXX0=

package/dist/effects/effect-time-configurator.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import RangeSliderFactory from '../common/range-slider';
+export declare type EffectTimeConfiguratorProps = {
+    timestamp: string;
+    onDateTimeChange: (time: number) => void;
+    useCurrentTime: boolean;
+    onUseCurrentTimeChange: (value: boolean) => void;
+};
+declare function EffectTimeConfiguratorFactory(RangeSlider: ReturnType<typeof RangeSliderFactory>): React.FC<EffectTimeConfiguratorProps>;
+declare namespace EffectTimeConfiguratorFactory {
+    var deps: (typeof RangeSliderFactory)[];
+}
+export default EffectTimeConfiguratorFactory;