@kepler.gl/components 3.0.0-alpha.0

package/dist/side-panel/panel-tab.js

@@ -0,0 +1,88 @@
+// 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.PanelTabFactory = PanelTabFactory;
+exports["default"] = exports.StyledPanelTab = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _styledComponents2 = require("../common/styled-components");
+
+var _localization = require("@kepler.gl/localization");
+
+var _templateObject;
+
+var StyledPanelTab = _styledComponents["default"].div.attrs({
+  className: 'side-panel__tab'
+})(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  align-items: flex-end;\n  border-bottom-style: solid;\n  border-bottom-width: 2px;\n  border-bottom-color: ", ";\n  color: ", ";\n  display: flex;\n  justify-content: center;\n  margin-right: ", "px;\n  padding-bottom: ", "px;\n  width: ", ";\n\n  :hover {\n    cursor: pointer;\n    color: ", ";\n  }\n"])), function (props) {
+  return props.active ? props.theme.panelToggleBorderColor : 'transparent';
+}, function (props) {
+  return props.active ? props.theme.subtextColorActive : props.theme.panelTabColor;
+}, function (props) {
+  return props.theme.panelToggleMarginRight;
+}, function (props) {
+  return props.theme.panelToggleBottomPadding;
+}, function (props) {
+  return props.theme.panelTabWidth;
+}, function (props) {
+  return props.theme.textColorHl;
+});
+
+exports.StyledPanelTab = StyledPanelTab;
+
+function PanelTabFactory() {
+  var PanelTab = function PanelTab(_ref) {
+    var isActive = _ref.isActive,
+        onClick = _ref.onClick,
+        panel = _ref.panel;
+    return /*#__PURE__*/_react["default"].createElement(StyledPanelTab, {
+      "data-tip": true,
+      "data-for": "".concat(panel.id, "-nav"),
+      active: isActive,
+      onClick: onClick
+    }, /*#__PURE__*/_react["default"].createElement(panel.iconComponent, {
+      height: "20px"
+    }), /*#__PURE__*/_react["default"].createElement(_styledComponents2.Tooltip, {
+      id: "".concat(panel.id, "-nav"),
+      effect: "solid",
+      delayShow: 500,
+      place: "bottom"
+    }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: panel.label || panel.id
+    }))));
+  };
+
+  return PanelTab;
+}
+
+var _default = PanelTabFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zaWRlLXBhbmVsL3BhbmVsLXRhYi50c3giXSwibmFtZXMiOlsiU3R5bGVkUGFuZWxUYWIiLCJzdHlsZWQiLCJkaXYiLCJhdHRycyIsImNsYXNzTmFtZSIsInByb3BzIiwiYWN0aXZlIiwidGhlbWUiLCJwYW5lbFRvZ2dsZUJvcmRlckNvbG9yIiwic3VidGV4dENvbG9yQWN0aXZlIiwicGFuZWxUYWJDb2xvciIsInBhbmVsVG9nZ2xlTWFyZ2luUmlnaHQiLCJwYW5lbFRvZ2dsZUJvdHRvbVBhZGRpbmciLCJwYW5lbFRhYldpZHRoIiwidGV4dENvbG9ySGwiLCJQYW5lbFRhYkZhY3RvcnkiLCJQYW5lbFRhYiIsImlzQWN0aXZlIiwib25DbGljayIsInBhbmVsIiwiaWQiLCJsYWJlbCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FBb0JBOztBQUNBOztBQUNBOztBQUNBOzs7O0FBbUJPLElBQU1BLGNBQWMsR0FBR0MsNkJBQU9DLEdBQVAsQ0FBV0MsS0FBWCxDQUFpQjtBQUM3Q0MsRUFBQUEsU0FBUyxFQUFFO0FBRGtDLENBQWpCLENBQUgsMFlBTUYsVUFBQUMsS0FBSztBQUFBLFNBQzFCQSxLQUFLLENBQUNDLE1BQU4sR0FBZUQsS0FBSyxDQUFDRSxLQUFOLENBQVlDLHNCQUEzQixHQUFvRCxhQUQxQjtBQUFBLENBTkgsRUFRaEIsVUFBQUgsS0FBSztBQUFBLFNBQUtBLEtBQUssQ0FBQ0MsTUFBTixHQUFlRCxLQUFLLENBQUNFLEtBQU4sQ0FBWUUsa0JBQTNCLEdBQWdESixLQUFLLENBQUNFLEtBQU4sQ0FBWUcsYUFBakU7QUFBQSxDQVJXLEVBV1QsVUFBQUwsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0UsS0FBTixDQUFZSSxzQkFBaEI7QUFBQSxDQVhJLEVBWVAsVUFBQU4sS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0UsS0FBTixDQUFZSyx3QkFBaEI7QUFBQSxDQVpFLEVBYWhCLFVBQUFQLEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNFLEtBQU4sQ0FBWU0sYUFBaEI7QUFBQSxDQWJXLEVBaUJkLFVBQUFSLEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNFLEtBQU4sQ0FBWU8sV0FBaEI7QUFBQSxDQWpCUyxDQUFwQjs7OztBQXFCQSxTQUFTQyxlQUFULEdBQTJCO0FBQ2hDLE1BQU1DLFFBQWlDLEdBQUcsU0FBcENBLFFBQW9DO0FBQUEsUUFBRUMsUUFBRixRQUFFQSxRQUFGO0FBQUEsUUFBWUMsT0FBWixRQUFZQSxPQUFaO0FBQUEsUUFBcUJDLEtBQXJCLFFBQXFCQSxLQUFyQjtBQUFBLHdCQUN4QyxnQ0FBQyxjQUFEO0FBQWdCLHNCQUFoQjtBQUF5Qiw0QkFBYUEsS0FBSyxDQUFDQyxFQUFuQixTQUF6QjtBQUFzRCxNQUFBLE1BQU0sRUFBRUgsUUFBOUQ7QUFBd0UsTUFBQSxPQUFPLEVBQUVDO0FBQWpGLG9CQUNFLGdDQUFDLEtBQUQsQ0FBTyxhQUFQO0FBQXFCLE1BQUEsTUFBTSxFQUFDO0FBQTVCLE1BREYsZUFFRSxnQ0FBQywwQkFBRDtBQUFTLE1BQUEsRUFBRSxZQUFLQyxLQUFLLENBQUNDLEVBQVgsU0FBWDtBQUFnQyxNQUFBLE1BQU0sRUFBQyxPQUF2QztBQUErQyxNQUFBLFNBQVMsRUFBRSxHQUExRDtBQUErRCxNQUFBLEtBQUssRUFBQztBQUFyRSxvQkFDRSwyREFDRSxnQ0FBQyw4QkFBRDtBQUFrQixNQUFBLEVBQUUsRUFBRUQsS0FBSyxDQUFDRSxLQUFOLElBQWVGLEtBQUssQ0FBQ0M7QUFBM0MsTUFERixDQURGLENBRkYsQ0FEd0M7QUFBQSxHQUExQzs7QUFXQSxTQUFPSixRQUFQO0FBQ0Q7O2VBRWNELGUiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjIgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge1Rvb2x0aXB9IGZyb20gJy4uL2NvbW1vbi9zdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge0Zvcm1hdHRlZE1lc3NhZ2V9IGZyb20gJ0BrZXBsZXIuZ2wvbG9jYWxpemF0aW9uJztcbmltcG9ydCB7QmFzZVByb3BzfSBmcm9tICcuLi9jb21tb24vaWNvbnMnO1xuXG50eXBlIFN0eWxlZFBhbmVsVGFiUHJvcHMgPSB7XG4gIGFjdGl2ZT86IGJvb2xlYW47XG59O1xuXG5leHBvcnQgdHlwZSBQYW5lbEl0ZW0gPSB7XG4gIGlkOiBzdHJpbmc7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGljb25Db21wb25lbnQ6IFJlYWN0LkNvbXBvbmVudFR5cGU8UGFydGlhbDxCYXNlUHJvcHM+Pjtcbn07XG5cbnR5cGUgUGFuZWxUYWJQcm9wcyA9IHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIHBhbmVsOiBQYW5lbEl0ZW07XG4gIG9uQ2xpY2s6ICgpID0+IHZvaWQ7XG59O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFuZWxUYWIgPSBzdHlsZWQuZGl2LmF0dHJzKHtcbiAgY2xhc3NOYW1lOiAnc2lkZS1wYW5lbF9fdGFiJ1xufSk8U3R5bGVkUGFuZWxUYWJQcm9wcz5gXG4gIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcbiAgYm9yZGVyLWJvdHRvbS1zdHlsZTogc29saWQ7XG4gIGJvcmRlci1ib3R0b20td2lkdGg6IDJweDtcbiAgYm9yZGVyLWJvdHRvbS1jb2xvcjogJHtwcm9wcyA9PlxuICAgIHByb3BzLmFjdGl2ZSA/IHByb3BzLnRoZW1lLnBhbmVsVG9nZ2xlQm9yZGVyQ29sb3IgOiAndHJhbnNwYXJlbnQnfTtcbiAgY29sb3I6ICR7cHJvcHMgPT4gKHByb3BzLmFjdGl2ZSA/IHByb3BzLnRoZW1lLnN1YnRleHRDb2xvckFjdGl2ZSA6IHByb3BzLnRoZW1lLnBhbmVsVGFiQ29sb3IpfTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIG1hcmdpbi1yaWdodDogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5wYW5lbFRvZ2dsZU1hcmdpblJpZ2h0fXB4O1xuICBwYWRkaW5nLWJvdHRvbTogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5wYW5lbFRvZ2dsZUJvdHRvbVBhZGRpbmd9cHg7XG4gIHdpZHRoOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnBhbmVsVGFiV2lkdGh9O1xuXG4gIDpob3ZlciB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnRleHRDb2xvckhsfTtcbiAgfVxuYDtcblxuZXhwb3J0IGZ1bmN0aW9uIFBhbmVsVGFiRmFjdG9yeSgpIHtcbiAgY29uc3QgUGFuZWxUYWI6IFJlYWN0LkZDPFBhbmVsVGFiUHJvcHM+ID0gKHtpc0FjdGl2ZSwgb25DbGljaywgcGFuZWx9KSA9PiAoXG4gICAgPFN0eWxlZFBhbmVsVGFiIGRhdGEtdGlwIGRhdGEtZm9yPXtgJHtwYW5lbC5pZH0tbmF2YH0gYWN0aXZlPXtpc0FjdGl2ZX0gb25DbGljaz17b25DbGlja30+XG4gICAgICA8cGFuZWwuaWNvbkNvbXBvbmVudCBoZWlnaHQ9XCIyMHB4XCIgLz5cbiAgICAgIDxUb29sdGlwIGlkPXtgJHtwYW5lbC5pZH0tbmF2YH0gZWZmZWN0PVwic29saWRcIiBkZWxheVNob3c9ezUwMH0gcGxhY2U9XCJib3R0b21cIj5cbiAgICAgICAgPHNwYW4+XG4gICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9e3BhbmVsLmxhYmVsIHx8IHBhbmVsLmlkfSAvPlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L1Rvb2x0aXA+XG4gICAgPC9TdHlsZWRQYW5lbFRhYj5cbiAgKTtcblxuICByZXR1cm4gUGFuZWxUYWI7XG59XG5cbmV4cG9ydCBkZWZhdWx0IFBhbmVsVGFiRmFjdG9yeTtcbiJdfQ==

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

@@ -0,0 +1,4 @@
+declare const PanelTitleFactory: () => import("styled-components").StyledComponent<"div", any, {
+    className: string;
+}, "className">;
+export default PanelTitleFactory;

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

@@ -0,0 +1,54 @@
+// 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 _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _templateObject;
+
+var PanelTitleFactory = function PanelTitleFactory() {
+  return _styledComponents["default"].div.attrs(function (props) {
+    return {
+      className: (0, _classnames["default"])('panel-title', props.className)
+    };
+  })(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  color: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  font-weight: 400;\n  letter-spacing: 1.25px;\n  margin-bottom: 14px;\n"])), function (props) {
+    return props.theme.titleTextColor;
+  }, function (props) {
+    return props.theme.sidePanelTitleFontsize;
+  }, function (props) {
+    return props.theme.sidePanelTitleLineHeight;
+  });
+};
+
+var _default = PanelTitleFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zaWRlLXBhbmVsL3BhbmVsLXRpdGxlLnRzeCJdLCJuYW1lcyI6WyJQYW5lbFRpdGxlRmFjdG9yeSIsInN0eWxlZCIsImRpdiIsImF0dHJzIiwicHJvcHMiLCJjbGFzc05hbWUiLCJ0aGVtZSIsInRpdGxlVGV4dENvbG9yIiwic2lkZVBhbmVsVGl0bGVGb250c2l6ZSIsInNpZGVQYW5lbFRpdGxlTGluZUhlaWdodCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFvQkE7O0FBQ0E7Ozs7QUFFQSxJQUFNQSxpQkFBaUIsR0FBRyxTQUFwQkEsaUJBQW9CO0FBQUEsU0FBTUMsNkJBQU9DLEdBQVAsQ0FBV0MsS0FBWCxDQUFpQixVQUFBQyxLQUFLO0FBQUEsV0FBSztBQUN6REMsTUFBQUEsU0FBUyxFQUFFLDRCQUFXLGFBQVgsRUFBMEJELEtBQUssQ0FBQ0MsU0FBaEM7QUFEOEMsS0FBTDtBQUFBLEdBQXRCLENBQU4sMk5BR2YsVUFBQUQsS0FBSztBQUFBLFdBQUlBLEtBQUssQ0FBQ0UsS0FBTixDQUFZQyxjQUFoQjtBQUFBLEdBSFUsRUFJWCxVQUFBSCxLQUFLO0FBQUEsV0FBSUEsS0FBSyxDQUFDRSxLQUFOLENBQVlFLHNCQUFoQjtBQUFBLEdBSk0sRUFLVCxVQUFBSixLQUFLO0FBQUEsV0FBSUEsS0FBSyxDQUFDRSxLQUFOLENBQVlHLHdCQUFoQjtBQUFBLEdBTEk7QUFBQSxDQUExQjs7ZUFXZVQsaUIiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjIgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xuXG5jb25zdCBQYW5lbFRpdGxlRmFjdG9yeSA9ICgpID0+IHN0eWxlZC5kaXYuYXR0cnMocHJvcHMgPT4gKHtcbiAgY2xhc3NOYW1lOiBjbGFzc25hbWVzKCdwYW5lbC10aXRsZScsIHByb3BzLmNsYXNzTmFtZSlcbn0pKWBcbiAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudGl0bGVUZXh0Q29sb3J9O1xuICBmb250LXNpemU6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuc2lkZVBhbmVsVGl0bGVGb250c2l6ZX07XG4gIGxpbmUtaGVpZ2h0OiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnNpZGVQYW5lbFRpdGxlTGluZUhlaWdodH07XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIGxldHRlci1zcGFjaW5nOiAxLjI1cHg7XG4gIG1hcmdpbi1ib3R0b206IDE0cHg7XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBQYW5lbFRpdGxlRmFjdG9yeTtcbiJdfQ==

package/dist/side-panel/panel-toggle.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import PanelTabFactory, { PanelItem } from './panel-tab';
+import { toggleSidePanel, ActionHandler } from '@kepler.gl/actions';
+declare type PanelToggleProps = {
+    panels: PanelItem[];
+    activePanel: string;
+    togglePanel: ActionHandler<typeof toggleSidePanel>;
+};
+declare function PanelToggleFactory(PanelTab: ReturnType<typeof PanelTabFactory>): React.FC<PanelToggleProps>;
+declare namespace PanelToggleFactory {
+    var deps: (typeof PanelTabFactory)[];
+}
+export default PanelToggleFactory;

package/dist/side-panel/panel-toggle.js

@@ -0,0 +1,80 @@
+// 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"] = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _panelTab = _interopRequireDefault(require("./panel-tab"));
+
+var _templateObject;
+
+var PanelHeaderBottom = _styledComponents["default"].div.attrs({
+  className: 'side-side-panel__header__bottom'
+})(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  background-color: ", ";\n  border-bottom: 1px solid ", ";\n  padding: 0 16px;\n  display: flex;\n  min-height: 30px;\n"])), function (props) {
+  return props.theme.sidePanelHeaderBg;
+}, function (props) {
+  return props.theme.sidePanelHeaderBorder;
+});
+
+PanelToggleFactory.deps = [_panelTab["default"]];
+
+function PanelToggleFactory(PanelTab) {
+  var PanelToggle = function PanelToggle(_ref) {
+    var activePanel = _ref.activePanel,
+        panels = _ref.panels,
+        togglePanel = _ref.togglePanel;
+
+    var _onClick = (0, _react.useCallback)(function (panel) {
+      var callback = panel.onClick || togglePanel;
+      callback(panel.id);
+    }, [togglePanel]);
+
+    return /*#__PURE__*/_react["default"].createElement(PanelHeaderBottom, null, panels.map(function (panel) {
+      return /*#__PURE__*/_react["default"].createElement(PanelTab, {
+        key: panel.id,
+        panel: panel,
+        isActive: activePanel === panel.id,
+        onClick: function onClick() {
+          return _onClick(panel);
+        }
+      });
+    }));
+  };
+
+  return PanelToggle;
+}
+
+var _default = PanelToggleFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zaWRlLXBhbmVsL3BhbmVsLXRvZ2dsZS50c3giXSwibmFtZXMiOlsiUGFuZWxIZWFkZXJCb3R0b20iLCJzdHlsZWQiLCJkaXYiLCJhdHRycyIsImNsYXNzTmFtZSIsInByb3BzIiwidGhlbWUiLCJzaWRlUGFuZWxIZWFkZXJCZyIsInNpZGVQYW5lbEhlYWRlckJvcmRlciIsIlBhbmVsVG9nZ2xlRmFjdG9yeSIsImRlcHMiLCJQYW5lbFRhYkZhY3RvcnkiLCJQYW5lbFRhYiIsIlBhbmVsVG9nZ2xlIiwiYWN0aXZlUGFuZWwiLCJwYW5lbHMiLCJ0b2dnbGVQYW5lbCIsIm9uQ2xpY2siLCJwYW5lbCIsImNhbGxiYWNrIiwiaWQiLCJtYXAiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7QUFvQkE7O0FBQ0E7O0FBQ0E7Ozs7QUFTQSxJQUFNQSxpQkFBaUIsR0FBR0MsNkJBQU9DLEdBQVAsQ0FBV0MsS0FBWCxDQUFpQjtBQUN6Q0MsRUFBQUEsU0FBUyxFQUFFO0FBRDhCLENBQWpCLENBQUgsaU5BR0QsVUFBQUMsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0MsS0FBTixDQUFZQyxpQkFBaEI7QUFBQSxDQUhKLEVBSU0sVUFBQUYsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0MsS0FBTixDQUFZRSxxQkFBaEI7QUFBQSxDQUpYLENBQXZCOztBQVVBQyxrQkFBa0IsQ0FBQ0MsSUFBbkIsR0FBMEIsQ0FBQ0Msb0JBQUQsQ0FBMUI7O0FBRUEsU0FBU0Ysa0JBQVQsQ0FBNEJHLFFBQTVCLEVBQTBFO0FBQ3hFLE1BQU1DLFdBQXVDLEdBQUcsU0FBMUNBLFdBQTBDLE9BQXdDO0FBQUEsUUFBdENDLFdBQXNDLFFBQXRDQSxXQUFzQztBQUFBLFFBQXpCQyxNQUF5QixRQUF6QkEsTUFBeUI7QUFBQSxRQUFqQkMsV0FBaUIsUUFBakJBLFdBQWlCOztBQUN0RixRQUFNQyxRQUFPLEdBQUcsd0JBQ2QsVUFBQUMsS0FBSyxFQUFJO0FBQ1AsVUFBTUMsUUFBUSxHQUFHRCxLQUFLLENBQUNELE9BQU4sSUFBaUJELFdBQWxDO0FBQ0FHLE1BQUFBLFFBQVEsQ0FBQ0QsS0FBSyxDQUFDRSxFQUFQLENBQVI7QUFDRCxLQUphLEVBS2QsQ0FBQ0osV0FBRCxDQUxjLENBQWhCOztBQVFBLHdCQUNFLGdDQUFDLGlCQUFELFFBQ0dELE1BQU0sQ0FBQ00sR0FBUCxDQUFXLFVBQUFILEtBQUs7QUFBQSwwQkFDZixnQ0FBQyxRQUFEO0FBQ0UsUUFBQSxHQUFHLEVBQUVBLEtBQUssQ0FBQ0UsRUFEYjtBQUVFLFFBQUEsS0FBSyxFQUFFRixLQUZUO0FBR0UsUUFBQSxRQUFRLEVBQUVKLFdBQVcsS0FBS0ksS0FBSyxDQUFDRSxFQUhsQztBQUlFLFFBQUEsT0FBTyxFQUFFO0FBQUEsaUJBQU1ILFFBQU8sQ0FBQ0MsS0FBRCxDQUFiO0FBQUE7QUFKWCxRQURlO0FBQUEsS0FBaEIsQ0FESCxDQURGO0FBWUQsR0FyQkQ7O0FBdUJBLFNBQU9MLFdBQVA7QUFDRDs7ZUFFY0osa0IiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjIgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQgUmVhY3QsIHt1c2VDYWxsYmFja30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgUGFuZWxUYWJGYWN0b3J5LCB7UGFuZWxJdGVtfSBmcm9tICcuL3BhbmVsLXRhYic7XG5pbXBvcnQge3RvZ2dsZVNpZGVQYW5lbCwgQWN0aW9uSGFuZGxlcn0gZnJvbSAnQGtlcGxlci5nbC9hY3Rpb25zJztcblxudHlwZSBQYW5lbFRvZ2dsZVByb3BzID0ge1xuICBwYW5lbHM6IFBhbmVsSXRlbVtdO1xuICBhY3RpdmVQYW5lbDogc3RyaW5nO1xuICB0b2dnbGVQYW5lbDogQWN0aW9uSGFuZGxlcjx0eXBlb2YgdG9nZ2xlU2lkZVBhbmVsPjtcbn07XG5cbmNvbnN0IFBhbmVsSGVhZGVyQm90dG9tID0gc3R5bGVkLmRpdi5hdHRycyh7XG4gIGNsYXNzTmFtZTogJ3NpZGUtc2lkZS1wYW5lbF9faGVhZGVyX19ib3R0b20nXG59KWBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5zaWRlUGFuZWxIZWFkZXJCZ307XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3Byb3BzID0+IHByb3BzLnRoZW1lLnNpZGVQYW5lbEhlYWRlckJvcmRlcn07XG4gIHBhZGRpbmc6IDAgMTZweDtcbiAgZGlzcGxheTogZmxleDtcbiAgbWluLWhlaWdodDogMzBweDtcbmA7XG5cblBhbmVsVG9nZ2xlRmFjdG9yeS5kZXBzID0gW1BhbmVsVGFiRmFjdG9yeV07XG5cbmZ1bmN0aW9uIFBhbmVsVG9nZ2xlRmFjdG9yeShQYW5lbFRhYjogUmV0dXJuVHlwZTx0eXBlb2YgUGFuZWxUYWJGYWN0b3J5Pikge1xuICBjb25zdCBQYW5lbFRvZ2dsZTogUmVhY3QuRkM8UGFuZWxUb2dnbGVQcm9wcz4gPSAoe2FjdGl2ZVBhbmVsLCBwYW5lbHMsIHRvZ2dsZVBhbmVsfSkgPT4ge1xuICAgIGNvbnN0IG9uQ2xpY2sgPSB1c2VDYWxsYmFjayhcbiAgICAgIHBhbmVsID0+IHtcbiAgICAgICAgY29uc3QgY2FsbGJhY2sgPSBwYW5lbC5vbkNsaWNrIHx8IHRvZ2dsZVBhbmVsO1xuICAgICAgICBjYWxsYmFjayhwYW5lbC5pZCk7XG4gICAgICB9LFxuICAgICAgW3RvZ2dsZVBhbmVsXVxuICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFBhbmVsSGVhZGVyQm90dG9tPlxuICAgICAgICB7cGFuZWxzLm1hcChwYW5lbCA9PiAoXG4gICAgICAgICAgPFBhbmVsVGFiXG4gICAgICAgICAgICBrZXk9e3BhbmVsLmlkfVxuICAgICAgICAgICAgcGFuZWw9e3BhbmVsfVxuICAgICAgICAgICAgaXNBY3RpdmU9e2FjdGl2ZVBhbmVsID09PSBwYW5lbC5pZH1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2xpY2socGFuZWwpfVxuICAgICAgICAgIC8+XG4gICAgICAgICkpfVxuICAgICAgPC9QYW5lbEhlYWRlckJvdHRvbT5cbiAgICApO1xuICB9O1xuXG4gIHJldHVybiBQYW5lbFRvZ2dsZTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgUGFuZWxUb2dnbGVGYWN0b3J5O1xuIl19

package/dist/side-panel/side-bar.d.ts

@@ -0,0 +1,79 @@
+import React from 'react';
+declare type CollapseButtonProps = {
+    isOpen: boolean;
+    onClick: () => void;
+};
+declare type SideBarProps = {
+    width: number;
+    isOpen: boolean;
+    minifiedWidth: number;
+    onOpenOrClose: (v: {
+        isOpen: boolean;
+    }) => void;
+};
+export declare const CollapseButtonFactory: () => ({ onClick, isOpen }: CollapseButtonProps) => JSX.Element;
+declare function SidebarFactory(CollapseButton: ReturnType<typeof CollapseButtonFactory>): {
+    new (props: SideBarProps | Readonly<SideBarProps>): {
+        _onOpenOrClose: () => void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<SideBarProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<SideBarProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<SideBarProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<SideBarProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<SideBarProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<SideBarProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<SideBarProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<SideBarProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<SideBarProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: SideBarProps, context: any): {
+        _onOpenOrClose: () => void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<SideBarProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<SideBarProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<SideBarProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<SideBarProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<SideBarProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<SideBarProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<SideBarProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<SideBarProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<SideBarProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    defaultProps: {
+        width: number;
+        minifiedWidth: number;
+        isOpen: boolean;
+        onOpenOrClose: () => void;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+declare namespace SidebarFactory {
+    var deps: (() => ({ onClick, isOpen }: CollapseButtonProps) => JSX.Element)[];
+}
+export default SidebarFactory;

package/dist/side-panel/side-bar.js

@@ -0,0 +1,177 @@
+// 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"] = exports.CollapseButtonFactory = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _icons = require("../common/icons");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var StyledSidePanelContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  z-index: 99;\n  height: 100%;\n  width: ", "px;\n  display: flex;\n  transition: width 250ms;\n  position: absolute;\n  padding-top: ", "px;\n  padding-right: ", "px;\n  padding-bottom: ", "px;\n  padding-left: ", "px;\n  pointer-events: none; /* prevent padding from blocking input */\n  & > * {\n    /* all children should allow input */\n    pointer-events: all;\n  }\n"])), function (props) {
+  return props.width + 2 * props.theme.sidePanel.margin.left;
+}, function (props) {
+  return props.theme.sidePanel.margin.top;
+}, function (props) {
+  return props.theme.sidePanel.margin.right;
+}, function (props) {
+  return props.theme.sidePanel.margin.bottom;
+}, function (props) {
+  return props.theme.sidePanel.margin.left;
+});
+
+var SideBarContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n  transition: left 250ms, right 250ms;\n  left: ", "px;\n  align-items: stretch;\n  flex-grow: 1;\n"])), function (props) {
+  return props.left;
+});
+
+var SideBarInner = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  background-color: ", ";\n  border-radius: 1px;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  border-left: ", "px solid\n    ", ";\n"])), function (props) {
+  return props.theme.sidePanelBg;
+}, function (props) {
+  return props.theme.sidePanelBorder;
+}, function (props) {
+  return props.theme.sidePanelBorderColor;
+});
+
+var StyledCollapseButton = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  align-items: center;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n  justify-content: center;\n  background-color: ", ";\n  border-radius: 1px;\n  color: ", ";\n  display: flex;\n  height: 20px;\n  position: absolute;\n  right: -8px;\n  top: ", "px;\n  width: 20px;\n\n  :hover {\n    cursor: pointer;\n    box-shadow: none;\n    background-color: ", ";\n  }\n"])), function (props) {
+  return props.theme.sideBarCloseBtnBgd;
+}, function (props) {
+  return props.theme.sideBarCloseBtnColor;
+}, function (props) {
+  return props.theme.sidePanel.margin.top;
+}, function (props) {
+  return props.theme.sideBarCloseBtnBgdHover;
+});
+
+var CollapseButtonFactory = function CollapseButtonFactory() {
+  var CollapseButton = function CollapseButton(_ref) {
+    var onClick = _ref.onClick,
+        isOpen = _ref.isOpen;
+    return /*#__PURE__*/_react["default"].createElement(StyledCollapseButton, {
+      className: "side-bar__close",
+      onClick: onClick
+    }, /*#__PURE__*/_react["default"].createElement(_icons.ArrowRight, {
+      height: "12px",
+      style: {
+        transform: "rotate(".concat(isOpen ? 180 : 0, "deg)")
+      }
+    }));
+  };
+
+  return CollapseButton;
+};
+
+exports.CollapseButtonFactory = CollapseButtonFactory;
+SidebarFactory.deps = [CollapseButtonFactory];
+
+function SidebarFactory(CollapseButton) {
+  var _class, _temp;
+
+  return _temp = _class = /*#__PURE__*/function (_Component) {
+    (0, _inherits2["default"])(SideBar, _Component);
+
+    var _super = _createSuper(SideBar);
+
+    function SideBar() {
+      var _this;
+
+      (0, _classCallCheck2["default"])(this, SideBar);
+
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      _this = _super.call.apply(_super, [this].concat(args));
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onOpenOrClose", function () {
+        _this.props.onOpenOrClose({
+          isOpen: !_this.props.isOpen
+        });
+      });
+      return _this;
+    }
+
+    (0, _createClass2["default"])(SideBar, [{
+      key: "render",
+      value: function render() {
+        var _this$props = this.props,
+            isOpen = _this$props.isOpen,
+            minifiedWidth = _this$props.minifiedWidth,
+            width = _this$props.width;
+        var horizontalOffset = isOpen ? 0 : minifiedWidth - width;
+        return /*#__PURE__*/_react["default"].createElement(StyledSidePanelContainer, {
+          width: isOpen ? width : 0,
+          className: "side-panel--container"
+        }, /*#__PURE__*/_react["default"].createElement(SideBarContainer, {
+          className: "side-bar",
+          style: {
+            width: "".concat(width, "px")
+          },
+          left: horizontalOffset
+        }, isOpen ? /*#__PURE__*/_react["default"].createElement(SideBarInner, {
+          className: "side-bar__inner"
+        }, this.props.children) : null, /*#__PURE__*/_react["default"].createElement(CollapseButton, {
+          isOpen: isOpen,
+          onClick: this._onOpenOrClose
+        })));
+      }
+    }]);
+    return SideBar;
+  }(_react.Component), (0, _defineProperty2["default"])(_class, "defaultProps", {
+    width: 300,
+    minifiedWidth: 0,
+    isOpen: true,
+    onOpenOrClose: function noop() {}
+  }), _temp;
+}
+
+var _default = SidebarFactory;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zaWRlLXBhbmVsL3NpZGUtYmFyLnRzeCJdLCJuYW1lcyI6WyJTdHlsZWRTaWRlUGFuZWxDb250YWluZXIiLCJzdHlsZWQiLCJkaXYiLCJwcm9wcyIsIndpZHRoIiwidGhlbWUiLCJzaWRlUGFuZWwiLCJtYXJnaW4iLCJsZWZ0IiwidG9wIiwicmlnaHQiLCJib3R0b20iLCJTaWRlQmFyQ29udGFpbmVyIiwiU2lkZUJhcklubmVyIiwic2lkZVBhbmVsQmciLCJzaWRlUGFuZWxCb3JkZXIiLCJzaWRlUGFuZWxCb3JkZXJDb2xvciIsIlN0eWxlZENvbGxhcHNlQnV0dG9uIiwic2lkZUJhckNsb3NlQnRuQmdkIiwic2lkZUJhckNsb3NlQnRuQ29sb3IiLCJzaWRlQmFyQ2xvc2VCdG5CZ2RIb3ZlciIsIkNvbGxhcHNlQnV0dG9uRmFjdG9yeSIsIkNvbGxhcHNlQnV0dG9uIiwib25DbGljayIsImlzT3BlbiIsInRyYW5zZm9ybSIsIlNpZGViYXJGYWN0b3J5IiwiZGVwcyIsIm9uT3Blbk9yQ2xvc2UiLCJtaW5pZmllZFdpZHRoIiwiaG9yaXpvbnRhbE9mZnNldCIsImNoaWxkcmVuIiwiX29uT3Blbk9yQ2xvc2UiLCJDb21wb25lbnQiLCJub29wIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFvQkE7O0FBQ0E7O0FBQ0E7Ozs7Ozs7O0FBY0EsSUFBTUEsd0JBQXdCLEdBQUdDLDZCQUFPQyxHQUFWLCtjQUduQixVQUFBQyxLQUFLO0FBQUEsU0FBSUEsS0FBSyxDQUFDQyxLQUFOLEdBQWMsSUFBSUQsS0FBSyxDQUFDRSxLQUFOLENBQVlDLFNBQVosQ0FBc0JDLE1BQXRCLENBQTZCQyxJQUFuRDtBQUFBLENBSGMsRUFPYixVQUFBTCxLQUFLO0FBQUEsU0FBSUEsS0FBSyxDQUFDRSxLQUFOLENBQVlDLFNBQVosQ0FBc0JDLE1BQXRCLENBQTZCRSxHQUFqQztBQUFBLENBUFEsRUFRWCxVQUFBTixLQUFLO0FBQUEsU0FBSUEs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LGdDQUFDLHdCQUFEO0FBQTBCLFVBQUEsS0FBSyxFQUFFb0IsTUFBTSxHQUFHcEIsS0FBSCxHQUFXLENBQWxEO0FBQXFELFVBQUEsU0FBUyxFQUFDO0FBQS9ELHdCQUNFLGdDQUFDLGdCQUFEO0FBQ0UsVUFBQSxTQUFTLEVBQUMsVUFEWjtBQUVFLFVBQUEsS0FBSyxFQUFFO0FBQUNBLFlBQUFBLEtBQUssWUFBS0EsS0FBTDtBQUFOLFdBRlQ7QUFHRSxVQUFBLElBQUksRUFBRTBCO0FBSFIsV0FLR04sTUFBTSxnQkFDTCxnQ0FBQyxZQUFEO0FBQWMsVUFBQSxTQUFTLEVBQUM7QUFBeEIsV0FBMkMsS0FBS3JCLEtBQUwsQ0FBVzRCLFFBQXRELENBREssR0FFSCxJQVBOLGVBUUUsZ0NBQUMsY0FBRDtBQUFnQixVQUFBLE1BQU0sRUFBRVAsTUFBeEI7QUFBZ0MsVUFBQSxPQUFPLEVBQUUsS0FBS1E7QUFBOUMsVUFSRixDQURGLENBREY7QUFjRDtBQTlCSDtBQUFBO0FBQUEsSUFBNkJDLGdCQUE3Qiw0REFDd0I7QUFDcEI3QixJQUFBQSxLQUFLLEVBQUUsR0FEYTtBQUVwQnlCLElBQUFBLGFBQWEsRUFBRSxDQUZLO0FBR3BCTCxJQUFBQSxNQUFNLEVBQUUsSUFIWTtBQUlwQkksSUFBQUEsYUFBYSxFQUFFLFNBQVNNLElBQVQsR0FBZ0IsQ0FBRTtBQUpiLEdBRHhCO0FBZ0NEOztlQUVjUixjIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIyIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0LCB7Q29tcG9uZW50fSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7QXJyb3dSaWdodH0gZnJvbSAnLi4vY29tbW9uL2ljb25zJztcblxudHlwZSBDb2xsYXBzZUJ1dHRvblByb3BzID0ge1xuICBpc09wZW46IGJvb2xlYW47XG4gIG9uQ2xpY2s6ICgpID0+IHZvaWQ7XG59O1xuXG50eXBlIFNpZGVCYXJQcm9wcyA9IHtcbiAgd2lkdGg6IG51bWJlcjtcbiAgaXNPcGVuOiBib29sZWFuO1xuICBtaW5pZmllZFdpZHRoOiBudW1iZXI7XG4gIG9uT3Blbk9yQ2xvc2U6ICh2OiB7aXNPcGVuOiBib29sZWFufSkgPT4gdm9pZDtcbn07XG5cbmNvbnN0IFN0eWxlZFNpZGVQYW5lbENvbnRhaW5lciA9IHN0eWxlZC5kaXY8e3dpZHRoOiBudW1iZXJ9PmBcbiAgei1pbmRleDogOTk7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6ICR7cHJvcHMgPT4gcHJvcHMud2lkdGggKyAyICogcHJvcHMudGhlbWUuc2lkZVBhbmVsLm1hcmdpbi5sZWZ0fXB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICB0cmFuc2l0aW9uOiB3aWR0aCAyNTBtcztcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBwYWRkaW5nLXRvcDogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5zaWRlUGFuZWwubWFyZ2luLnRvcH1weDtcbiAgcGFkZGluZy1yaWdodDogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5zaWRlUGFuZWwubWFyZ2luLnJpZ2h0fXB4O1xuICBwYWRkaW5nLWJvdHRvbTogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5zaWRlUGFuZWwubWFyZ2luLmJvdHRvbX1weDtcbiAgcGFkZGluZy1sZWZ0OiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnNpZGVQYW5lbC5tYXJnaW4ubGVmdH1weDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7IC8qIHByZXZlbnQgcGFkZGluZyBmcm9tIGJsb2NraW5nIGlucHV0ICovXG4gICYgPiAqIHtcbiAgICAvKiBhbGwgY2hpbGRyZW4gc2hvdWxkIGFsbG93IGlucHV0ICovXG4gICAgcG9pbnRlci1ldmVudHM6IGFsbDtcbiAgfVxuYDtcblxuY29uc3QgU2lkZUJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXY8e2xlZnQ6IG51bWJlcn0+YFxuICBib3gtc2hhZG93OiAwIDFweCAzcHggcmdiYSgwLCAwLCAwLCAwLjIpO1xuICB0cmFuc2l0aW9uOiBsZWZ0IDI1MG1zLCByaWdodCAyNTBtcztcbiAgbGVmdDogJHtwcm9wcyA9PiBwcm9wcy5sZWZ0fXB4O1xuICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgZmxleC1ncm93OiAxO1xuYDtcblxuY29uc3QgU2lkZUJhcklubmVyID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5zaWRlUGFuZWxCZ307XG4gIGJvcmRlci1yYWRpdXM6IDFweDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgaGVpZ2h0OiAxMDAlO1xuICBib3JkZXItbGVmdDogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5zaWRlUGFuZWxCb3JkZXJ9cHggc29saWRcbiAgICAke3Byb3BzID0+IHByb3BzLnRoZW1lLnNpZGVQYW5lbEJvcmRlckNvbG9yfTtcbmA7XG5cbmNvbnN0IFN0eWxlZENvbGxhcHNlQnV0dG9uID0gc3R5bGVkLmRpdmBcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm94LXNoYWRvdzogMCAxcHggM3B4IHJnYmEoMCwgMCwgMCwgMC4yKTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuc2lkZUJhckNsb3NlQnRuQmdkfTtcbiAgYm9yZGVyLXJhZGl1czogMXB4O1xuICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5zaWRlQmFyQ2xvc2VCdG5Db2xvcn07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGhlaWdodDogMjBweDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogLThweDtcbiAgdG9wOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnNpZGVQYW5lbC5tYXJnaW4udG9wfXB4O1xuICB3aWR0aDogMjBweDtcblxuICA6aG92ZXIge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuc2lkZUJhckNsb3NlQnRuQmdkSG92ZXJ9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29sbGFwc2VCdXR0b25GYWN0b3J5ID0gKCkgPT4ge1xuICBjb25zdCBDb2xsYXBzZUJ1dHRvbiA9ICh7b25DbGljaywgaXNPcGVufTogQ29sbGFwc2VCdXR0b25Qcm9wcykgPT4gKFxuICAgIDxTdHlsZWRDb2xsYXBzZUJ1dHRvbiBjbGFzc05hbWU9XCJzaWRlLWJhcl9fY2xvc2VcIiBvbkNsaWNrPXtvbkNsaWNrfT5cbiAgICAgIDxBcnJvd1JpZ2h0IGhlaWdodD1cIjEycHhcIiBzdHlsZT17e3RyYW5zZm9ybTogYHJvdGF0ZSgke2lzT3BlbiA/IDE4MCA6IDB9ZGVnKWB9fSAvPlxuICAgIDwvU3R5bGVkQ29sbGFwc2VCdXR0b24+XG4gICk7XG4gIHJldHVybiBDb2xsYXBzZUJ1dHRvbjtcbn07XG5cblNpZGViYXJGYWN0b3J5LmRlcHMgPSBbQ29sbGFwc2VCdXR0b25GYWN0b3J5XTtcblxuZnVuY3Rpb24gU2lkZWJhckZhY3RvcnkoQ29sbGFwc2VCdXR0b246IFJldHVyblR5cGU8dHlwZW9mIENvbGxhcHNlQnV0dG9uRmFjdG9yeT4pIHtcbiAgcmV0dXJuIGNsYXNzIFNpZGVCYXIgZXh0ZW5kcyBDb21wb25lbnQ8U2lkZUJhclByb3BzPiB7XG4gICAgc3RhdGljIGRlZmF1bHRQcm9wcyA9IHtcbiAgICAgIHdpZHRoOiAzMDAsXG4gICAgICBtaW5pZmllZFdpZHRoOiAwLFxuICAgICAgaXNPcGVuOiB0cnVlLFxuICAgICAgb25PcGVuT3JDbG9zZTogZnVuY3Rpb24gbm9vcCgpIHt9XG4gICAgfTtcblxuICAgIF9vbk9wZW5PckNsb3NlID0gKCkgPT4ge1xuICAgICAgdGhpcy5wcm9wcy5vbk9wZW5PckNsb3NlKHtpc09wZW46ICF0aGlzLnByb3BzLmlzT3Blbn0pO1xuICAgIH07XG5cbiAgICByZW5kZXIoKSB7XG4gICAgICBjb25zdCB7aXNPcGVuLCBtaW5pZmllZFdpZHRoLCB3aWR0aH0gPSB0aGlzLnByb3BzO1xuICAgICAgY29uc3QgaG9yaXpvbnRhbE9mZnNldCA9IGlzT3BlbiA/IDAgOiBtaW5pZmllZFdpZHRoIC0gd2lkdGg7XG5cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxTdHlsZWRTaWRlUGFuZWxDb250YWluZXIgd2lkdGg9e2lzT3BlbiA/IHdpZHRoIDogMH0gY2xhc3NOYW1lPVwic2lkZS1wYW5lbC0tY29udGFpbmVyXCI+XG4gICAgICAgICAgPFNpZGVCYXJDb250YWluZXJcbiAgICAgICAgICAgIGNsYXNzTmFtZT1cInNpZGUtYmFyXCJcbiAgICAgICAgICAgIHN0eWxlPXt7d2lkdGg6IGAke3dpZHRofXB4YH19XG4gICAgICAgICAgICBsZWZ0PXtob3Jpem9udGFsT2Zmc2V0fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtpc09wZW4gPyAoXG4gICAgICAgICAgICAgIDxTaWRlQmFySW5uZXIgY2xhc3NOYW1lPVwic2lkZS1iYXJfX2lubmVyXCI+e3RoaXMucHJvcHMuY2hpbGRyZW59PC9TaWRlQmFySW5uZXI+XG4gICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgIDxDb2xsYXBzZUJ1dHRvbiBpc09wZW49e2lzT3Blbn0gb25DbGljaz17dGhpcy5fb25PcGVuT3JDbG9zZX0gLz5cbiAgICAgICAgICA8L1NpZGVCYXJDb250YWluZXI+XG4gICAgICAgIDwvU3R5bGVkU2lkZVBhbmVsQ29udGFpbmVyPlxuICAgICAgKTtcbiAgICB9XG4gIH07XG59XG5cbmV4cG9ydCBkZWZhdWx0IFNpZGViYXJGYWN0b3J5O1xuIl19