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

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

@@ -0,0 +1,191 @@
+// Copyright (c) 2023 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = EffectTimeConfiguratorFactory;
+
+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 _localization = require("@kepler.gl/localization");
+
+var _utils = require("@kepler.gl/utils");
+
+var _styledComponents2 = require("../common/styled-components");
+
+var _rangeSlider = _interopRequireDefault(require("../common/range-slider"));
+
+var _checkbox = _interopRequireDefault(require("../common/checkbox"));
+
+var _button = _interopRequireDefault(require("../common/data-table/button"));
+
+var _icons = require("../common/icons");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+
+var DAY_SLIDER_RANGE = 1000 * 60 * 60 * 24;
+
+var StyledWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-left: 5px;\n  padding-right: 5px;\n  margin-bottom: 9px;\n  opacity: ", ";\n  ", "\n"])), function (props) {
+  return props.disabled ? 0.3 : 1;
+}, function (props) {
+  return props.disabled ? 'pointer-events: none;' : '';
+});
+
+var SliderWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  margin-top: 13px;\n  margin-right: 8px;\n  margin-bottom: 17px;\n\n  opacity: ", ";\n  ", "\n"])), function (props) {
+  return props.disabled ? 0.3 : 1;
+}, function (props) {
+  return props.disabled ? 'pointer-events: none;' : '';
+});
+
+var StyledButton = (0, _styledComponents["default"])(_button["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  color: ", ";\n  background-color: ", ";\n  height: 31px;\n  padding: 5px;\n  border-radius: 2px;\n  :hover {\n    background-color: ", ";\n  }\n"])), function (props) {
+  return props.theme.textColor;
+}, function (props) {
+  return props.theme.inputBgd;
+}, function (props) {
+  return props.theme.inputBgdHover;
+});
+var StyledRadio = (0, _styledComponents["default"])(_checkbox["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  .kg-checkbox__label {\n    font-family: ", ";\n    font-size: ", ";\n  }\n  .kg-checkbox__label:before {\n    background-color: ", ";\n  }\n"])), function (props) {
+  return props.theme.fontFamily;
+}, function (props) {
+  return props.theme.inputFontSize;
+}, function (props) {
+  return props.theme.inputBgdHover;
+});
+
+var StyledLabelWrapper = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  color: ", ";\n  margin-right: 10px;\n"])), function (props) {
+  return props.theme.textColor;
+});
+
+var StyledEffectTimeConfigurator = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  border-left: 3px solid ", ";\n  margin-bottom: 8px;\n  margin-top: 3px;\n  margin-left: 3px;\n"])), function (props) {
+  return props.theme.panelBorderColor;
+});
+
+EffectTimeConfiguratorFactory.deps = [_rangeSlider["default"]];
+
+function EffectTimeConfiguratorFactory(RangeSlider) {
+  var EffectTimeConfigurator = function EffectTimeConfigurator(_ref) {
+    var timestamp = _ref.timestamp,
+        useCurrentTime = _ref.useCurrentTime,
+        onDateTimeChange = _ref.onDateTimeChange,
+        onUseCurrentTimeChange = _ref.onUseCurrentTimeChange;
+
+    var _useMemo = (0, _react.useMemo)(function () {
+      var date = new Date(timestamp);
+      var h = date.getHours();
+      var m = date.getMinutes();
+      var timeString = "".concat(h < 10 ? "0".concat(h) : "".concat(h), ":").concat(m < 10 ? "0".concat(m) : "".concat(m));
+      return [date, timeString];
+    }, [timestamp]),
+        _useMemo2 = (0, _slicedToArray2["default"])(_useMemo, 2),
+        selectedDate = _useMemo2[0],
+        selectedTimeString = _useMemo2[1];
+
+    var timeSliderValue = (0, _react.useMemo)(function () {
+      var base = new Date(timestamp).setHours(0, 0, 0).valueOf();
+      return (0, _utils.clamp)([0, 1], (parseInt(timestamp) - base) / DAY_SLIDER_RANGE);
+    }, [timestamp, selectedDate]);
+    var timeSliderProps = (0, _react.useMemo)(function () {
+      return {
+        label: 'value',
+        value1: timeSliderValue,
+        step: 0.001,
+        range: [0, 1],
+        value0: 0,
+        onChange: function onChange(value) {
+          var start = new Date(timestamp).setHours(0, 0, 0).valueOf();
+          onDateTimeChange(Math.floor(start + DAY_SLIDER_RANGE * (0, _utils.clamp)([0, 0.9999], value[1])));
+        },
+        showInput: false,
+        isRanged: false
+      };
+    }, [timeSliderValue, timestamp, onDateTimeChange]);
+    var setDate = (0, _react.useCallback)(function (newDate) {
+      onDateTimeChange(Math.floor(newDate.valueOf() + DAY_SLIDER_RANGE * timeSliderValue));
+    }, [timeSliderValue, onDateTimeChange]);
+    var setTime = (0, _react.useCallback)(function (time) {
+      var conf = time.split(':');
+      var start = new Date(timestamp).setHours(conf[0], conf[1]).valueOf();
+      onDateTimeChange(start);
+    }, [timestamp, onDateTimeChange]);
+    var setCurrentDateTime = (0, _react.useCallback)(function () {
+      onDateTimeChange(new Date().valueOf());
+    }, [onDateTimeChange]);
+    return /*#__PURE__*/_react["default"].createElement(StyledEffectTimeConfigurator, null, /*#__PURE__*/_react["default"].createElement(StyledWrapper, null, /*#__PURE__*/_react["default"].createElement(StyledRadio, {
+      type: "radio",
+      checked: !useCurrentTime,
+      id: "effect-time-toggle-use-pick",
+      label: 'Pick date/time',
+      onChange: function onChange() {
+        onUseCurrentTimeChange(false);
+      }
+    })), /*#__PURE__*/_react["default"].createElement(StyledWrapper, {
+      disabled: useCurrentTime
+    }, /*#__PURE__*/_react["default"].createElement(StyledButton, {
+      onClick: setCurrentDateTime,
+      "data-for": "pick-time-button",
+      "data-tip": true
+    }, /*#__PURE__*/_react["default"].createElement(_icons.Pin, {
+      height: "15px"
+    }), /*#__PURE__*/_react["default"].createElement(_styledComponents2.Tooltip, {
+      id: "pick-time-button",
+      effect: "solid",
+      place: "top",
+      delayShow: 500
+    }, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: 'Pick current time'
+    }))), /*#__PURE__*/_react["default"].createElement(_styledComponents2.StyledDatePicker, {
+      value: selectedDate,
+      onChange: setDate
+    }), /*#__PURE__*/_react["default"].createElement(_styledComponents2.StyledTimePicker, {
+      value: selectedTimeString,
+      onChange: setTime,
+      disableClock: true,
+      format: 'hh:mm a'
+    }), /*#__PURE__*/_react["default"].createElement(StyledLabelWrapper, null, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: 'UTC'
+    }))), /*#__PURE__*/_react["default"].createElement(SliderWrapper, {
+      disabled: useCurrentTime
+    }, /*#__PURE__*/_react["default"].createElement(RangeSlider, timeSliderProps)), /*#__PURE__*/_react["default"].createElement(StyledWrapper, null, /*#__PURE__*/_react["default"].createElement(StyledRadio, {
+      type: "radio",
+      checked: useCurrentTime,
+      id: "effect-time-toggle-use-current",
+      label: 'Current time',
+      onChange: function onChange() {
+        onUseCurrentTimeChange(true);
+      }
+    })));
+  };
+
+  return EffectTimeConfigurator;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9lZmZlY3RzL2VmZmVjdC10aW1lLWNvbmZpZ3VyYXRvci50c3giXSwibmFtZXMiOlsiREFZX1NMSURFUl9SQU5HRSIsIlN0eWxlZFdyYXBwZXIiLCJzdHlsZWQiLCJkaXYiLCJwcm9wcyIsImRpc2FibGVkIiwiU2xpZGVyV3JhcHBlciIsIlN0eWxlZEJ1dHRvbiIsIkJ1dHRvbiIsInRoZW1lIiwidGV4dENvbG9yIiwiaW5wdXRCZ2QiLCJpbnB1dEJnZEhvdmVyIiwiU3R5bGVkUmFkaW8iLCJDaGVja2JveCIsImZvbnRGYW1pbHkiLCJpbnB1dEZvbnRTaXplIiwiU3R5bGVkTGFiZWxXcmFwcGVyIiwiU3R5bGVkRWZmZWN0VGltZUNvbmZpZ3VyYXRvciIsInBhbmVsQm9yZGVyQ29sb3IiLCJFZmZlY3RUaW1lQ29uZmlndXJhdG9yRmFjdG9yeSIsImRlcHMiLCJSYW5nZVNsaWRlckZhY3RvcnkiLCJSYW5nZVNsaWRlciIsIkVmZmVjdFRpbWVDb25maWd1cmF0b3IiLCJ0aW1lc3RhbXAiLCJ1c2VDdXJyZW50VGltZSIsIm9uRGF0ZVRpbWVDaGFuZ2UiLCJvblVzZUN1cnJlbnRUaW1lQ2hhbmdlIiwiZGF0ZSIsIkRhdGUiLCJoIiwiZ2V0SG91cnMiLCJtIiwiZ2V0TWludXRlcyIsInRpbWVTdHJpbmciLCJzZWxlY3RlZERhdGUiLCJzZWxlY3RlZFRpbWVTdHJpbmciLCJ0aW1lU2xpZGVyVmFsdWUiLCJiYXNlIiwic2V0SG91cnMiLCJ2YWx1ZU9mIiwicGFyc2VJbnQiLCJ0aW1lU2xpZGVyUHJvcHMiLCJsYWJlbCIsInZhbHVlMSIsInN0ZXAiLCJyYW5nZSIsInZhbHVlMCIsIm9uQ2hhbmdlIiwidmFsdWUiLCJzdGFydCIsIk1hdGgiLCJmbG9vciIsInNob3dJbnB1dCIsImlzUmFuZ2VkIiwic2V0RGF0ZSIsIm5ld0RhdGUiLCJzZXRUaW1lIiwidGltZSIsImNvbmYiLCJzcGxpdCIsInNldEN1cnJlbnREYXRlVGltZSJdLCJtYXBwaW5ncyI6Ijs7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LE9BQU8sRUFBRWpCLGNBRlg7QUFHRSxNQUFBLEVBQUUsa0NBSEo7QUFJRSxNQUFBLEtBQUssRUFBRSxjQUpUO0FBS0UsTUFBQSxRQUFRLEVBQUUsb0JBQU07QUFDZEUsUUFBQUEsc0JBQXNCLENBQUMsSUFBRCxDQUF0QjtBQUNEO0FBUEgsTUFERixDQW5DRixDQURGO0FBaURELEdBMUdEOztBQTRHQSxTQUFPSixzQkFBUDtBQUNEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7dXNlQ2FsbGJhY2ssIHVzZU1lbW99IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQge0Zvcm1hdHRlZE1lc3NhZ2V9IGZyb20gJ0BrZXBsZXIuZ2wvbG9jYWxpemF0aW9uJztcbmltcG9ydCB7Y2xhbXB9IGZyb20gJ0BrZXBsZXIuZ2wvdXRpbHMnO1xuXG5pbXBvcnQge1N0eWxlZFRpbWVQaWNrZXIsIFN0eWxlZERhdGVQaWNrZXIsIFRvb2x0aXB9IGZyb20gJy4uL2NvbW1vbi9zdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgUmFuZ2VTbGlkZXJGYWN0b3J5IGZyb20gJy4uL2NvbW1vbi9yYW5nZS1zbGlkZXInO1xuaW1wb3J0IENoZWNrYm94IGZyb20gJy4uL2NvbW1vbi9jaGVja2JveCc7XG5pbXBvcnQgQnV0dG9uIGZyb20gJy4uL2NvbW1vbi9kYXRhLXRhYmxlL2J1dHRvbic7XG5pbXBvcnQge1Bpbn0gZnJvbSAnLi4vY29tbW9uL2ljb25zJztcblxuY29uc3QgREFZX1NMSURFUl9SQU5HRSA9IDEwMDAgKiA2MCAqIDYwICogMjQ7XG5cbmV4cG9ydCB0eXBlIEVmZmVjdFRpbWVDb25maWd1cmF0b3JQcm9wcyA9IHtcbiAgdGltZXN0YW1wOiBzdHJpbmc7XG4gIG9uRGF0ZVRpbWVDaGFuZ2U6ICh0aW1lOiBudW1iZXIpID0+IHZvaWQ7XG4gIHVzZUN1cnJlbnRUaW1lOiBib29sZWFuO1xuICBvblVzZUN1cnJlbnRUaW1lQ2hhbmdlOiAodmFsdWU6IGJvb2xlYW4pID0+IHZvaWQ7XG59O1xuXG50eXBlIFN0eWxlZFdyYXBwZXJQcm9wcyA9IHtkaXNhYmxlZD86IGJvb2xlYW59O1xuY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZC5kaXY8U3R5bGVkV3JhcHBlclByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nLWxlZnQ6IDVweDtcbiAgcGFkZGluZy1yaWdodDogNXB4O1xuICBtYXJnaW4tYm90dG9tOiA5cHg7XG4gIG9wYWNpdHk6ICR7cHJvcHMgPT4gKHByb3BzLmRpc2FibGVkID8gMC4zIDogMSl9O1xuICAke3Byb3BzID0+IChwcm9wcy5kaXNhYmxlZCA/ICdwb2ludGVyLWV2ZW50czogbm9uZTsnIDogJycpfVxuYDtcblxudHlwZSBTbGlkZXJXcmFwcGVyUHJvcHMgPSB7ZGlzYWJsZWQ/OiBib29sZWFufTtcbmNvbnN0IFNsaWRlcldyYXBwZXIgPSBzdHlsZWQuZGl2PFNsaWRlcldyYXBwZXJQcm9wcz5gXG4gIG1hcmdpbi10b3A6IDEzcHg7XG4gIG1hcmdpbi1yaWdodDogOHB4O1xuICBtYXJnaW4tYm90dG9tOiAxN3B4O1xuXG4gIG9wYWNpdHk6ICR7cHJvcHMgPT4gKHByb3BzLmRpc2FibGVkID8gMC4zIDogMSl9O1xuICAke3Byb3BzID0+IChwcm9wcy5kaXNhYmxlZCA/ICdwb2ludGVyLWV2ZW50czogbm9uZTsnIDogJycpfVxuYDtcblxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKEJ1dHRvbilgXG4gIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRleHRDb2xvcn07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuaW5wdXRCZ2R9O1xuICBoZWlnaHQ6IDMxcHg7XG4gIHBhZGRpbmc6IDVweDtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICA6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuaW5wdXRCZ2RIb3Zlcn07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFJhZGlvID0gc3R5bGVkKENoZWNrYm94KWBcbiAgLmtnLWNoZWNrYm94X19sYWJlbCB7XG4gICAgZm9udC1mYW1pbHk6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuZm9udEZhbWlseX07XG4gICAgZm9udC1zaXplOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmlucHV0Rm9udFNpemV9O1xuICB9XG4gIC5rZy1jaGVja2JveF9fbGFiZWw6YmVmb3JlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmlucHV0QmdkSG92ZXJ9O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRMYWJlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50ZXh0Q29sb3J9O1xuICBtYXJnaW4tcmlnaHQ6IDEwcHg7XG5gO1xuXG5jb25zdCBTdHlsZWRFZmZlY3RUaW1lQ29uZmlndXJhdG9yID0gc3R5bGVkLmRpdmBcbiAgYm9yZGVyLWxlZnQ6IDNweCBzb2xpZCAke3Byb3BzID0+IHByb3BzLnRoZW1lLnBhbmVsQm9yZGVyQ29sb3J9O1xuICBtYXJnaW4tYm90dG9tOiA4cHg7XG4gIG1hcmdpbi10b3A6IDNweDtcbiAgbWFyZ2luLWxlZnQ6IDNweDtcbmA7XG5cbkVmZmVjdFRpbWVDb25maWd1cmF0b3JGYWN0b3J5LmRlcHMgPSBbUmFuZ2VTbGlkZXJGYWN0b3J5XTtcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gRWZmZWN0VGltZUNvbmZpZ3VyYXRvckZhY3RvcnkoXG4gIFJhbmdlU2xpZGVyOiBSZXR1cm5UeXBlPHR5cGVvZiBSYW5nZVNsaWRlckZhY3Rvcnk+XG4pOiBSZWFjdC5GQzxFZmZlY3RUaW1lQ29uZmlndXJhdG9yUHJvcHM+IHtcbiAgY29uc3QgRWZmZWN0VGltZUNvbmZpZ3VyYXRvciA9ICh7XG4gICAgdGltZXN0YW1wLFxuICAgIHVzZUN1cnJlbnRUaW1lLFxuICAgIG9uRGF0ZVRpbWVDaGFuZ2UsXG4gICAgb25Vc2VDdXJyZW50VGltZUNoYW5nZVxuICB9OiBFZmZlY3RUaW1lQ29uZmlndXJhdG9yUHJvcHMpID0+IHtcbiAgICBjb25zdCBbc2VsZWN0ZWREYXRlLCBzZWxlY3RlZFRpbWVTdHJpbmddID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICBjb25zdCBkYXRlID0gbmV3IERhdGUodGltZXN0YW1wKTtcblxuICAgICAgY29uc3QgaCA9IGRhdGUuZ2V0SG91cnMoKTtcbiAgICAgIGNvbnN0IG0gPSBkYXRlLmdldE1pbnV0ZXMoKTtcbiAgICAgIGNvbnN0IHRpbWVTdHJpbmcgPSBgJHtoIDwgMTAgPyBgMCR7aH1gIDogYCR7aH1gfToke20gPCAxMCA/IGAwJHttfWAgOiBgJHttfWB9YDtcblxuICAgICAgcmV0dXJuIFtkYXRlLCB0aW1lU3RyaW5nXTtcbiAgICB9LCBbdGltZXN0YW1wXSk7XG5cbiAgICBjb25zdCB0aW1lU2xpZGVyVmFsdWUgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIGNvbnN0IGJhc2UgPSBuZXcgRGF0ZSh0aW1lc3RhbXApLnNldEhvdXJzKDAsIDAsIDApLnZhbHVlT2YoKTtcbiAgICAgIHJldHVybiBjbGFtcChbMCwgMV0sIChwYXJzZUludCh0aW1lc3RhbXApIC0gYmFzZSkgLyBEQVlfU0xJREVSX1JBTkdFKTtcbiAgICB9LCBbdGltZXN0YW1wLCBzZWxlY3RlZERhdGVdKTtcblxuICAgIGNvbnN0IHRpbWVTbGlkZXJQcm9wcyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgcmV0dXJuIHtcbiAgICAgICAgbGFiZWw6ICd2YWx1ZScsXG4gICAgICAgIHZhbHVlMTogdGltZVNsaWRlclZhbHVlLFxuICAgICAgICBzdGVwOiAwLjAwMSxcbiAgICAgICAgcmFuZ2U6IFswLCAxXSxcbiAgICAgICAgdmFsdWUwOiAwLFxuICAgICAgICBvbkNoYW5nZTogdmFsdWUgPT4ge1xuICAgICAgICAgIGNvbnN0IHN0YXJ0ID0gbmV3IERhdGUodGltZXN0YW1wKS5zZXRIb3VycygwLCAwLCAwKS52YWx1ZU9mKCk7XG4gICAgICAgICAgb25EYXRlVGltZUNoYW5nZShNYXRoLmZsb29yKHN0YXJ0ICsgREFZX1NMSURFUl9SQU5HRSAqIGNsYW1wKFswLCAwLjk5OTldLCB2YWx1ZVsxXSkpKTtcbiAgICAgICAgfSxcbiAgICAgICAgc2hvd0lucHV0OiBmYWxzZSxcbiAgICAgICAgaXNSYW5nZWQ6IGZhbHNlXG4gICAgICB9O1xuICAgIH0sIFt0aW1lU2xpZGVyVmFsdWUsIHRpbWVzdGFtcCwgb25EYXRlVGltZUNoYW5nZV0pO1xuXG4gICAgY29uc3Qgc2V0RGF0ZSA9IHVzZUNhbGxiYWNrKFxuICAgICAgbmV3RGF0ZSA9PiB7XG4gICAgICAgIG9uRGF0ZVRpbWVDaGFuZ2UoTWF0aC5mbG9vcihuZXdEYXRlLnZhbHVlT2YoKSArIERBWV9TTElERVJfUkFOR0UgKiB0aW1lU2xpZGVyVmFsdWUpKTtcbiAgICAgIH0sXG4gICAgICBbdGltZVNsaWRlclZhbHVlLCBvbkRhdGVUaW1lQ2hhbmdlXVxuICAgICk7XG5cbiAgICBjb25zdCBzZXRUaW1lID0gdXNlQ2FsbGJhY2soXG4gICAgICB0aW1lID0+IHtcbiAgICAgICAgY29uc3QgY29uZiA9IHRpbWUuc3BsaXQoJzonKTtcbiAgICAgICAgY29uc3Qgc3RhcnQgPSBuZXcgRGF0ZSh0aW1lc3RhbXApLnNldEhvdXJzKGNvbmZbMF0sIGNvbmZbMV0pLnZhbHVlT2YoKTtcbiAgICAgICAgb25EYXRlVGltZUNoYW5nZShzdGFydCk7XG4gICAgICB9LFxuICAgICAgW3RpbWVzdGFtcCwgb25EYXRlVGltZUNoYW5nZV1cbiAgICApO1xuXG4gICAgY29uc3Qgc2V0Q3VycmVudERhdGVUaW1lID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgb25EYXRlVGltZUNoYW5nZShuZXcgRGF0ZSgpLnZhbHVlT2YoKSk7XG4gICAgfSwgW29uRGF0ZVRpbWVDaGFuZ2VdKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkRWZmZWN0VGltZUNvbmZpZ3VyYXRvcj5cbiAgICAgICAgPFN0eWxlZFdyYXBwZXI+XG4gICAgICAgICAgPFN0eWxlZFJhZGlvXG4gICAgICAgICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgICAgICAgY2hlY2tlZD17IXVzZUN1cnJlbnRUaW1lfVxuICAgICAgICAgICAgaWQ9e2BlZmZlY3QtdGltZS10b2dnbGUtdXNlLXBpY2tgfVxuICAgICAgICAgICAgbGFiZWw9eydQaWNrIGRhdGUvdGltZSd9XG4gICAgICAgICAgICBvbkNoYW5nZT17KCkgPT4ge1xuICAgICAgICAgICAgICBvblVzZUN1cnJlbnRUaW1lQ2hhbmdlKGZhbHNlKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9TdHlsZWRXcmFwcGVyPlxuICAgICAgICA8U3R5bGVkV3JhcHBlciBkaXNhYmxlZD17dXNlQ3VycmVudFRpbWV9PlxuICAgICAgICAgIDxTdHlsZWRCdXR0b24gb25DbGljaz17c2V0Q3VycmVudERhdGVUaW1lfSBkYXRhLWZvcj1cInBpY2stdGltZS1idXR0b25cIiBkYXRhLXRpcD5cbiAgICAgICAgICAgIDxQaW4gaGVpZ2h0PVwiMTVweFwiIC8+XG4gICAgICAgICAgICA8VG9vbHRpcCBpZD1cInBpY2stdGltZS1idXR0b25cIiBlZmZlY3Q9XCJzb2xpZFwiIHBsYWNlPVwidG9wXCIgZGVsYXlTaG93PXs1MDB9PlxuICAgICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSBpZD17J1BpY2sgY3VycmVudCB0aW1lJ30gLz5cbiAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgICAgICAgICA8U3R5bGVkRGF0ZVBpY2tlciB2YWx1ZT17c2VsZWN0ZWREYXRlfSBvbkNoYW5nZT17c2V0RGF0ZX0gLz5cbiAgICAgICAgICA8U3R5bGVkVGltZVBpY2tlclxuICAgICAgICAgICAgdmFsdWU9e3NlbGVjdGVkVGltZVN0cmluZ31cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtzZXRUaW1lfVxuICAgICAgICAgICAgZGlzYWJsZUNsb2NrPXt0cnVlfVxuICAgICAgICAgICAgZm9ybWF0PXsnaGg6bW0gYSd9XG4gICAgICAgICAgLz5cbiAgICAgICAgICA8U3R5bGVkTGFiZWxXcmFwcGVyPlxuICAgICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9eydVVEMnfSAvPlxuICAgICAgICAgIDwvU3R5bGVkTGFiZWxXcmFwcGVyPlxuICAgICAgICA8L1N0eWxlZFdyYXBwZXI+XG5cbiAgICAgICAgPFNsaWRlcldyYXBwZXIgZGlzYWJsZWQ9e3VzZUN1cnJlbnRUaW1lfT5cbiAgICAgICAgICA8UmFuZ2VTbGlkZXIgey4uLnRpbWVTbGlkZXJQcm9wc30gLz5cbiAgICAgICAgPC9TbGlkZXJXcmFwcGVyPlxuXG4gICAgICAgIDxTdHlsZWRXcmFwcGVyPlxuICAgICAgICAgIDxTdHlsZWRSYWRpb1xuICAgICAgICAgICAgdHlwZT1cInJhZGlvXCJcbiAgICAgICAgICAgIGNoZWNrZWQ9e3VzZUN1cnJlbnRUaW1lfVxuICAgICAgICAgICAgaWQ9e2BlZmZlY3QtdGltZS10b2dnbGUtdXNlLWN1cnJlbnRgfVxuICAgICAgICAgICAgbGFiZWw9eydDdXJyZW50IHRpbWUnfVxuICAgICAgICAgICAgb25DaGFuZ2U9eygpID0+IHtcbiAgICAgICAgICAgICAgb25Vc2VDdXJyZW50VGltZUNoYW5nZSh0cnVlKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9TdHlsZWRXcmFwcGVyPlxuICAgICAgPC9TdHlsZWRFZmZlY3RUaW1lQ29uZmlndXJhdG9yPlxuICAgICk7XG4gIH07XG5cbiAgcmV0dXJuIEVmZmVjdFRpbWVDb25maWd1cmF0b3I7XG59XG4iXX0=

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { addEffect } from '@kepler.gl/actions';
+export declare type EffectTypeSelectorProps = {
+    options: {
+        type: string;
+        name: string;
+    }[];
+    onSelect: typeof addEffect;
+};
+declare function EffectTypeSelectorFactory(): React.FC<EffectTypeSelectorProps>;
+export default EffectTypeSelectorFactory;

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

@@ -0,0 +1,117 @@
+// Copyright (c) 2023 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _localization = require("@kepler.gl/localization");
+
+var _styledComponents2 = require("../common/styled-components");
+
+var _icons = require("../common/icons");
+
+var _tippyTooltip = _interopRequireDefault(require("../common/tippy-tooltip"));
+
+var _templateObject;
+
+var StyledTippyTooltipContentContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  background-color: ", ";\n  display: flex;\n  flex-direction: column;\n  align-items: start;\n  margin: -7px -18px; /* compensate for kepler tippy parent padding */\n  border-radius: 2px;\n  .button {\n    width: 100%;\n    justify-content: start;\n    color: ", ";\n  }\n"])), function (props) {
+  return props.theme.panelBackgroundHover;
+}, function (props) {
+  return props.theme.WHITE;
+});
+/** @type [number, number] */
+
+
+var TIPPY_DURATION = [300, 0];
+/** @type [number, number] */
+
+var TIPPY_OFFSET = [0, 4];
+
+function EffectTypeSelectorFactory() {
+  var EffectTypeSelector = function EffectTypeSelector(_ref) {
+    var onSelect = _ref.onSelect,
+        options = _ref.options;
+
+    /** @type any */
+    var tippyInstance = (0, _react.useRef)(null);
+    var render = (0, _react.useCallback)(function () {
+      return /*#__PURE__*/_react["default"].createElement(StyledTippyTooltipContentContainer, null, options.map(function (effectDesc, idx) {
+        return /*#__PURE__*/_react["default"].createElement(_styledComponents2.Button, {
+          key: "".concat(effectDesc.type, "-").concat(idx),
+          onClick: function onClick() {
+            var _tippyInstance$curren;
+
+            onSelect({
+              config: {
+                type: effectDesc.type
+              }
+            }); // @ts-expect-error type current
+
+            (_tippyInstance$curren = tippyInstance.current) === null || _tippyInstance$curren === void 0 ? void 0 : _tippyInstance$curren.hide();
+          },
+          secondary: true
+        }, effectDesc.name);
+      }));
+    }, [options, tippyInstance, tippyInstance.current, onSelect]);
+    return /*#__PURE__*/_react["default"].createElement(_tippyTooltip["default"], {
+      placement: "bottom-start",
+      offset: TIPPY_OFFSET,
+      duration: TIPPY_DURATION,
+      trigger: "click",
+      interactive: true,
+      arrow: false,
+      hideOnClick: true,
+      onTrigger: function onTrigger(instance) {
+        // @ts-expect-error type current
+        tippyInstance.current = instance;
+      },
+      zIndex: 999 // defaults to 9999; keep it below modals (1000)
+      ,
+      render: render
+    }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_styledComponents2.Button, {
+      className: "add-effect-button",
+      secondary: true
+    }, /*#__PURE__*/_react["default"].createElement(_icons.Add, {
+      height: "12px"
+    }), /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: 'effectManager.addEffect'
+    }))));
+  };
+
+  return EffectTypeSelector;
+}
+
+var _default = EffectTypeSelectorFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9lZmZlY3RzL2VmZmVjdC10eXBlLXNlbGVjdG9yLnRzeCJdLCJuYW1lcyI6WyJTdHlsZWRUaXBweVRvb2x0aXBDb250ZW50Q29udGFpbmVyIiwic3R5bGVkIiwiZGl2IiwicHJvcHMiLCJ0aGVtZSIsInBhbmVsQmFja2dyb3VuZEhvdmVyIiwiV0hJVEUiLCJUSVBQWV9EVVJBVElPTiIsIlRJUFBZX09GRlNFVCIsIkVmZmVjdFR5cGVTZWxlY3RvckZhY3RvcnkiLCJFZmZlY3RUeXBlU2VsZWN0b3IiLCJvblNlbGVjdCIsIm9wdGlvbnMiLCJ0aXBweUluc3RhbmNlIiwicmVuZGVyIiwibWFwIiwiZWZmZWN0RGVzYyIsImlkeCIsInR5cGUiLCJjb25maWciLCJjdXJyZW50IiwiaGlkZSIsIm5hbWUiLCJpbnN0YW5jZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUVBOztBQUdBOztBQUNBOztBQUNBOzs7O0FBT0EsSUFBTUEsa0NBQWtDLEdBQUdDLDZCQUFPQyxHQUFWLDBXQUNsQixVQUFBQyxLQUFLO0FBQUEsU0FBSUEsS0FBSyxDQUFDQyxLQUFOLENBQVlDLG9CQUFoQjtBQUFBLENBRGEsRUFVM0IsVUFBQUYsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0MsS0FBTixDQUFZRSxLQUFoQjtBQUFBLENBVnNCLENBQXhDO0FBY0E7OztBQUNBLElBQU1DLGNBQWdDLEdBQUcsQ0FBQyxHQUFELEVBQU0sQ0FBTixDQUF6QztBQUNBOztBQUNBLElBQU1DLFlBQThCLEdBQUcsQ0FBQyxDQUFELEVBQUksQ0FBSixDQUF2Qzs7QUFFQSxTQUFTQyx5QkFBVCxHQUF3RTtBQUN0RSxNQUFNQyxrQkFBa0IsR0FBRyxTQUFyQkEsa0JBQXFCLE9BQWtEO0FBQUEsUUFBaERDLFFBQWdELFFBQWhEQSxRQUFnRDtBQUFBLFFBQXRDQyxPQUFzQyxRQUF0Q0EsT0FBc0M7O0FBQzNFO0FBQ0EsUUFBTUMsYUFBYSxHQUFHLG1CQUFPLElBQVAsQ0FBdEI7QUFFQSxRQUFNQyxNQUFNLEdBQUcsd0JBQ2I7QUFBQSwwQkFDRSxnQ0FBQyxrQ0FBRCxRQUNHRixPQUFPLENBQUNHLEdBQVIsQ0FBWSxVQUFDQyxVQUFELEVBQWFDLEdBQWIsRUFBcUI7QUFDaEMsNEJBQ0UsZ0NBQUMseUJBQUQ7QUFDRSxVQUFBLEdBQUcsWUFBS0QsVUFBVSxDQUFDRSxJQUFoQixjQUF3QkQsR0FBeEIsQ0FETDtBQUVFLFVBQUEsT0FBTyxFQUFFLG1CQUFNO0FBQUE7O0FBQ2JOLFlBQUFBLFFBQVEsQ0FBQztBQUFDUSxjQUFBQSxNQUFNLEVBQUU7QUFBQ0QsZ0JBQUFBLElBQUksRUFBRUYsVUFBVSxDQUFDRTtBQUFsQjtBQUFULGFBQUQsQ0FBUixDQURhLENBRWI7O0FBQ0EscUNBQUFMLGFBQWEsQ0FBQ08sT0FBZCxnRkFBdUJDLElBQXZCO0FBQ0QsV0FOSDtBQU9FLFVBQUEsU0FBUztBQVBYLFdBU0dMLFVBQVUsQ0FBQ00sSUFUZCxDQURGO0FBYUQsT0FkQSxDQURILENBREY7QUFBQSxLQURhLEVBb0JiLENBQUNWLE9BQUQsRUFBVUMsYUFBVixFQUF5QkEsYUFBYSxDQUFDTyxPQUF2QyxFQUFnRFQsUUFBaEQsQ0FwQmEsQ0FBZjtBQXVCQSx3QkFDRSxnQ0FBQyx3QkFBRDtBQUNFLE1BQUEsU0FBUyxFQUFDLGNBRFo7QUFFRSxNQUFBLE1BQU0sRUFBRUgsWUFGVjtBQUdFLE1BQUEsUUFBUSxFQUFFRCxjQUhaO0FBSUUsTUFBQSxPQUFPLEVBQUMsT0FKVjtBQUtFLE1BQUEsV0FBVyxFQUFFLElBTGY7QUFNRSxNQUFBLEtBQUssRUFBRSxLQU5UO0FBT0UsTUFBQSxXQUFXLEVBQUUsSUFQZjtBQVFFLE1BQUEsU0FBUyxFQUFFLG1CQUFBZ0IsUUFBUSxFQUFJO0FBQ3JCO0FBQ0FWLFFBQUFBLGFBQWEsQ0FBQ08sT0FBZCxHQUF3QkcsUUFBeEI7QUFDRCxPQVhIO0FBWUUsTUFBQSxNQUFNLEVBQUUsR0FaVixDQVllO0FBWmY7QUFhRSxNQUFBLE1BQU0sRUFBRVQ7QUFiVixvQkFlRSwwREFDRSxnQ0FBQyx5QkFBRDtBQUFRLE1BQUEsU0FBUyxFQUFDLG1CQUFsQjtBQUFzQyxNQUFBLFNBQVM7QUFBL0Msb0JBQ0UsZ0NBQUMsVUFBRDtBQUFLLE1BQUEsTUFBTSxFQUFDO0FBQVosTUFERixlQUVFLGdDQUFDLDhCQUFEO0FBQWtCLE1BQUEsRUFBRSxFQUFFO0FBQXRCLE1BRkYsQ0FERixDQWZGLENBREY7QUF3QkQsR0FuREQ7O0FBb0RBLFNBQU9KLGtCQUFQO0FBQ0Q7O2VBRWNELHlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7dXNlUmVmLCB1c2VDYWxsYmFja30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCB7Rm9ybWF0dGVkTWVzc2FnZX0gZnJvbSAnQGtlcGxlci5nbC9sb2NhbGl6YXRpb24nO1xuaW1wb3J0IHthZGRFZmZlY3R9IGZyb20gJ0BrZXBsZXIuZ2wvYWN0aW9ucyc7XG5cbmltcG9ydCB7QnV0dG9ufSBmcm9tICcuLi9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtBZGR9IGZyb20gJy4uL2NvbW1vbi9pY29ucyc7XG5pbXBvcnQgVGlwcHlUb29sdGlwIGZyb20gJy4uL2NvbW1vbi90aXBweS10b29sdGlwJztcblxuZXhwb3J0IHR5cGUgRWZmZWN0VHlwZVNlbGVjdG9yUHJvcHMgPSB7XG4gIG9wdGlvbnM6IHt0eXBlOiBzdHJpbmc7IG5hbWU6IHN0cmluZ31bXTtcbiAgb25TZWxlY3Q6IHR5cGVvZiBhZGRFZmZlY3Q7XG59O1xuXG5jb25zdCBTdHlsZWRUaXBweVRvb2x0aXBDb250ZW50Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5wYW5lbEJhY2tncm91bmRIb3Zlcn07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBzdGFydDtcbiAgbWFyZ2luOiAtN3B4IC0xOHB4OyAvKiBjb21wZW5zYXRlIGZvciBrZXBsZXIgdGlwcHkgcGFyZW50IHBhZGRpbmcgKi9cbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICAuYnV0dG9uIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuICAgIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLldISVRFfTtcbiAgfVxuYDtcblxuLyoqIEB0eXBlIFtudW1iZXIsIG51bWJlcl0gKi9cbmNvbnN0IFRJUFBZX0RVUkFUSU9OOiBbbnVtYmVyLCBudW1iZXJdID0gWzMwMCwgMF07XG4vKiogQHR5cGUgW251bWJlciwgbnVtYmVyXSAqL1xuY29uc3QgVElQUFlfT0ZGU0VUOiBbbnVtYmVyLCBudW1iZXJdID0gWzAsIDRdO1xuXG5mdW5jdGlvbiBFZmZlY3RUeXBlU2VsZWN0b3JGYWN0b3J5KCk6IFJlYWN0LkZDPEVmZmVjdFR5cGVTZWxlY3RvclByb3BzPiB7XG4gIGNvbnN0IEVmZmVjdFR5cGVTZWxlY3RvciA9ICh7b25TZWxlY3QsIG9wdGlvbnN9OiBFZmZlY3RUeXBlU2VsZWN0b3JQcm9wcykgPT4ge1xuICAgIC8qKiBAdHlwZSBhbnkgKi9cbiAgICBjb25zdCB0aXBweUluc3RhbmNlID0gdXNlUmVmKG51bGwpO1xuXG4gICAgY29uc3QgcmVuZGVyID0gdXNlQ2FsbGJhY2soXG4gICAgICAoKSA9PiAoXG4gICAgICAgIDxTdHlsZWRUaXBweVRvb2x0aXBDb250ZW50Q29udGFpbmVyPlxuICAgICAgICAgIHtvcHRpb25zLm1hcCgoZWZmZWN0RGVzYywgaWR4KSA9PiB7XG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAga2V5PXtgJHtlZmZlY3REZXNjLnR5cGV9LSR7aWR4fWB9XG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgb25TZWxlY3Qoe2NvbmZpZzoge3R5cGU6IGVmZmVjdERlc2MudHlwZX19KTtcbiAgICAgICAgICAgICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3IgdHlwZSBjdXJyZW50XG4gICAgICAgICAgICAgICAgICB0aXBweUluc3RhbmNlLmN1cnJlbnQ/LmhpZGUoKTtcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgIHNlY29uZGFyeVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2VmZmVjdERlc2MubmFtZX1cbiAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICApO1xuICAgICAgICAgIH0pfVxuICAgICAgICA8L1N0eWxlZFRpcHB5VG9vbHRpcENvbnRlbnRDb250YWluZXI+XG4gICAgICApLFxuICAgICAgW29wdGlvbnMsIHRpcHB5SW5zdGFuY2UsIHRpcHB5SW5zdGFuY2UuY3VycmVudCwgb25TZWxlY3RdXG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8VGlwcHlUb29sdGlwXG4gICAgICAgIHBsYWNlbWVudD1cImJvdHRvbS1zdGFydFwiXG4gICAgICAgIG9mZnNldD17VElQUFlfT0ZGU0VUfVxuICAgICAgICBkdXJhdGlvbj17VElQUFlfRFVSQVRJT059XG4gICAgICAgIHRyaWdnZXI9XCJjbGlja1wiXG4gICAgICAgIGludGVyYWN0aXZlPXt0cnVlfVxuICAgICAgICBhcnJvdz17ZmFsc2V9XG4gICAgICAgIGhpZGVPbkNsaWNrPXt0cnVlfVxuICAgICAgICBvblRyaWdnZXI9e2luc3RhbmNlID0+IHtcbiAgICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yIHR5cGUgY3VycmVudFxuICAgICAgICAgIHRpcHB5SW5zdGFuY2UuY3VycmVudCA9IGluc3RhbmNlO1xuICAgICAgICB9fVxuICAgICAgICB6SW5kZXg9ezk5OX0gLy8gZGVmYXVsdHMgdG8gOTk5OTsga2VlcCBpdCBiZWxvdyBtb2RhbHMgKDEwMDApXG4gICAgICAgIHJlbmRlcj17cmVuZGVyfVxuICAgICAgPlxuICAgICAgICA8ZGl2PlxuICAgICAgICAgIDxCdXR0b24gY2xhc3NOYW1lPVwiYWRkLWVmZmVjdC1idXR0b25cIiBzZWNvbmRhcnk+XG4gICAgICAgICAgICA8QWRkIGhlaWdodD1cIjEycHhcIiAvPlxuICAgICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9eydlZmZlY3RNYW5hZ2VyLmFkZEVmZmVjdCd9IC8+XG4gICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9UaXBweVRvb2x0aXA+XG4gICAgKTtcbiAgfTtcbiAgcmV0dXJuIEVmZmVjdFR5cGVTZWxlY3Rvcjtcbn1cblxuZXhwb3J0IGRlZmF1bHQgRWZmZWN0VHlwZVNlbGVjdG9yRmFjdG9yeTtcbiJdfQ==

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;

package/dist/effects/side-panel-title.js

@@ -0,0 +1,67 @@
+// Copyright (c) 2023 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _templateObject, _templateObject2;
+
+var StyledSidePanelTitle = _styledComponents["default"].div.attrs({
+  className: 'panel-title'
+})(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  color: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  font-weight: 400;\n  letter-spacing: 1.25px;\n"])), function (props) {
+  return props.theme.titleTextColor;
+}, function (props) {
+  return props.theme.sidePanelTitleFontsize;
+}, function (props) {
+  return props.theme.sidePanelTitleLineHeight;
+});
+
+var PanelHeaderRow = _styledComponents["default"].div.attrs({
+  className: 'side-panel-header-row'
+})(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 0px;\n  margin-bottom: 8px;\n"])));
+
+var SidePanelTitleFactory = function SidePanelTitleFactory() {
+  var SidePanelTitle = function SidePanelTitle(_ref) {
+    var title = _ref.title,
+        className = _ref.className,
+        children = _ref.children;
+    return /*#__PURE__*/_react["default"].createElement(PanelHeaderRow, null, /*#__PURE__*/_react["default"].createElement(StyledSidePanelTitle, {
+      className: className || 'side-panel-title'
+    }, title), children);
+  };
+
+  return SidePanelTitle;
+};
+
+var _default = SidePanelTitleFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9lZmZlY3RzL3NpZGUtcGFuZWwtdGl0bGUudHN4Il0sIm5hbWVzIjpbIlN0eWxlZFNpZGVQYW5lbFRpdGxlIiwic3R5bGVkIiwiZGl2IiwiYXR0cnMiLCJjbGFzc05hbWUiLCJwcm9wcyIsInRoZW1lIiwidGl0bGVUZXh0Q29sb3IiLCJzaWRlUGFuZWxUaXRsZUZvbnRzaXplIiwic2lkZVBhbmVsVGl0bGVMaW5lSGVpZ2h0IiwiUGFuZWxIZWFkZXJSb3ciLCJTaWRlUGFuZWxUaXRsZUZhY3RvcnkiLCJTaWRlUGFuZWxUaXRsZSIsInRpdGxlIiwiY2hpbGRyZW4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUE7O0FBQ0E7Ozs7QUFRQSxJQUFNQSxvQkFBb0IsR0FBR0MsNkJBQU9DLEdBQVAsQ0FBV0MsS0FBWCxDQUE0QztBQUN2RUMsRUFBQUEsU0FBUyxFQUFFO0FBRDRELENBQTVDLENBQUgsbU1BR2YsVUFBQUMsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0MsS0FBTixDQUFZQyxjQUFoQjtBQUFBLENBSFUsRUFJWCxVQUFBRixLQUFLO0FBQUEsU0FBSUEsS0FBSyxDQUFDQyxLQUFOLENBQVlFLHNCQUFoQjtBQUFBLENBSk0sRUFLVCxVQUFBSCxLQUFLO0FBQUEsU0FBSUEsS0FBSyxDQUFDQyxLQUFOLENBQVlHLHdCQUFoQjtBQUFBLENBTEksQ0FBMUI7O0FBVUEsSUFBTUMsY0FBYyxHQUFHVCw2QkFBT0MsR0FBUCxDQUFXQyxLQUFYLENBQWlCO0FBQ3RDQyxFQUFBQSxTQUFTLEVBQUU7QUFEMkIsQ0FBakIsQ0FBSCxrTkFBcEI7O0FBVUEsSUFBTU8scUJBQXFCLEdBQUcsU0FBeEJBLHFCQUF3QixHQUFpQztBQUM3RCxNQUFNQyxjQUFjLEdBQUcsU0FBakJBLGNBQWlCO0FBQUEsUUFBRUMsS0FBRixRQUFFQSxLQUFGO0FBQUEsUUFBU1QsU0FBVCxRQUFTQSxTQUFUO0FBQUEsUUFBb0JVLFFBQXBCLFFBQW9CQSxRQUFwQjtBQUFBLHdCQUNyQixnQ0FBQyxjQUFELHFCQUNFLGdDQUFDLG9CQUFEO0FBQXNCLE1BQUEsU0FBUyxFQUFFVixTQUFTLElBQUk7QUFBOUMsT0FDR1MsS0FESCxDQURGLEVBSUdDLFFBSkgsQ0FEcUI7QUFBQSxHQUF2Qjs7QUFTQSxTQUFPRixjQUFQO0FBQ0QsQ0FYRDs7ZUFhZUQscUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHtQcm9wc1dpdGhDaGlsZHJlbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmV4cG9ydCB0eXBlIFBhbmVsVGl0bGVQcm9wcyA9IFByb3BzV2l0aENoaWxkcmVuPHtcbiAgdGl0bGU6IHN0cmluZztcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xufT47XG5cbnR5cGUgU3R5bGVkU2lkZVBhbmVsVGl0bGVQcm9wcyA9IHtjbGFzc05hbWU6IHN0cmluZ307XG5jb25zdCBTdHlsZWRTaWRlUGFuZWxUaXRsZSA9IHN0eWxlZC5kaXYuYXR0cnM8U3R5bGVkU2lkZVBhbmVsVGl0bGVQcm9wcz4oe1xuICBjbGFzc05hbWU6ICdwYW5lbC10aXRsZSdcbn0pYFxuICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50aXRsZVRleHRDb2xvcn07XG4gIGZvbnQtc2l6ZTogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5zaWRlUGFuZWxUaXRsZUZvbnRzaXplfTtcbiAgbGluZS1oZWlnaHQ6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuc2lkZVBhbmVsVGl0bGVMaW5lSGVpZ2h0fTtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgbGV0dGVyLXNwYWNpbmc6IDEuMjVweDtcbmA7XG5cbmNvbnN0IFBhbmVsSGVhZGVyUm93ID0gc3R5bGVkLmRpdi5hdHRycyh7XG4gIGNsYXNzTmFtZTogJ3NpZGUtcGFuZWwtaGVhZGVyLXJvdydcbn0pYFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbi10b3A6IDBweDtcbiAgbWFyZ2luLWJvdHRvbTogOHB4O1xuYDtcblxuY29uc3QgU2lkZVBhbmVsVGl0bGVGYWN0b3J5ID0gKCk6IFJlYWN0LkZDPFBhbmVsVGl0bGVQcm9wcz4gPT4ge1xuICBjb25zdCBTaWRlUGFuZWxUaXRsZSA9ICh7dGl0bGUsIGNsYXNzTmFtZSwgY2hpbGRyZW59OiBQYW5lbFRpdGxlUHJvcHMpID0+IChcbiAgICA8UGFuZWxIZWFkZXJSb3c+XG4gICAgICA8U3R5bGVkU2lkZVBhbmVsVGl0bGUgY2xhc3NOYW1lPXtjbGFzc05hbWUgfHwgJ3NpZGUtcGFuZWwtdGl0bGUnfT5cbiAgICAgICAge3RpdGxlfVxuICAgICAgPC9TdHlsZWRTaWRlUGFuZWxUaXRsZT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1BhbmVsSGVhZGVyUm93PlxuICApO1xuXG4gIHJldHVybiBTaWRlUGFuZWxUaXRsZTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNpZGVQYW5lbFRpdGxlRmFjdG9yeTtcbiJdfQ==

package/dist/filter-animation-controller.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { TimeRangeFilter } from '@kepler.gl/types';
+import AnimationControllerFactory from './common/animation-control/animation-controller';
+import { Timeline } from '@kepler.gl/types';
+interface FilterAnimationControllerProps {
+    filter: TimeRangeFilter & {
+        animationWindow?: string;
+    };
+    filterIdx: number;
+    setFilterAnimationTime: (idx: number, value: string, a: any[]) => void;
+    children?: (isAnimating: boolean | undefined, startAnimation: () => void, pauseAnimation: () => void, resetAnimation: () => void, timeline: Timeline | undefined, setTimelineValue: (x: any) => void) => React.ReactElement | null;
+}
+declare function FilterAnimationControllerFactory(AnimationController: ReturnType<typeof AnimationControllerFactory>): React.FC<FilterAnimationControllerProps>;
+declare namespace FilterAnimationControllerFactory {
+    var deps: (typeof AnimationControllerFactory)[];
+}
+export default FilterAnimationControllerFactory;

package/dist/filter-animation-controller.js

@@ -0,0 +1,91 @@
+// Copyright (c) 2023 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _utils = require("@kepler.gl/utils");
+
+var _constants = require("@kepler.gl/constants");
+
+var _animationController = _interopRequireDefault(require("./common/animation-control/animation-controller"));
+
+FilterAnimationControllerFactory.deps = [_animationController["default"]];
+
+function FilterAnimationControllerFactory(AnimationController) {
+  var FilterAnimationController = function FilterAnimationController(_ref) {
+    var filter = _ref.filter,
+        filterIdx = _ref.filterIdx,
+        setFilterAnimationTime = _ref.setFilterAnimationTime,
+        children = _ref.children;
+    var intervalBins = (0, _react.useMemo)(function () {
+      return (0, _utils.getIntervalBins)(filter);
+    }, [filter]);
+    var steps = (0, _react.useMemo)(function () {
+      return intervalBins ? intervalBins.map(function (x) {
+        return x.x0;
+      }) : null;
+    }, [intervalBins]);
+    var updateAnimation = (0, _react.useCallback)(function (value) {
+      switch (filter.animationWindow) {
+        case _constants.ANIMATION_WINDOW.interval:
+          var _idx = value[1];
+          setFilterAnimationTime(filterIdx, 'value', [intervalBins[_idx].x0, intervalBins[_idx].x1 - 1]);
+          break;
+
+        default:
+          setFilterAnimationTime(filterIdx, 'value', value);
+          break;
+      }
+    }, [filterIdx, intervalBins, filter.animationWindow, setFilterAnimationTime]); // if filter is synced merge the filter and animation config
+
+    var timeline = (0, _utils.getTimelineFromFilter)(filter);
+    return /*#__PURE__*/_react["default"].createElement(AnimationController, {
+      key: "filter-control",
+      value: filter.value,
+      domain: filter.domain,
+      speed: filter.speed,
+      isAnimating: filter.isAnimating,
+      animationWindow: filter.animationWindow,
+      steps: steps,
+      updateAnimation: updateAnimation // @ts-expect-error different function type, goes to TimeWidget setFilterAnimationTime()
+      ,
+      setTimelineValue: setFilterAnimationTime,
+      timeline: timeline,
+      children: children
+    });
+  };
+
+  return FilterAnimationController;
+}
+
+var _default = FilterAnimationControllerFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9maWx0ZXItYW5pbWF0aW9uLWNvbnRyb2xsZXIudHN4Il0sIm5hbWVzIjpbIkZpbHRlckFuaW1hdGlvbkNvbnRyb2xsZXJGYWN0b3J5IiwiZGVwcyIsIkFuaW1hdGlvbkNvbnRyb2xsZXJGYWN0b3J5IiwiQW5pbWF0aW9uQ29udHJvbGxlciIsIkZpbHRlckFuaW1hdGlvbkNvbnRyb2xsZXIiLCJmaWx0ZXIiLCJmaWx0ZXJJZHgiLCJzZXRGaWx0ZXJBbmltYXRpb25UaW1lIiwiY2hpbGRyZW4iLCJpbnRlcnZhbEJpbnMiLCJzdGVwcyIsIm1hcCIsIngiLCJ4MCIsInVwZGF0ZUFuaW1hdGlvbiIsInZhbHVlIiwiYW5pbWF0aW9uV2luZG93IiwiQU5JTUFUSU9OX1dJTkRPVyIsImludGVydmFsIiwiaWR4IiwieDEiLCJ0aW1lbGluZSIsImRvbWFpbiIsInNwZWVkIiwiaXNBbmltYXRpbmciXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBRUE7O0FBQ0E7O0FBaUJBQSxnQ0FBZ0MsQ0FBQ0MsSUFBakMsR0FBd0MsQ0FBQ0MsK0JBQUQsQ0FBeEM7O0FBQ0EsU0FBU0YsZ0NBQVQsQ0FDRUcsbUJBREYsRUFFRTtBQUNBLE1BQU1DLHlCQUFtRSxHQUFHLFNBQXRFQSx5QkFBc0UsT0FLdEU7QUFBQSxRQUpKQyxNQUlJLFFBSkpBLE1BSUk7QUFBQSxRQUhKQyxTQUdJLFFBSEpBLFNBR0k7QUFBQSxRQUZKQyxzQkFFSSxRQUZKQSxzQkFFSTtBQUFBLFFBREpDLFFBQ0ksUUFESkEsUUFDSTtBQUNKLFFBQU1DLFlBQVksR0FBRyxvQkFBUTtBQUFBLGFBQU0sNEJBQWdCSixNQUFoQixDQUFOO0FBQUEsS0FBUixFQUF1QyxDQUFDQSxNQUFELENBQXZDLENBQXJCO0FBRUEsUUFBTUssS0FBSyxHQUFHLG9CQUFRO0FBQUEsYUFBT0QsWUFBWSxHQUFHQSxZQUFZLENBQUNFLEdBQWIsQ0FBaUIsVUFBQUMsQ0FBQztBQUFBLGVBQUlBLENBQUMsQ0FBQ0MsRUFBTjtBQUFBLE9BQWxCLENBQUgsR0FBaUMsSUFBcEQ7QUFBQSxLQUFSLEVBQW1FLENBQy9FSixZQUQrRSxDQUFuRSxDQUFkO0FBSUEsUUFBTUssZUFBZSxHQUFHLHdCQUN0QixVQUFBQyxLQUFLLEVBQUk7QUFDUCxjQUFRVixNQUFNLENBQUNXLGVBQWY7QUFDRSxhQUFLQyw0QkFBaUJDLFFBQXRCO0FBQ0UsY0FBTUMsSUFBRyxHQUFHSixLQUFLLENBQUMsQ0FBRCxDQUFqQjtBQUNBUixVQUFBQSxzQkFBc0IsQ0FBQ0QsU0FBRCxFQUFZLE9BQVosRUFBcUIsQ0FDekNHLFlBQVksQ0FBQ1UsSUFBRCxDQUFaLENBQWtCTixFQUR1QixFQUV6Q0osWUFBWSxDQUFDVSxJQUFELENBQVosQ0FBa0JDLEVBQWxCLEdBQXVCLENBRmtCLENBQXJCLENBQXRCO0FBSUE7O0FBQ0Y7QUFDRWIsVUFBQUEsc0JBQXNCLENBQUNELFNBQUQsRUFBWSxPQUFaLEVBQXFCUyxLQUFyQixDQUF0QjtBQUNBO0FBVko7QUFZRCxLQWRxQixFQWV0QixDQUFDVCxTQUFELEVBQVlHLFlBQVosRUFBMEJKLE1BQU0sQ0FBQ1csZUFBakMsRUFBa0RULHNCQUFsRCxDQWZzQixDQUF4QixDQVBJLENBeUJKOztBQUNBLFFBQU1jLFFBQVEsR0FBRyxrQ0FBc0JoQixNQUF0QixDQUFqQjtBQUVBLHdCQUNFLGdDQUFDLG1CQUFEO0FBQ0UsTUFBQSxHQUFHLEVBQUMsZ0JBRE47QUFFRSxNQUFBLEtBQUssRUFBRUEsTUFBTSxDQUFDVSxLQUZoQjtBQUdFLE1BQUEsTUFBTSxFQUFFVixNQUFNLENBQUNpQixNQUhqQjtBQUlFLE1BQUEsS0FBSyxFQUFFakIsTUFBTSxDQUFDa0IsS0FKaEI7QUFLRSxNQUFBLFdBQVcsRUFBRWxCLE1BQU0sQ0FBQ21CLFdBTHRCO0FBTUUsTUFBQSxlQUFlLEVBQUVuQixNQUFNLENBQUNXLGVBTjFCO0FBT0UsTUFBQSxLQUFLLEVBQUVOLEtBUFQ7QUFRRSxNQUFBLGVBQWUsRUFBRUksZUFSbkIsQ0FTRTtBQVRGO0FBVUUsTUFBQSxnQkFBZ0IsRUFBRVAsc0JBVnBCO0FBV0UsTUFBQSxRQUFRLEVBQUVjLFFBWFo7QUFZRSxNQUFBLFFBQVEsRUFBRWI7QUFaWixNQURGO0FBZ0JELEdBakREOztBQWtEQSxTQUFPSix5QkFBUDtBQUNEOztlQUVjSixnQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwge3VzZUNhbGxiYWNrLCB1c2VNZW1vfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQge2dldEludGVydmFsQmlucywgZ2V0VGltZWxpbmVGcm9tRmlsdGVyfSBmcm9tICdAa2VwbGVyLmdsL3V0aWxzJztcbmltcG9ydCB7VGltZVJhbmdlRmlsdGVyfSBmcm9tICdAa2VwbGVyLmdsL3R5cGVzJztcbmltcG9ydCB7QU5JTUFUSU9OX1dJTkRPV30gZnJvbSAnQGtlcGxlci5nbC9jb25zdGFudHMnO1xuaW1wb3J0IEFuaW1hdGlvbkNvbnRyb2xsZXJGYWN0b3J5IGZyb20gJy4vY29tbW9uL2FuaW1hdGlvbi1jb250cm9sL2FuaW1hdGlvbi1jb250cm9sbGVyJztcbmltcG9ydCB7VGltZWxpbmV9IGZyb20gJ0BrZXBsZXIuZ2wvdHlwZXMnO1xuXG5pbnRlcmZhY2UgRmlsdGVyQW5pbWF0aW9uQ29udHJvbGxlclByb3BzIHtcbiAgZmlsdGVyOiBUaW1lUmFuZ2VGaWx0ZXIgJiB7YW5pbWF0aW9uV2luZG93Pzogc3RyaW5nfTtcbiAgZmlsdGVySWR4OiBudW1iZXI7XG4gIHNldEZpbHRlckFuaW1hdGlvblRpbWU6IChpZHg6IG51bWJlciwgdmFsdWU6IHN0cmluZywgYTogYW55W10pID0+IHZvaWQ7XG4gIGNoaWxkcmVuPzogKFxuICAgIGlzQW5pbWF0aW5nOiBib29sZWFuIHwgdW5kZWZpbmVkLFxuICAgIHN0YXJ0QW5pbWF0aW9uOiAoKSA9PiB2b2lkLFxuICAgIHBhdXNlQW5pbWF0aW9uOiAoKSA9PiB2b2lkLFxuICAgIHJlc2V0QW5pbWF0aW9uOiAoKSA9PiB2b2lkLFxuICAgIHRpbWVsaW5lOiBUaW1lbGluZSB8IHVuZGVmaW5lZCxcbiAgICBzZXRUaW1lbGluZVZhbHVlOiAoeDogYW55KSA9PiB2b2lkXG4gICkgPT4gUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbDtcbn1cblxuRmlsdGVyQW5pbWF0aW9uQ29udHJvbGxlckZhY3RvcnkuZGVwcyA9IFtBbmltYXRpb25Db250cm9sbGVyRmFjdG9yeV07XG5mdW5jdGlvbiBGaWx0ZXJBbmltYXRpb25Db250cm9sbGVyRmFjdG9yeShcbiAgQW5pbWF0aW9uQ29udHJvbGxlcjogUmV0dXJuVHlwZTx0eXBlb2YgQW5pbWF0aW9uQ29udHJvbGxlckZhY3Rvcnk+XG4pIHtcbiAgY29uc3QgRmlsdGVyQW5pbWF0aW9uQ29udHJvbGxlcjogUmVhY3QuRkM8RmlsdGVyQW5pbWF0aW9uQ29udHJvbGxlclByb3BzPiA9ICh7XG4gICAgZmlsdGVyLFxuICAgIGZpbHRlcklkeCxcbiAgICBzZXRGaWx0ZXJBbmltYXRpb25UaW1lLFxuICAgIGNoaWxkcmVuXG4gIH0pID0+IHtcbiAgICBjb25zdCBpbnRlcnZhbEJpbnMgPSB1c2VNZW1vKCgpID0+IGdldEludGVydmFsQmlucyhmaWx0ZXIpLCBbZmlsdGVyXSk7XG5cbiAgICBjb25zdCBzdGVwcyA9IHVzZU1lbW8oKCkgPT4gKGludGVydmFsQmlucyA/IGludGVydmFsQmlucy5tYXAoeCA9PiB4LngwKSA6IG51bGwpLCBbXG4gICAgICBpbnRlcnZhbEJpbnNcbiAgICBdKTtcblxuICAgIGNvbnN0IHVwZGF0ZUFuaW1hdGlvbiA9IHVzZUNhbGxiYWNrKFxuICAgICAgdmFsdWUgPT4ge1xuICAgICAgICBzd2l0Y2ggKGZpbHRlci5hbmltYXRpb25XaW5kb3cpIHtcbiAgICAgICAgICBjYXNlIEFOSU1BVElPTl9XSU5ET1cuaW50ZXJ2YWw6XG4gICAgICAgICAgICBjb25zdCBpZHggPSB2YWx1ZVsxXTtcbiAgICAgICAgICAgIHNldEZpbHRlckFuaW1hdGlvblRpbWUoZmlsdGVySWR4LCAndmFsdWUnLCBbXG4gICAgICAgICAgICAgIGludGVydmFsQmluc1tpZHhdLngwLFxuICAgICAgICAgICAgICBpbnRlcnZhbEJpbnNbaWR4XS54MSAtIDFcbiAgICAgICAgICAgIF0pO1xuICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgIHNldEZpbHRlckFuaW1hdGlvblRpbWUoZmlsdGVySWR4LCAndmFsdWUnLCB2YWx1ZSk7XG4gICAgICAgICAgICBicmVhaztcbiAgICAgICAgfVxuICAgICAgfSxcbiAgICAgIFtmaWx0ZXJJZHgsIGludGVydmFsQmlucywgZmlsdGVyLmFuaW1hdGlvbldpbmRvdywgc2V0RmlsdGVyQW5pbWF0aW9uVGltZV1cbiAgICApO1xuXG4gICAgLy8gaWYgZmlsdGVyIGlzIHN5bmNlZCBtZXJnZSB0aGUgZmlsdGVyIGFuZCBhbmltYXRpb24gY29uZmlnXG4gICAgY29uc3QgdGltZWxpbmUgPSBnZXRUaW1lbGluZUZyb21GaWx0ZXIoZmlsdGVyKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8QW5pbWF0aW9uQ29udHJvbGxlclxuICAgICAgICBrZXk9XCJmaWx0ZXItY29udHJvbFwiXG4gICAgICAgIHZhbHVlPXtmaWx0ZXIudmFsdWV9XG4gICAgICAgIGRvbWFpbj17ZmlsdGVyLmRvbWFpbn1cbiAgICAgICAgc3BlZWQ9e2ZpbHRlci5zcGVlZH1cbiAgICAgICAgaXNBbmltYXRpbmc9e2ZpbHRlci5pc0FuaW1hdGluZ31cbiAgICAgICAgYW5pbWF0aW9uV2luZG93PXtmaWx0ZXIuYW5pbWF0aW9uV2luZG93fVxuICAgICAgICBzdGVwcz17c3RlcHN9XG4gICAgICAgIHVwZGF0ZUFuaW1hdGlvbj17dXBkYXRlQW5pbWF0aW9ufVxuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yIGRpZmZlcmVudCBmdW5jdGlvbiB0eXBlLCBnb2VzIHRvIFRpbWVXaWRnZXQgc2V0RmlsdGVyQW5pbWF0aW9uVGltZSgpXG4gICAgICAgIHNldFRpbWVsaW5lVmFsdWU9e3NldEZpbHRlckFuaW1hdGlvblRpbWV9XG4gICAgICAgIHRpbWVsaW5lPXt0aW1lbGluZX1cbiAgICAgICAgY2hpbGRyZW49e2NoaWxkcmVufVxuICAgICAgLz5cbiAgICApO1xuICB9O1xuICByZXR1cm4gRmlsdGVyQW5pbWF0aW9uQ29udHJvbGxlcjtcbn1cblxuZXhwb3J0IGRlZmF1bHQgRmlsdGVyQW5pbWF0aW9uQ29udHJvbGxlckZhY3Rvcnk7XG4iXX0=

package/dist/filters/components.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2022 Uber Technologies, Inc.
+// Copyright (c) 2023 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal
@@ -37,4 +37,4 @@ var _templateObject;
 
 var StyledFilterPanel = (0, _styledComponents["default"])(_styledComponents2.PanelLabel)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  font-weight: 500;\n  color: white;\n  flex: 1;\n"])));
 exports.StyledFilterPanel = StyledFilterPanel;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9maWx0ZXJzL2NvbXBvbmVudHMudHMiXSwibmFtZXMiOlsiU3R5bGVkRmlsdGVyUGFuZWwiLCJQYW5lbExhYmVsIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQW9CQTs7QUFDQTs7OztBQUVPLElBQU1BLGlCQUFpQixHQUFHLGtDQUFPQyw2QkFBUCxDQUFILDBJQUF2QiIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAyMiBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtQYW5lbExhYmVsfSBmcm9tICcuLi9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRmlsdGVyUGFuZWwgPSBzdHlsZWQoUGFuZWxMYWJlbClgXG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIGNvbG9yOiB3aGl0ZTtcbiAgZmxleDogMTtcbmA7XG4iXX0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9maWx0ZXJzL2NvbXBvbmVudHMudHMiXSwibmFtZXMiOlsiU3R5bGVkRmlsdGVyUGFuZWwiLCJQYW5lbExhYmVsIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQW9CQTs7QUFDQTs7OztBQUVPLElBQU1BLGlCQUFpQixHQUFHLGtDQUFPQyw2QkFBUCxDQUFILDBJQUF2QiIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAyMyBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtQYW5lbExhYmVsfSBmcm9tICcuLi9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRmlsdGVyUGFuZWwgPSBzdHlsZWQoUGFuZWxMYWJlbClgXG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIGNvbG9yOiB3aGl0ZTtcbiAgZmxleDogMTtcbmA7XG4iXX0=