@kepler.gl/components 3.0.0-alpha.0

package/dist/common/time-range-slider-time-title.js

@@ -0,0 +1,94 @@
+// Copyright (c) 2022 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 _icons = require("./icons");
+
+var _utils = require("@kepler.gl/utils");
+
+var _templateObject;
+
+var TimeValueWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  font-size: ", ";\n  justify-content: ", ";\n\n  .horizontal-bar {\n    padding: 0 12px;\n    color: ", ";\n  }\n\n  .time-value {\n    display: flex;\n    flex-direction: ", ";\n    align-items: flex-start;\n    max-width: ", ";\n    span {\n      color: ", ";\n    }\n  }\n\n  .time-value:last-child {\n    align-items: flex-end;\n    text-align: right;\n  }\n"])), function (props) {
+  return props.theme.timeTitleFontSize;
+}, function (props) {
+  return props.isEnlarged ? 'center' : 'space-between';
+}, function (props) {
+  return props.theme.textColor;
+}, function (props) {
+  return props.isEnlarged ? 'row' : 'column';
+}, function (props) {
+  return !props.isEnlarged ? '40%' : 'auto';
+}, function (props) {
+  return props.theme.textColor;
+});
+
+var TimeValue = function TimeValue(_ref) {
+  var value = _ref.value;
+  return (
+    /*#__PURE__*/
+    // render two lines if not enlarged
+    _react["default"].createElement("div", {
+      className: "time-value"
+    }, /*#__PURE__*/_react["default"].createElement("span", null, value))
+  );
+};
+
+function TimeRangeSliderTimeTitleFactory() {
+  var TimeTitle = function TimeTitle(_ref2) {
+    var value = _ref2.value,
+        isEnlarged = _ref2.isEnlarged,
+        timezone = _ref2.timezone,
+        timeFormat = _ref2.timeFormat;
+    return /*#__PURE__*/_react["default"].createElement(TimeValueWrapper, {
+      isEnlarged: isEnlarged,
+      className: "time-range-slider__time-title"
+    }, /*#__PURE__*/_react["default"].createElement(TimeValue, {
+      key: 0,
+      value: (0, _utils.datetimeFormatter)(timezone)(timeFormat)(value[0])
+    }), isEnlarged ? /*#__PURE__*/_react["default"].createElement("div", {
+      className: "horizontal-bar"
+    }, /*#__PURE__*/_react["default"].createElement(_icons.Minus, {
+      height: "12px"
+    })) : null, /*#__PURE__*/_react["default"].createElement(TimeValue, {
+      key: 1,
+      value: (0, _utils.datetimeFormatter)(timezone)(timeFormat)(value[1])
+    }));
+  };
+
+  return TimeTitle;
+}
+
+var _default = TimeRangeSliderTimeTitleFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vdGltZS1yYW5nZS1zbGlkZXItdGltZS10aXRsZS50c3giXSwibmFtZXMiOlsiVGltZVZhbHVlV3JhcHBlciIsInN0eWxlZCIsImRpdiIsInByb3BzIiwidGhlbWUiLCJ0aW1lVGl0bGVGb250U2l6ZSIsImlzRW5sYXJnZWQiLCJ0ZXh0Q29sb3IiLCJUaW1lVmFsdWUiLCJ2YWx1ZSIsIlRpbWVSYW5nZVNsaWRlclRpbWVUaXRsZUZhY3RvcnkiLCJUaW1lVGl0bGUiLCJ0aW1lem9uZSIsInRpbWVGb3JtYXQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBb0JBOztBQUNBOztBQUNBOztBQUNBOzs7O0FBTUEsSUFBTUEsZ0JBQWdCLEdBQUdDLDZCQUFPQyxHQUFWLDhlQUdQLFVBQUFDLEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNDLEtBQU4sQ0FBWUMsaUJBQWhCO0FBQUEsQ0FIRSxFQUlELFVBQUFGLEtBQUs7QUFBQSxTQUFLQSxLQUFLLENBQUNHLFVBQU4sR0FBbUIsUUFBbkIsR0FBOEIsZUFBbkM7QUFBQSxDQUpKLEVBUVQsVUFBQUgsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0MsS0FBTixDQUFZRyxTQUFoQjtBQUFBLENBUkksRUFhQSxVQUFBSixLQUFLO0FBQUEsU0FBS0EsS0FBSyxDQUFDRyxVQUFOLEdBQW1CLEtBQW5CLEdBQTJCLFFBQWhDO0FBQUEsQ0FiTCxFQWVMLFVBQUFILEtBQUs7QUFBQSxTQUFLLENBQUNBLEtBQUssQ0FBQ0csVUFBUCxHQUFvQixLQUFwQixHQUE0QixNQUFqQztBQUFBLENBZkEsRUFpQlAsVUFBQUgsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0MsS0FBTixDQUFZRyxTQUFoQjtBQUFBLENBakJFLENBQXRCOztBQTJCQSxJQUFNQyxTQUFTLEdBQUcsU0FBWkEsU0FBWTtBQUFBLE1BQUVDLEtBQUYsUUFBRUEsS0FBRjtBQUFBO0FBQUE7QUFDaEI7QUFDQTtBQUFLLE1BQUEsU0FBUyxFQUFDO0FBQWYsb0JBQ0UsOENBQU9BLEtBQVAsQ0FERjtBQUZnQjtBQUFBLENBQWxCOztBQWNBLFNBQVNDLCtCQUFULEdBQTJDO0FBQ3pDLE1BQU1DLFNBQVMsR0FBRyxTQUFaQSxTQUFZO0FBQUEsUUFBRUYsS0FBRixTQUFFQSxLQUFGO0FBQUEsUUFBU0gsVUFBVCxTQUFTQSxVQUFUO0FBQUEsUUFBcUJNLFFBQXJCLFNBQXFCQSxRQUFyQjtBQUFBLFFBQStCQyxVQUEvQixTQUErQkEsVUFBL0I7QUFBQSx3QkFDaEIsZ0NBQUMsZ0JBQUQ7QUFBa0IsTUFBQSxVQUFVLEVBQUVQLFVBQTlCO0FBQTBDLE1BQUEsU0FBUyxFQUFDO0FBQXBELG9CQUNFLGdDQUFDLFNBQUQ7QUFBVyxNQUFBLEdBQUcsRUFBRSxDQUFoQjtBQUFtQixNQUFBLEtBQUssRUFBRSw4QkFBa0JNLFFBQWxCLEVBQTRCQyxVQUE1QixFQUF3Q0osS0FBSyxDQUFDLENBQUQsQ0FBN0M7QUFBMUIsTUFERixFQUVHSCxVQUFVLGdCQUNUO0FBQUssTUFBQSxTQUFTLEVBQUM7QUFBZixvQkFDRSxnQ0FBQyxZQUFEO0FBQU8sTUFBQSxNQUFNLEVBQUM7QUFBZCxNQURGLENBRFMsR0FJUCxJQU5OLGVBT0UsZ0NBQUMsU0FBRDtBQUFXLE1BQUEsR0FBRyxFQUFFLENBQWhCO0FBQW1CLE1BQUEsS0FBSyxFQUFFLDhCQUFrQk0sUUFBbEIsRUFBNEJDLFVBQTVCLEVBQXdDSixLQUFLLENBQUMsQ0FBRCxDQUE3QztBQUExQixNQVBGLENBRGdCO0FBQUEsR0FBbEI7O0FBWUEsU0FBT0UsU0FBUDtBQUNEOztlQUVjRCwrQiIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAyMiBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7TWludXN9IGZyb20gJy4vaWNvbnMnO1xuaW1wb3J0IHtkYXRldGltZUZvcm1hdHRlcn0gZnJvbSAnQGtlcGxlci5nbC91dGlscyc7XG5cbmludGVyZmFjZSBUaW1lVmFsdWVXcmFwcGVyUHJvcHMge1xuICBpc0VubGFyZ2VkPzogYm9vbGVhbjtcbn1cblxuY29uc3QgVGltZVZhbHVlV3JhcHBlciA9IHN0eWxlZC5kaXY8VGltZVZhbHVlV3JhcHBlclByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZm9udC1zaXplOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRpbWVUaXRsZUZvbnRTaXplfTtcbiAganVzdGlmeS1jb250ZW50OiAke3Byb3BzID0+IChwcm9wcy5pc0VubGFyZ2VkID8gJ2NlbnRlcicgOiAnc3BhY2UtYmV0d2VlbicpfTtcblxuICAuaG9yaXpvbnRhbC1iYXIge1xuICAgIHBhZGRpbmc6IDAgMTJweDtcbiAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50ZXh0Q29sb3J9O1xuICB9XG5cbiAgLnRpbWUtdmFsdWUge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246ICR7cHJvcHMgPT4gKHByb3BzLmlzRW5sYXJnZWQgPyAncm93JyA6ICdjb2x1bW4nKX07XG4gICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgbWF4LXdpZHRoOiAke3Byb3BzID0+ICghcHJvcHMuaXNFbmxhcmdlZCA/ICc0MCUnIDogJ2F1dG8nKX07XG4gICAgc3BhbiB7XG4gICAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50ZXh0Q29sb3J9O1xuICAgIH1cbiAgfVxuXG4gIC50aW1lLXZhbHVlOmxhc3QtY2hpbGQge1xuICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcbiAgICB0ZXh0LWFsaWduOiByaWdodDtcbiAgfVxuYDtcblxuY29uc3QgVGltZVZhbHVlID0gKHt2YWx1ZX0pID0+IChcbiAgLy8gcmVuZGVyIHR3byBsaW5lcyBpZiBub3QgZW5sYXJnZWRcbiAgPGRpdiBjbGFzc05hbWU9XCJ0aW1lLXZhbHVlXCI+XG4gICAgPHNwYW4+e3ZhbHVlfTwvc3Bhbj5cbiAgPC9kaXY+XG4pO1xuXG5pbnRlcmZhY2UgVGltZVRpdGxlUHJvcHMge1xuICB2YWx1ZTogbnVtYmVyW107XG4gIGlzRW5sYXJnZWQ/OiBib29sZWFuO1xuICB0aW1lem9uZT86IHN0cmluZyB8IG51bGw7XG4gIHRpbWVGb3JtYXQ6IHN0cmluZztcbn1cblxuZnVuY3Rpb24gVGltZVJhbmdlU2xpZGVyVGltZVRpdGxlRmFjdG9yeSgpIHtcbiAgY29uc3QgVGltZVRpdGxlID0gKHt2YWx1ZSwgaXNFbmxhcmdlZCwgdGltZXpvbmUsIHRpbWVGb3JtYXR9OiBUaW1lVGl0bGVQcm9wcykgPT4gKFxuICAgIDxUaW1lVmFsdWVXcmFwcGVyIGlzRW5sYXJnZWQ9e2lzRW5sYXJnZWR9IGNsYXNzTmFtZT1cInRpbWUtcmFuZ2Utc2xpZGVyX190aW1lLXRpdGxlXCI+XG4gICAgICA8VGltZVZhbHVlIGtleT17MH0gdmFsdWU9e2RhdGV0aW1lRm9ybWF0dGVyKHRpbWV6b25lKSh0aW1lRm9ybWF0KSh2YWx1ZVswXSl9IC8+XG4gICAgICB7aXNFbmxhcmdlZCA/IChcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJob3Jpem9udGFsLWJhclwiPlxuICAgICAgICAgIDxNaW51cyBoZWlnaHQ9XCIxMnB4XCIgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICApIDogbnVsbH1cbiAgICAgIDxUaW1lVmFsdWUga2V5PXsxfSB2YWx1ZT17ZGF0ZXRpbWVGb3JtYXR0ZXIodGltZXpvbmUpKHRpbWVGb3JtYXQpKHZhbHVlWzFdKX0gLz5cbiAgICA8L1RpbWVWYWx1ZVdyYXBwZXI+XG4gICk7XG5cbiAgcmV0dXJuIFRpbWVUaXRsZTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgVGltZVJhbmdlU2xpZGVyVGltZVRpdGxlRmFjdG9yeTtcbiJdfQ==

package/dist/common/time-range-slider.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import RangeSliderFactory from './range-slider';
+import TimeSliderMarkerFactory from './time-slider-marker';
+import PlaybackControlsFactory from './animation-control/playback-controls';
+import TimeRangeSliderTimeTitleFactory from './time-range-slider-time-title';
+import { HistogramBin, LineChart } from '@kepler.gl/types';
+declare type TimeRangeSliderProps = {
+    domain?: [number, number];
+    value: [number, number];
+    isEnlarged?: boolean;
+    hideTimeTitle?: boolean;
+    isAnimating: boolean;
+    timeFormat: string;
+    timezone?: string | null;
+    histogram?: HistogramBin[];
+    plotType?: string;
+    lineChart?: LineChart;
+    step: number;
+    isAnimatable?: boolean;
+    speed: number;
+    animationWindow: string;
+    resetAnimation?: () => void;
+    toggleAnimation: () => void;
+    updateAnimationSpeed?: (val: number) => void;
+    setFilterAnimationWindow?: (id: string) => void;
+    onChange: (v: number[]) => void;
+};
+declare function TimeRangeSliderFactory(PlaybackControls: ReturnType<typeof PlaybackControlsFactory>, RangeSlider: ReturnType<typeof RangeSliderFactory>, TimeSliderMarker: ReturnType<typeof TimeSliderMarkerFactory>, TimeRangeSliderTimeTitle: ReturnType<typeof TimeRangeSliderTimeTitleFactory>): React.NamedExoticComponent<TimeRangeSliderProps>;
+declare namespace TimeRangeSliderFactory {
+    var deps: (typeof RangeSliderFactory | typeof TimeSliderMarkerFactory | typeof PlaybackControlsFactory | typeof TimeRangeSliderTimeTitleFactory)[];
+}
+export default TimeRangeSliderFactory;

package/dist/common/time-range-slider.js

@@ -0,0 +1,132 @@
+// Copyright (c) 2022 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"] = TimeRangeSliderFactory;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _lodash = _interopRequireDefault(require("lodash.throttle"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _rangeSlider = _interopRequireDefault(require("./range-slider"));
+
+var _timeSliderMarker = _interopRequireDefault(require("./time-slider-marker"));
+
+var _playbackControls = _interopRequireDefault(require("./animation-control/playback-controls"));
+
+var _timeRangeSliderTimeTitle = _interopRequireDefault(require("./time-range-slider-time-title"));
+
+var _templateObject;
+
+var animationControlWidth = 176;
+
+var StyledSliderContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  align-items: flex-end;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding-left: ", "px;\n\n  .timeline-container .kg-slider {\n    display: none;\n  }\n\n  .playback-controls {\n    margin-left: 22px;\n  }\n"])), function (props) {
+  return props.isEnlarged ? 24 : 0;
+});
+
+TimeRangeSliderFactory.deps = [_playbackControls["default"], _rangeSlider["default"], _timeSliderMarker["default"], _timeRangeSliderTimeTitle["default"]];
+
+function TimeRangeSliderFactory(PlaybackControls, RangeSlider, TimeSliderMarker, TimeRangeSliderTimeTitle) {
+  var TimeRangeSlider = function TimeRangeSlider(props) {
+    var domain = props.domain,
+        value = props.value,
+        isEnlarged = props.isEnlarged,
+        hideTimeTitle = props.hideTimeTitle,
+        isAnimating = props.isAnimating,
+        resetAnimation = props.resetAnimation,
+        timeFormat = props.timeFormat,
+        timezone = props.timezone,
+        histogram = props.histogram,
+        plotType = props.plotType,
+        lineChart = props.lineChart,
+        step = props.step,
+        isAnimatable = props.isAnimatable,
+        speed = props.speed,
+        animationWindow = props.animationWindow,
+        updateAnimationSpeed = props.updateAnimationSpeed,
+        setFilterAnimationWindow = props.setFilterAnimationWindow,
+        toggleAnimation = props.toggleAnimation,
+        onChange = props.onChange;
+    var throttledOnchange = (0, _react.useMemo)(function () {
+      return (0, _lodash["default"])(onChange, 20);
+    }, [onChange]);
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "time-range-slider"
+    }, !hideTimeTitle ? /*#__PURE__*/_react["default"].createElement("div", {
+      className: "time-range-slider__title",
+      style: {
+        width: isEnlarged ? "calc(100% - ".concat(animationControlWidth, "px)") : '100%'
+      }
+    }, /*#__PURE__*/_react["default"].createElement(TimeRangeSliderTimeTitle, {
+      timeFormat: timeFormat,
+      timezone: timezone,
+      value: value,
+      isEnlarged: isEnlarged
+    })) : null, /*#__PURE__*/_react["default"].createElement(StyledSliderContainer, {
+      className: "time-range-slider__container",
+      isEnlarged: isEnlarged
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "timeline-container",
+      style: {
+        width: isEnlarged ? "calc(100% - ".concat(animationControlWidth, "px)") : '100%'
+      }
+    }, /*#__PURE__*/_react["default"].createElement(RangeSlider, {
+      range: domain,
+      value0: value[0],
+      value1: value[1],
+      histogram: histogram,
+      lineChart: lineChart,
+      plotType: plotType,
+      isEnlarged: isEnlarged,
+      showInput: false,
+      step: step,
+      onChange: throttledOnchange,
+      xAxis: TimeSliderMarker,
+      timezone: timezone,
+      timeFormat: timeFormat
+    })), isEnlarged ? /*#__PURE__*/_react["default"].createElement(PlaybackControls, {
+      isAnimatable: isAnimatable,
+      width: animationControlWidth,
+      speed: speed,
+      animationWindow: animationWindow,
+      updateAnimationSpeed: updateAnimationSpeed,
+      setFilterAnimationWindow: setFilterAnimationWindow,
+      pauseAnimation: toggleAnimation,
+      resetAnimation: resetAnimation,
+      isAnimating: isAnimating,
+      startAnimation: toggleAnimation
+    }) : null));
+  };
+
+  return /*#__PURE__*/_react["default"].memo(TimeRangeSlider);
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vdGltZS1yYW5nZS1zbGlkZXIudHN4Il0sIm5hbWVzIjpbImFuaW1hdGlvbkNvbnRyb2xXaWR0aCIsIlN0eWxlZFNsaWRlckNvbnRhaW5lciIsInN0eWxlZCIsImRpdiIsInByb3BzIiwiaXNFbmxhcmdlZCIsIlRpbWVSYW5nZVNsaWRlckZhY3RvcnkiLCJkZXBzIiwiUGxheWJhY2tDb250cm9sc0ZhY3RvcnkiLCJSYW5nZVNsaWRlckZhY3RvcnkiLCJUaW1lU2xpZGVyTWFya2VyRmFjdG9yeSIsIlRpbWVSYW5nZVNsaWRlclRpbWVUaXRsZUZhY3RvcnkiLCJQbGF5YmFja0NvbnRyb2xzIiwiUmFuZ2VTbGlkZXIiLCJUaW1lU2xpZGVyTWFya2VyIiwiVGltZVJhbmdlU2xpZGVyVGltZVRpdGxlIiwiVGltZVJhbmdlU2xpZGVyIiwiZG9tYWluIiwidmFsdWUiLCJoaWRlVGltZVRpdGxlIiwiaXNBbmltYXRpbmciLCJyZXNldEFuaW1hdGlvbiIsInRpbWVGb3JtYXQiLCJ0aW1lem9uZSIsImhpc3RvZ3JhbSIsInBsb3RUeXBlIiwibGluZUNoYXJ0Iiwic3RlcCIsImlzQW5pbWF0YWJsZSIsInNwZWVkIiwiYW5pbWF0aW9uV2luZG93IiwidXBkYXRlQW5pbWF0aW9uU3BlZWQiLCJzZXRGaWx0ZXJBbmltYXRpb25XaW5kb3ciLCJ0b2dnbGVBbmltYXRpb24iLCJvbkNoYW5nZSIsInRocm90dGxlZE9uY2hhbmdlIiwid2lkdGgiLCJSZWFjdCIsIm1lbW8iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7QUFvQkE7O0FBQ0E7O0FBQ0E7O0FBRUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7QUFHQSxJQUFNQSxxQkFBcUIsR0FBRyxHQUE5Qjs7QUE0QkEsSUFBTUMscUJBQXFCLEdBQUdDLDZCQUFPQyxHQUFWLCtVQUtULFVBQUFDLEtBQUs7QUFBQSxTQUFLQSxLQUFLLENBQUNDLFVBQU4sR0FBbUIsRUFBbkIsR0FBd0IsQ0FBN0I7QUFBQSxD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QURUO0FBRUUsTUFBQSxNQUFNLEVBQUVDLEtBQUssQ0FBQyxDQUFELENBRmY7QUFHRSxNQUFBLE1BQU0sRUFBRUEsS0FBSyxDQUFDLENBQUQsQ0FIZjtBQUlFLE1BQUEsU0FBUyxFQUFFTSxTQUpiO0FBS0UsTUFBQSxTQUFTLEVBQUVFLFNBTGI7QUFNRSxNQUFBLFFBQVEsRUFBRUQsUUFOWjtBQU9FLE1BQUEsVUFBVSxFQUFFcEIsVUFQZDtBQVFFLE1BQUEsU0FBUyxFQUFFLEtBUmI7QUFTRSxNQUFBLElBQUksRUFBRXNCLElBVFI7QUFVRSxNQUFBLFFBQVEsRUFBRVEsaUJBVlo7QUFXRSxNQUFBLEtBQUssRUFBRXJCLGdCQVhUO0FBWUUsTUFBQSxRQUFRLEVBQUVTLFFBWlo7QUFhRSxNQUFBLFVBQVUsRUFBRUQ7QUFiZCxNQU5GLENBREYsRUF1QkdqQixVQUFVLGdCQUNULGdDQUFDLGdCQUFEO0FBQ0UsTUFBQSxZQUFZLEVBQUV1QixZQURoQjtBQUVFLE1BQUEsS0FBSyxFQUFFNUIscUJBRlQ7QUFHRSxNQUFBLEtBQUssRUFBRTZCLEtBSFQ7QUFJRSxNQUFBLGVBQWUsRUFBRUMsZUFKbkI7QUFLRSxNQUFBLG9CQUFvQixFQUFFQyxvQkFMeEI7QUFNRSxNQUFBLHdCQUF3QixFQUFFQyx3QkFONUI7QUFPRSxNQUFBLGNBQWMsRUFBRUMsZUFQbEI7QUFRRSxNQUFBLGNBQWMsRUFBRVosY0FSbEI7QUFTRSxNQUFBLFdBQVcsRUFBRUQsV0FUZjtBQVVFLE1BQUEsY0FBYyxFQUFFYTtBQVZsQixNQURTLEdBYVAsSUFwQ04sQ0FoQkYsQ0FERjtBQXlERCxHQWpGRDs7QUFtRkEsc0JBQU9JLGtCQUFNQyxJQUFOLENBQVd0QixlQUFYLENBQVA7QUFDRCIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAyMiBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCBSZWFjdCwge3VzZU1lbW99IGZyb20gJ3JlYWN0JztcbmltcG9ydCB0aHJvdHRsZSBmcm9tICdsb2Rhc2gudGhyb3R0bGUnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCBSYW5nZVNsaWRlckZhY3RvcnkgZnJvbSAnLi9yYW5nZS1zbGlkZXInO1xuaW1wb3J0IFRpbWVTbGlkZXJNYXJrZXJGYWN0b3J5IGZyb20gJy4vdGltZS1zbGlkZXItbWFya2VyJztcbmltcG9ydCBQbGF5YmFja0NvbnRyb2xzRmFjdG9yeSBmcm9tICcuL2FuaW1hdGlvbi1jb250cm9sL3BsYXliYWNrLWNvbnRyb2xzJztcbmltcG9ydCBUaW1lUmFuZ2VTbGlkZXJUaW1lVGl0bGVGYWN0b3J5IGZyb20gJy4vdGltZS1yYW5nZS1zbGlkZXItdGltZS10aXRsZSc7XG5pbXBvcnQge0hpc3RvZ3JhbUJpbiwgTGluZUNoYXJ0fSBmcm9tICdAa2VwbGVyLmdsL3R5cGVzJztcblxuY29uc3QgYW5pbWF0aW9uQ29udHJvbFdpZHRoID0gMTc2O1xuXG5pbnRlcmZhY2UgU3R5bGVkU2xpZGVyQ29udGFpbmVyUHJvcHMge1xuICBpc0VubGFyZ2VkPzogYm9vbGVhbjtcbn1cblxudHlwZSBUaW1lUmFuZ2VTbGlkZXJQcm9wcyA9IHtcbiAgZG9tYWluPzogW251bWJlciwgbnVtYmVyXTtcbiAgdmFsdWU6IFtudW1iZXIsIG51bWJlcl07XG4gIGlzRW5sYXJnZWQ/OiBib29sZWFuO1xuICBoaWRlVGltZVRpdGxlPzogYm9vbGVhbjtcbiAgaXNBbmltYXRpbmc6IGJvb2xlYW47XG4gIHRpbWVGb3JtYXQ6IHN0cmluZztcbiAgdGltZXpvbmU/OiBzdHJpbmcgfCBudWxsO1xuICBoaXN0b2dyYW0/OiBIaXN0b2dyYW1CaW5bXTtcbiAgcGxvdFR5cGU/OiBzdHJpbmc7XG4gIGxpbmVDaGFydD86IExpbmVDaGFydDtcbiAgc3RlcDogbnVtYmVyO1xuICBpc0FuaW1hdGFibGU/OiBib29sZWFuO1xuICBzcGVlZDogbnVtYmVyO1xuICBhbmltYXRpb25XaW5kb3c6IHN0cmluZztcbiAgcmVzZXRBbmltYXRpb24/OiAoKSA9PiB2b2lkO1xuICB0b2dnbGVBbmltYXRpb246ICgpID0+IHZvaWQ7XG4gIHVwZGF0ZUFuaW1hdGlvblNwZWVkPzogKHZhbDogbnVtYmVyKSA9PiB2b2lkO1xuICBzZXRGaWx0ZXJBbmltYXRpb25XaW5kb3c/OiAoaWQ6IHN0cmluZykgPT4gdm9pZDtcbiAgb25DaGFuZ2U6ICh2OiBudW1iZXJbXSkgPT4gdm9pZDtcbn07XG5cbmNvbnN0IFN0eWxlZFNsaWRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXY8U3R5bGVkU2xpZGVyQ29udGFpbmVyUHJvcHM+YFxuICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgcGFkZGluZy1sZWZ0OiAke3Byb3BzID0+IChwcm9wcy5pc0VubGFyZ2VkID8gMjQgOiAwKX1weDtcblxuICAudGltZWxpbmUtY29udGFpbmVyIC5rZy1zbGlkZXIge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cblxuICAucGxheWJhY2stY29udHJvbHMge1xuICAgIG1hcmdpbi1sZWZ0OiAyMnB4O1xuICB9XG5gO1xuXG5UaW1lUmFuZ2VTbGlkZXJGYWN0b3J5LmRlcHMgPSBbXG4gIFBsYXliYWNrQ29udHJvbHNGYWN0b3J5LFxuICBSYW5nZVNsaWRlckZhY3RvcnksXG4gIFRpbWVTbGlkZXJNYXJrZXJGYWN0b3J5LFxuICBUaW1lUmFuZ2VTbGlkZXJUaW1lVGl0bGVGYWN0b3J5XG5dO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBUaW1lUmFuZ2VTbGlkZXJGYWN0b3J5KFxuICBQbGF5YmFja0NvbnRyb2xzOiBSZXR1cm5UeXBlPHR5cGVvZiBQbGF5YmFja0NvbnRyb2xzRmFjdG9yeT4sXG4gIFJhbmdlU2xpZGVyOiBSZXR1cm5UeXBlPHR5cGVvZiBSYW5nZVNsaWRlckZhY3Rvcnk+LFxuICBUaW1lU2xpZGVyTWFya2VyOiBSZXR1cm5UeXBlPHR5cGVvZiBUaW1lU2xpZGVyTWFya2VyRmFjdG9yeT4sXG4gIFRpbWVSYW5nZVNsaWRlclRpbWVUaXRsZTogUmV0dXJuVHlwZTx0eXBlb2YgVGltZVJhbmdlU2xpZGVyVGltZVRpdGxlRmFjdG9yeT5cbikge1xuICBjb25zdCBUaW1lUmFuZ2VTbGlkZXI6IFJlYWN0LkZDPFRpbWVSYW5nZVNsaWRlclByb3BzPiA9IHByb3BzID0+IHtcbiAgICBjb25zdCB7XG4gICAgICBkb21haW4sXG4gICAgICB2YWx1ZSxcbiAgICAgIGlzRW5sYXJnZWQsXG4gICAgICBoaWRlVGltZVRpdGxlLFxuICAgICAgaXNBbmltYXRpbmcsXG4gICAgICByZXNldEFuaW1hdGlvbixcbiAgICAgIHRpbWVGb3JtYXQsXG4gICAgICB0aW1lem9uZSxcbiAgICAgIGhpc3RvZ3JhbSxcbiAgICAgIHBsb3RUeXBlLFxuICAgICAgbGluZUNoYXJ0LFxuICAgICAgc3RlcCxcbiAgICAgIGlzQW5pbWF0YWJsZSxcbiAgICAgIHNwZWVkLFxuICAgICAgYW5pbWF0aW9uV2luZG93LFxuICAgICAgdXBkYXRlQW5pbWF0aW9uU3BlZWQsXG4gICAgICBzZXRGaWx0ZXJBbmltYXRpb25XaW5kb3csXG4gICAgICB0b2dnbGVBbmltYXRpb24sXG4gICAgICBvbkNoYW5nZVxuICAgIH0gPSBwcm9wcztcbiAgICBjb25zdCB0aHJvdHRsZWRPbmNoYW5nZSA9IHVzZU1lbW8oKCkgPT4gdGhyb3R0bGUob25DaGFuZ2UsIDIwKSwgW29uQ2hhbmdlXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJ0aW1lLXJhbmdlLXNsaWRlclwiPlxuICAgICAgICB7IWhpZGVUaW1lVGl0bGUgPyAoXG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3NOYW1lPVwidGltZS1yYW5nZS1zbGlkZXJfX3RpdGxlXCJcbiAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgIHdpZHRoOiBpc0VubGFyZ2VkID8gYGNhbGMoMTAwJSAtICR7YW5pbWF0aW9uQ29udHJvbFdpZHRofXB4KWAgOiAnMTAwJSdcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRpbWVSYW5nZVNsaWRlclRpbWVUaXRsZVxuICAgICAgICAgICAgICB0aW1lRm9ybWF0PXt0aW1lRm9ybWF0fVxuICAgICAgICAgICAgICB0aW1lem9uZT17dGltZXpvbmV9XG4gICAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgICAgaXNFbmxhcmdlZD17aXNFbmxhcmdlZH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgICA8U3R5bGVkU2xpZGVyQ29udGFpbmVyIGNsYXNzTmFtZT1cInRpbWUtcmFuZ2Utc2xpZGVyX19jb250YWluZXJcIiBpc0VubGFyZ2VkPXtpc0VubGFyZ2VkfT5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjbGFzc05hbWU9XCJ0aW1lbGluZS1jb250YWluZXJcIlxuICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgd2lkdGg6IGlzRW5sYXJnZWQgPyBgY2FsYygxMDAlIC0gJHthbmltYXRpb25Db250cm9sV2lkdGh9cHgpYCA6ICcxMDAlJ1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8UmFuZ2VTbGlkZXJcbiAgICAgICAgICAgICAgcmFuZ2U9e2RvbWFpbn1cbiAgICAgICAgICAgICAgdmFsdWUwPXt2YWx1ZVswXX1cbiAgICAgICAgICAgICAgdmFsdWUxPXt2YWx1ZVsxXX1cbiAgICAgICAgICAgICAgaGlzdG9ncmFtPXtoaXN0b2dyYW19XG4gICAgICAgICAgICAgIGxpbmVDaGFydD17bGluZUNoYXJ0fVxuICAgICAgICAgICAgICBwbG90VHlwZT17cGxvdFR5cGV9XG4gICAgICAgICAgICAgIGlzRW5sYXJnZWQ9e2lzRW5sYXJnZWR9XG4gICAgICAgICAgICAgIHNob3dJbnB1dD17ZmFsc2V9XG4gICAgICAgICAgICAgIHN0ZXA9e3N0ZXB9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXt0aHJvdHRsZWRPbmNoYW5nZX1cbiAgICAgICAgICAgICAgeEF4aXM9e1RpbWVTbGlkZXJNYXJrZXJ9XG4gICAgICAgICAgICAgIHRpbWV6b25lPXt0aW1lem9uZX1cbiAgICAgICAgICAgICAgdGltZUZvcm1hdD17dGltZUZvcm1hdH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAge2lzRW5sYXJnZWQgPyAoXG4gICAgICAgICAgICA8UGxheWJhY2tDb250cm9sc1xuICAgICAgICAgICAgICBpc0FuaW1hdGFibGU9e2lzQW5pbWF0YWJsZX1cbiAgICAgICAgICAgICAgd2lkdGg9e2FuaW1hdGlvbkNvbnRyb2xXaWR0aH1cbiAgICAgICAgICAgICAgc3BlZWQ9e3NwZWVkfVxuICAgICAgICAgICAgICBhbmltYXRpb25XaW5kb3c9e2FuaW1hdGlvbldpbmRvd31cbiAgICAgICAgICAgICAgdXBkYXRlQW5pbWF0aW9uU3BlZWQ9e3VwZGF0ZUFuaW1hdGlvblNwZWVkfVxuICAgICAgICAgICAgICBzZXRGaWx0ZXJBbmltYXRpb25XaW5kb3c9e3NldEZpbHRlckFuaW1hdGlvbldpbmRvd31cbiAgICAgICAgICAgICAgcGF1c2VBbmltYXRpb249e3RvZ2dsZUFuaW1hdGlvbn1cbiAgICAgICAgICAgICAgcmVzZXRBbmltYXRpb249e3Jlc2V0QW5pbWF0aW9ufVxuICAgICAgICAgICAgICBpc0FuaW1hdGluZz17aXNBbmltYXRpbmd9XG4gICAgICAgICAgICAgIHN0YXJ0QW5pbWF0aW9uPXt0b2dnbGVBbmltYXRpb259XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L1N0eWxlZFNsaWRlckNvbnRhaW5lcj5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH07XG5cbiAgcmV0dXJuIFJlYWN0Lm1lbW8oVGltZVJhbmdlU2xpZGVyKTtcbn1cbiJdfQ==

package/dist/common/time-slider-marker.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { NumberValue } from 'd3-scale';
+export declare function getTickFormat(timezone: string): (date: any) => string;
+export declare function getXAxis(domain: Date[] | NumberValue[], width: number, isEnlarged: boolean, timezone: string): any;
+export declare function updateAxis(xAxisRef: any, xAxis: any): void;
+interface TimeSliderMarkerProps {
+    width: number;
+    domain: Date[] | NumberValue[];
+    isEnlarged?: boolean;
+    height?: number;
+    timezone: string;
+}
+declare function TimeSliderMarkerFactory(): React.MemoExoticComponent<{
+    ({ width, domain, isEnlarged, height, timezone }: TimeSliderMarkerProps): JSX.Element;
+    propTypes: {
+        domain: PropTypes.Validator<any[]>;
+        width: PropTypes.Validator<number>;
+    };
+}>;
+export default TimeSliderMarkerFactory;

package/dist/common/time-slider-marker.js

@@ -0,0 +1,161 @@
+// Copyright (c) 2022 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.getTickFormat = getTickFormat;
+exports.getXAxis = getXAxis;
+exports.updateAxis = updateAxis;
+exports["default"] = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _d3Scale = require("d3-scale");
+
+var _d3Selection = require("d3-selection");
+
+var _d3Axis = require("d3-axis");
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _utils = require("@kepler.gl/utils");
+
+var _templateObject;
+
+var MIN_TICK_WIDTH_LARGE = 80;
+var MIN_TICK_WIDTH_SMALL = 50;
+var HEIGHT = 30;
+
+var TimeSliderContainer = _styledComponents["default"].svg(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  pointer-events: none;\n  position: absolute;\n  top: 0;\n  overflow: visible;\n  margin-top: 6px;\n\n  .axis text {\n    font-size: ", ";\n    fill: ", ";\n  }\n\n  .axis line,\n  .axis path {\n    fill: none;\n    stroke: ", ";\n    shape-rendering: crispEdges;\n    stroke-width: 2;\n  }\n\n  .axis .domain {\n    display: none;\n  }\n\n  .value {\n    fill: ", ";\n    font-size: ", ";\n\n    &.start {\n      text-anchor: start;\n    }\n\n    &.end {\n      text-anchor: end;\n    }\n  }\n"])), function (props) {
+  return props.theme.axisFontSize;
+}, function (props) {
+  return props.theme.axisFontColor;
+}, function (props) {
+  return props.theme.sliderBarBgd;
+}, function (props) {
+  return props.theme.axisFontColor;
+}, function (props) {
+  return props.theme.axisFontSize;
+});
+
+var TICK_FORMATS = {
+  millisecond: '.SSS',
+  second: ':ss',
+  minute: 'HH:ss',
+  hour: 'HH A',
+  day: 'ddd DD',
+  week: 'MMM DD',
+  month: 'MMM',
+  year: 'YYYY'
+}; // timezone sensitive tick formatter based on moment
+// adapted based on d3 time scale tick format https://github.com/d3/d3-scale/blob/master/src/time.js#L59
+
+function getTickFormat(timezone) {
+  // date is js date object
+  var toMoment = timezone ? function (date) {
+    return (0, _momentTimezone["default"])(date).tz(timezone);
+  } : _momentTimezone["default"];
+  var formatter = (0, _utils.datetimeFormatter)(timezone);
+  return function (date) {
+    return (toMoment(date).startOf('second') < date ? formatter(TICK_FORMATS.millisecond) : toMoment(date).startOf('minute') < date ? formatter(TICK_FORMATS.second) : toMoment(date).startOf('hour') < date ? formatter(TICK_FORMATS.minute) : toMoment(date).startOf('day') < date ? formatter(TICK_FORMATS.hour) : toMoment(date).startOf('month') < date ? toMoment(date).startOf('isoWeek') < date ? formatter(TICK_FORMATS.day) : formatter(TICK_FORMATS.week) : toMoment(date).startOf('year') < date ? formatter(TICK_FORMATS.month) : formatter(TICK_FORMATS.year))(date);
+  };
+} // create a helper function so we can test it
+
+
+function getXAxis(domain, width, isEnlarged, timezone) {
+  if (!Array.isArray(domain) || !domain.every(Number.isFinite)) {
+    return null;
+  }
+
+  var scale = (0, _d3Scale.scaleUtc)().domain(domain).range([0, width]);
+
+  if (!scale) {
+    return null;
+  }
+
+  var ticks = Math.floor(width / (isEnlarged ? MIN_TICK_WIDTH_LARGE : MIN_TICK_WIDTH_SMALL));
+  var tickFormat = timezone ? getTickFormat(timezone) : null;
+  var xAxis = (0, _d3Axis.axisBottom)(scale).ticks(ticks).tickSize(0).tickPadding(12);
+
+  if (tickFormat) {
+    xAxis.tickFormat(tickFormat);
+  }
+
+  return xAxis;
+}
+
+function updateAxis(xAxisRef, xAxis) {
+  if (!xAxis) {
+    return;
+  }
+
+  (0, _d3Selection.select)(xAxisRef.current).call(xAxis);
+}
+
+function TimeSliderMarkerFactory() {
+  var TimeSliderMarker = function TimeSliderMarker(_ref) {
+    var width = _ref.width,
+        domain = _ref.domain,
+        _ref$isEnlarged = _ref.isEnlarged,
+        isEnlarged = _ref$isEnlarged === void 0 ? true : _ref$isEnlarged,
+        _ref$height = _ref.height,
+        height = _ref$height === void 0 ? HEIGHT : _ref$height,
+        timezone = _ref.timezone;
+    var xAxisRef = (0, _react.useRef)(null);
+    var xAxis = (0, _react.useMemo)(function () {
+      return getXAxis(domain, width, isEnlarged, timezone);
+    }, [domain, width, isEnlarged, timezone]);
+    (0, _react.useEffect)(function () {
+      updateAxis(xAxisRef, xAxis);
+    }, [xAxisRef, xAxis]);
+    return /*#__PURE__*/_react["default"].createElement(TimeSliderContainer, {
+      className: "time-slider-marker",
+      width: width,
+      height: height
+    }, /*#__PURE__*/_react["default"].createElement("g", {
+      className: "x axis",
+      ref: xAxisRef,
+      transform: "translate(0, 0)"
+    }));
+  };
+
+  TimeSliderMarker.propTypes = {
+    domain: _propTypes["default"].arrayOf(_propTypes["default"].any).isRequired,
+    width: _propTypes["default"].number.isRequired
+  };
+  return /*#__PURE__*/_react["default"].memo(TimeSliderMarker);
+}
+
+var _default = TimeSliderMarkerFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vdGltZS1zbGlkZXItbWFya2VyLnRzeCJdLCJuYW1lcyI6WyJNSU5fVElDS19XSURUSF9MQVJHRSIsIk1JTl9USUNLX1dJRFRIX1NNQUxMIiwiSEVJR0hUIiwiVGltZVNsaWRlckNvbnRhaW5lciIsInN0eWxlZCIsInN2ZyIsInByb3BzIiwidGhlbWUiLCJheGlzRm9udFNpemUiLCJheGlzRm9udENvbG9yIiwic2xpZGVyQmFyQmdkIiwiVElDS19GT1JNQVRTIiwibWlsbGlzZWNvbmQiLCJzZWNvbmQiLCJtaW51dGUiLCJob3VyIiwiZGF5Iiwid2VlayIsIm1vbnRoIiwieWVhciIsImdldFRpY2tGb3JtYXQiLCJ0aW1lem9uZSIsInRvTW9tZW50IiwiZGF0ZSIsInR6IiwibW9tZW50IiwiZm9ybWF0dGVyIiwic3RhcnRPZiIsImdldFhBeGlzIiwiZG9tYWluIiwid2lkdGgiLCJpc0VubGFyZ2VkIiwiQXJyYXkiLCJpc0FycmF5IiwiZXZlcnkiLCJOdW1iZXIiLCJpc0Zpbml0ZSIsInNjYWxlIiwicmFuZ2UiLCJ0aWNrcyIsIk1hdGgiLCJmbG9vciIsInRpY2tGb3JtYXQiLCJ4QXhpcyIsInRpY2tTaXplIiwidGlja1BhZGRpbmciLCJ1cGRhdGVBeGlzIiwieEF4aXNSZWYiLCJjdXJyZW50IiwiY2FsbCIsIlRpbWVTbGlkZXJNYXJrZXJGYWN0b3J5IiwiVGltZVNsaWRlck1hcmtlciIsImhlaWdodCIsInByb3BUeXBlcyIsIlByb3BUeXBlcyIsImFycmF5T2YiLCJhbnkiLCJpc1JlcXVpcmVkIiwibnVtYmVyIiwiUmVhY3QiLCJtZW1vIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7O0FBb0JBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOzs7O0FBRUEsSUFBTUEsb0JBQW9CLEdBQUcsRUFBN0I7QUFDQSxJQUFNQyxvQkFBb0IsR0FBRyxFQUE3QjtBQUNBLElBQU1DLE1BQU0sR0FBRyxFQUFmOztBQUVBLElBQU1DLG1CQUFtQixHQUFHQyw2QkFBT0MsR0FBVix3a0JBUVIsVUFBQUMsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0MsS0FBTixDQUFZQyxZQUFoQjtBQUFBLENBUkcsRUFTYixVQUFBRixLQUFLO0FBQUEsU0FBSUEsS0FBSyxDQUFDQyxLQUFOLENBQVlFLGFBQWhCO0FBQUEsQ0FUUSxFQWVYLFVBQUFILEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNDLEtBQU4sQ0FBWUcsWUFBaEI7QUFBQSxDQWZNLEVBeUJiLFVBQUFKLEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNDLEtBQU4sQ0FBWUUsYUFBaEI7QUFBQSxDQXpCUSxFQTBCUixVQUFBSCxLQUFLO0FBQUEsU0FBSUEsS0FBSyxDQUFDQyxLQUFOLENBQVlDLFlBQWhCO0FBQUEsQ0ExQkcsQ0FBekI7O0FBc0NBLElBQU1HLFlBQVksR0FBRztBQUNuQkMsRUFBQUEsV0FBVyxFQUFFLE1BRE07QUFFbkJDLEVBQUFBLE1BQU0sRUFBRSxLQUZXO0FBR25CQyxFQUFBQSxNQUFNLEVBQUUsT0FIVztBQUluQkMsRUFBQUEsSUFBSSxFQUFFLE1BSmE7QUFLbkJDLEVBQUFBLEdBQUcsRUFBRSxRQUxjO0FBTW5CQyxFQUFBQSxJQUFJLEVBQUUsUUFOYTtBQU9uQkMsRUFBQUEsS0FBSyxFQUFFLEtBUFk7QUFRbkJDLEVBQUFBLElBQUksRUFBRTtBQVJhLENBQXJCLEMsQ0FXQTtBQUNBOztBQUNPLFNBQVNDLGFBQVQsQ0FBdUJDLFFBQXZCLEVBQXlDO0FBQzlDO0FBQ0EsTUFBTUMsUUFBUSxHQUFHRCxRQUFRLEdBQUcsVUFBQUUsSUFBSTtBQUFBLFdBQUksZ0NBQU9BLElBQVAsRUFBYUMsRUFBYixDQUFnQkgsUUFBaEIsQ0FBSjtBQUFBLEdBQVAsR0FBdUNJLDBCQUFoRTtBQUNBLE1BQU1DLFNBQVMsR0FBRyw4QkFBa0JMLFFBQWxCLENBQWxCO0FBRUEsU0FBTyxVQUFBRSxJQUFJO0FBQUEsV0FDVCxDQUFDRCxRQUFRLENBQUNDLElBQUQsQ0FBUixDQUFlSSxPQUFmLENBQXVCLFFBQXZCLElBQW1DSixJQUFuQyxHQUNHRyxTQUFTLENBQUNmLFlBQVksQ0FBQ0MsV0FBZCxDQURaLEdBRUdVLFFBQVEsQ0FBQ0MsSUFBRCxDQUFSLENBQWVJLE9BQWYsQ0FBdUIsUUFBdkIsSUFBbUNKLElBQW5DLEdBQ0FHLFNBQVMsQ0FBQ2YsWUFBWSxDQUFDRSxNQUFkLENBRFQsR0FFQVMsUUFBUSxDQUFDQyxJQUFELENBQVIsQ0FBZUksT0FBZixDQUF1QixNQUF2QixJQUFpQ0osSUFBakMsR0FDQUcsU0FBUyxDQUFDZixZQUFZLENBQUNHLE1BQWQsQ0FEVCxHQUVBUSxRQUFRLENBQUNDLElBQUQsQ0FBUixDQUFlSSxPQUFmLENBQXVCLEtBQXZCLElBQWdDSixJQUFoQyxHQUNBRyxTQUFTLENBQUNmLFlBQVksQ0FBQ0ksSUFBZCxDQURULEdBRUFPLFFBQVEsQ0FBQ0MsSUFBRCxDQUFSLENBQWVJLE9BQWYsQ0FBdUIsT0FBdkIsSUFBa0NKLElBQWxDLEdBQ0FELFFBQVEsQ0FBQ0MsSUFBRCxDQUFSLENBQWVJLE9BQWYsQ0FBdUIsU0FBdkIsSUFBb0NKLElBQXBDLEdBQ0VHLFNBQVMsQ0FBQ2YsWUFBWSxDQUFDSyxHQUFkLENBRFgsR0FFRVUsU0FBUyxDQUFDZixZQUFZLENBQUNNLElBQWQsQ0FIWCxHQUlBSyxRQUFRLENBQUNDLElBQUQsQ0FBUixDQUFlSSxPQUFmLENBQXVCLE1BQXZCLElBQWlDSixJQUFqQyxHQUNBRyxTQUFTLENBQUNmLFlBQVksQ0FBQ08sS0FBZCxDQURULEdBRUFRLFNBQVMsQ0FBQ2YsWUFBWSxDQUFDUSxJQUFkLENBZGIsRUFja0NJLElBZGxDLENBRFM7QUFBQSxHQUFYO0FBZ0JELEMsQ0FFRDs7O0FBQ08sU0FBU0ssUUFBVCxDQUNMQyxNQURLLEVBRUxDLEtBRkssRUFHTEMsVUFISyxFQUlMVixRQUpLLEVBS0w7QUFDQSxNQUFJLENBQUNXLEtBQUssQ0FBQ0MsT0FBTixDQUFjSixNQUFkLENBQUQsSUFBMEIsQ0FBQ0EsTUFBTSxDQUFDSyxLQUFQLENBQWFDLE1BQU0sQ0FBQ0MsUUFBcEIsQ0FBL0IsRUFBOEQ7QUFDNUQsV0FBTyxJQUFQO0FBQ0Q7O0FBQ0QsTUFBTUMsS0FBSyxHQUFHLHlCQUNYUixNQURXLENBQ0pBLE1BREksRUFFWFMsS0FGVyxDQUVMLENBQUMsQ0FBRCxFQUFJUixLQUFKLENBRkssQ0FBZDs7QUFHQSxNQUFJLENBQUNPLEtBQUwsRUFBWTtBQUNWLFdBQU8sSUFBUDtBQUNEOztBQUVELE1BQU1FLEtBQUssR0FBR0MsSUFBSSxDQUFDQyxLQUFMLENBQVdYLEtBQUssSUFBSUMsVUFBVSxHQUFHL0Isb0JBQUgsR0FBMEJDLG9CQUF4QyxDQUFoQixDQUFkO0FBQ0EsTUFBTXlDLFVBQVUsR0FBR3JCLFFBQVEsR0FBR0QsYUFBYSxDQUFDQyxRQUFELENBQWhCLEdBQTZCLElBQXhEO0FBQ0EsTUFBTXNCLEtBQUssR0FBRyx3QkFBV04sS0FBWCxFQUNYRSxLQURXLENBQ0xBLEtBREssRUFFWEssUUFGVyxDQUVGLENBRkUsRUFHWEMsV0FIVyxDQUdDLEVBSEQsQ0FBZDs7QUFJQSxNQUFJSCxVQUFKLEVBQWdCO0FBQ2RDLElBQUFBLEtBQUssQ0FBQ0QsVUFBTixDQUFpQkEsVUFBakI7QUFDRDs7QUFFRCxTQUFPQyxLQUFQO0FBQ0Q7O0FBRU0sU0FBU0csVUFBVCxDQUFvQkMsUUFBcEIsRUFBOEJKLEtBQTlCLEVBQXFDO0FBQzFDLE1BQUksQ0FBQ0EsS0FBTCxFQUFZO0FBQ1Y7QUFDRDs7QUFFRCwyQkFBT0ksUUFBUSxDQUFDQyxPQUFoQixFQUF5QkMsSUFBekIsQ0FBOEJOLEtBQTlCO0FBQ0Q7O0FBVUQsU0FBU08sdUJBQVQsR0FBbUM7QUFDakMsTUFBTUMsZ0JBQWdCLEdBQUcsU0FBbkJBLGdCQUFtQixPQU1JO0FBQUEsUUFMM0JyQixLQUsyQixRQUwzQkEsS0FLMkI7QUFBQSxRQUozQkQsTUFJMkIsUUFKM0JBLE1BSTJCO0FBQUEsK0JBSDNCRSxVQUcyQjtBQUFBLFFBSDNCQSxVQUcyQixnQ0FIZCxJQUdjO0FBQUEsMkJBRjNCcUIsTUFFMkI7QUFBQSxRQUYzQkEsTUFFMkIsNEJBRmxCbEQsTUFFa0I7QUFBQSxRQUQzQm1CLFFBQzJCLFFBRDNCQSxRQUMyQjtBQUMzQixRQUFNMEIsUUFBUSxHQUFHLG1CQUFPLElBQVAsQ0FBakI7QUFDQSxRQUFNSixLQUFLLEdBQUcsb0JBQVE7QUFBQSxhQUFNZixRQUFRLENBQUNDLE1BQUQsRUFBU0MsS0FBVCxFQUFnQkMsVUFBaEIsRUFBNEJWLFFBQTVCLENBQWQ7QUFBQSxLQUFSLEVBQTZELENBQ3pFUSxNQUR5RSxFQUV6RUMsS0FGeUUsRUFHekVDLFVBSHlFLEVBSXpFVixRQUp5RSxDQUE3RCxDQUFkO0FBTUEsMEJBQVUsWUFBTTtBQUNkeUIsTUFBQUEsVUFBVSxDQUFDQyxRQUFELEVBQVdKLEtBQVgsQ0FBVjtBQUNELEtBRkQsRUFFRyxDQUFDSSxRQUFELEVBQVdKLEtBQVgsQ0FGSDtBQUdBLHdCQUNFLGdDQUFDLG1CQUFEO0FBQXFCLE1BQUEsU0FBUyxFQUFDLG9CQUEvQjtBQUFvRCxNQUFBLEtBQUssRUFBRWIsS0FBM0Q7QUFBa0UsTUFBQSxNQUFNLEVBQUVzQjtBQUExRSxvQkFDRTtBQUFHLE1BQUEsU0FBUyxFQUFDLFFBQWI7QUFBc0IsTUFBQSxHQUFHLEVBQUVMLFFBQTNCO0FBQXFDLE1BQUEsU0FBUyxFQUFDO0FBQS9DLE1BREYsQ0FERjtBQUtELEdBdEJEOztBQXdCQUksRUFBQUEsZ0JBQWdCLENBQUNFLFNBQWpCLEdBQTZCO0FBQzNCeEIsSUFBQUEsTUFBTSxFQUFFeUIsc0JBQVVDLE9BQVYsQ0FBa0JELHNCQUFVRSxHQUE1QixFQUFpQ0MsVUFEZDtBQUUzQjNCLElBQUFBLEtBQUssRUFBRXdCLHNCQUFVSSxNQUFWLENBQWlCRDtBQUZHLEdBQTdCO0FBS0Esc0JBQU9FLGtCQUFNQyxJQUFOLENBQVdULGdCQUFYLENBQVA7QUFDRDs7ZUFFY0QsdUIiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjIgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQgUmVhY3QsIHt1c2VSZWYsIHVzZUVmZmVjdCwgdXNlTWVtb30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IG1vbWVudCBmcm9tICdtb21lbnQtdGltZXpvbmUnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7TnVtYmVyVmFsdWUsIHNjYWxlVXRjfSBmcm9tICdkMy1zY2FsZSc7XG5pbXBvcnQge3NlbGVjdH0gZnJvbSAnZDMtc2VsZWN0aW9uJztcbmltcG9ydCB7YXhpc0JvdHRvbX0gZnJvbSAnZDMtYXhpcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7ZGF0ZXRpbWVGb3JtYXR0ZXJ9IGZyb20gJ0BrZXBsZXIuZ2wvdXRpbHMnO1xuXG5jb25zdCBNSU5fVElDS19XSURUSF9MQVJHRSA9IDgwO1xuY29uc3QgTUlOX1RJQ0tfV0lEVEhfU01BTEwgPSA1MDtcbmNvbnN0IEhFSUdIVCA9IDMwO1xuXG5jb25zdCBUaW1lU2xpZGVyQ29udGFpbmVyID0gc3R5bGVkLnN2Z2BcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBvdmVyZmxvdzogdmlzaWJsZTtcbiAgbWFyZ2luLXRvcDogNnB4O1xuXG4gIC5heGlzIHRleHQge1xuICAgIGZvbnQtc2l6ZTogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5heGlzRm9udFNpemV9O1xuICAgIGZpbGw6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuYXhpc0ZvbnRDb2xvcn07XG4gIH1cblxuICAuYXhpcyBsaW5lLFxuICAuYXhpcyBwYXRoIHtcbiAgICBmaWxsOiBub25lO1xuICAgIHN0cm9rZTogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5zbGlkZXJCYXJCZ2R9O1xuICAgIHNoYXBlLXJlbmRlcmluZzogY3Jpc3BFZGdlcztcbiAgICBzdHJva2Utd2lkdGg6IDI7XG4gIH1cblxuICAuYXhpcyAuZG9tYWluIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5cbiAgLnZhbHVlIHtcbiAgICBmaWxsOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmF4aXNGb250Q29sb3J9O1xuICAgIGZvbnQtc2l6ZTogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5heGlzRm9udFNpemV9O1xuXG4gICAgJi5zdGFydCB7XG4gICAgICB0ZXh0LWFuY2hvcjogc3RhcnQ7XG4gICAgfVxuXG4gICAgJi5lbmQge1xuICAgICAgdGV4dC1hbmNob3I6IGVuZDtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFRJQ0tfRk9STUFUUyA9IHtcbiAgbWlsbGlzZWNvbmQ6ICcuU1NTJyxcbiAgc2Vjb25kOiAnOnNzJyxcbiAgbWludXRlOiAnSEg6c3MnLFxuICBob3VyOiAnSEggQScsXG4gIGRheTogJ2RkZCBERCcsXG4gIHdlZWs6ICdNTU0gREQnLFxuICBtb250aDogJ01NTScsXG4gIHllYXI6ICdZWVlZJ1xufTtcblxuLy8gdGltZXpvbmUgc2Vuc2l0aXZlIHRpY2sgZm9ybWF0dGVyIGJhc2VkIG9uIG1vbWVudFxuLy8gYWRhcHRlZCBiYXNlZCBvbiBkMyB0aW1lIHNjYWxlIHRpY2sgZm9ybWF0IGh0dHBzOi8vZ2l0aHViLmNvbS9kMy9kMy1zY2FsZS9ibG9iL21hc3Rlci9zcmMvdGltZS5qcyNMNTlcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaWNrRm9ybWF0KHRpbWV6b25lOiBzdHJpbmcpIHtcbiAgLy8gZGF0ZSBpcyBqcyBkYXRlIG9iamVjdFxuICBjb25zdCB0b01vbWVudCA9IHRpbWV6b25lID8gZGF0ZSA9PiBtb21lbnQoZGF0ZSkudHoodGltZXpvbmUpIDogbW9tZW50O1xuICBjb25zdCBmb3JtYXR0ZXIgPSBkYXRldGltZUZvcm1hdHRlcih0aW1lem9uZSk7XG5cbiAgcmV0dXJuIGRhdGUgPT5cbiAgICAodG9Nb21lbnQoZGF0ZSkuc3RhcnRPZignc2Vjb25kJykgPCBkYXRlXG4gICAgICA/IGZvcm1hdHRlcihUSUNLX0ZPUk1BVFMubWlsbGlzZWNvbmQpXG4gICAgICA6IHRvTW9tZW50KGRhdGUpLnN0YXJ0T2YoJ21pbnV0ZScpIDwgZGF0ZVxuICAgICAgPyBmb3JtYXR0ZXIoVElDS19GT1JNQVRTLnNlY29uZClcbiAgICAgIDogdG9Nb21lbnQoZGF0ZSkuc3RhcnRPZignaG91cicpIDwgZGF0ZVxuICAgICAgPyBmb3JtYXR0ZXIoVElDS19GT1JNQVRTLm1pbnV0ZSlcbiAgICAgIDogdG9Nb21lbnQoZGF0ZSkuc3RhcnRPZignZGF5JykgPCBkYXRlXG4gICAgICA/IGZvcm1hdHRlcihUSUNLX0ZPUk1BVFMuaG91cilcbiAgICAgIDogdG9Nb21lbnQoZGF0ZSkuc3RhcnRPZignbW9udGgnKSA8IGRhdGVcbiAgICAgID8gdG9Nb21lbnQoZGF0ZSkuc3RhcnRPZignaXNvV2VlaycpIDwgZGF0ZVxuICAgICAgICA/IGZvcm1hdHRlcihUSUNLX0ZPUk1BVFMuZGF5KVxuICAgICAgICA6IGZvcm1hdHRlcihUSUNLX0ZPUk1BVFMud2VlaylcbiAgICAgIDogdG9Nb21lbnQoZGF0ZSkuc3RhcnRPZigneWVhcicpIDwgZGF0ZVxuICAgICAgPyBmb3JtYXR0ZXIoVElDS19GT1JNQVRTLm1vbnRoKVxuICAgICAgOiBmb3JtYXR0ZXIoVElDS19GT1JNQVRTLnllYXIpKShkYXRlKTtcbn1cblxuLy8gY3JlYXRlIGEgaGVscGVyIGZ1bmN0aW9uIHNvIHdlIGNhbiB0ZXN0IGl0XG5leHBvcnQgZnVuY3Rpb24gZ2V0WEF4aXMoXG4gIGRvbWFpbjogRGF0ZVtdIHwgTnVtYmVyVmFsdWVbXSxcbiAgd2lkdGg6IG51bWJlcixcbiAgaXNFbmxhcmdlZDogYm9vbGVhbixcbiAgdGltZXpvbmU6IHN0cmluZ1xuKSB7XG4gIGlmICghQXJyYXkuaXNBcnJheShkb21haW4pIHx8ICFkb21haW4uZXZlcnkoTnVtYmVyLmlzRmluaXRlKSkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG4gIGNvbnN0IHNjYWxlID0gc2NhbGVVdGMoKVxuICAgIC5kb21haW4oZG9tYWluKVxuICAgIC5yYW5nZShbMCwgd2lkdGhdKTtcbiAgaWYgKCFzY2FsZSkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgY29uc3QgdGlja3MgPSBNYXRoLmZsb29yKHdpZHRoIC8gKGlzRW5sYXJnZWQgPyBNSU5fVElDS19XSURUSF9MQVJHRSA6IE1JTl9USUNLX1dJRFRIX1NNQUxMKSk7XG4gIGNvbnN0IHRpY2tGb3JtYXQgPSB0aW1lem9uZSA/IGdldFRpY2tGb3JtYXQodGltZXpvbmUpIDogbnVsbDtcbiAgY29uc3QgeEF4aXMgPSBheGlzQm90dG9tKHNjYWxlKVxuICAgIC50aWNrcyh0aWNrcylcbiAgICAudGlja1NpemUoMClcbiAgICAudGlja1BhZGRpbmcoMTIpO1xuICBpZiAodGlja0Zvcm1hdCkge1xuICAgIHhBeGlzLnRpY2tGb3JtYXQodGlja0Zvcm1hdCk7XG4gIH1cblxuICByZXR1cm4geEF4aXM7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiB1cGRhdGVBeGlzKHhBeGlzUmVmLCB4QXhpcykge1xuICBpZiAoIXhBeGlzKSB7XG4gICAgcmV0dXJuO1xuICB9XG5cbiAgc2VsZWN0KHhBeGlzUmVmLmN1cnJlbnQpLmNhbGwoeEF4aXMpO1xufVxuXG5pbnRlcmZhY2UgVGltZVNsaWRlck1hcmtlclByb3BzIHtcbiAgd2lkdGg6IG51bWJlcjtcbiAgZG9tYWluOiBEYXRlW10gfCBOdW1iZXJWYWx1ZVtdO1xuICBpc0VubGFyZ2VkPzogYm9vbGVhbjtcbiAgaGVpZ2h0PzogbnVtYmVyO1xuICB0aW1lem9uZTogc3RyaW5nO1xufVxuXG5mdW5jdGlvbiBUaW1lU2xpZGVyTWFya2VyRmFjdG9yeSgpIHtcbiAgY29uc3QgVGltZVNsaWRlck1hcmtlciA9ICh7XG4gICAgd2lkdGgsXG4gICAgZG9tYWluLFxuICAgIGlzRW5sYXJnZWQgPSB0cnVlLFxuICAgIGhlaWdodCA9IEhFSUdIVCxcbiAgICB0aW1lem9uZVxuICB9OiBUaW1lU2xpZGVyTWFya2VyUHJvcHMpID0+IHtcbiAgICBjb25zdCB4QXhpc1JlZiA9IHVzZVJlZihudWxsKTtcbiAgICBjb25zdCB4QXhpcyA9IHVzZU1lbW8oKCkgPT4gZ2V0WEF4aXMoZG9tYWluLCB3aWR0aCwgaXNFbmxhcmdlZCwgdGltZXpvbmUpLCBbXG4gICAgICBkb21haW4sXG4gICAgICB3aWR0aCxcbiAgICAgIGlzRW5sYXJnZWQsXG4gICAgICB0aW1lem9uZVxuICAgIF0pO1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICB1cGRhdGVBeGlzKHhBeGlzUmVmLCB4QXhpcyk7XG4gICAgfSwgW3hBeGlzUmVmLCB4QXhpc10pO1xuICAgIHJldHVybiAoXG4gICAgICA8VGltZVNsaWRlckNvbnRhaW5lciBjbGFzc05hbWU9XCJ0aW1lLXNsaWRlci1tYXJrZXJcIiB3aWR0aD17d2lkdGh9IGhlaWdodD17aGVpZ2h0fT5cbiAgICAgICAgPGcgY2xhc3NOYW1lPVwieCBheGlzXCIgcmVmPXt4QXhpc1JlZn0gdHJhbnNmb3JtPVwidHJhbnNsYXRlKDAsIDApXCIgLz5cbiAgICAgIDwvVGltZVNsaWRlckNvbnRhaW5lcj5cbiAgICApO1xuICB9O1xuXG4gIFRpbWVTbGlkZXJNYXJrZXIucHJvcFR5cGVzID0ge1xuICAgIGRvbWFpbjogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLmFueSkuaXNSZXF1aXJlZCxcbiAgICB3aWR0aDogUHJvcFR5cGVzLm51bWJlci5pc1JlcXVpcmVkXG4gIH07XG5cbiAgcmV0dXJuIFJlYWN0Lm1lbW8oVGltZVNsaWRlck1hcmtlcik7XG59XG5cbmV4cG9ydCBkZWZhdWx0IFRpbWVTbGlkZXJNYXJrZXJGYWN0b3J5O1xuIl19

package/dist/common/tippy-tooltip.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TippyProps } from '@tippyjs/react';
+declare const TippyTooltip: ({ children, render, duration, ...rest }: TippyProps) => JSX.Element;
+export default TippyTooltip;