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

package/dist/effects/effect-time-slider.js

@@ -0,0 +1,199 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = EffectTimeSliderFactory;
+exports.getUIBlocks = getUIBlocks;
+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 _rangeSlider = _interopRequireDefault(require("../common/range-slider"));
+var _icons = require("../common/icons");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8; // 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 TimeSliderWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  width: 100%;\n  height: 48px;\n"])));
+var TopRowWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  width: 100%;\n  height: 32px;\n  display: flex;\n  position: relative;\n  align-items: center;\n\n  .day {\n    background-color: ", ";\n  }\n  .night {\n    background-color: ", ";\n  }\n  .sunrise,\n  .sunset {\n    background-color: ", ";\n  }\n  .inline_icon__day {\n    color: ", ";\n  }\n  .inline_icon__night {\n    color: ", ";\n  }\n"])), function (props) {
+  return props.theme.effectPanelElementColorHovered;
+}, function (props) {
+  return props.theme.effectPanelElementColor;
+}, function (props) {
+  return props.theme.effectPanelElementColorActive;
+}, function (props) {
+  return props.theme.effectPanelElementColorSun;
+}, function (props) {
+  return props.theme.effectPanelTextSecondary2;
+});
+var BottomRowWrapper = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  position: relative;\n  height: 16px;\n  .bottom_icon__sunrise,\n  .bottom_icon__sunset {\n    color: ", ";\n  }\n"])), function (props) {
+  return props.theme.effectPanelTextSecondary2;
+});
+var BackgroundBlock = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  margin: 0px;\n  padding: 0px;\n  width: ", ";\n  height: 24px;\n  pointer-events: none;\n"])), function (props) {
+  return props.width;
+});
+var StyledIcon = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  position: absolute;\n  top: 0px;\n  left: calc(", "% - 8px);\n  height: 32px;\n  pointer-events: none;\n"])), function (props) {
+  return props.left;
+});
+var StyledBottomIcon = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  position: absolute;\n  top: 0px;\n  left: calc(", "% - 27px);\n  height: 12px;\n  pointer-events: none;\n  margin-top: 1px;\n  display: flex;\n  align-items: flex-end;\n"])), function (props) {
+  return props.left;
+});
+var RangeSliderWrapper = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n  position: absolute;\n  width: 100%;\n  .kg-slider {\n    padding-left: 6px;\n  }\n  .kg-range-slider {\n    padding: 0px !important;\n    background-color: transparent;\n  }\n  .kg-range-slider__bar {\n    background-color: transparent;\n  }\n  .kg-range-slider__handle {\n    height: 32px;\n    width: 8px;\n    margin-top: -14px;\n    align-items: center;\n    display: flex;\n    justify-content: center;\n  }\n  .kg-range-slider__handle::after {\n    margin-left: 1px;\n  }\n  .kg-range-slider__input {\n    height: 32px;\n    text-align: center;\n    padding: 3px 6px;\n  }\n"])));
+var Text = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n  margin-left: 3px;\n  font-size: 10px;\n  line-height: 11px;\n  white-space: nowrap;\n"])));
+var MODES = {
+  sunrise: 'sunrise',
+  day: 'day',
+  sunset: 'sunset',
+  night: 'night'
+};
+
+/**
+ * Generate rendering blocks for each part of the day.
+ */
+function getUIBlocks(config) {
+  var dawn = config.dawn;
+  var sunrise = config.sunrise,
+    sunset = config.sunset,
+    dusk = config.dusk;
+  if (dawn > sunrise) sunrise += 1;
+  if (dawn > sunset) sunset += 1;
+  if (dawn > dusk) dusk += 1;
+  var blocks = [{
+    start: dawn,
+    end: sunrise,
+    type: MODES.sunrise,
+    width: 0,
+    center: 0
+  }, {
+    start: sunrise,
+    end: sunset,
+    type: MODES.day,
+    width: 0,
+    center: 0
+  }, {
+    start: sunset,
+    end: dusk,
+    type: MODES.sunset,
+    width: 0,
+    center: 0
+  }, {
+    start: dusk,
+    end: dawn,
+    type: MODES.night,
+    width: 0,
+    center: 0
+  }];
+  var updatedBlocks = [];
+
+  // sort and split ui blocks
+  blocks.forEach(function (block) {
+    if (block.start > block.end) {
+      block.end += 1;
+    }
+    if (block.start > 1 && block.end > 1) {
+      updatedBlocks.push(_objectSpread(_objectSpread({}, block), {}, {
+        start: block.start - 1,
+        end: block.end - 1
+      }));
+    } else if (block.end > 1) {
+      updatedBlocks.push(_objectSpread(_objectSpread({}, block), {}, {
+        end: 1
+      }));
+      updatedBlocks.push(_objectSpread(_objectSpread({}, block), {}, {
+        start: 0,
+        end: block.end - 1
+      }));
+    } else {
+      updatedBlocks.push(block);
+    }
+  });
+  updatedBlocks.sort(function (a, b) {
+    return a.start - b.start;
+  });
+  var existingBottomBlocks = {};
+  // eslint-disable-next-line complexity
+  updatedBlocks.forEach(function (block) {
+    block.width = (block.end - block.start) * 100;
+    block.center = block.start * 100 + block.width / 2;
+
+    // Don't display inline icons when day or night is too short.
+    if ((block.type === MODES.day || block.type === MODES.night) && block.width > 5) {
+      block.TopRowIcon = block.type === MODES.day ? _icons.Sun : _icons.Moon;
+    }
+
+    // bottom row icons below the slider
+    if ((block.type === MODES.sunrise || block.type === MODES.sunset) && block.width > 0.1) {
+      // prevent duplicates for bottom row
+      var existingBlock = existingBottomBlocks[block.type];
+      if (existingBlock) {
+        if (existingBlock.width < block.width) existingBlock.BottomRowIcon = null;else if (existingBlock.width > block.width) return;
+      }
+      existingBottomBlocks[block.type] = block;
+
+      // prevent bottom icon and labels
+      block.BottomRowIcon = block.type === MODES.sunrise ? _icons.Sunrise : _icons.Sunset;
+      if (block.center > 90) {
+        block.center = 90;
+      } else if (block.center < 10) {
+        block.center = 10;
+      }
+      block.text = block.type === MODES.sunrise ? config.sunriseTime : config.sunsetTime;
+    }
+  });
+  return updatedBlocks;
+}
+EffectTimeSliderFactory.deps = [_rangeSlider["default"]];
+function EffectTimeSliderFactory(RangeSlider) {
+  var EffectTimeSlider = function EffectTimeSlider(_ref) {
+    var rangeSliderValue = _ref.value,
+      onChange = _ref.onChange,
+      config = _ref.config;
+    var uiBlocks = (0, _react.useMemo)(function () {
+      return getUIBlocks(config);
+    }, [config]);
+    var rangeSliderProps = (0, _react.useMemo)(function () {
+      return {
+        label: 'value',
+        value1: rangeSliderValue,
+        step: 0.001,
+        range: [0, 1],
+        value0: 0,
+        onChange: onChange,
+        showInput: false,
+        isRanged: false
+      };
+    }, [rangeSliderValue, onChange]);
+    return /*#__PURE__*/_react["default"].createElement(TimeSliderWrapper, null, /*#__PURE__*/_react["default"].createElement(TopRowWrapper, null, uiBlocks.map(function (block, index) {
+      return /*#__PURE__*/_react["default"].createElement(BackgroundBlock, {
+        key: index,
+        width: "".concat(block.width, "%"),
+        className: block.type
+      });
+    }), uiBlocks.map(function (block, index) {
+      return block.TopRowIcon ? /*#__PURE__*/_react["default"].createElement(StyledIcon, {
+        key: index,
+        left: block.center,
+        className: "inline_icon__".concat(block.type)
+      }, /*#__PURE__*/_react["default"].createElement(block.TopRowIcon, {
+        width: "16px",
+        height: "32px"
+      })) : null;
+    }), /*#__PURE__*/_react["default"].createElement(RangeSliderWrapper, null, /*#__PURE__*/_react["default"].createElement(RangeSlider, rangeSliderProps))), /*#__PURE__*/_react["default"].createElement(BottomRowWrapper, null, uiBlocks.map(function (block, index) {
+      return block.BottomRowIcon ? /*#__PURE__*/_react["default"].createElement(StyledBottomIcon, {
+        key: index,
+        left: block.center,
+        className: "bottom_icon__".concat(block.type)
+      }, /*#__PURE__*/_react["default"].createElement(block.BottomRowIcon, {
+        width: "12px",
+        height: "12px"
+      }), /*#__PURE__*/_react["default"].createElement(Text, null, block.text)) : null;
+    })));
+  };
+  return EffectTimeSlider;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfc3R5bGVkQ29tcG9uZW50cyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfcmFuZ2VTbGlkZXIiLCJfaWNvbnMiLCJfdGVtcGxhdGVPYmplY3QiLCJfdGVtcGxhdGVPYmplY3QyIiwiX3RlbXBsYXRlT2JqZWN0MyIsIl90ZW1wbGF0ZU9iamVjdDQiLCJfdGVtcGxhdGVPYmplY3Q1IiwiX3RlbXBsYXRlT2JqZWN0NiIsIl90ZW1wbGF0ZU9iamVjdDciLCJfdGVtcGxhdGVPYmplY3Q4IiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwiZSIsIldlYWtNYXAiLCJyIiwidCIsIl9fZXNNb2R1bGUiLCJfdHlwZW9mIiwiaGFzIiwiZ2V0IiwibiIsIl9fcHJvdG9fXyIsImEiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsInUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpIiwic2V0Iiwib3duS2V5cyIsImtleXMiLCJnZXRPd25Qcm9wZXJ0eVN5bWJvbHMiLCJvIiwiZmlsdGVyIiwiZW51bWVyYWJsZSIsInB1c2giLCJhcHBseSIsIl9vYmplY3RTcHJlYWQiLCJhcmd1bWVudHMiLCJsZW5ndGgiLCJmb3JFYWNoIiwiX2RlZmluZVByb3BlcnR5MiIsImdldE93blByb3BlcnR5RGVzY3JpcHRvcnMiLCJkZWZpbmVQcm9wZXJ0aWVzIiwiVGltZVNsaWRlcldyYXBwZXIiLCJzdHlsZWQiLCJkaXYiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsMiIsIlRvcFJvd1dyYXBwZXIiLCJwcm9wcyIsInRoZW1lIiwiZWZmZWN0UGFuZWxFbGVtZW50Q29sb3JIb3ZlcmVkIiwiZWZmZWN0UGFuZWxFbGVtZW50Q29sb3IiLCJlZmZlY3RQYW5lbEVsZW1lbnRDb2xvckFjdGl2ZSIsImVmZmVjdFBhbmVsRWxlbWVudENvbG9yU3VuIiwiZWZmZWN0UGFuZWxUZXh0U2Vjb25kYXJ5MiIsIkJvdHRvbVJvd1dyYXBwZXIiLCJCYWNrZ3JvdW5kQmxvY2siLCJ3aWR0aCIsIlN0eWxlZEljb24iLCJsZWZ0IiwiU3R5bGVkQm90dG9tSWNvbiIsIlJhbmdlU2xpZGVyV3JhcHBlciIsIlRleHQiLCJNT0RFUyIsInN1bnJpc2UiLCJkYXkiLCJzdW5zZXQiLCJuaWdodCIsImdldFVJQmxvY2tzIiwiY29uZmlnIiwiZGF3biIsImR1c2siLCJibG9ja3MiLCJzdGFydCIsImVuZCIsInR5cGUiLCJjZW50ZXIiLCJ1cGRhdGVkQmxvY2tzIiwiYmxvY2siLCJzb3J0IiwiYiIsImV4aXN0aW5nQm90dG9tQmxvY2tzIiwiVG9wUm93SWNvbiIsIlN1biIsIk1vb24iLCJleGlzdGluZ0Jsb2NrIiwiQm90dG9tUm93SWNvbiIsIlN1bnJpc2UiLCJTdW5zZXQiLCJ0ZXh0Iiwic3VucmlzZVRpbWUiLCJzdW5zZXRUaW1lIiwiRWZmZWN0VGltZVNsaWRlckZhY3RvcnkiLCJkZXBzIiwiUmFuZ2VTbGlkZXJGYWN0b3J5IiwiUmFuZ2VTbGlkZXIiLCJFZmZlY3RUaW1lU2xpZGVyIiwiX3JlZiIsInJhbmdlU2xpZGVyVmFsdWUiLCJ2YWx1ZSIsIm9uQ2hhbmdlIiwidWlCbG9ja3MiLCJ1c2VNZW1vIiwicmFuZ2VTbGlkZXJQcm9wcyIsImxhYmVsIiwidmFsdWUxIiwic3RlcCIsInJhbmdlIiwidmFsdWUwIiwic2hvd0lucHV0IiwiaXNSYW5nZWQiLCJjcmVhdGVFbGVtZW50IiwibWFwIiwiaW5kZXgiLCJrZXkiLCJjb25jYXQiLCJjbGFzc05hbWUiLCJoZWlnaHQiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvZWZmZWN0cy9lZmZlY3QtdGltZS1zbGlkZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCwge3VzZU1lbW99IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgUmFuZ2VTbGlkZXJGYWN0b3J5IGZyb20gJy4uL2NvbW1vbi9yYW5nZS1zbGlkZXInO1xuaW1wb3J0IHtTdW4sIE1vb24sIFN1bnNldCwgU3VucmlzZX0gZnJvbSAnLi4vY29tbW9uL2ljb25zJztcblxuZXhwb3J0IHR5cGUgRWZmZWN0VGltZVNsaWRlckNvbmZpZyA9IHtcbiAgZGF3bjogbnVtYmVyO1xuICBzdW5yaXNlOiBudW1iZXI7XG4gIHN1bnNldDogbnVtYmVyO1xuICBkdXNrOiBudW1iZXI7XG4gIHN1bnJpc2VUaW1lOiBzdHJpbmc7XG4gIHN1bnNldFRpbWU6IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIFVJQmxvY2sgPSB7XG4gIHR5cGU6IHN0cmluZztcbiAgd2lkdGg6IG51bWJlcjtcbiAgY2VudGVyOiBudW1iZXI7XG4gIHN0YXJ0OiBudW1iZXI7XG4gIGVuZDogbnVtYmVyO1xuICB0ZXh0Pzogc3RyaW5nO1xuICBUb3BSb3dJY29uPzogUmVhY3QuRWxlbWVudFR5cGU8YW55PjtcbiAgQm90dG9tUm93SWNvbj86IFJlYWN0LkVsZW1lbnRUeXBlPGFueT47XG59O1xuXG5leHBvcnQgdHlwZSBFZmZlY3RUaW1lU2xpZGVyUHJvcHMgPSB7XG4gIHZhbHVlOiBudW1iZXI7XG4gIG9uQ2hhbmdlOiAobnVtYmVyKSA9PiB2b2lkO1xuICBjb25maWc6IEVmZmVjdFRpbWVTbGlkZXJDb25maWc7XG59O1xuXG5jb25zdCBUaW1lU2xpZGVyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDQ4cHg7XG5gO1xuXG5jb25zdCBUb3BSb3dXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMzJweDtcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gIC5kYXkge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuZWZmZWN0UGFuZWxFbGVtZW50Q29sb3JIb3ZlcmVkfTtcbiAgfVxuICAubmlnaHQge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuZWZmZWN0UGFuZWxFbGVtZW50Q29sb3J9O1xuICB9XG4gIC5zdW5yaXNlLFxuICAuc3Vuc2V0IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmVmZmVjdFBhbmVsRWxlbWVudENvbG9yQWN0aXZlfTtcbiAgfVxuICAuaW5saW5lX2ljb25fX2RheSB7XG4gICAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuZWZmZWN0UGFuZWxFbGVtZW50Q29sb3JTdW59O1xuICB9XG4gIC5pbmxpbmVfaWNvbl9fbmlnaHQge1xuICAgIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmVmZmVjdFBhbmVsVGV4dFNlY29uZGFyeTJ9O1xuICB9XG5gO1xuXG5jb25zdCBCb3R0b21Sb3dXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBoZWlnaHQ6IDE2cHg7XG4gIC5ib3R0b21faWNvbl9fc3VucmlzZSxcbiAgLmJvdHRvbV9pY29uX19zdW5zZXQge1xuICAgIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmVmZmVjdFBhbmVsVGV4dFNlY29uZGFyeTJ9O1xuICB9XG5gO1xuXG50eXBlIEJhY2tncm91bmRCbG9ja1Byb3BzID0ge3dpZHRoOiBzdHJpbmd9O1xuY29uc3QgQmFja2dyb3VuZEJsb2NrID0gc3R5bGVkLmRpdjxCYWNrZ3JvdW5kQmxvY2tQcm9wcz5gXG4gIG1hcmdpbjogMHB4O1xuICBwYWRkaW5nOiAwcHg7XG4gIHdpZHRoOiAke3Byb3BzID0+IHByb3BzLndpZHRofTtcbiAgaGVpZ2h0OiAyNHB4O1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbmA7XG5cbnR5cGUgU3R5bGVkSWNvblByb3BzID0ge2xlZnQ6IG51bWJlcn07XG5jb25zdCBTdHlsZWRJY29uID0gc3R5bGVkLmRpdjxTdHlsZWRJY29uUHJvcHM+YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMHB4O1xuICBsZWZ0OiBjYWxjKCR7cHJvcHMgPT4gcHJvcHMubGVmdH0lIC0gOHB4KTtcbiAgaGVpZ2h0OiAzMnB4O1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbmA7XG5cbnR5cGUgU3R5bGVkQm90dG9tSWNvblByb3BzID0ge2xlZnQ6IG51bWJlcn07XG5jb25zdCBTdHlsZWRCb3R0b21JY29uID0gc3R5bGVkLmRpdjxTdHlsZWRCb3R0b21JY29uUHJvcHM+YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMHB4O1xuICBsZWZ0OiBjYWxjKCR7cHJvcHMgPT4gcHJvcHMubGVmdH0lIC0gMjdweCk7XG4gIGhlaWdodDogMTJweDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIG1hcmdpbi10b3A6IDFweDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuYDtcblxuY29uc3QgUmFuZ2VTbGlkZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMTAwJTtcbiAgLmtnLXNsaWRlciB7XG4gICAgcGFkZGluZy1sZWZ0OiA2cHg7XG4gIH1cbiAgLmtnLXJhbmdlLXNsaWRlciB7XG4gICAgcGFkZGluZzogMHB4ICFpbXBvcnRhbnQ7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIH1cbiAgLmtnLXJhbmdlLXNsaWRlcl9fYmFyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgfVxuICAua2ctcmFuZ2Utc2xpZGVyX19oYW5kbGUge1xuICAgIGhlaWdodDogMzJweDtcbiAgICB3aWR0aDogOHB4O1xuICAgIG1hcmdpbi10b3A6IC0xNHB4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgfVxuICAua2ctcmFuZ2Utc2xpZGVyX19oYW5kbGU6OmFmdGVyIHtcbiAgICBtYXJnaW4tbGVmdDogMXB4O1xuICB9XG4gIC5rZy1yYW5nZS1zbGlkZXJfX2lucHV0IHtcbiAgICBoZWlnaHQ6IDMycHg7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIHBhZGRpbmc6IDNweCA2cHg7XG4gIH1cbmA7XG5cbmNvbnN0IFRleHQgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tbGVmdDogM3B4O1xuICBmb250LXNpemU6IDEwcHg7XG4gIGxpbmUtaGVpZ2h0OiAxMXB4O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuYDtcblxuY29uc3QgTU9ERVMgPSB7XG4gIHN1bnJpc2U6ICdzdW5yaXNlJyxcbiAgZGF5OiAnZGF5JyxcbiAgc3Vuc2V0OiAnc3Vuc2V0JyxcbiAgbmlnaHQ6ICduaWdodCdcbn07XG5cbi8qKlxuICogR2VuZXJhdGUgcmVuZGVyaW5nIGJsb2NrcyBmb3IgZWFjaCBwYXJ0IG9mIHRoZSBkYXkuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBnZXRVSUJsb2Nrcyhjb25maWc6IEVmZmVjdFRpbWVTbGlkZXJDb25maWcpOiBVSUJsb2NrW10ge1xuICBjb25zdCB7ZGF3bn0gPSBjb25maWc7XG4gIGxldCB7c3VucmlzZSwgc3Vuc2V0LCBkdXNrfSA9IGNvbmZpZztcbiAgaWYgKGRhd24gPiBzdW5yaXNlKSBzdW5yaXNlICs9IDE7XG4gIGlmIChkYXduID4gc3Vuc2V0KSBzdW5zZXQgKz0gMTtcbiAgaWYgKGRhd24gPiBkdXNrKSBkdXNrICs9IDE7XG5cbiAgY29uc3QgYmxvY2tzID0gW1xuICAgIHtcbiAgICAgIHN0YXJ0OiBkYXduLFxuICAgICAgZW5kOiBzdW5yaXNlLFxuICAgICAgdHlwZTogTU9ERVMuc3VucmlzZSxcbiAgICAgIHdpZHRoOiAwLFxuICAgICAgY2VudGVyOiAwXG4gICAgfSxcbiAgICB7XG4gICAgICBzdGFydDogc3VucmlzZSxcbiAgICAgIGVuZDogc3Vuc2V0LFxuICAgICAgdHlwZTogTU9ERVMuZGF5LFxuICAgICAgd2lkdGg6IDAsXG4gICAgICBjZW50ZXI6IDBcbiAgICB9LFxuICAgIHtcbiAgICAgIHN0YXJ0OiBzdW5zZXQsXG4gICAgICBlbmQ6IGR1c2ssXG4gICAgICB0eXBlOiBNT0RFUy5zdW5zZXQsXG4gICAgICB3aWR0aDogMCxcbiAgICAgIGNlbnRlcjogMFxuICAgIH0sXG4gICAge1xuICAgICAgc3RhcnQ6IGR1c2ssXG4gICAgICBlbmQ6IGRhd24sXG4gICAgICB0eXBlOiBNT0RFUy5uaWdodCxcbiAgICAgIHdpZHRoOiAwLFxuICAgICAgY2VudGVyOiAwXG4gICAgfVxuICBdO1xuICBjb25zdCB1cGRhdGVkQmxvY2tzOiBVSUJsb2NrW10gPSBbXTtcblxuICAvLyBzb3J0IGFuZCBzcGxpdCB1aSBibG9ja3NcbiAgYmxvY2tzLmZvckVhY2goYmxvY2sgPT4ge1xuICAgIGlmIChibG9jay5zdGFydCA+IGJsb2NrLmVuZCkge1xuICAgICAgYmxvY2suZW5kICs9IDE7XG4gICAgfVxuICAgIGlmIChibG9jay5zdGFydCA+IDEgJiYgYmxvY2suZW5kID4gMSkge1xuICAgICAgdXBkYXRlZEJsb2Nrcy5wdXNoKHsuLi5ibG9jaywgc3RhcnQ6IGJsb2NrLnN0YXJ0IC0gMSwgZW5kOiBibG9jay5lbmQgLSAxfSk7XG4gICAgfSBlbHNlIGlmIChibG9jay5lbmQgPiAxKSB7XG4gICAgICB1cGRhdGVkQmxvY2tzLnB1c2goe1xuICAgICAgICAuLi5ibG9jayxcbiAgICAgICAgZW5kOiAxXG4gICAgICB9KTtcblxuICAgICAgdXBkYXRlZEJsb2Nrcy5wdXNoKHsuLi5ibG9jaywgc3RhcnQ6IDAsIGVuZDogYmxvY2suZW5kIC0gMX0pO1xuICAgIH0gZWxzZSB7XG4gICAgICB1cGRhdGVkQmxvY2tzLnB1c2goYmxvY2spO1xuICAgIH1cbiAgfSk7XG4gIHVwZGF0ZWRCbG9ja3Muc29ydCgoYSwgYikgPT4gYS5zdGFydCAtIGIuc3RhcnQpO1xuXG4gIGNvbnN0IGV4aXN0aW5nQm90dG9tQmxvY2tzID0ge307XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBjb21wbGV4aXR5XG4gIHVwZGF0ZWRCbG9ja3MuZm9yRWFjaChibG9jayA9PiB7XG4gICAgYmxvY2sud2lkdGggPSAoYmxvY2suZW5kIC0gYmxvY2suc3RhcnQpICogMTAwO1xuICAgIGJsb2NrLmNlbnRlciA9IGJsb2NrLnN0YXJ0ICogMTAwICsgYmxvY2sud2lkdGggLyAyO1xuXG4gICAgLy8gRG9uJ3QgZGlzcGxheSBpbmxpbmUgaWNvbnMgd2hlbiBkYXkgb3IgbmlnaHQgaXMgdG9vIHNob3J0LlxuICAgIGlmICgoYmxvY2sudHlwZSA9PT0gTU9ERVMuZGF5IHx8IGJsb2NrLnR5cGUgPT09IE1PREVTLm5pZ2h0KSAmJiBibG9jay53aWR0aCA+IDUpIHtcbiAgICAgIGJsb2NrLlRvcFJvd0ljb24gPSBibG9jay50eXBlID09PSBNT0RFUy5kYXkgPyBTdW4gOiBNb29uO1xuICAgIH1cblxuICAgIC8vIGJvdHRvbSByb3cgaWNvbnMgYmVsb3cgdGhlIHNsaWRlclxuICAgIGlmICgoYmxvY2sudHlwZSA9PT0gTU9ERVMuc3VucmlzZSB8fCBibG9jay50eXBlID09PSBNT0RFUy5zdW5zZXQpICYmIGJsb2NrLndpZHRoID4gMC4xKSB7XG4gICAgICAvLyBwcmV2ZW50IGR1cGxpY2F0ZXMgZm9yIGJvdHRvbSByb3dcbiAgICAgIGNvbnN0IGV4aXN0aW5nQmxvY2sgPSBleGlzdGluZ0JvdHRvbUJsb2Nrc1tibG9jay50eXBlXTtcbiAgICAgIGlmIChleGlzdGluZ0Jsb2NrKSB7XG4gICAgICAgIGlmIChleGlzdGluZ0Jsb2NrLndpZHRoIDwgYmxvY2sud2lkdGgpIGV4aXN0aW5nQmxvY2suQm90dG9tUm93SWNvbiA9IG51bGw7XG4gICAgICAgIGVsc2UgaWYgKGV4aXN0aW5nQmxvY2sud2lkdGggPiBibG9jay53aWR0aCkgcmV0dXJuO1xuICAgICAgfVxuICAgICAgZXhpc3RpbmdCb3R0b21CbG9ja3NbYmxvY2sudHlwZV0gPSBibG9jaztcblxuICAgICAgLy8gcHJldmVudCBib3R0b20gaWNvbiBhbmQgbGFiZWxzXG4gICAgICBibG9jay5Cb3R0b21Sb3dJY29uID0gYmxvY2sudHlwZSA9PT0gTU9ERVMuc3VucmlzZSA/IFN1bnJpc2UgOiBTdW5zZXQ7XG4gICAgICBpZiAoYmxvY2suY2VudGVyID4gOTApIHtcbiAgICAgICAgYmxvY2suY2VudGVyID0gOTA7XG4gICAgICB9IGVsc2UgaWYgKGJsb2NrLmNlbnRlciA8IDEwKSB7XG4gICAgICAgIGJsb2NrLmNlbnRlciA9IDEwO1xuICAgICAgfVxuICAgICAgYmxvY2sudGV4dCA9IGJsb2NrLnR5cGUgPT09IE1PREVTLnN1bnJpc2UgPyBjb25maWcuc3VucmlzZVRpbWUgOiBjb25maWcuc3Vuc2V0VGltZTtcbiAgICB9XG4gIH0pO1xuICByZXR1cm4gdXBkYXRlZEJsb2Nrcztcbn1cblxuRWZmZWN0VGltZVNsaWRlckZhY3RvcnkuZGVwcyA9IFtSYW5nZVNsaWRlckZhY3RvcnldO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBFZmZlY3RUaW1lU2xpZGVyRmFjdG9yeShcbiAgUmFuZ2VTbGlkZXI6IFJldHVyblR5cGU8dHlwZW9mIFJhbmdlU2xpZGVyRmFjdG9yeT5cbikge1xuICBjb25zdCBFZmZlY3RUaW1lU2xpZGVyOiBSZWFjdC5GQzxFZmZlY3RUaW1lU2xpZGVyUHJvcHM+ID0gKHtcbiAgICB2YWx1ZTogcmFuZ2VTbGlkZXJWYWx1ZSxcbiAgICBvbkNoYW5nZSxcbiAgICBjb25maWdcbiAgfTogRWZmZWN0VGltZVNsaWRlclByb3BzKSA9PiB7XG4gICAgY29uc3QgdWlCbG9ja3MgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIHJldHVybiBnZXRVSUJsb2Nrcyhjb25maWcpO1xuICAgIH0sIFtjb25maWddKTtcblxuICAgIGNvbnN0IHJhbmdlU2xpZGVyUHJvcHMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIGxhYmVsOiAndmFsdWUnLFxuICAgICAgICB2YWx1ZTE6IHJhbmdlU2xpZGVyVmFsdWUsXG4gICAgICAgIHN0ZXA6IDAuMDAxLFxuICAgICAgICByYW5nZTogWzAsIDFdLFxuICAgICAgICB2YWx1ZTA6IDAsXG4gICAgICAgIG9uQ2hhbmdlLFxuICAgICAgICBzaG93SW5wdXQ6IGZhbHNlLFxuICAgICAgICBpc1JhbmdlZDogZmFsc2VcbiAgICAgIH07XG4gICAgfSwgW3JhbmdlU2xpZGVyVmFsdWUsIG9uQ2hhbmdlXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFRpbWVTbGlkZXJXcmFwcGVyPlxuICAgICAgICA8VG9wUm93V3JhcHBlcj5cbiAgICAgICAgICB7dWlCbG9ja3MubWFwKChibG9jaywgaW5kZXgpID0+IHtcbiAgICAgICAgICAgIHJldHVybiA8QmFja2dyb3VuZEJsb2NrIGtleT17aW5kZXh9IHdpZHRoPXtgJHtibG9jay53aWR0aH0lYH0gY2xhc3NOYW1lPXtibG9jay50eXBlfSAvPjtcbiAgICAgICAgICB9KX1cblxuICAgICAgICAgIHt1aUJsb2Nrcy5tYXAoKGJsb2NrLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgcmV0dXJuIGJsb2NrLlRvcFJvd0ljb24gPyAoXG4gICAgICAgICAgICAgIDxTdHlsZWRJY29uIGtleT17aW5kZXh9IGxlZnQ9e2Jsb2NrLmNlbnRlcn0gY2xhc3NOYW1lPXtgaW5saW5lX2ljb25fXyR7YmxvY2sudHlwZX1gfT5cbiAgICAgICAgICAgICAgICA8YmxvY2suVG9wUm93SWNvbiB3aWR0aD1cIjE2cHhcIiBoZWlnaHQ9XCIzMnB4XCIgLz5cbiAgICAgICAgICAgICAgPC9TdHlsZWRJY29uPlxuICAgICAgICAgICAgKSA6IG51bGw7XG4gICAgICAgICAgfSl9XG5cbiAgICAgICAgICA8UmFuZ2VTbGlkZXJXcmFwcGVyPlxuICAgICAgICAgICAgPFJhbmdlU2xpZGVyIHsuLi5yYW5nZVNsaWRlclByb3BzfSAvPlxuICAgICAgICAgIDwvUmFuZ2VTbGlkZXJXcmFwcGVyPlxuICAgICAgICA8L1RvcFJvd1dyYXBwZXI+XG4gICAgICAgIDxCb3R0b21Sb3dXcmFwcGVyPlxuICAgICAgICAgIHt1aUJsb2Nrcy5tYXAoKGJsb2NrLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgcmV0dXJuIGJsb2NrLkJvdHRvbVJvd0ljb24gPyAoXG4gICAgICAgICAgICAgIDxTdHlsZWRCb3R0b21JY29uXG4gICAgICAgICAgICAgICAga2V5PXtpbmRleH1cbiAgICAgICAgICAgICAgICBsZWZ0PXtibG9jay5jZW50ZXJ9XG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtgYm90dG9tX2ljb25fXyR7YmxvY2sudHlwZX1gfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGJsb2NrLkJvdHRvbVJvd0ljb24gd2lkdGg9XCIxMnB4XCIgaGVpZ2h0PVwiMTJweFwiIC8+XG4gICAgICAgICAgICAgICAgPFRleHQ+e2Jsb2NrLnRleHR9PC9UZXh0PlxuICAgICAgICAgICAgICA8L1N0eWxlZEJvdHRvbUljb24+XG4gICAgICAgICAgICApIDogbnVsbDtcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9Cb3R0b21Sb3dXcmFwcGVyPlxuICAgICAgPC9UaW1lU2xpZGVyV3JhcHBlcj5cbiAgICApO1xuICB9O1xuXG4gIHJldHVybiBFZmZlY3RUaW1lU2xpZGVyO1xufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUdBLElBQUFBLE1BQUEsR0FBQUMsdUJBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLGlCQUFBLEdBQUFDLHNCQUFBLENBQUFGLE9BQUE7QUFFQSxJQUFBRyxZQUFBLEdBQUFELHNCQUFBLENBQUFGLE9BQUE7QUFDQSxJQUFBSSxNQUFBLEdBQUFKLE9BQUE7QUFBMkQsSUFBQUssZUFBQSxFQUFBQyxnQkFB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

package/dist/effects/effect-type-dropdown-list.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export declare type EffectTypeDropdownListItem = {
+    type: string;
+    name: string;
+    disabled: boolean;
+};
+export declare type EffectTypeDropdownListProps = {
+    onOptionSelected: (string: any) => void;
+    options: EffectTypeDropdownListItem[];
+    selectedItems: EffectTypeDropdownListItem[];
+    selectionIndex: number;
+    customListItemComponent: React.FC<{
+        value: EffectTypeDropdownListItem;
+        isTile?: boolean;
+    }>;
+};
+export declare function EffectTypeDropdownListFactory(): React.FC<EffectTypeDropdownListProps>;
+export default EffectTypeDropdownListFactory;

package/dist/effects/effect-type-dropdown-list.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EffectTypeDropdownListFactory = EffectTypeDropdownListFactory;
+exports["default"] = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _dropdownList = require("../common/item-selector/dropdown-list");
+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 DropdownListWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  ", ";\n  background-color: ", ";\n  display: flex;\n  flex-wrap: wrap;\n  align-items: stretch;\n  padding: 24px 0 12px 0;\n  max-height: 430px;\n  justify-content: center;\n"])), function (props) {
+  return props.theme.dropdownList;
+}, function (props) {
+  return props.theme.dropdownListBgd;
+});
+var StyledDropdownListItem = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  margin: 0px 4px 8px 4px;\n\n  &.disabled {\n    pointer-events: none;\n    opacity: 0.3;\n  }\n\n  :hover {\n    cursor: pointer;\n    .effect-type-selector__item__label {\n      color: ", ";\n    }\n  }\n"])), function (props) {
+  return props.theme.effectPanelTextMain;
+});
+function EffectTypeDropdownListFactory() {
+  var EffectTypeDropdownList = function EffectTypeDropdownList(_ref) {
+    var onOptionSelected = _ref.onOptionSelected,
+      options = _ref.options,
+      selectedItems = _ref.selectedItems,
+      selectionIndex = _ref.selectionIndex,
+      customListItemComponent = _ref.customListItemComponent;
+    var onSelectOption = (0, _react.useCallback)(function (e, value) {
+      e.preventDefault();
+      onOptionSelected(value);
+    }, [onOptionSelected]);
+    var ListItemComponent = customListItemComponent;
+    return /*#__PURE__*/_react["default"].createElement(DropdownListWrapper, {
+      className: _dropdownList.classList.list
+    }, options.map(function (value, i) {
+      return /*#__PURE__*/_react["default"].createElement(StyledDropdownListItem, {
+        className: (0, _classnames["default"])('effect-type-selector__item', {
+          selected: selectedItems.find(function (it) {
+            return it.type === value.type;
+          }),
+          hover: selectionIndex === i,
+          disabled: value.disabled
+        }),
+        key: "".concat(value.type, "_").concat(i),
+        onMouseDown: function onMouseDown(e) {
+          return onSelectOption(e, value);
+        },
+        onClick: function onClick(e) {
+          return onSelectOption(e, value);
+        }
+      }, /*#__PURE__*/_react["default"].createElement(ListItemComponent, {
+        value: value,
+        isTile: true
+      }));
+    }));
+  };
+  return EffectTypeDropdownList;
+}
+var _default = exports["default"] = EffectTypeDropdownListFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfc3R5bGVkQ29tcG9uZW50cyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfY2xhc3NuYW1lcyIsIl9kcm9wZG93bkxpc3QiLCJfdGVtcGxhdGVPYmplY3QiLCJfdGVtcGxhdGVPYmplY3QyIiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwiZSIsIldlYWtNYXAiLCJyIiwidCIsIl9fZXNNb2R1bGUiLCJfdHlwZW9mIiwiaGFzIiwiZ2V0IiwibiIsIl9fcHJvdG9fXyIsImEiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsInUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpIiwic2V0IiwiRHJvcGRvd25MaXN0V3JhcHBlciIsInN0eWxlZCIsImRpdiIsIl90YWdnZWRUZW1wbGF0ZUxpdGVyYWwyIiwicHJvcHMiLCJ0aGVtZSIsImRyb3Bkb3duTGlzdCIsImRyb3Bkb3duTGlzdEJnZCIsIlN0eWxlZERyb3Bkb3duTGlzdEl0ZW0iLCJlZmZlY3RQYW5lbFRleHRNYWluIiwiRWZmZWN0VHlwZURyb3Bkb3duTGlzdEZhY3RvcnkiLCJFZmZlY3RUeXBlRHJvcGRvd25MaXN0IiwiX3JlZiIsIm9uT3B0aW9uU2VsZWN0ZWQiLCJvcHRpb25zIiwic2VsZWN0ZWRJdGVtcyIsInNlbGVjdGlvbkluZGV4IiwiY3VzdG9tTGlzdEl0ZW1Db21wb25lbnQiLCJvblNlbGVjdE9wdGlvbiIsInVzZUNhbGxiYWNrIiwidmFsdWUiLCJwcmV2ZW50RGVmYXVsdCIsIkxpc3RJdGVtQ29tcG9uZW50IiwiY3JlYXRlRWxlbWVudCIsImNsYXNzTmFtZSIsImNsYXNzTGlzdCIsImxpc3QiLCJtYXAiLCJjbGFzc05hbWVzIiwic2VsZWN0ZWQiLCJmaW5kIiwiaXQiLCJ0eXBlIiwiaG92ZXIiLCJkaXNhYmxlZCIsImtleSIsImNvbmNhdCIsIm9uTW91c2VEb3duIiwib25DbGljayIsImlzVGlsZSIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9lZmZlY3RzL2VmZmVjdC10eXBlLWRyb3Bkb3duLWxpc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBNSVRcbi8vIENvcHlyaWdodCBjb250cmlidXRvcnMgdG8gdGhlIGtlcGxlci5nbCBwcm9qZWN0XG5cbmltcG9ydCBSZWFjdCwge3VzZUNhbGxiYWNrfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xuXG5pbXBvcnQge2NsYXNzTGlzdH0gZnJvbSAnLi4vY29tbW9uL2l0ZW0tc2VsZWN0b3IvZHJvcGRvd24tbGlzdCc7XG5cbmV4cG9ydCB0eXBlIEVmZmVjdFR5cGVEcm9wZG93bkxpc3RJdGVtID0ge1xuICB0eXBlOiBzdHJpbmc7XG4gIG5hbWU6IHN0cmluZztcbiAgZGlzYWJsZWQ6IGJvb2xlYW47XG59O1xuXG5leHBvcnQgdHlwZSBFZmZlY3RUeXBlRHJvcGRvd25MaXN0UHJvcHMgPSB7XG4gIG9uT3B0aW9uU2VsZWN0ZWQ6IChzdHJpbmcpID0+IHZvaWQ7XG4gIG9wdGlvbnM6IEVmZmVjdFR5cGVEcm9wZG93bkxpc3RJdGVtW107XG4gIHNlbGVjdGVkSXRlbXM6IEVmZmVjdFR5cGVEcm9wZG93bkxpc3RJdGVtW107XG4gIHNlbGVjdGlvbkluZGV4OiBudW1iZXI7XG4gIGN1c3RvbUxpc3RJdGVtQ29tcG9uZW50OiBSZWFjdC5GQzx7dmFsdWU6IEVmZmVjdFR5cGVEcm9wZG93bkxpc3RJdGVtOyBpc1RpbGU/OiBib29sZWFufT47XG59O1xuXG5jb25zdCBEcm9wZG93bkxpc3RXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5kcm9wZG93bkxpc3R9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmRyb3Bkb3duTGlzdEJnZH07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gIHBhZGRpbmc6IDI0cHggMCAxMnB4IDA7XG4gIG1heC1oZWlnaHQ6IDQzMHB4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IFN0eWxlZERyb3Bkb3duTGlzdEl0ZW0gPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46IDBweCA0cHggOHB4IDRweDtcblxuICAmLmRpc2FibGVkIHtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICBvcGFjaXR5OiAwLjM7XG4gIH1cblxuICA6aG92ZXIge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAuZWZmZWN0LXR5cGUtc2VsZWN0b3JfX2l0ZW1fX2xhYmVsIHtcbiAgICAgIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmVmZmVjdFBhbmVsVGV4dE1haW59O1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGZ1bmN0aW9uIEVmZmVjdFR5cGVEcm9wZG93bkxpc3RGYWN0b3J5KCkge1xuICBjb25zdCBFZmZlY3RUeXBlRHJvcGRvd25MaXN0OiBSZWFjdC5GQzxFZmZlY3RUeXBlRHJvcGRvd25MaXN0UHJvcHM+ID0gKHtcbiAgICBvbk9wdGlvblNlbGVjdGVkLFxuICAgIG9wdGlvbnMsXG4gICAgc2VsZWN0ZWRJdGVtcyxcbiAgICBzZWxlY3Rpb25JbmRleCxcbiAgICBjdXN0b21MaXN0SXRlbUNvbXBvbmVudFxuICB9OiBFZmZlY3RUeXBlRHJvcGRvd25MaXN0UHJvcHMpID0+IHtcbiAgICBjb25zdCBvblNlbGVjdE9wdGlvbiA9IHVzZUNhbGxiYWNrKFxuICAgICAgKGUsIHZhbHVlKSA9PiB7XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgb25PcHRpb25TZWxlY3RlZCh2YWx1ZSk7XG4gICAgICB9LFxuICAgICAgW29uT3B0aW9uU2VsZWN0ZWRdXG4gICAgKTtcblxuICAgIGNvbnN0IExpc3RJdGVtQ29tcG9uZW50ID0gY3VzdG9tTGlzdEl0ZW1Db21wb25lbnQ7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPERyb3Bkb3duTGlzdFdyYXBwZXIgY2xhc3NOYW1lPXtjbGFzc0xpc3QubGlzdH0+XG4gICAgICAgIHtvcHRpb25zLm1hcCgodmFsdWUsIGkpID0+IChcbiAgICAgICAgICA8U3R5bGVkRHJvcGRvd25MaXN0SXRlbVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKCdlZmZlY3QtdHlwZS1zZWxlY3Rvcl9faXRlbScsIHtcbiAgICAgICAgICAgICAgc2VsZWN0ZWQ6IHNlbGVjdGVkSXRlbXMuZmluZChpdCA9PiBpdC50eXBlID09PSB2YWx1ZS50eXBlKSxcbiAgICAgICAgICAgICAgaG92ZXI6IHNlbGVjdGlvbkluZGV4ID09PSBpLFxuICAgICAgICAgICAgICBkaXNhYmxlZDogdmFsdWUuZGlzYWJsZWRcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAga2V5PXtgJHt2YWx1ZS50eXBlfV8ke2l9YH1cbiAgICAgICAgICAgIG9uTW91c2VEb3duPXtlID0+IG9uU2VsZWN0T3B0aW9uKGUsIHZhbHVlKX1cbiAgICAgICAgICAgIG9uQ2xpY2s9e2UgPT4gb25TZWxlY3RPcHRpb24oZSwgdmFsdWUpfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxMaXN0SXRlbUNvbXBvbmVudCB2YWx1ZT17dmFsdWV9IGlzVGlsZSAvPlxuICAgICAgICAgIDwvU3R5bGVkRHJvcGRvd25MaXN0SXRlbT5cbiAgICAgICAgKSl9XG4gICAgICA8L0Ryb3Bkb3duTGlzdFdyYXBwZXI+XG4gICAgKTtcbiAgfTtcblxuICByZXR1cm4gRWZmZWN0VHlwZURyb3Bkb3duTGlzdDtcbn1cblxuZXhwb3J0IGRlZmF1bHQgRWZmZWN0VHlwZURyb3Bkb3duTGlzdEZhY3Rvcnk7XG4iXSwibWFwcGlu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

package/dist/effects/effect-type-list-item.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export declare const DUMMY_ITEM_ID = "dummy";
+export declare type EffectTypeListItemProps = {
+    value: {
+        type: string;
+        name: string;
+    };
+    className?: string;
+    isTile?: boolean;
+    theme: any;
+};
+export declare function EffectTypeListItemFactory(): React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    value: {
+        type: string;
+        name: string;
+    };
+    isTile?: boolean | undefined;
+} & {
+    theme?: any;
+}>;
+export default EffectTypeListItemFactory;

package/dist/effects/effect-type-list-item.js

@@ -0,0 +1,87 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DUMMY_ITEM_ID = void 0;
+exports.EffectTypeListItemFactory = EffectTypeListItemFactory;
+exports["default"] = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _constants = require("@kepler.gl/constants");
+var _localization = require("@kepler.gl/localization");
+var _icons = require("../common/icons");
+var _templateObject, _templateObject2, _templateObject3; // SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var DUMMY_ITEM_ID = exports.DUMMY_ITEM_ID = 'dummy';
+var StyledListItem = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  border-radius: 2px;\n  height: 89px;\n  transition: background-color 0.4s;\n\n  :hover {\n    background-color: ", ";\n  }\n\n  .effect-type-selector__item__icon {\n    display: flex;\n    background-image: url(", ");\n    background-size: ", "px\n      ", "px;\n    height: ", "px;\n    width: ", "px;\n    border-radius: 2px;\n\n    .effect-preview {\n      height: ", "px;\n      width: ", "px;\n    }\n  }\n\n  .effect-type-selector__item__label {\n    text-transform: capitalize;\n    font-size: 10px;\n    text-align: center;\n    color: ", ";\n    max-width: ", "px;\n    line-height: 14px;\n    padding-top: 2px;\n  }\n"])), function (props) {
+  return props.theme.effectTypeIconBgHoverColor;
+}, "".concat(_constants.KEPLER_UNFOLDED_BUCKET, "/images/kepler.gl-layer-icon-bg.png"), function (props) {
+  return props.theme.effectTypeIconSizeL;
+}, function (props) {
+  return props.theme.effectTypeIconSizeL;
+}, function (props) {
+  return props.theme.effectTypeIconSizeL;
+}, function (props) {
+  return props.theme.effectTypeIconSizeL;
+}, function (props) {
+  return props.theme.effectTypeIconSizeL;
+}, function (props) {
+  return props.theme.effectTypeIconSizeL;
+}, function (props) {
+  return props.theme.effectPanelTextMain;
+}, function (props) {
+  return props.theme.effectTypeIconSizeL;
+});
+var StyledAddButton = (0, _styledComponents["default"])(_icons.Add)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  margin-right: 8px;\n  height: 16px;\n"])));
+var StyledPlaceholderButton = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  margin-left: 3px;\n  margin-right: 3px;\n  letter-spacing: 0.3px;\n  font-family: ", ";\n  font-weight: 500;\n"])), function (props) {
+  return props.theme.effectPanelAddEffectFontFamily;
+});
+
+/**
+ * Transforms an effect type from camel case into a name of the image in kebab case.
+ * @param {string} type
+ * @returns {string}
+ */
+var getImageUrl = function getImageUrl(type) {
+  var kebab = type.replace(/[A-Z]+(?![a-z])|[A-Z]/g, function ($, ofs) {
+    return (ofs ? '-' : '') + $.toLowerCase();
+  });
+  return "".concat(_constants.KEPLER_UNFOLDED_BUCKET, "/images/effects/").concat(kebab, ".png");
+};
+function EffectTypeListItemFactory() {
+  var EffectTypeListItem = function EffectTypeListItem(_ref) {
+    var value = _ref.value,
+      isTile = _ref.isTile,
+      className = _ref.className;
+    if ((value === null || value === void 0 ? void 0 : value.type) === DUMMY_ITEM_ID) {
+      return /*#__PURE__*/_react["default"].createElement(StyledPlaceholderButton, null, /*#__PURE__*/_react["default"].createElement(StyledAddButton, null), /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+        id: 'effectManager.addEffect'
+      }));
+    }
+    return /*#__PURE__*/_react["default"].createElement(StyledListItem, {
+      className: (0, _classnames["default"])('effect-type-selector__item__inner', className, {
+        list: !isTile
+      })
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "effect-type-selector__item__icon"
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      className: "effect-preview",
+      src: getImageUrl(value.type)
+    })), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "effect-type-selector__item__label"
+    }, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: "effect.type.".concat(value.type),
+      defaultMessage: value.name
+    })));
+  };
+  return (0, _styledComponents.withTheme)(EffectTypeListItem);
+}
+var _default = exports["default"] = EffectTypeListItemFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9zdHlsZWRDb21wb25lbnRzIiwiX2ludGVyb3BSZXF1aXJlV2lsZGNhcmQiLCJfY2xhc3NuYW1lcyIsIl9jb25zdGFudHMiLCJfbG9jYWxpemF0aW9uIiwiX2ljb25zIiwiX3RlbXBsYXRlT2JqZWN0IiwiX3RlbXBsYXRlT2JqZWN0MiIsIl90ZW1wbGF0ZU9iamVjdDMiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJlIiwiV2Vha01hcCIsInIiLCJ0IiwiX19lc01vZHVsZSIsIl90eXBlb2YiLCJoYXMiLCJnZXQiLCJuIiwiX19wcm90b19fIiwiYSIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwidSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImkiLCJzZXQiLCJEVU1NWV9JVEVNX0lEIiwiZXhwb3J0cyIsIlN0eWxlZExpc3RJdGVtIiwic3R5bGVkIiwiZGl2IiwiX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbDIiLCJwcm9wcyIsInRoZW1lIiwiZWZmZWN0VHlwZUljb25CZ0hvdmVyQ29sb3IiLCJjb25jYXQiLCJLRVBMRVJfVU5GT0xERURfQlVDS0VUIiwiZWZmZWN0VHlwZUljb25TaXplTCIsImVmZmVjdFBhbmVsVGV4dE1haW4iLCJTdHlsZWRBZGRCdXR0b24iLCJBZGQiLCJTdHlsZWRQbGFjZWhvbGRlckJ1dHRvbiIsImVmZmVjdFBhbmVsQWRkRWZmZWN0Rm9udEZhbWlseSIsImdldEltYWdlVXJsIiwidHlwZSIsImtlYmFiIiwicmVwbGFjZSIsIiQiLCJvZnMiLCJ0b0xvd2VyQ2FzZSIsIkVmZmVjdFR5cGVMaXN0SXRlbUZhY3RvcnkiLCJFZmZlY3RUeXBlTGlzdEl0ZW0iLCJfcmVmIiwidmFsdWUiLCJpc1RpbGUiLCJjbGFzc05hbWUiLCJjcmVhdGVFbGVtZW50IiwiRm9ybWF0dGVkTWVzc2FnZSIsImlkIiwiY2xhc3NOYW1lcyIsImxpc3QiLCJzcmMiLCJkZWZhdWx0TWVzc2FnZSIsIm5hbWUiLCJ3aXRoVGhlbWUiLCJfZGVmYXVsdCJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9lZmZlY3RzL2VmZmVjdC10eXBlLWxpc3QtaXRlbS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IE1JVFxuLy8gQ29weXJpZ2h0IGNvbnRyaWJ1dG9ycyB0byB0aGUga2VwbGVyLmdsIHByb2plY3RcblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQsIHt3aXRoVGhlbWV9IGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xuXG5pbXBvcnQge0tFUExFUl9VTkZPTERFRF9CVUNLRVR9IGZyb20gJ0BrZXBsZXIuZ2wvY29uc3RhbnRzJztcbmltcG9ydCB7Rm9ybWF0dGVkTWVzc2FnZX0gZnJvbSAnQGtlcGxlci5nbC9sb2NhbGl6YXRpb24nO1xuXG5pbXBvcnQge0FkZH0gZnJvbSAnLi4vY29tbW9uL2ljb25zJztcblxuZXhwb3J0IGNvbnN0IERVTU1ZX0lURU1fSUQgPSAnZHVtbXknO1xuXG5leHBvcnQgdHlwZSBFZmZlY3RUeXBlTGlzdEl0ZW1Qcm9wcyA9IHtcbiAgdmFsdWU6IHt0eXBlOiBzdHJpbmc7IG5hbWU6IHN0cmluZ307XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgaXNUaWxlPzogYm9vbGVhbjtcbiAgdGhlbWU6IGFueTtcbn07XG5cbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmRpdmBcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBoZWlnaHQ6IDg5cHg7XG4gIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC40cztcblxuICA6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuZWZmZWN0VHlwZUljb25CZ0hvdmVyQ29sb3J9O1xuICB9XG5cbiAgLmVmZmVjdC10eXBlLXNlbGVjdG9yX19pdGVtX19pY29uIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybCgke2Ake0tFUExFUl9VTkZPTERFRF9CVUNLRVR9L2ltYWdlcy9rZXBsZXIuZ2wtbGF5ZXItaWNvbi1iZy5wbmdgfSk7XG4gICAgYmFja2dyb3VuZC1zaXplOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmVmZmVjdFR5cGVJY29uU2l6ZUx9cHhcbiAgICAgICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuZWZmZWN0VHlwZUljb25TaXplTH1weDtcbiAgICBoZWlnaHQ6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuZWZmZWN0VHlwZUljb25TaXplTH1weDtcbiAgICB3aWR0aDogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5lZmZlY3RUeXBlSWNvblNpemVMfXB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDJweDtcblxuICAgIC5lZmZlY3QtcHJldmlldyB7XG4gICAgICBoZWlnaHQ6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuZWZmZWN0VHlwZUljb25TaXplTH1weDtcbiAgICAgIHdpZHRoOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmVmZmVjdFR5cGVJY29uU2l6ZUx9cHg7XG4gICAgfVxuICB9XG5cbiAgLmVmZmVjdC10eXBlLXNlbGVjdG9yX19pdGVtX19sYWJlbCB7XG4gICAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG4gICAgZm9udC1zaXplOiAxMHB4O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5lZmZlY3RQYW5lbFRleHRNYWlufTtcbiAgICBtYXgtd2lkdGg6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuZWZmZWN0VHlwZUljb25TaXplTH1weDtcbiAgICBsaW5lLWhlaWdodDogMTRweDtcbiAgICBwYWRkaW5nLXRvcDogMnB4O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRBZGRCdXR0b24gPSBzdHlsZWQoQWRkKWBcbiAgbWFyZ2luLXJpZ2h0OiA4cHg7XG4gIGhlaWdodDogMTZweDtcbmA7XG5cbmNvbnN0IFN0eWxlZFBsYWNlaG9sZGVyQnV0dG9uID0gc3R5bGVkLmRpdmBcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBtYXJnaW4tbGVmdDogM3B4O1xuICBtYXJnaW4tcmlnaHQ6IDNweDtcbiAgbGV0dGVyLXNwYWNpbmc6IDAuM3B4O1xuICBmb250LWZhbWlseTogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5lZmZlY3RQYW5lbEFkZEVmZmVjdEZvbnRGYW1pbHl9O1xuICBmb250LXdlaWdodDogNTAwO1xuYDtcblxuLyoqXG4gKiBUcmFuc2Zvcm1zIGFuIGVmZmVjdCB0eXBlIGZyb20gY2FtZWwgY2FzZSBpbnRvIGEgbmFtZSBvZiB0aGUgaW1hZ2UgaW4ga2ViYWIgY2FzZS5cbiAqIEBwYXJhbSB7c3RyaW5nfSB0eXBlXG4gKiBAcmV0dXJucyB7c3RyaW5nfVxuICovXG5jb25zdCBnZXRJbWFnZVVybCA9IHR5cGUgPT4ge1xuICBjb25zdCBrZWJhYiA9IHR5cGUucmVwbGFjZShcbiAgICAvW0EtWl0rKD8hW2Etel0pfFtBLVpdL2csXG4gICAgKCQsIG9mcykgPT4gKG9mcyA/ICctJyA6ICcnKSArICQudG9Mb3dlckNhc2UoKVxuICApO1xuICByZXR1cm4gYCR7S0VQTEVSX1VORk9MREVEX0JVQ0tFVH0vaW1hZ2VzL2VmZmVjdHMvJHtrZWJhYn0ucG5nYDtcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBFZmZlY3RUeXBlTGlzdEl0ZW1GYWN0b3J5KCkge1xuICBjb25zdCBFZmZlY3RUeXBlTGlzdEl0ZW06IFJlYWN0LkZDPEVmZmVjdFR5cGVMaXN0SXRlbVByb3BzPiA9ICh7dmFsdWUsIGlzVGlsZSwgY2xhc3NOYW1lfSkgPT4ge1xuICAgIGlmICh2YWx1ZT8udHlwZSA9PT0gRFVNTVlfSVRFTV9JRCkge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPFN0eWxlZFBsYWNlaG9sZGVyQnV0dG9uPlxuICAgICAgICAgIDxTdHlsZWRBZGRCdXR0b24gLz5cbiAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSBpZD17J2VmZmVjdE1hbmFnZXIuYWRkRWZmZWN0J30gLz5cbiAgICAgICAgPC9TdHlsZWRQbGFjZWhvbGRlckJ1dHRvbj5cbiAgICAgICk7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRMaXN0SXRlbVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoJ2VmZmVjdC10eXBlLXNlbGVjdG9yX19pdGVtX19pbm5lcicsIGNsYXNzTmFtZSwge1xuICAgICAgICAgIGxpc3Q6ICFpc1RpbGVcbiAgICAgICAgfSl9XG4gICAgICA+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiZWZmZWN0LXR5cGUtc2VsZWN0b3JfX2l0ZW1fX2ljb25cIj5cbiAgICAgICAgICA8aW1nIGNsYXNzTmFtZT1cImVmZmVjdC1wcmV2aWV3XCIgc3JjPXtnZXRJbWFnZVVybCh2YWx1ZS50eXBlKX0gLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiZWZmZWN0LXR5cGUtc2VsZWN0b3JfX2l0ZW1fX2xhYmVsXCI+XG4gICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9e2BlZmZlY3QudHlwZS4ke3ZhbHVlLnR5cGV9YH0gZGVmYXVsdE1lc3NhZ2U9e3ZhbHVlLm5hbWV9IC8+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9TdHlsZWRMaXN0SXRlbT5cbiAgICApO1xuICB9O1xuXG4gIHJldHVybiB3aXRoVGhlbWUoRWZmZWN0VHlwZUxpc3RJdGVtKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgRWZmZWN0VHlwZUxpc3RJdGVtRmFjdG9yeTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFHQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENB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

package/dist/effects/effect-type-selector.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import EffectTypeDropdownListFactory from './effect-type-dropdown-list';
+import EffectTypeListItemFactory from './effect-type-list-item';
+export declare type EffectTypeSelectorProps = {
+    options: {
+        type: string;
+        name: string;
+        disabled: boolean;
+    }[];
+    onSelect: (type: any) => void;
+    theme: any;
+    onBlur?: () => void;
+    onOpen?: () => void;
+};
+declare function EffectTypeSelectorFactory(EffectTypeListItem: any, EffectTypeDropdownList: any): React.ForwardRefExoticComponent<{
+    onBlur?: (() => void) | undefined;
+    onSelect: (type: any) => void;
+    options: {
+        type: string;
+        name: string;
+        disabled: boolean;
+    }[];
+    onOpen?: (() => void) | undefined;
+} & {
+    theme?: any;
+}>;
+declare namespace EffectTypeSelectorFactory {
+    var deps: (typeof EffectTypeListItemFactory | typeof EffectTypeDropdownListFactory)[];
+}
+export default EffectTypeSelectorFactory;

package/dist/effects/effect-type-selector.js

@@ -0,0 +1,77 @@
+"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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _itemSelector = _interopRequireDefault(require("../common/item-selector/item-selector"));
+var _effectTypeDropdownList = _interopRequireDefault(require("./effect-type-dropdown-list"));
+var _effectTypeListItem = _interopRequireWildcard(require("./effect-type-list-item"));
+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 DropdownWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  border: 0;\n  width: 100%;\n  left: 0;\n  z-index: ", ";\n  width: 297px;\n  margin-left: -194px;\n  margin-top: 26px;\n\n  .typeahead__input {\n    border-color: ", ";\n    border-radius: 4px 4px 0px 0px !important;\n  }\n  .typeahead__input_box {\n    padding: 0px;\n  }\n  .typeahead__input_icon {\n    top: 34px;\n    right: 9px;\n  }\n"])), function (props) {
+  return props.theme.dropdownWrapperZ;
+}, function (props) {
+  return props.theme.activeColor;
+});
+var StyledEffectTypeSelector = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  .item-selector .item-selector__dropdown {\n    padding: 4px 10px 4px 10px;\n    background-color: ", ";\n    border-radius: ", ";\n    font-size: ", ";\n    border: none;\n    :hover {\n      background-color: ", ";\n    }\n    .item-selector__dropdown__value {\n      color: ", ";\n    }\n  }\n"])), function (props) {
+  return props.theme.secondaryBtnBgd;
+}, function (props) {
+  return props.theme.primaryBtnRadius;
+}, function (props) {
+  return props.theme.primaryBtnFontSizeDefault;
+}, function (props) {
+  return props.theme.secondaryBtnBgdHover;
+}, function (props) {
+  return props.theme.secondaryBtnActColor;
+});
+var getDisplayOption = function getDisplayOption(op) {
+  return op.name;
+};
+var getOptionValue = function getOptionValue(op) {
+  return op.type;
+};
+EffectTypeSelectorFactory.deps = [_effectTypeListItem["default"], _effectTypeDropdownList["default"]];
+function EffectTypeSelectorFactory(EffectTypeListItem, EffectTypeDropdownList) {
+  var EffectTypeSelector = function EffectTypeSelector(_ref) {
+    var options = _ref.options,
+      onSelect = _ref.onSelect,
+      onBlur = _ref.onBlur,
+      onOpen = _ref.onOpen;
+    // Make sure effect type selector has dummy as selection
+    var selectedItems = (0, _react.useMemo)(function () {
+      return [{
+        type: _effectTypeListItem.DUMMY_ITEM_ID,
+        name: _effectTypeListItem.DUMMY_ITEM_ID
+      }];
+    }, []);
+    return /*#__PURE__*/_react["default"].createElement(StyledEffectTypeSelector, {
+      className: "effect-config__type"
+    }, /*#__PURE__*/_react["default"].createElement(_itemSelector["default"], {
+      selectedItems: selectedItems,
+      options: options,
+      multiSelect: false,
+      disabled: false,
+      placeholder: "effectManager.addEffect",
+      onChange: onSelect,
+      onBlur: onBlur,
+      onOpen: onOpen,
+      getOptionValue: getOptionValue,
+      filterOption: "name",
+      displayOption: getDisplayOption,
+      DropDownLineItemRenderComponent: EffectTypeListItem,
+      DropDownRenderComponent: EffectTypeDropdownList,
+      DropDownWrapperComponent: DropdownWrapper
+    }));
+  };
+  return (0, _styledComponents.withTheme)(EffectTypeSelector);
+}
+var _default = exports["default"] = EffectTypeSelectorFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfc3R5bGVkQ29tcG9uZW50cyIsIl9pdGVtU2VsZWN0b3IiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwiX2VmZmVjdFR5cGVEcm9wZG93bkxpc3QiLCJfZWZmZWN0VHlwZUxpc3RJdGVtIiwiX3RlbXBsYXRlT2JqZWN0IiwiX3RlbXBsYXRlT2JqZWN0MiIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsImUiLCJXZWFrTWFwIiwiciIsInQiLCJfX2VzTW9kdWxlIiwiX3R5cGVvZiIsImhhcyIsImdldCIsIm4iLCJfX3Byb3RvX18iLCJhIiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJ1IiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiaSIsInNldCIsIkRyb3Bkb3duV3JhcHBlciIsInN0eWxlZCIsImRpdiIsIl90YWdnZWRUZW1wbGF0ZUxpdGVyYWwyIiwicHJvcHMiLCJ0aGVtZSIsImRyb3Bkb3duV3JhcHBlcloiLCJhY3RpdmVDb2xvciIsIlN0eWxlZEVmZmVjdFR5cGVTZWxlY3RvciIsInNlY29uZGFyeUJ0bkJnZCIsInByaW1hcnlCdG5SYWRpdXMiLCJwcmltYXJ5QnRuRm9udFNpemVEZWZhdWx0Iiwic2Vjb25kYXJ5QnRuQmdkSG92ZXIiLCJzZWNvbmRhcnlCdG5BY3RDb2xvciIsImdldERpc3BsYXlPcHRpb24iLCJvcCIsIm5hbWUiLCJnZXRPcHRpb25WYWx1ZSIsInR5cGUiLCJFZmZlY3RUeXBlU2VsZWN0b3JGYWN0b3J5IiwiZGVwcyIsIkVmZmVjdFR5cGVMaXN0SXRlbUZhY3RvcnkiLCJFZmZlY3RUeXBlRHJvcGRvd25MaXN0RmFjdG9yeSIsIkVmZmVjdFR5cGVMaXN0SXRlbSIsIkVmZmVjdFR5cGVEcm9wZG93bkxpc3QiLCJFZmZlY3RUeXBlU2VsZWN0b3IiLCJfcmVmIiwib3B0aW9ucyIsIm9uU2VsZWN0Iiwib25CbHVyIiwib25PcGVuIiwic2VsZWN0ZWRJdGVtcyIsInVzZU1lbW8iLCJEVU1NWV9JVEVNX0lEIiwiY3JlYXRlRWxlbWVudCIsImNsYXNzTmFtZSIsIm11bHRpU2VsZWN0IiwiZGlzYWJsZWQiLCJwbGFjZWhvbGRlciIsIm9uQ2hhbmdlIiwiZmlsdGVyT3B0aW9uIiwiZGlzcGxheU9wdGlvbiIsIkRyb3BEb3duTGluZUl0ZW1SZW5kZXJDb21wb25lbnQiLCJEcm9wRG93blJlbmRlckNvbXBvbmVudCIsIkRyb3BEb3duV3JhcHBlckNvbXBvbmVudCIsIndpdGhUaGVtZSIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9lZmZlY3RzL2VmZmVjdC10eXBlLXNlbGVjdG9yLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogTUlUXG4vLyBDb3B5cmlnaHQgY29udHJpYnV0b3JzIHRvIHRoZSBrZXBsZXIuZ2wgcHJvamVjdFxuXG5pbXBvcnQgUmVhY3QsIHt1c2VNZW1vfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkLCB7d2l0aFRoZW1lfSBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCBJdGVtU2VsZWN0b3IgZnJvbSAnLi4vY29tbW9uL2l0ZW0tc2VsZWN0b3IvaXRlbS1zZWxlY3Rvcic7XG5pbXBvcnQgRWZmZWN0VHlwZURyb3Bkb3duTGlzdEZhY3RvcnkgZnJvbSAnLi9lZmZlY3QtdHlwZS1kcm9wZG93bi1saXN0JztcbmltcG9ydCBFZmZlY3RUeXBlTGlzdEl0ZW1GYWN0b3J5LCB7RFVNTVlfSVRFTV9JRH0gZnJvbSAnLi9lZmZlY3QtdHlwZS1saXN0LWl0ZW0nO1xuXG5leHBvcnQgdHlwZSBFZmZlY3RUeXBlU2VsZWN0b3JQcm9wcyA9IHtcbiAgb3B0aW9uczoge3R5cGU6IHN0cmluZzsgbmFtZTogc3RyaW5nOyBkaXNhYmxlZDogYm9vbGVhbn1bXTtcbiAgb25TZWxlY3Q6ICh0eXBlOiBhbnkpID0+IHZvaWQ7XG4gIHRoZW1lOiBhbnk7XG4gIG9uQmx1cj86ICgpID0+IHZvaWQ7XG4gIG9uT3Blbj86ICgpID0+IHZvaWQ7XG59O1xuXG5jb25zdCBEcm9wZG93bldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBib3JkZXI6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBsZWZ0OiAwO1xuICB6LWluZGV4OiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmRyb3Bkb3duV3JhcHBlclp9O1xuICB3aWR0aDogMjk3cHg7XG4gIG1hcmdpbi1sZWZ0OiAtMTk0cHg7XG4gIG1hcmdpbi10b3A6IDI2cHg7XG5cbiAgLnR5cGVhaGVhZF9faW5wdXQge1xuICAgIGJvcmRlci1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5hY3RpdmVDb2xvcn07XG4gICAgYm9yZGVyLXJhZGl1czogNHB4IDRweCAwcHggMHB4ICFpbXBvcnRhbnQ7XG4gIH1cbiAgLnR5cGVhaGVhZF9faW5wdXRfYm94IHtcbiAgICBwYWRkaW5nOiAwcHg7XG4gIH1cbiAgLnR5cGVhaGVhZF9faW5wdXRfaWNvbiB7XG4gICAgdG9wOiAzNHB4O1xuICAgIHJpZ2h0OiA5cHg7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEVmZmVjdFR5cGVTZWxlY3RvciA9IHN0eWxlZC5kaXZgXG4gIC5pdGVtLXNlbGVjdG9yIC5pdGVtLXNlbGVjdG9yX19kcm9wZG93biB7XG4gICAgcGFkZGluZzogNHB4IDEwcHggNHB4IDEwcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5zZWNvbmRhcnlCdG5CZ2R9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUucHJpbWFyeUJ0blJhZGl1c307XG4gICAgZm9udC1zaXplOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnByaW1hcnlCdG5Gb250U2l6ZURlZmF1bHR9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICA6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5zZWNvbmRhcnlCdG5CZ2RIb3Zlcn07XG4gICAgfVxuICAgIC5pdGVtLXNlbGVjdG9yX19kcm9wZG93bl9fdmFsdWUge1xuICAgICAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuc2Vjb25kYXJ5QnRuQWN0Q29sb3J9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgZ2V0RGlzcGxheU9wdGlvbiA9IG9wID0+IG9wLm5hbWU7XG5jb25zdCBnZXRPcHRpb25WYWx1ZSA9IG9wID0+IG9wLnR5cGU7XG5cbkVmZmVjdFR5cGVTZWxlY3RvckZhY3RvcnkuZGVwcyA9IFtFZmZlY3RUeXBlTGlzdEl0ZW1GYWN0b3J5LCBFZmZlY3RUeXBlRHJvcGRvd25MaXN0RmFjdG9yeV07XG5cbmZ1bmN0aW9uIEVmZmVjdFR5cGVTZWxlY3RvckZhY3RvcnkoRWZmZWN0VHlwZUxpc3RJdGVtLCBFZmZlY3RUeXBlRHJvcGRvd25MaXN0KSB7XG4gIGNvbnN0IEVmZmVjdFR5cGVTZWxlY3RvcjogUmVhY3QuRkM8RWZmZWN0VHlwZVNlbGVjdG9yUHJvcHM+ID0gKHtcbiAgICBvcHRpb25zLFxuICAgIG9uU2VsZWN0LFxuICAgIG9uQmx1cixcbiAgICBvbk9wZW5cbiAgfTogRWZmZWN0VHlwZVNlbGVjdG9yUHJvcHMpID0+IHtcbiAgICAvLyBNYWtlIHN1cmUgZWZmZWN0IHR5cGUgc2VsZWN0b3IgaGFzIGR1bW15IGFzIHNlbGVjdGlvblxuICAgIGNvbnN0IHNlbGVjdGVkSXRlbXMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIHJldHVybiBbXG4gICAgICAgIHtcbiAgICAgICAgICB0eXBlOiBEVU1NWV9JVEVNX0lELFxuICAgICAgICAgIG5hbWU6IERVTU1ZX0lURU1fSURcbiAgICAgICAgfVxuICAgICAgXTtcbiAgICB9LCBbXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZEVmZmVjdFR5cGVTZWxlY3RvciBjbGFzc05hbWU9XCJlZmZlY3QtY29uZmlnX190eXBlXCI+XG4gICAgICAgIDxJdGVtU2VsZWN0b3JcbiAgICAgICAgICBzZWxlY3RlZEl0ZW1zPXtzZWxlY3RlZEl0ZW1zfVxuICAgICAgICAgIG9wdGlvbnM9e29wdGlvbnN9XG4gICAgICAgICAgbXVsdGlTZWxlY3Q9e2ZhbHNlfVxuICAgICAgICAgIGRpc2FibGVkPXtmYWxzZX1cbiAgICAgICAgICBwbGFjZWhvbGRlcj1cImVmZmVjdE1hbmFnZXIuYWRkRWZmZWN0XCJcbiAgICAgICAgICBvbkNoYW5nZT17b25TZWxlY3R9XG4gICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgb25PcGVuPXtvbk9wZW59XG4gICAgICAgICAgZ2V0T3B0aW9uVmFsdWU9e2dldE9wdGlvblZhbHVlfVxuICAgICAgICAgIGZpbHRlck9wdGlvbj1cIm5hbWVcIlxuICAgICAgICAgIGRpc3BsYXlPcHRpb249e2dldERpc3BsYXlPcHRpb259XG4gICAgICAgICAgRHJvcERvd25MaW5lSXRlbVJlbmRlckNvbXBvbmVudD17RWZmZWN0VHlwZUxpc3RJdGVtfVxuICAgICAgICAgIERyb3BEb3duUmVuZGVyQ29tcG9uZW50PXtFZmZlY3RUeXBlRHJvcGRvd25MaXN0fVxuICAgICAgICAgIERyb3BEb3duV3JhcHBlckNvbXBvbmVudD17RHJvcGRvd25XcmFwcGVyfVxuICAgICAgICAvPlxuICAgICAgPC9TdHlsZWRFZmZlY3RUeXBlU2VsZWN0b3I+XG4gICAgKTtcbiAgfTtcblxuICByZXR1cm4gd2l0aFRoZW1lKEVmZmVjdFR5cGVTZWxlY3Rvcik7XG59XG5cbmV4cG9ydCBkZWZhdWx0IEVmZmVjdFR5cGVTZWxlY3RvckZhY3Rvcnk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUdBLElBQUFBLE1BQUEsR0FBQUMsdUJBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLGlCQUFBLEdBQUFGLHVCQUFBLENBQUFDLE9BQUE7QUFFQSxJQUFBRSxhQUFBLEdBQUFDLHNCQUFBLENBQUFILE9BQUE7QUFDQSxJQUFBSSx1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

package/dist/effects/side-panel-title.d.ts

@@ -0,0 +1,7 @@
+import React, { PropsWithChildren } from 'react';
+export declare type PanelTitleProps = PropsWithChildren<{
+    title: string;
+    className?: string;
+}>;
+declare const SidePanelTitleFactory: () => React.FC<PanelTitleProps>;
+export default SidePanelTitleFactory;