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

package/dist/effects/effect-list.js

@@ -0,0 +1,129 @@
+"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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+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 _classnames3 = _interopRequireDefault(require("classnames"));
+var _utilities = require("@dnd-kit/utilities");
+var _sortable = require("@dnd-kit/sortable");
+var _constants = require("@kepler.gl/constants");
+var _utils = require("@kepler.gl/utils");
+var _effectPanel = _interopRequireDefault(require("./effect-panel"));
+var _templateObject, _templateObject2; // 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 Container = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: column;\n"])));
+var SortableStyledItem = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  z-index: ", ";\n  transition: ", ";\n  transform: ", ";\n  outline: none;\n  &.sorting {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  &.sorting-effects .effect-panel__header {\n    background-color: ", ";\n    font-family: ", ";\n    font-weight: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    *,\n    *:before,\n    *:after {\n      box-sizing: border-box;\n    }\n    .effect__drag-handle {\n      opacity: 1;\n      color: ", ";\n    }\n  }\n"])), function (props) {
+  return props.theme.dropdownWrapperZ + 1;
+}, function (props) {
+  return props.transition;
+}, function (props) {
+  return props.transform;
+}, function (props) {
+  return props.theme.panelBackgroundHover;
+}, function (props) {
+  return props.theme.fontFamily;
+}, function (props) {
+  return props.theme.fontWeight;
+}, function (props) {
+  return props.theme.fontSize;
+}, function (props) {
+  return props.theme.lineHeight;
+}, function (props) {
+  return props.theme.textColorHl;
+});
+EffectListFactory.deps = [_effectPanel["default"]];
+function EffectListFactory(EffectPanel) {
+  var SortableItem = function SortableItem(_ref) {
+    var effect = _ref.effect,
+      idx = _ref.idx,
+      panelProps = _ref.panelProps,
+      disabled = _ref.disabled;
+    var _useSortable = (0, _sortable.useSortable)({
+        id: effect.id,
+        data: {
+          type: _constants.SORTABLE_EFFECT_TYPE,
+          parent: _constants.SORTABLE_EFFECT_PANEL_TYPE
+        },
+        disabled: disabled
+      }),
+      attributes = _useSortable.attributes,
+      listeners = _useSortable.listeners,
+      setNodeRef = _useSortable.setNodeRef,
+      isDragging = _useSortable.isDragging,
+      transform = _useSortable.transform,
+      transition = _useSortable.transition;
+    return /*#__PURE__*/_react["default"].createElement(SortableStyledItem, (0, _extends2["default"])({
+      ref: setNodeRef,
+      className: (0, _classnames3["default"])((0, _defineProperty2["default"])({}, _constants.dataTestIds.sortableEffectItem, !disabled), (0, _defineProperty2["default"])({}, _constants.dataTestIds.staticEffectItem, disabled), {
+        sorting: isDragging
+      }),
+      "data-testid": disabled ? _constants.dataTestIds.staticEffectItem : _constants.dataTestIds.sortableEffectItem,
+      transform: _utilities.CSS.Transform.toString(transform),
+      transition: transition || ''
+    }, attributes), /*#__PURE__*/_react["default"].createElement(EffectPanel, (0, _extends2["default"])({}, panelProps, {
+      key: effect.id,
+      idx: idx,
+      effect: effect,
+      listeners: listeners,
+      isDraggable: !disabled
+    })));
+  };
+  var EffectList = function EffectList(props) {
+    var effects = props.effects,
+      effectOrder = props.effectOrder,
+      visStateActions = props.visStateActions;
+    var effectsToShow = (0, _react.useMemo)(function () {
+      return effectOrder.reduce(function (acc, effectId) {
+        var effect = (0, _utils.findById)(effectId)(effects.filter(Boolean));
+        if (!effect) {
+          return acc;
+        }
+        return [].concat((0, _toConsumableArray2["default"])(acc), [effect]);
+      }, []);
+    }, [effects, effectOrder]);
+    var sidePanelDndItems = (0, _react.useMemo)(function () {
+      return effectsToShow.map(function (_ref2) {
+        var id = _ref2.id;
+        return id;
+      });
+    }, [effectsToShow]);
+    var panelProps = (0, _react.useMemo)(function () {
+      return {
+        effects: effects,
+        effectOrder: effectOrder,
+        removeEffect: visStateActions.removeEffect,
+        updateEffect: visStateActions.updateEffect
+      };
+    }, [effects, effectOrder, visStateActions]);
+    return /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(_sortable.SortableContext, {
+      id: _constants.SORTABLE_EFFECT_PANEL_TYPE,
+      items: sidePanelDndItems,
+      strategy: _sortable.verticalListSortingStrategy,
+      disabled: false
+    }, effectsToShow.map(function (effect) {
+      return /*#__PURE__*/_react["default"].createElement(SortableItem, {
+        key: effect.id,
+        effect: effect,
+        idx: effects.findIndex(function (l) {
+          return (l === null || l === void 0 ? void 0 : l.id) === effect.id;
+        }),
+        panelProps: panelProps,
+        disabled: false
+      });
+    })));
+  };
+  return EffectList;
+}
+var _default = exports["default"] = EffectListFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfc3R5bGVkQ29tcG9uZW50cyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfY2xhc3NuYW1lczMiLCJfdXRpbGl0aWVzIiwiX3NvcnRhYmxlIiwiX2NvbnN0YW50cyIsIl91dGlscyIsIl9lZmZlY3RQYW5lbCIsIl90ZW1wbGF0ZU9iamVjdCIsIl90ZW1wbGF0ZU9iamVjdDIiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJlIiwiV2Vha01hcCIsInIiLCJ0IiwiX19lc01vZHVsZSIsIl90eXBlb2YiLCJoYXMiLCJnZXQiLCJuIiwiX19wcm90b19fIiwiYSIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwidSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImkiLCJzZXQiLCJDb250YWluZXIiLCJzdHlsZWQiLCJkaXYiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsMiIsIlNvcnRhYmxlU3R5bGVkSXRlbSIsInByb3BzIiwidGhlbWUiLCJkcm9wZG93bldyYXBwZXJaIiwidHJhbnNpdGlvbiIsInRyYW5zZm9ybSIsInBhbmVsQmFja2dyb3VuZEhvdmVyIiwiZm9udEZhbWlseSIsImZvbnRXZWlnaHQiLCJmb250U2l6ZSIsImxpbmVIZWlnaHQiLCJ0ZXh0Q29sb3JIbCIsIkVmZmVjdExpc3RGYWN0b3J5IiwiZGVwcyIsIkVmZmVjdFBhbmVsRmFjdG9yeSIsIkVmZmVjdFBhbmVsIiwiU29ydGFibGVJdGVtIiwiX3JlZiIsImVmZmVjdCIsImlkeCIsInBhbmVsUHJvcHMiLCJkaXNhYmxlZCIsIl91c2VTb3J0YWJsZSIsInVzZVNvcnRhYmxlIiwiaWQiLCJkYXRhIiwidHlwZSIsIlNPUlRBQkxFX0VGRkVDVF9UWVBFIiwicGFyZW50IiwiU09SVEFCTEVfRUZGRUNUX1BBTkVMX1RZUEUiLCJhdHRyaWJ1dGVzIiwibGlzdGVuZXJzIiwic2V0Tm9kZVJlZiIsImlzRHJhZ2dpbmciLCJjcmVhdGVFbGVtZW50IiwiX2V4dGVuZHMyIiwicmVmIiwiY2xhc3NOYW1lIiwiY2xhc3NuYW1lcyIsIl9kZWZpbmVQcm9wZXJ0eTIiLCJkYXRhVGVzdElkcyIsInNvcnRhYmxlRWZmZWN0SXRlbSIsInN0YXRpY0VmZmVjdEl0ZW0iLCJzb3J0aW5nIiwiQ1NTIiwiVHJhbnNmb3JtIiwidG9TdHJpbmciLCJrZXkiLCJpc0RyYWdnYWJsZSIsIkVmZmVjdExpc3QiLCJlZmZlY3RzIiwiZWZmZWN0T3JkZXIiLCJ2aXNTdGF0ZUFjdGlvbnMiLCJlZmZlY3RzVG9TaG93IiwidXNlTWVtbyIsInJlZHVjZSIsImFjYyIsImVmZmVjdElkIiwiZmluZEJ5SWQiLCJmaWx0ZXIiLCJCb29sZWFuIiwiY29uY2F0IiwiX3RvQ29uc3VtYWJsZUFycmF5MiIsInNpZGVQYW5lbERuZEl0ZW1zIiwibWFwIiwiX3JlZjIiLCJyZW1vdmVFZmZlY3QiLCJ1cGRhdGVFZmZlY3QiLCJTb3J0YWJsZUNvbnRleHQiLCJpdGVtcyIsInN0cmF0ZWd5IiwidmVydGljYWxMaXN0U29ydGluZ1N0cmF0ZWd5IiwiZmluZEluZGV4IiwibCIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9lZmZlY3RzL2VmZmVjdC1saXN0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogTUlUXG4vLyBDb3B5cmlnaHQgY29udHJpYnV0b3JzIHRvIHRoZSBrZXBsZXIuZ2wgcHJvamVjdFxuXG5pbXBvcnQgUmVhY3QsIHt1c2VNZW1vfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xuaW1wb3J0IHtDU1N9IGZyb20gJ0BkbmQta2l0L3V0aWxpdGllcyc7XG5pbXBvcnQge3VzZVNvcnRhYmxlLCBTb3J0YWJsZUNvbnRleHQsIHZlcnRpY2FsTGlzdFNvcnRpbmdTdHJhdGVneX0gZnJvbSAnQGRuZC1raXQvc29ydGFibGUnO1xuXG5pbXBvcnQge2RhdGFUZXN0SWRzLCBTT1JUQUJMRV9FRkZFQ1RfVFlQRSwgU09SVEFCTEVfRUZGRUNUX1BBTkVMX1RZUEV9IGZyb20gJ0BrZXBsZXIuZ2wvY29uc3RhbnRzJztcbmltcG9ydCB7ZmluZEJ5SWR9IGZyb20gJ0BrZXBsZXIuZ2wvdXRpbHMnO1xuaW1wb3J0IHtFZmZlY3R9IGZyb20gJ0BrZXBsZXIuZ2wvdHlwZXMnO1xuaW1wb3J0IHtcbiAgYWRkRWZmZWN0LFxuICB1cGRhdGVFZmZlY3QsXG4gIHJlbW92ZUVmZmVjdCxcbiAgcmVvcmRlckVmZmVjdCxcbiAgQWN0aW9uSGFuZGxlclxufSBmcm9tICdAa2VwbGVyLmdsL2FjdGlvbnMnO1xuXG5pbXBvcnQgRWZmZWN0UGFuZWxGYWN0b3J5IGZyb20gJy4vZWZmZWN0LXBhbmVsJztcblxuZXhwb3J0IHR5cGUgRWZmZWN0TGlzdFByb3BzID0ge1xuICBlZmZlY3RzOiBFZmZlY3RbXTtcbiAgZWZmZWN0T3JkZXI6IHN0cmluZ1tdO1xuICB2aXNTdGF0ZUFjdGlvbnM6IHtcbiAgICBhZGRFZmZlY3Q6IEFjdGlvbkhhbmRsZXI8dHlwZW9mIGFkZEVmZmVjdD47XG4gICAgdXBkYXRlRWZmZWN0OiBBY3Rpb25IYW5kbGVyPHR5cGVvZiB1cGRhdGVFZmZlY3Q+O1xuICAgIHJlbW92ZUVmZmVjdDogQWN0aW9uSGFuZGxlcjx0eXBlb2YgcmVtb3ZlRWZmZWN0PjtcbiAgICByZW9yZGVyRWZmZWN0OiBBY3Rpb25IYW5kbGVyPHR5cGVvZiByZW9yZGVyRWZmZWN0PjtcbiAgfTtcbiAgaXNTb3J0YWJsZTogYm9vbGVhbjtcbn07XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuXG50eXBlIFNvcnRhYmxlU3R5bGVkSXRlbVByb3BzID0ge3RyYW5zaXRpb24/OiBzdHJpbmc7IHRyYW5zZm9ybT86IHN0cmluZ307XG5jb25zdCBTb3J0YWJsZVN0eWxlZEl0ZW0gPSBzdHlsZWQuZGl2PFNvcnRhYmxlU3R5bGVkSXRlbVByb3BzPmBcbiAgei1pbmRleDogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5kcm9wZG93bldyYXBwZXJaICsgMX07XG4gIHRyYW5zaXRpb246ICR7cHJvcHMgPT4gcHJvcHMudHJhbnNpdGlvbn07XG4gIHRyYW5zZm9ybTogJHtwcm9wcyA9PiBwcm9wcy50cmFuc2Zvcm19O1xuICBvdXRsaW5lOiBub25lO1xuICAmLnNvcnRpbmcge1xuICAgIG9wYWNpdHk6IDAuMztcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuICAmLnNvcnRpbmctZWZmZWN0cyAuZWZmZWN0LXBhbmVsX19oZWFkZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUucGFuZWxCYWNrZ3JvdW5kSG92ZXJ9O1xuICAgIGZvbnQtZmFtaWx5OiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmZvbnRGYW1pbHl9O1xuICAgIGZvbnQtd2VpZ2h0OiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmZvbnRXZWlnaHR9O1xuICAgIGZvbnQtc2l6ZTogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5mb250U2l6ZX07XG4gICAgbGluZS1oZWlnaHQ6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUubGluZUhlaWdodH07XG4gICAgKixcbiAgICAqOmJlZm9yZSxcbiAgICAqOmFmdGVyIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgfVxuICAgIC5lZmZlY3RfX2RyYWctaGFuZGxlIHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50ZXh0Q29sb3JIbH07XG4gICAgfVxuICB9XG5gO1xuXG5FZmZlY3RMaXN0RmFjdG9yeS5kZXBzID0gW0VmZmVjdFBhbmVsRmFjdG9yeV07XG5cbmZ1bmN0aW9uIEVmZmVjdExpc3RGYWN0b3J5KFxuICBFZmZlY3RQYW5lbDogUmV0dXJuVHlwZTx0eXBlb2YgRWZmZWN0UGFuZWxGYWN0b3J5PlxuKTogUmVhY3QuRkM8RWZmZWN0TGlzdFByb3BzPiB7XG4gIGNvbnN0IFNvcnRhYmxlSXRlbSA9ICh7ZWZmZWN0LCBpZHgsIHBhbmVsUHJvcHMsIGRpc2FibGVkfSkgPT4ge1xuICAgIGNvbnN0IHthdHRyaWJ1dGVzLCBsaXN0ZW5lcnMsIHNldE5vZGVSZWYsIGlzRHJhZ2dpbmcsIHRyYW5zZm9ybSwgdHJhbnNpdGlvbn0gPSB1c2VTb3J0YWJsZSh7XG4gICAgICBpZDogZWZmZWN0LmlkLFxuICAgICAgZGF0YToge1xuICAgICAgICB0eXBlOiBTT1JUQUJMRV9FRkZFQ1RfVFlQRSxcbiAgICAgICAgcGFyZW50OiBTT1JUQUJMRV9FRkZFQ1RfUEFORUxfVFlQRVxuICAgICAgfSxcbiAgICAgIGRpc2FibGVkXG4gICAgfSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFNvcnRhYmxlU3R5bGVkSXRlbVxuICAgICAgICByZWY9e3NldE5vZGVSZWZ9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NuYW1lcyhcbiAgICAgICAgICB7W2RhdGFUZXN0SWRzLnNvcnRhYmxlRWZmZWN0SXRlbV06ICFkaXNhYmxlZH0sXG4gICAgICAgICAge1tkYXRhVGVzdElkcy5zdGF0aWNFZmZlY3RJdGVtXTogZGlzYWJsZWR9LFxuICAgICAgICAgIHtzb3J0aW5nOiBpc0RyYWdnaW5nfVxuICAgICAgICApfVxuICAgICAgICBkYXRhLXRlc3RpZD17ZGlzYWJsZWQgPyBkYXRhVGVzdElkcy5zdGF0aWNFZmZlY3RJdGVtIDogZGF0YVRlc3RJZHMuc29ydGFibGVFZmZlY3RJdGVtfVxuICAgICAgICB0cmFuc2Zvcm09e0NTUy5UcmFuc2Zvcm0udG9TdHJpbmcodHJhbnNmb3JtKX1cbiAgICAgICAgdHJhbnNpdGlvbj17dHJhbnNpdGlvbiB8fCAnJ31cbiAgICAgICAgey4uLmF0dHJpYnV0ZXN9XG4gICAgICA+XG4gICAgICAgIDxFZmZlY3RQYW5lbFxuICAgICAgICAgIHsuLi5wYW5lbFByb3BzfVxuICAgICAgICAgIGtleT17ZWZmZWN0LmlkfVxuICAgICAgICAgIGlkeD17aWR4fVxuICAgICAgICAgIGVmZmVjdD17ZWZmZWN0fVxuICAgICAgICAgIGxpc3RlbmVycz17bGlzdGVuZXJzfVxuICAgICAgICAgIGlzRHJhZ2dhYmxlPXshZGlzYWJsZWR9XG4gICAgICAgIC8+XG4gICAgICA8L1NvcnRhYmxlU3R5bGVkSXRlbT5cbiAgICApO1xuICB9O1xuXG4gIGNvbnN0IEVmZmVjdExpc3QgPSAocHJvcHM6IEVmZmVjdExpc3RQcm9wcykgPT4ge1xuICAgIGNvbnN0IHtlZmZlY3RzLCBlZmZlY3RPcmRlciwgdmlzU3RhdGVBY3Rpb25zfSA9IHByb3BzO1xuXG4gICAgY29uc3QgZWZmZWN0c1RvU2hvdyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgcmV0dXJuIGVmZmVjdE9yZGVyLnJlZHVjZSgoYWNjLCBlZmZlY3RJZCkgPT4ge1xuICAgICAgICBjb25zdCBlZmZlY3QgPSBmaW5kQnlJZChlZmZlY3RJZCkoZWZmZWN0cy5maWx0ZXIoQm9vbGVhbikpO1xuICAgICAgICBpZiAoIWVmZmVjdCkge1xuICAgICAgICAgIHJldHVybiBhY2M7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIFsuLi5hY2MsIGVmZmVjdF07XG4gICAgICB9LCBbXSBhcyBFZmZlY3RbXSk7XG4gICAgfSwgW2VmZmVjdHMsIGVmZmVjdE9yZGVyXSk7XG5cbiAgICBjb25zdCBzaWRlUGFuZWxEbmRJdGVtcyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgcmV0dXJuIGVmZmVjdHNUb1Nob3cubWFwKCh7aWR9KSA9PiBpZCk7XG4gICAgfSwgW2VmZmVjdHNUb1Nob3ddKTtcblxuICAgIGNvbnN0IHBhbmVsUHJvcHMgPSB1c2VNZW1vKFxuICAgICAgKCkgPT4gKHtcbiAgICAgICAgZWZmZWN0cyxcbiAgICAgICAgZWZmZWN0T3JkZXIsXG4gICAgICAgIHJlbW92ZUVmZmVjdDogdmlzU3RhdGVBY3Rpb25zLnJlbW92ZUVmZmVjdCxcbiAgICAgICAgdXBkYXRlRWZmZWN0OiB2aXNTdGF0ZUFjdGlvbnMudXBkYXRlRWZmZWN0XG4gICAgICB9KSxcbiAgICAgIFtlZmZlY3RzLCBlZmZlY3RPcmRlciwgdmlzU3RhdGVBY3Rpb25zXVxuICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPENvbnRhaW5lcj5cbiAgICAgICAgPFNvcnRhYmxlQ29udGV4dFxuICAgICAgICAgIGlkPXtTT1JUQUJMRV9FRkZFQ1RfUEFORUxfVFlQRX1cbiAgICAgICAgICBpdGVtcz17c2lkZVBhbmVsRG5kSXRlbXN9XG4gICAgICAgICAgc3RyYXRlZ3k9e3ZlcnRpY2FsTGlzdFNvcnRpbmdTdHJhdGVneX1cbiAgICAgICAgICBkaXNhYmxlZD17ZmFsc2V9XG4gICAgICAgID5cbiAgICAgICAgICB7ZWZmZWN0c1RvU2hvdy5tYXAoZWZmZWN0ID0+IChcbiAgICAgICAgICAgIDxTb3J0YWJsZUl0ZW1cbiAgICAgICAgICAgICAga2V5PXtlZmZlY3QuaWR9XG4gICAgICAgICAgICAgIGVmZmVjdD17ZWZmZWN0fVxuICAgICAgICAgICAgICBpZHg9e2VmZmVjdHMuZmluZEluZGV4KGwgPT4gbD8uaWQgPT09IGVmZmVjdC5pZCl9XG4gICAgICAgICAgICAgIHBhbmVsUHJvcHM9e3BhbmVsUHJvcHN9XG4gICAgICAgICAgICAgIGRpc2FibGVkPXtmYWxzZX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKSl9XG4gICAgICAgIDwvU29ydGFibGVDb250ZXh0PlxuICAgICAgPC9Db250YWluZXI+XG4gICAgKTtcbiAgfTtcbiAgcmV0dXJuIEVmZmVjdExpc3Q7XG59XG5cbmV4cG9ydCBkZWZhdWx0IEVmZmVjdExpc3RGYWN0b3J5O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUFHQSxJQUFBQSxNQUFBLEdBQUFDLHVCQUFBLENBQUFDLE9BQUE7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TixHQUFHLElBQUV0QyxNQUFNO01BQ3hCLENBQUMsRUFBRSxFQUFjLENBQUM7SUFDcEIsQ0FBQyxFQUFFLENBQUNnQyxPQUFPLEVBQUVDLFdBQVcsQ0FBQyxDQUFDO0lBRTFCLElBQU1ZLGlCQUFpQixHQUFHLElBQUFULGNBQU8sRUFBQyxZQUFNO01BQ3RDLE9BQU9ELGFBQWEsQ0FBQ1csR0FBRyxDQUFDLFVBQUFDLEtBQUE7UUFBQSxJQUFFekMsRUFBRSxHQUFBeUMsS0FBQSxDQUFGekMsRUFBRTtRQUFBLE9BQU1BLEVBQUU7TUFBQSxFQUFDO0lBQ3hDLENBQUMsRUFBRSxDQUFDNkIsYUFBYSxDQUFDLENBQUM7SUFFbkIsSUFBTWpDLFVBQVUsR0FBRyxJQUFBa0MsY0FBTyxFQUN4QjtNQUFBLE9BQU87UUFDTEosT0FBTyxFQUFQQSxPQUFPO1FBQ1BDLFdBQVcsRUFBWEEsV0FBVztRQUNYZSxZQUFZLEVBQUVkLGVBQWUsQ0FBQ2MsWUFBWTtRQUMxQ0MsWUFBWSxFQUFFZixlQUFlLENBQUNlO01BQ2hDLENBQUM7SUFBQSxDQUFDLEVBQ0YsQ0FBQ2pCLE9BQU8sRUFBRUMsV0FBVyxFQUFFQyxlQUFlLENBQ3hDLENBQUM7SUFFRCxvQkFDRXpGLE1BQUEsWUFBQXVFLGFBQUEsQ0FBQ3RDLFNBQVMscUJBQ1JqQyxNQUFBLFlBQUF1RSxhQUFBLENBQUNoRSxTQUFBLENBQUFrRyxlQUFlO01BQ2Q1QyxFQUFFLEVBQUVLLHFDQUEyQjtNQUMvQndDLEtBQUssRUFBRU4saUJBQWtCO01BQ3pCTyxRQUFRLEVBQUVDLHFDQUE0QjtNQUN0Q2xELFFBQVEsRUFBRTtJQUFNLEdBRWZnQyxhQUFhLENBQUNXLEdBQUcsQ0FBQyxVQUFBOUMsTUFBTTtNQUFBLG9CQUN2QnZELE1BQUEsWUFBQXVFLGFBQUEsQ0FBQ2xCLFlBQVk7UUFDWCtCLEdBQUcsRUFBRTdCLE1BQU0sQ0FBQ00sRUFBRztRQUNmTixNQUFNLEVBQUVBLE1BQU87UUFDZkMsR0FBRyxFQUFFK0IsT0FBTyxDQUFDc0IsU0FBUyxDQUFDLFVBQUFDLENBQUM7VUFBQSxPQUFJLENBQUFBLENBQUMsYUFBREEsQ0FBQyx1QkFBREEsQ0FBQyxDQUFFakQsRUFBRSxNQUFLTixNQUFNLENBQUNNLEVBQUU7UUFBQSxFQUFFO1FBQ2pESixVQUFVLEVBQUVBLFVBQVc7UUFDdkJDLFFBQVEsRUFBRTtNQUFNLENBQ2pCLENBQUM7SUFBQSxDQUNILENBQ2MsQ0FDUixDQUFDO0VBRWhCLENBQUM7RUFDRCxPQUFPNEIsVUFBVTtBQUNuQjtBQUFDLElBQUF5QixRQUFBLEdBQUFDLE9BQUEsY0FFYy9ELGlCQUFpQiIsImlnbm9yZUxpc3QiOltdfQ==

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import { IntlShape } from 'react-intl';
+import { addEffect, updateEffect, removeEffect, reorderEffect, ActionHandler } from '@kepler.gl/actions';
+import { Effect } from '@kepler.gl/types';
+import SidePanelTitleFactory from './side-panel-title';
+import EffectListFactory from './effect-list';
+import EffectTypeSelectorFactory from './effect-type-selector';
+export declare type EffectManagerState = {
+    visStateActions: {
+        addEffect: ActionHandler<typeof addEffect>;
+        updateEffect: ActionHandler<typeof updateEffect>;
+        removeEffect: ActionHandler<typeof removeEffect>;
+        reorderEffect: ActionHandler<typeof reorderEffect>;
+    };
+    effects: Effect[];
+    effectOrder: string[];
+    children: React.ReactNode;
+};
+export declare type EffectManagerProps = EffectManagerWithIntlProp & EffectManagerState;
+export declare type EffectManagerWithIntlProp = {
+    intl: IntlShape;
+};
+declare function EffectManagerFactory(EffectList: ReturnType<typeof EffectListFactory>, SidePanelTitle: ReturnType<typeof SidePanelTitleFactory>, EffectTypeSelector: ReturnType<typeof EffectTypeSelectorFactory>): React.FC<EffectManagerProps>;
+declare namespace EffectManagerFactory {
+    var deps: (typeof EffectListFactory | (() => React.FC<import("./side-panel-title").PanelTitleProps>) | typeof EffectTypeSelectorFactory)[];
+}
+export default EffectManagerFactory;

package/dist/effects/effect-manager.js

@@ -0,0 +1,120 @@
+"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _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; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var 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: ", ";\n  overflow: overlay;\n  display: flex;\n  flex-direction: column;\n"])), function (props) {
+  return props.theme.sidePanelScrollBar;
+}, function (props) {
+  return props.extended ? '32px' : '10px 0px 10px 0px';
+});
+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;
+    var visStateAddEffect = visStateActions.addEffect;
+    var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      typeSelectorOpened = _useState2[0],
+      setTypeSelectorOpened = _useState2[1];
+
+    // Prevent shadow effect from being added multiple times
+    var effectOptions = (0, _react.useMemo)(function () {
+      var hasShadow = effects.some(function (effect) {
+        return effect.type === _constants.LIGHT_AND_SHADOW_EFFECT.type;
+      });
+      return _constants.EFFECT_DESCRIPTIONS.map(function (desc) {
+        return _objectSpread(_objectSpread({}, desc), {}, {
+          disabled: Boolean(hasShadow && desc.type === _constants.LIGHT_AND_SHADOW_EFFECT.type)
+        });
+      });
+    }, [effects]);
+    var onAddEffect = (0, _react.useCallback)(function (type) {
+      visStateAddEffect({
+        type: type
+      });
+    }, [visStateAddEffect]);
+    var onTypeSelectOpen = (0, _react.useCallback)(function () {
+      setTypeSelectorOpened(true);
+    }, []);
+    var onTypeSelectClose = (0, _react.useCallback)(function () {
+      setTypeSelectorOpened(false);
+    }, []);
+    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.effects'
+      })
+    }, /*#__PURE__*/_react["default"].createElement(EffectTypeSelector, {
+      options: effectOptions,
+      onSelect: onAddEffect,
+      onOpen: onTypeSelectOpen,
+      onBlur: onTypeSelectClose
+    }))), /*#__PURE__*/_react["default"].createElement(StyledEffectPanelContent, {
+      extended: typeSelectorOpened && effects.length === 0
+    }, /*#__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 = exports["default"] = EffectManagerFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfc3R5bGVkQ29tcG9uZW50cyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfcmVhY3RJbnRsIiwiX2FjdGlvbnMiLCJfY29uc3RhbnRzIiwiX2luamVjdG9yIiwiX3NpZGVQYW5lbFRpdGxlIiwiX2VmZmVjdExpc3QiLCJfZWZmZWN0VHlwZVNlbGVjdG9yIiwiX3RlbXBsYXRlT2JqZWN0IiwiX3RlbXBsYXRlT2JqZWN0MiIsIl90ZW1wbGF0ZU9iamVjdDMiLCJfdGVtcGxhdGVPYmplY3Q0IiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwiZSIsIldlYWtNYXAiLCJyIiwidCIsIl9fZXNNb2R1bGUiLCJfdHlwZW9mIiwiaGFzIiwiZ2V0IiwibiIsIl9fcHJvdG9fXyIsImEiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsInUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpIiwic2V0Iiwib3duS2V5cyIsImtleXMiLCJnZXRPd25Qcm9wZXJ0eVN5bWJvbHMiLCJvIiwiZmlsdGVyIiwiZW51bWVyYWJsZSIsInB1c2giLCJhcHBseSIsIl9vYmplY3RTcHJlYWQiLCJhcmd1bWVudHMiLCJsZW5ndGgiLCJmb3JFYWNoIiwiX2RlZmluZVByb3BlcnR5MiIsImdldE93blByb3BlcnR5RGVzY3JpcHRvcnMiLCJkZWZpbmVQcm9wZXJ0aWVzIiwiU3R5bGVkRWZmZWN0UGFuZWxDb250YWluZXIiLCJzdHlsZWQiLCJkaXYiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsMiIsIlN0eWxlZEVmZmVjdFBhbmVsIiwicHJvcHMiLCJ0aGVtZSIsInNpZGVQYW5lbEJnIiwiU3R5bGVkRWZmZWN0UGFuZWxIZWFkZXIiLCJfcmVmIiwiY29uY2F0IiwiZWZmZWN0UGFuZWxQYWRkaW5nVG9wIiwiZWZmZWN0UGFuZWxQYWRkaW5nU2lkZSIsImJvcmRlckNvbG9yIiwiX3JlZjIiLCJlZmZlY3RQYW5lbFdpZHRoIiwiU3R5bGVkRWZmZWN0UGFuZWxDb250ZW50Iiwic2lkZVBhbmVsU2Nyb2xsQmFyIiwiZXh0ZW5kZWQiLCJFZmZlY3RNYW5hZ2VyRmFjdG9yeSIsImRlcHMiLCJFZmZlY3RMaXN0RmFjdG9yeSIsIlNpZGVQYW5lbFRpdGxlRmFjdG9yeSIsIkVmZmVjdFR5cGVTZWxlY3RvckZhY3RvcnkiLCJFZmZlY3RMaXN0IiwiU2lkZVBhbmVsVGl0bGUiLCJFZmZlY3RUeXBlU2VsZWN0b3IiLCJFZmZlY3RNYW5hZ2VyIiwiaW50bCIsInZpc1N0YXRlQWN0aW9ucyIsImVmZmVjdHMiLCJlZmZlY3RPcmRlciIsImNoaWxkcmVuIiwidmlzU3RhdGVBZGRFZmZlY3QiLCJhZGRFZmZlY3QiLCJfdXNlU3RhdGUiLCJ1c2VTdGF0ZSIsIl91c2VTdGF0ZTIiLCJfc2xpY2VkVG9BcnJheTIiLCJ0eXBlU2VsZWN0b3JPcGVuZWQiLCJzZXRUeXBlU2VsZWN0b3JPcGVuZWQiLCJlZmZlY3RPcHRpb25zIiwidXNlTWVtbyIsImhhc1NoYWRvdyIsInNvbWUiLCJlZmZlY3QiLCJ0eXBlIiwiTElHSFRfQU5EX1NIQURPV19FRkZFQ1QiLCJFRkZFQ1RfREVTQ1JJUFRJT05TIiwibWFwIiwiZGVzYyIsImRpc2FibGVkIiwiQm9vbGVhbiIsIm9uQWRkRWZmZWN0IiwidXNlQ2FsbGJhY2siLCJvblR5cGVTZWxlY3RPcGVuIiwib25UeXBlU2VsZWN0Q2xvc2UiLCJjcmVhdGVFbGVtZW50IiwiY2xhc3NOYW1lIiwidGl0bGUiLCJmb3JtYXRNZXNzYWdlIiwiaWQiLCJvcHRpb25zIiwib25TZWxlY3QiLCJvbk9wZW4iLCJvbkJsdXIiLCJpc1NvcnRhYmxlIiwid2l0aFN0YXRlIiwic3RhdGUiLCJ2aXNTdGF0ZSIsImRlbW8iLCJrZXBsZXJHbCIsInVwZGF0ZUVmZmVjdCIsInJlbW92ZUVmZmVjdCIsInJlb3JkZXJFZmZlY3QiLCJpbmplY3RJbnRsIiwiX2RlZmF1bHQiLCJleHBvcnRzIl0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2VmZmVjdHMvZWZmZWN0LW1hbmFnZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCwge3VzZU1lbW8sIHVzZVN0YXRlLCB1c2VDYWxsYmFja30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge2luamVjdEludGwsIEludGxTaGFwZX0gZnJvbSAncmVhY3QtaW50bCc7XG5cbmltcG9ydCB7XG4gIGFkZEVmZmVjdCxcbiAgdXBkYXRlRWZmZWN0LFxuICByZW1vdmVFZmZlY3QsXG4gIHJlb3JkZXJFZmZlY3QsXG4gIEFjdGlvbkhhbmRsZXJcbn0gZnJvbSAnQGtlcGxlci5nbC9hY3Rpb25zJztcbmltcG9ydCB7TElHSFRfQU5EX1NIQURPV19FRkZFQ1QsIEVGRkVDVF9ERVNDUklQVElPTlN9IGZyb20gJ0BrZXBsZXIuZ2wvY29uc3RhbnRzJztcbmltcG9ydCB7RWZmZWN0fSBmcm9tICdAa2VwbGVyLmdsL3R5cGVzJztcblxuaW1wb3J0IHt3aXRoU3RhdGV9IGZyb20gJy4uL2luamVjdG9yJztcbmltcG9ydCBTaWRlUGFuZWxUaXRsZUZhY3RvcnkgZnJvbSAnLi9zaWRlLXBhbmVsLXRpdGxlJztcbmltcG9ydCBFZmZlY3RMaXN0RmFjdG9yeSBmcm9tICcuL2VmZmVjdC1saXN0JztcbmltcG9ydCBFZmZlY3RUeXBlU2VsZWN0b3JGYWN0b3J5IGZyb20gJy4vZWZmZWN0LXR5cGUtc2VsZWN0b3InO1xuXG5leHBvcnQgdHlwZSBFZmZlY3RNYW5hZ2VyU3RhdGUgPSB7XG4gIHZpc1N0YXRlQWN0aW9uczoge1xuICAgIGFkZEVmZmVjdDogQWN0aW9uSGFuZGxlcjx0eXBlb2YgYWRkRWZmZWN0PjtcbiAgICB1cGRhdGVFZmZlY3Q6IEFjdGlvbkhhbmRsZXI8dHlwZW9mIHVwZGF0ZUVmZmVjdD47XG4gICAgcmVtb3ZlRWZmZWN0OiBBY3Rpb25IYW5kbGVyPHR5cGVvZiByZW1vdmVFZmZlY3Q+O1xuICAgIHJlb3JkZXJFZmZlY3Q6IEFjdGlvbkhhbmRsZXI8dHlwZW9mIHJlb3JkZXJFZmZlY3Q+O1xuICB9O1xuICBlZmZlY3RzOiBFZmZlY3RbXTtcbiAgZWZmZWN0T3JkZXI6IHN0cmluZ1tdO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xufTtcbmV4cG9ydCB0eXBlIEVmZmVjdE1hbmFnZXJQcm9wcyA9IEVmZmVjdE1hbmFnZXJXaXRoSW50bFByb3AgJiBFZmZlY3RNYW5hZ2VyU3RhdGU7XG5cbmV4cG9ydCB0eXBlIEVmZmVjdE1hbmFnZXJXaXRoSW50bFByb3AgPSB7aW50bDogSW50bFNoYXBlfTtcblxuY29uc3QgU3R5bGVkRWZmZWN0UGFuZWxDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBwb2ludGVyLWV2ZW50czogbm9uZSAhaW1wb3J0YW50OyAvKiBwcmV2ZW50IHBhZGRpbmcgZnJvbSBibG9ja2luZyBpbnB1dCAqL1xuICBmbGV4LWdyb3c6IDE7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAmID4gKiB7XG4gICAgLyogYWxsIGNoaWxkcmVuIHNob3VsZCBhbGxvdyBpbnB1dCAqL1xuICAgIHBvaW50ZXItZXZlbnRzOiBhbGw7XG4gIH1cbmA7XG5cbi8vIHRvcCByaWdodCBwb3NpdGlvbiBhYnNvbHV0ZVxuY29uc3QgU3R5bGVkRWZmZWN0UGFuZWwgPSBzdHlsZWQuZGl2YFxuICB0b3A6IDA7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuc2lkZVBhbmVsQmd9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBmbGV4LWdyb3c6IDE7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gO1xuXG5jb25zdCBTdHlsZWRFZmZlY3RQYW5lbEhlYWRlciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7KHt0aGVtZX0pID0+XG4gICAgYCR7dGhlbWUuZWZmZWN0UGFuZWxQYWRkaW5nVG9wfXB4ICR7dGhlbWUuZWZmZWN0UGFuZWxQYWRkaW5nU2lkZX1weCA0cHggJHt0aGVtZS5lZmZlY3RQYW5lbFBhZGRpbmdTaWRlfXB4YH07XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3Byb3BzID0+IHByb3BzLnRoZW1lLmJvcmRlckNvbG9yfTtcbiAgbWluLXdpZHRoOiAkeyh7dGhlbWV9KSA9PiB0aGVtZS5lZmZlY3RQYW5lbFdpZHRofXB4O1xuYDtcblxudHlwZSBTdHlsZWRFZmZlY3RQYW5lbENvbnRlbnRQcm9wcyA9IHtcbiAgZXh0ZW5kZWQ/OiBib29sZWFuO1xufTtcbmNvbnN0IFN0eWxlZEVmZmVjdFBhbmVsQ29udGVudCA9IHN0eWxlZC5kaXY8U3R5bGVkRWZmZWN0UGFuZWxDb250ZW50UHJvcHM+YFxuICAke3Byb3BzID0+IHByb3BzLnRoZW1lLnNpZGVQYW5lbFNjcm9sbEJhcn07XG4gIHBhZGRpbmc6ICR7cHJvcHMgPT4gKHByb3BzLmV4dGVuZGVkID8gJzMycHgnIDogJzEwcHggMHB4IDEwcHggMHB4Jyl9O1xuICBvdmVyZmxvdzogb3ZlcmxheTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbmA7XG5cbkVmZmVjdE1hbmFnZXJGYWN0b3J5LmRlcHMgPSBbRWZmZWN0TGlzdEZhY3RvcnksIFNpZGVQYW5lbFRpdGxlRmFjdG9yeSwgRWZmZWN0VHlwZVNlbGVjdG9yRmFjdG9yeV07XG5cbmZ1bmN0aW9uIEVmZmVjdE1hbmFnZXJGYWN0b3J5KFxuICBFZmZlY3RMaXN0OiBSZXR1cm5UeXBlPHR5cGVvZiBFZmZlY3RMaXN0RmFjdG9yeT4sXG4gIFNpZGVQYW5lbFRpdGxlOiBSZXR1cm5UeXBlPHR5cGVvZiBTaWRlUGFuZWxUaXRsZUZhY3Rvcnk+LFxuICBFZmZlY3RUeXBlU2VsZWN0b3I6IFJldHVyblR5cGU8dHlwZW9mIEVmZmVjdFR5cGVTZWxlY3RvckZhY3Rvcnk+XG4pOiBSZWFjdC5GQzxFZmZlY3RNYW5hZ2VyUHJvcHM+IHtcbiAgY29uc3QgRWZmZWN0TWFuYWdlciA9IChwcm9wczogRWZmZWN0TWFuYWdlcldpdGhJbnRsUHJvcCAmIEVmZmVjdE1hbmFnZXJTdGF0ZSkgPT4ge1xuICAgIGNvbnN0IHtpbnRsLCB2aXNTdGF0ZUFjdGlvbnMsIGVmZmVjdHMsIGVmZmVjdE9yZGVyLCBjaGlsZHJlbn0gPSBwcm9wcztcbiAgICBjb25zdCB7YWRkRWZmZWN0OiB2aXNTdGF0ZUFkZEVmZmVjdH0gPSB2aXNTdGF0ZUFjdGlvbnM7XG4gICAgY29uc3QgW3R5cGVTZWxlY3Rvck9wZW5lZCwgc2V0VHlwZVNlbGVjdG9yT3BlbmVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICAgIC8vIFByZXZlbnQgc2hhZG93IGVmZmVjdCBmcm9tIGJlaW5nIGFkZGVkIG11bHRpcGxlIHRpbWVzXG4gICAgY29uc3QgZWZmZWN0T3B0aW9ucyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgY29uc3QgaGFzU2hhZG93ID0gZWZmZWN0cy5zb21lKGVmZmVjdCA9PiB7XG4gICAgICAgIHJldHVybiBlZmZlY3QudHlwZSA9PT0gTElHSFRfQU5EX1NIQURPV19FRkZFQ1QudHlwZTtcbiAgICAgIH0pO1xuXG4gICAgICByZXR1cm4gRUZGRUNUX0RFU0NSSVBUSU9OUy5tYXAoZGVzYyA9PiB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgLi4uZGVzYyxcbiAgICAgICAgICBkaXNhYmxlZDogQm9vbGVhbihoYXNTaGFkb3cgJiYgZGVzYy50eXBlID09PSBMSUdIVF9BTkRfU0hBRE9XX0VGRkVDVC50eXBlKVxuICAgICAgICB9O1xuICAgICAgfSk7XG4gICAgfSwgW2VmZmVjdHNdKTtcblxuICAgIGNvbnN0IG9uQWRkRWZmZWN0ID0gdXNlQ2FsbGJhY2soXG4gICAgICB0eXBlID0+IHtcbiAgICAgICAgdmlzU3RhdGVBZGRFZmZlY3Qoe3R5cGV9KTtcbiAgICAgIH0sXG4gICAgICBbdmlzU3RhdGVBZGRFZmZlY3RdXG4gICAgKTtcblxuICAgIGNvbnN0IG9uVHlwZVNlbGVjdE9wZW4gPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICBzZXRUeXBlU2VsZWN0b3JPcGVuZWQodHJ1ZSk7XG4gICAgfSwgW10pO1xuXG4gICAgY29uc3Qgb25UeXBlU2VsZWN0Q2xvc2UgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICBzZXRUeXBlU2VsZWN0b3JPcGVuZWQoZmFsc2UpO1xuICAgIH0sIFtdKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkRWZmZWN0UGFuZWxDb250YWluZXIgY2xhc3NOYW1lPVwiZWZmZWN0LW1hbmFnZXJcIj5cbiAgICAgICAgPFN0eWxlZEVmZmVjdFBhbmVsPlxuICAgICAgICAgIDxTdHlsZWRFZmZlY3RQYW5lbEhlYWRlcj5cbiAgICAgICAgICAgIDxTaWRlUGFuZWxUaXRsZVxuICAgICAgICAgICAgICBjbGFzc05hbWU9XCJlZmZlY3QtbWFuYWdlci10aXRsZVwiXG4gICAgICAgICAgICAgIHRpdGxlPXtpbnRsLmZvcm1hdE1lc3NhZ2Uoe2lkOiAnZWZmZWN0TWFuYWdlci5lZmZlY3RzJ30pfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8RWZmZWN0VHlwZVNlbGVjdG9yXG4gICAgICAgICAgICAgICAgb3B0aW9ucz17ZWZmZWN0T3B0aW9uc31cbiAgICAgICAgICAgICAgICBvblNlbGVjdD17b25BZGRFZmZlY3R9XG4gICAgICAgICAgICAgICAgb25PcGVuPXtvblR5cGVTZWxlY3RPcGVufVxuICAgICAgICAgICAgICAgIG9uQmx1cj17b25UeXBlU2VsZWN0Q2xvc2V9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L1NpZGVQYW5lbFRpdGxlPlxuICAgICAgICAgIDwvU3R5bGVkRWZmZWN0UGFuZWxIZWFkZXI+XG5cbiAgICAgICAgICA8U3R5bGVkRWZmZWN0UGFuZWxDb250ZW50IGV4dGVuZGVkPXt0eXBlU2VsZWN0b3JPcGVuZWQgJiYgZWZmZWN0cy5sZW5ndGggPT09IDB9PlxuICAgICAgICAgICAgPEVmZmVjdExpc3RcbiAgICAgICAgICAgICAgZWZmZWN0cz17ZWZmZWN0c31cbiAgICAgICAgICAgICAgZWZmZWN0T3JkZXI9e2VmZmVjdE9yZGVyfVxuICAgICAgICAgICAgICB2aXNTdGF0ZUFjdGlvbnM9e3Zpc1N0YXRlQWN0aW9uc31cbiAgICAgICAgICAgICAgaXNTb3J0YWJsZT17dHJ1ZX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9TdHlsZWRFZmZlY3RQYW5lbENvbnRlbnQ+XG4gICAgICAgIDwvU3R5bGVkRWZmZWN0UGFuZWw+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3R5bGVkRWZmZWN0UGFuZWxDb250YWluZXI+XG4gICAgKTtcbiAgfTtcblxuICByZXR1cm4gd2l0aFN0YXRlKFxuICAgIFtdLFxuICAgIHN0YXRlID0+IHtcbiAgICAgIGNvbnN0IHZpc1N0YXRlID0gc3RhdGUuZGVtby5rZXBsZXJHbC5tYXAudmlzU3RhdGU7XG4gICAgICByZXR1cm4ge1xuICAgICAgICBlZmZlY3RzOiB2aXNTdGF0ZS5lZmZlY3RzLFxuICAgICAgICBlZmZlY3RPcmRlcjogdmlzU3RhdGUuZWZmZWN0T3JkZXJcbiAgICAgIH07XG4gICAgfSxcbiAgICB7XG4gICAgICB2aXNTdGF0ZUFjdGlvbnM6IHthZGRFZmZlY3QsIHVwZGF0ZUVmZmVjdCwgcmVtb3ZlRWZmZWN0LCByZW9yZGVyRWZmZWN0fVxuICAgIH1cbiAgKShpbmplY3RJbnRsKEVmZmVjdE1hbmFnZXIpKSBhcyBSZWFjdC5GQzxFZmZlY3RNYW5hZ2VyUHJvcHM+O1xufVxuXG5leHBvcnQgZGVmYXVsdCBFZmZlY3RNYW5hZ2VyRmFjdG9yeTtcbiJdLCJtYXBw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

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

@@ -0,0 +1,45 @@
+import React from 'react';
+import PanelHeaderActionFactory, { PanelHeaderActionIcon } from '../side-panel/panel-header-action';
+import { BaseProps } from '../common/icons';
+export declare type ActionItem = {
+    key: string;
+    isHidden?: boolean;
+    tooltip: string;
+    classNames?: Record<string, boolean>;
+    icon: PanelHeaderActionIcon;
+    tooltipType?: 'error';
+    onClick: () => void;
+};
+export declare type EffectPanelHeaderProps = {
+    type: string;
+    listeners: any;
+    effectId: string;
+    isEnabled: boolean;
+    isConfigActive: boolean;
+    isJsonEditorActive: 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>>;
+        disableConfig: React.ComponentType<Partial<BaseProps>>;
+    };
+    actionItems?: ActionItem[];
+};
+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;