@carto/kepler.gl 0.1.0-alpha.0 → 0.1.0-next.0

package/dist/components/side-panel/layer-panel/layer-type-selector.js

@@ -0,0 +1,87 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _layerTypeDropdownList = _interopRequireDefault(require("./layer-type-dropdown-list"));
+var _layerTypeListItem = _interopRequireDefault(require("./layer-type-list-item"));
+var _itemSelector = _interopRequireDefault(require("../../common/item-selector/item-selector"));
+var _styledComponents2 = require("../../common/styled-components");
+var _templateObject; // 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.
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var StyledLayerTypeSelector = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  .item-selector .item-selector__dropdown {\n    padding: 4px 10px 4px 2px;\n  }\n"])));
+LayerTypeSelectorFactory.deps = [_layerTypeListItem["default"], _layerTypeDropdownList["default"]];
+var getDisplayOption = function getDisplayOption(op) {
+  return op.label;
+};
+var getOptionValue = function getOptionValue(op) {
+  return op.id;
+};
+function LayerTypeSelectorFactory(LayerTypeListItem, LayerTypeDropdownList) {
+  var LayerTypeSelector = function LayerTypeSelector(_ref) {
+    var layer = _ref.layer,
+      layerTypeOptions = _ref.layerTypeOptions,
+      onSelect = _ref.onSelect,
+      datasets = _ref.datasets;
+    var hasData = (0, _react.useMemo)(function () {
+      return Boolean(Object.keys(datasets).length);
+    }, [datasets]);
+    var typeOptions = (0, _react.useMemo)(function () {
+      return layerTypeOptions.map(function (op) {
+        return _objectSpread(_objectSpread({}, op), {}, {
+          disabled: !hasData && op.requireData !== false
+        });
+      });
+    }, [hasData, layerTypeOptions]);
+    var selectedItems = (0, _react.useMemo)(function () {
+      return typeOptions.find(function (op) {
+        return op.id === layer.type;
+      });
+    }, [typeOptions, layer.type]);
+    return /*#__PURE__*/_react["default"].createElement(_styledComponents2.SidePanelSection, null, /*#__PURE__*/_react["default"].createElement(StyledLayerTypeSelector, {
+      className: "layer-config__type"
+    }, /*#__PURE__*/_react["default"].createElement(_itemSelector["default"], {
+      selectedItems: selectedItems,
+      options: typeOptions,
+      multiSelect: false,
+      placeholder: "placeholder.selectType",
+      onChange: onSelect,
+      getOptionValue: getOptionValue,
+      filterOption: "label",
+      displayOption: getDisplayOption,
+      DropDownLineItemRenderComponent: LayerTypeListItem,
+      DropDownRenderComponent: LayerTypeDropdownList
+    })));
+  };
+  return (0, _styledComponents.withTheme)(LayerTypeSelector);
+}
+var _default = exports["default"] = LayerTypeSelectorFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfc3R5bGVkQ29tcG9uZW50cyIsIl9sYXllclR5cGVEcm9wZG93bkxpc3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwiX2xheWVyVHlwZUxpc3RJdGVtIiwiX2l0ZW1TZWxlY3RvciIsIl9zdHlsZWRDb21wb25lbnRzMiIsIl90ZW1wbGF0ZU9iamVjdCIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsImUiLCJXZWFrTWFwIiwiciIsInQiLCJfX2VzTW9kdWxlIiwiX3R5cGVvZiIsImhhcyIsImdldCIsIm4iLCJfX3Byb3RvX18iLCJhIiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJ1IiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiaSIsInNldCIsIm93bktleXMiLCJrZXlzIiwiZ2V0T3duUHJvcGVydHlTeW1ib2xzIiwibyIsImZpbHRlciIsImVudW1lcmFibGUiLCJwdXNoIiwiYXBwbHkiLCJfb2JqZWN0U3ByZWFkIiwiYXJndW1lbnRzIiwibGVuZ3RoIiwiZm9yRWFjaCIsIl9kZWZpbmVQcm9wZXJ0eTIiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3JzIiwiZGVmaW5lUHJvcGVydGllcyIsIlN0eWxlZExheWVyVHlwZVNlbGVjdG9yIiwic3R5bGVkIiwiZGl2IiwiX3RhZ2dlZFRlbXBsYXRlTGl0ZXJhbDIiLCJMYXllclR5cGVTZWxlY3RvckZhY3RvcnkiLCJkZXBzIiwiTGF5ZXJUeXBlTGlzdEl0ZW1GYWN0b3J5IiwiTGF5ZXJUeXBlRHJvcGRvd25MaXN0RmFjdG9yeSIsImdldERpc3BsYXlPcHRpb24iLCJvcCIsImxhYmVsIiwiZ2V0T3B0aW9uVmFsdWUiLCJpZCIsIkxheWVyVHlwZUxpc3RJdGVtIiwiTGF5ZXJUeXBlRHJvcGRvd25MaXN0IiwiTGF5ZXJUeXBlU2VsZWN0b3IiLCJfcmVmIiwibGF5ZXIiLCJsYXllclR5cGVPcHRpb25zIiwib25TZWxlY3QiLCJkYXRhc2V0cyIsImhhc0RhdGEiLCJ1c2VNZW1vIiwiQm9vbGVhbiIsInR5cGVPcHRpb25zIiwibWFwIiwiZGlzYWJsZWQiLCJyZXF1aXJlRGF0YSIsInNlbGVjdGVkSXRlbXMiLCJmaW5kIiwidHlwZSIsImNyZWF0ZUVsZW1lbnQiLCJTaWRlUGFuZWxTZWN0aW9uIiwiY2xhc3NOYW1lIiwib3B0aW9ucyIsIm11bHRpU2VsZWN0IiwicGxhY2Vob2xkZXIiLCJvbkNoYW5nZSIsImZpbHRlck9wdGlvbiIsImRpc3BsYXlPcHRpb24iLCJEcm9wRG93bkxpbmVJdGVtUmVuZGVyQ29tcG9uZW50IiwiRHJvcERvd25SZW5kZXJDb21wb25lbnQiLCJ3aXRoVGhlbWUiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL2xheWVyLXR5cGUtc2VsZWN0b3IudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAyMiBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCBSZWFjdCwge3VzZU1lbW99IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQsIHt3aXRoVGhlbWV9IGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IExheWVyVHlwZURyb3Bkb3duTGlzdEZhY3RvcnkgZnJvbSAnLi9sYXllci10eXBlLWRyb3Bkb3duLWxpc3QnO1xuaW1wb3J0IExheWVyVHlwZUxpc3RJdGVtRmFjdG9yeSBmcm9tICcuL2xheWVyLXR5cGUtbGlzdC1pdGVtJztcbmltcG9ydCBJdGVtU2VsZWN0b3IgZnJvbSAnY29tcG9uZW50cy9jb21tb24vaXRlbS1zZWxlY3Rvci9pdGVtLXNlbGVjdG9yJztcblxuaW1wb3J0IHtTaWRlUGFuZWxTZWN0aW9ufSBmcm9tICdjb21wb25lbnRzL2NvbW1vbi9zdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge0xheWVyfSBmcm9tICdsYXllcnMnO1xuaW1wb3J0IHtEYXRhc2V0c30gZnJvbSAncmVkdWNlcnMnO1xuXG50eXBlIE9wdGlvbiA9IHtcbiAgaWQ6IHN0cmluZztcbiAgbGFiZWw6IHN0cmluZztcbiAgaWNvbjogYW55OyAvL1xuICByZXF1aXJlRGF0YTogYW55OyAvL1xufTtcblxudHlwZSBMYXllclR5cGVTZWxlY3RvclByb3BzID0ge1xuICBsYXllcjogTGF5ZXI7XG4gIGRhdGFzZXRzOiBEYXRhc2V0cztcbiAgbGF5ZXJUeXBlT3B0aW9uczogT3B0aW9uW107XG4gIG9uU2VsZWN0OiAoXG4gICAgaXRlbXM6XG4gICAgICB8IHJlYWRvbmx5IChzdHJpbmcgfCBudW1iZXIgfCBib29sZWFuIHwgb2JqZWN0KVtdXG4gICAgICB8IHN0cmluZ1xuICAgICAgfCBudW1iZXJcbiAgICAgIHwgYm9vbGVhblxuICAgICAgfCBvYmplY3RcbiAgICAgIHwgbnVsbFxuICApID0+IHZvaWQ7XG4gIC8vIFRPRE8gYWRkIGNvcnJlY3QgdHlwZSBhZnRlciBUaGVtZSB0eXBpbmdcbiAgdGhlbWU6IFJlY29yZDxzdHJpbmcsIHN0cmluZz47XG59O1xuXG5jb25zdCBTdHlsZWRMYXllclR5cGVTZWxlY3RvciA9IHN0eWxlZC5kaXZgXG4gIC5pdGVtLXNlbGVjdG9yIC5pdGVtLXNlbGVjdG9yX19kcm9wZG93biB7XG4gICAgcGFkZGluZzogNHB4IDEwcHggNHB4IDJweDtcbiAgfVxuYDtcblxuTGF5ZXJUeXBlU2VsZWN0b3JGYWN0b3J5LmRlcHMgPSBbTGF5ZXJUeXBlTGlzdEl0ZW1GYWN0b3J5LCBMYXllclR5cGVEcm9wZG93bkxpc3RGYWN0b3J5XTtcblxuY29uc3QgZ2V0RGlzcGxheU9wdGlvbiA9IChvcDogT3B0aW9uKSA9PiBvcC5sYWJlbDtcbmNvbnN0IGdldE9wdGlvblZhbHVlID0gKG9wOiBPcHRpb24pID0+IG9wLmlkO1xuXG5mdW5jdGlvbiBMYXllclR5cGVTZWxlY3RvckZhY3RvcnkoXG4gIExheWVyVHlwZUxpc3RJdGVtOiBSZXR1cm5UeXBlPHR5cGVvZiBMYXllclR5cGVMaXN0SXRlbUZhY3Rvcnk+LFxuICBMYXllclR5cGVEcm9wZG93bkxpc3Q6IFJldHVyblR5cGU8dHlwZW9mIExheWVyVHlwZURyb3Bkb3duTGlzdEZhY3Rvcnk+XG4pIHtcbiAgY29uc3QgTGF5ZXJUeXBlU2VsZWN0b3I6IFJlYWN0LkZDPExheWVyVHlwZVNlbGVjdG9yUHJvcHM+ID0gKHtcbiAgICBsYXllcixcbiAgICBsYXllclR5cGVPcHRpb25zLFxuICAgIG9uU2VsZWN0LFxuICAgIGRhdGFzZXRzXG4gIH0pID0+IHtcbiAgICBjb25zdCBoYXNEYXRhID0gdXNlTWVtbygoKSA9PiBCb29sZWFuKE9iamVjdC5rZXlzKGRhdGFzZXRzKS5sZW5ndGgpLCBbZGF0YXNldHNdKTtcbiAgICBjb25zdCB0eXBlT3B0aW9ucyA9IHVzZU1lbW8oXG4gICAgICAoKSA9PlxuICAgICAgICBsYXllclR5cGVPcHRpb25zLm1hcChvcCA9PiAoe1xuICAgICAgICAgIC4uLm9wLFxuICAgICAgICAgIGRpc2FibGVkOiAhaGFzRGF0YSAmJiBvcC5yZXF1aXJlRGF0YSAhPT0gZmFsc2VcbiAgICAgICAgfSkpLFxuICAgICAgW2hhc0RhdGEsIGxheWVyVHlwZU9wdGlvbnNdXG4gICAgKTtcblxuICAgIGNvbnN0IHNlbGVjdGVkSXRlbXMgPSB1c2VNZW1vKCgpID0+IHR5cGVPcHRpb25zLmZpbmQob3AgPT4gb3AuaWQgPT09IGxheWVyLnR5cGUpLCBbXG4gICAgICB0eXBlT3B0aW9ucyxcbiAgICAgIGxheWVyLnR5cGVcbiAgICBdKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U2lkZVBhbmVsU2VjdGlvbj5cbiAgICAgICAgPFN0eWxlZExheWVyVHlwZVNlbGVjdG9yIGNsYXNzTmFtZT1cImxheWVyLWNvbmZpZ19fdHlwZVwiPlxuICAgICAgICAgIDxJdGVtU2VsZWN0b3JcbiAgICAgICAgICAgIHNlbGVjdGVkSXRlbXM9e3NlbGVjdGVkSXRlbXN9XG4gICAgICAgICAgICBvcHRpb25zPXt0eXBlT3B0aW9uc31cbiAgICAgICAgICAgIG11bHRpU2VsZWN0PXtmYWxzZX1cbiAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwicGxhY2Vob2xkZXIuc2VsZWN0VHlwZVwiXG4gICAgICAgICAgICBvbkNoYW5nZT17b25TZWxlY3R9XG4gICAgICAgICAgICBnZXRPcHRpb25WYWx1ZT17Z2V0T3B0aW9uVmFsdWV9XG4gICAgICAgICAgICBmaWx0ZXJPcHRpb249XCJsYWJlbFwiXG4gICAgICAgICAgICBkaXNwbGF5T3B0aW9uPXtnZXREaXNwbGF5T3B0aW9ufVxuICAgICAgICAgICAgRHJvcERvd25MaW5lSXRlbVJlbmRlckNvbXBvbmVudD17TGF5ZXJUeXBlTGlzdEl0ZW19XG4gICAgICAgICAgICBEcm9wRG93blJlbmRlckNvbXBvbmVudD17TGF5ZXJUeXBlRHJvcGRvd25MaXN0fVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvU3R5bGVkTGF5ZXJUeXBlU2VsZWN0b3I+XG4gICAgICA8L1NpZGVQYW5lbFNlY3Rpb24+XG4gICAgKTtcbiAgfTtcblxuICByZXR1cm4gd2l0aFRoZW1lKExheWVyVHlwZVNlbGVjdG9yKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgTGF5ZXJUeXBlU2VsZWN0b3JGYWN0b3J5O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FBb0JBLElBQUFBLE1BQUEsR0FBQUMsdUJBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLGlCQUFBLEdBQUFGLHVCQUFBLENBQUFDLE9BQUE7QUFFQSxJQUFB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

package/dist/components/side-panel/layer-panel/layer-visibility-by-zoom.d.ts

@@ -1,23 +1,23 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import RangeSliderFactory from 'components/common/range-slider';
-declare function LayerVisibilityByZoomFactory(RangeSlider: any): {
-    ({ updateLayerConfig, layer, rangeMinValue, rangeMaxValue, iconComponent, disabled }: {
-        updateLayerConfig: any;
-        layer: any;
-        rangeMinValue: any;
-        rangeMaxValue: any;
-        iconComponent: any;
-        disabled: any;
-    }): React.JSX.Element;
-    propTypes: {
-        updateLayerConfig: PropTypes.Validator<(...args: any[]) => any>;
-        rangeMinValue: PropTypes.Requireable<number>;
-        rangeMaxValue: PropTypes.Requireable<number>;
-        iconComponent: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactElementLike>>;
-    };
-};
-declare namespace LayerVisibilityByZoomFactory {
-    var deps: (typeof RangeSliderFactory)[];
-}
-export default LayerVisibilityByZoomFactory;
+import React from 'react';
+import PropTypes from 'prop-types';
+import RangeSliderFactory from 'components/common/range-slider';
+declare function LayerVisibilityByZoomFactory(RangeSlider: any): {
+    ({ updateLayerConfig, layer, rangeMinValue, rangeMaxValue, iconComponent, disabled }: {
+        updateLayerConfig: any;
+        layer: any;
+        rangeMinValue: any;
+        rangeMaxValue: any;
+        iconComponent: any;
+        disabled: any;
+    }): React.JSX.Element;
+    propTypes: {
+        updateLayerConfig: PropTypes.Validator<(...args: any[]) => any>;
+        rangeMinValue: PropTypes.Requireable<number>;
+        rangeMaxValue: PropTypes.Requireable<number>;
+        iconComponent: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactElementLike>>;
+    };
+};
+declare namespace LayerVisibilityByZoomFactory {
+    var deps: (typeof RangeSliderFactory)[];
+}
+export default LayerVisibilityByZoomFactory;

package/dist/components/side-panel/layer-panel/layer-visibility-by-zoom.js

@@ -0,0 +1,106 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _rangeSlider = _interopRequireDefault(require("../../common/range-slider"));
+var _styledComponents2 = require("../../common/styled-components");
+var _localization = require("../../../localization");
+var _defaultSettings = require("../../../constants/default-settings");
+var _templateObject, _templateObject2; // Copyright (c) 2021 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.
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var SliderWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  position: relative;\n"])));
+var TopRow = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  justify-content: space-between;\n"])));
+LayerVisibilityByZoomFactory.deps = [_rangeSlider["default"]];
+function LayerVisibilityByZoomFactory(RangeSlider) {
+  var LayerVisibilityByZoom = function LayerVisibilityByZoom(_ref) {
+    var _config$visibilityByZ, _config$visibilityByZ2, _config$visibilityByZ3, _config$visibilityByZ4, _config$visibilityByZ5, _config$visibilityByZ6;
+    var updateLayerConfig = _ref.updateLayerConfig,
+      layer = _ref.layer,
+      rangeMinValue = _ref.rangeMinValue,
+      rangeMaxValue = _ref.rangeMaxValue,
+      iconComponent = _ref.iconComponent,
+      disabled = _ref.disabled;
+    var config = layer.config;
+    var minLimit = rangeMinValue || _defaultSettings.ZOOM_LEVEL_LIMITS.min;
+    var maxLimit = rangeMaxValue || _defaultSettings.ZOOM_LEVEL_LIMITS.max;
+    var _React$useState = _react["default"].useState((_config$visibilityByZ = config.visibilityByZoom) !== null && _config$visibilityByZ !== void 0 && _config$visibilityByZ.min ? ((_config$visibilityByZ2 = config.visibilityByZoom) === null || _config$visibilityByZ2 === void 0 ? void 0 : _config$visibilityByZ2.min) < minLimit ? minLimit : (_config$visibilityByZ3 = config.visibilityByZoom) === null || _config$visibilityByZ3 === void 0 ? void 0 : _config$visibilityByZ3.min : minLimit),
+      _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+      zoomMin = _React$useState2[0],
+      setZoomMin = _React$useState2[1];
+    var _React$useState3 = _react["default"].useState((_config$visibilityByZ4 = config.visibilityByZoom) !== null && _config$visibilityByZ4 !== void 0 && _config$visibilityByZ4.max ? ((_config$visibilityByZ5 = config.visibilityByZoom) === null || _config$visibilityByZ5 === void 0 ? void 0 : _config$visibilityByZ5.max) > maxLimit ? maxLimit : (_config$visibilityByZ6 = config.visibilityByZoom) === null || _config$visibilityByZ6 === void 0 ? void 0 : _config$visibilityByZ6.max : maxLimit),
+      _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
+      zoomMax = _React$useState4[0],
+      setZoomMax = _React$useState4[1];
+    var _onChange = (0, _react.useCallback)(function (val) {
+      setZoomMin(val[0]);
+      setZoomMax(val[1]);
+      updateLayerConfig({
+        visibilityByZoom: {
+          min: val[0],
+          max: val[1]
+        }
+      });
+    }, [updateLayerConfig]);
+    var IconElement = function IconElement() {
+      return iconComponent || null;
+    };
+    return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_styledComponents2.SidePanelSection, {
+      disabled: disabled
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "layer-visibility__zoom"
+    }, /*#__PURE__*/_react["default"].createElement(TopRow, null, /*#__PURE__*/_react["default"].createElement(_styledComponents2.PanelLabel, null, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: 'layerVisibility.title'
+    }), ' ', /*#__PURE__*/_react["default"].createElement(IconElement, {
+      "data-test": "icon-help-button"
+    }))), /*#__PURE__*/_react["default"].createElement(SliderWrapper, null, /*#__PURE__*/_react["default"].createElement(RangeSlider, {
+      range: [rangeMinValue || _defaultSettings.ZOOM_LEVEL_LIMITS.min, rangeMaxValue || _defaultSettings.ZOOM_LEVEL_LIMITS.max],
+      value0: zoomMin,
+      value1: zoomMax,
+      min: minLimit,
+      max: maxLimit,
+      onChange: _onChange,
+      isRanged: true,
+      showTooltip: true,
+      showInput: true,
+      inputTheme: "secondary",
+      inputSize: "tiny"
+    })))));
+  };
+  LayerVisibilityByZoom.propTypes = {
+    updateLayerConfig: _propTypes["default"].func.isRequired,
+    rangeMinValue: _propTypes["default"].number,
+    rangeMaxValue: _propTypes["default"].number,
+    iconComponent: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].func])
+  };
+  return LayerVisibilityByZoom;
+}
+var _default = exports["default"] = LayerVisibilityByZoomFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfcHJvcFR5cGVzIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsIl9zdHlsZWRDb21wb25lbnRzIiwiX3JhbmdlU2xpZGVyIiwiX3N0eWxlZENvbXBvbmVudHMyIiwiX2xvY2FsaXphdGlvbiIsIl9kZWZhdWx0U2V0dGluZ3MiLCJfdGVtcGxhdGVPYmplY3QiLCJfdGVtcGxhdGVPYmplY3QyIiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwiZSIsIldlYWtNYXAiLCJyIiwidCIsIl9fZXNNb2R1bGUiLCJfdHlwZW9mIiwiaGFzIiwiZ2V0IiwibiIsIl9fcHJvdG9fXyIsImEiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsInUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpIiwic2V0IiwiU2xpZGVyV3JhcHBlciIsInN0eWxlZCIsImRpdiIsIl90YWdnZWRUZW1wbGF0ZUxpdGVyYWwyIiwiVG9wUm93IiwiTGF5ZXJWaXNpYmlsaXR5Qnlab29tRmFjdG9yeSIsImRlcHMiLCJSYW5nZVNsaWRlckZhY3RvcnkiLCJSYW5nZVNsaWRlciIsIkxheWVyVmlzaWJpbGl0eUJ5Wm9vbSIsIl9yZWYiLCJfY29uZmlnJHZpc2liaWxpdHlCeVoiLCJfY29uZmlnJHZpc2liaWxpdHlCeVoyIiwiX2NvbmZpZyR2aXNpYmlsaXR5QnlaMyIsIl9jb25maWckdmlzaWJpbGl0eUJ5WjQiLCJfY29uZmlnJHZpc2liaWxpdHlCeVo1IiwiX2NvbmZpZyR2aXNpYmlsaXR5QnlaNiIsInVwZGF0ZUxheWVyQ29uZmlnIiwibGF5ZXIiLCJyYW5nZU1pblZhbHVlIiwicmFuZ2VNYXhWYWx1ZSIsImljb25Db21wb25lbnQiLCJkaXNhYmxlZCIsImNvbmZpZyIsIm1pbkxpbWl0IiwiWk9PTV9MRVZFTF9MSU1JVFMiLCJtaW4iLCJtYXhMaW1pdCIsIm1heCIsIl9SZWFjdCR1c2VTdGF0ZSIsIlJlYWN0IiwidXNlU3RhdGUiLCJ2aXNpYmlsaXR5Qnlab29tIiwiX1JlYWN0JHVzZVN0YXRlMiIsIl9zbGljZWRUb0FycmF5MiIsInpvb21NaW4iLCJzZXRab29tTWluIiwiX1JlYWN0JHVzZVN0YXRlMyIsIl9SZWFjdCR1c2VTdGF0ZTQiLCJ6b29tTWF4Iiwic2V0Wm9vbU1heCIsIl9vbkNoYW5nZSIsInVzZUNhbGxiYWNrIiwidmFsIiwiSWNvbkVsZW1lbnQiLCJjcmVhdGVFbGVtZW50IiwiU2lkZVBhbmVsU2VjdGlvbiIsImNsYXNzTmFtZSIsIlBhbmVsTGFiZWwiLCJGb3JtYXR0ZWRNZXNzYWdlIiwiaWQiLCJyYW5nZSIsInZhbHVlMCIsInZhbHVlMSIsIm9uQ2hhbmdlIiwiaXNSYW5nZWQiLCJzaG93VG9vbHRpcCIsInNob3dJbnB1dCIsImlucHV0VGhlbWUiLCJpbnB1dFNpemUiLCJwcm9wVHlwZXMiLCJQcm9wVHlwZXMiLCJmdW5jIiwiaXNSZXF1aXJlZCIsIm51bWJlciIsIm9uZU9mVHlwZSIsImVsZW1lbnQiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL2xheWVyLXZpc2liaWxpdHktYnktem9vbS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIxIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0LCB7dXNlQ2FsbGJhY2t9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCBSYW5nZVNsaWRlckZhY3RvcnkgZnJvbSAnY29tcG9uZW50cy9jb21tb24vcmFuZ2Utc2xpZGVyJztcbmltcG9ydCB7UGFuZWxMYWJlbCwgU2lkZVBhbmVsU2VjdGlvbn0gZnJvbSAnY29tcG9uZW50cy9jb21tb24vc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtGb3JtYXR0ZWRNZXNzYWdlfSBmcm9tICdsb2NhbGl6YXRpb24nO1xuaW1wb3J0IHtaT09NX0xFVkVMX0xJTUlUU30gZnJvbSAnY29uc3RhbnRzL2RlZmF1bHQtc2V0dGluZ3MnO1xuXG5jb25zdCBTbGlkZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuY29uc3QgVG9wUm93ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuYDtcblxuTGF5ZXJWaXNpYmlsaXR5Qnlab29tRmFjdG9yeS5kZXBzID0gW1JhbmdlU2xpZGVyRmFjdG9yeV07XG5cbmZ1bmN0aW9uIExheWVyVmlzaWJpbGl0eUJ5Wm9vbUZhY3RvcnkoUmFuZ2VTbGlkZXIpIHtcbiAgY29uc3QgTGF5ZXJWaXNpYmlsaXR5Qnlab29tID0gKHtcbiAgICB1cGRhdGVMYXllckNvbmZpZyxcbiAgICBsYXllcixcbiAgICByYW5nZU1pblZhbHVlLFxuICAgIHJhbmdlTWF4VmFsdWUsXG4gICAgaWNvbkNvbXBvbmVudCxcbiAgICBkaXNhYmxlZFxuICB9KSA9PiB7XG4gICAgY29uc3Qge2NvbmZpZ30gPSBsYXllcjtcbiAgICBjb25zdCBtaW5MaW1pdCA9IHJhbmdlTWluVmFsdWUgfHwgWk9PTV9MRVZFTF9MSU1JVFMubWluO1xuICAgIGNvbnN0IG1heExpbWl0ID0gcmFuZ2VNYXhWYWx1ZSB8fCBaT09NX0xFVkVMX0xJTUlUUy5tYXg7XG5cbiAgICBjb25zdCBbem9vbU1pbiwgc2V0Wm9vbU1pbl0gPSBSZWFjdC51c2VTdGF0ZShcbiAgICAgIGNvbmZpZy52aXNpYmlsaXR5Qnlab29tPy5taW5cbiAgICAgICAgPyBjb25maWcudmlzaWJpbGl0eUJ5Wm9vbT8ubWluIDwgbWluTGltaXRcbiAgICAgICAgICA/IG1pbkxpbWl0XG4gICAgICAgICAgOiBjb25maWcudmlzaWJpbGl0eUJ5Wm9vbT8ubWluXG4gICAgICAgIDogbWluTGltaXRcbiAgICApO1xuICAgIGNvbnN0IFt6b29tTWF4LCBzZXRab29tTWF4XSA9IFJlYWN0LnVzZVN0YXRlKFxuICAgICAgY29uZmlnLnZpc2liaWxpdHlCeVpvb20/Lm1heFxuICAgICAgICA/IGNvbmZpZy52aXNpYmlsaXR5Qnlab29tPy5tYXggPiBtYXhMaW1pdFxuICAgICAgICAgID8gbWF4TGltaXRcbiAgICAgICAgICA6IGNvbmZpZy52aXNpYmlsaXR5Qnlab29tPy5tYXhcbiAgICAgICAgOiBtYXhMaW1pdFxuICAgICk7XG5cbiAgICBjb25zdCBfb25DaGFuZ2UgPSB1c2VDYWxsYmFjayhcbiAgICAgIHZhbCA9PiB7XG4gICAgICAgIHNldFpvb21NaW4odmFsWzBdKTtcbiAgICAgICAgc2V0Wm9vbU1heCh2YWxbMV0pO1xuICAgICAgICB1cGRhdGVMYXllckNvbmZpZyh7dmlzaWJpbGl0eUJ5Wm9vbToge21pbjogdmFsWzBdLCBtYXg6IHZhbFsxXX19KTtcbiAgICAgIH0sXG4gICAgICBbdXBkYXRlTGF5ZXJDb25maWddXG4gICAgKTtcblxuICAgIGNvbnN0IEljb25FbGVtZW50ID0gKCkgPT4gaWNvbkNvbXBvbmVudCB8fCBudWxsO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXY+XG4gICAgICAgIDxTaWRlUGFuZWxTZWN0aW9uIGRpc2FibGVkPXtkaXNhYmxlZH0+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJsYXllci12aXNpYmlsaXR5X196b29tXCI+XG4gICAgICAgICAgICA8VG9wUm93PlxuICAgICAgICAgICAgICA8UGFuZWxMYWJlbD5cbiAgICAgICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSBpZD17J2xheWVyVmlzaWJpbGl0eS50aXRsZSd9IC8+eycgJ31cbiAgICAgICAgICAgICAgICA8SWNvbkVsZW1lbnQgZGF0YS10ZXN0PVwiaWNvbi1oZWxwLWJ1dHRvblwiIC8+XG4gICAgICAgICAgICAgIDwvUGFuZWxMYWJlbD5cbiAgICAgICAgICAgIDwvVG9wUm93PlxuICAgICAgICAgICAgPFNsaWRlcldyYXBwZXI+XG4gICAgICAgICAgICAgIDxSYW5nZVNsaWRlclxuICAgICAgICAgICAgICAgIHJhbmdlPXtbXG4gICAgICAgICAgICAgICAgICByYW5nZU1pblZhbHVlIHx8IFpPT01fTEVWRUxfTElNSVRTLm1pbixcbiAgICAgICAgICAgICAgICAgIHJhbmdlTWF4VmFsdWUgfHwgWk9PTV9MRVZFTF9MSU1JVFMubWF4XG4gICAgICAgICAgICAgICAgXX1cbiAgICAgICAgICAgICAgICB2YWx1ZTA9e3pvb21NaW59XG4gICAgICAgICAgICAgICAgdmFsdWUxPXt6b29tTWF4fVxuICAgICAgICAgICAgICAgIG1pbj17bWluTGltaXR9XG4gICAgICAgICAgICAgICAgbWF4PXttYXhMaW1pdH1cbiAgICAgICAgICAgICAgICBvbkNoYW5nZT17X29uQ2hhbmdlfVxuICAgICAgICAgICAgICAgIGlzUmFuZ2VkPXt0cnVlfVxuICAgICAgICAgICAgICAgIHNob3dUb29sdGlwXG4gICAgICAgICAgICAgICAgc2hvd0lucHV0XG4gICAgICAgICAgICAgICAgaW5wdXRUaGVtZT1cInNlY29uZGFyeVwiXG4gICAgICAgICAgICAgICAgaW5wdXRTaXplPVwidGlueVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L1NsaWRlcldyYXBwZXI+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvU2lkZVBhbmVsU2VjdGlvbj5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH07XG5cbiAgTGF5ZXJWaXNpYmlsaXR5Qnlab29tLnByb3BUeXBlcyA9IHtcbiAgICB1cGRhdGVMYXllckNvbmZpZzogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgICByYW5nZU1pblZhbHVlOiBQcm9wVHlwZXMubnVtYmVyLFxuICAgIHJhbmdlTWF4VmFsdWU6IFByb3BUeXBlcy5udW1iZXIsXG4gICAgaWNvbkNvbXBvbmVudDogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLmVsZW1lbnQsIFByb3BUeXBlcy5mdW5jXSlcbiAgfTtcblxuICByZXR1cm4gTGF5ZXJWaXNpYmlsaXR5Qnlab29tO1xufVxuXG5leHBvcnQgZGVmYXVsdCBMYXllclZpc2liaWxpdHlCeVpvb21GYWN0b3J5O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FBb0JBLElBQUFBLE1BQUEsR0FBQUMsdUJBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLFVBQUEsR0FBQUMsc0JBQUEsQ0FBQUYsT0FBQTtBQUNBLElBQUFHLGlCQUFBLEdBQUFELHNCQUFBLENBQUFGLE9BQUE7QUFDQSxJQUFBSSxZQUFBLEdBQUFGLHNCQUFBLENBQUFGLE9BQUE7QUFDQSxJQUFBSyxrQkFBQSxHQUFBTCxPQUFBO0FBQ0EsSUFBQU0sYUFBQSxHQUFBTixPQUFBO0FBQ0EsSUFBQU8sZ0JBQUEsR0FBQVAsT0FBQTtBQUE2RCxJQUFBUSxlQUFBLEVBQUFDLGdCQUFBLEVBMUI3RDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBLFNBQUFDLHlCQUFBQyxDQUFBLDZCQUFBQyxPQUFBLG1CQUFBQyxDQUFBLE9BQUFELE9BQUEsSUFBQUUsQ0FBQSxPQUFBRixPQUFBLFlBQUFGLHdCQUFBLFlBQUFBLHlCQUFBQyxDQUFBLFdBQUFBLENBQUEsR0FBQUcsQ0FBQSxHQUFBRCxDQUFBLEtBQUFGLENBQUE7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QkFBQSxDQUFBdUUsZ0JBQWdCO01BQUN4QixRQUFRLEVBQUVBO0lBQVMsZ0JBQ25DdEQsTUFBQSxZQUFBNkUsYUFBQTtNQUFLRSxTQUFTLEVBQUM7SUFBd0IsZ0JBQ3JDL0UsTUFBQSxZQUFBNkUsYUFBQSxDQUFDekMsTUFBTSxxQkFDTHBDLE1BQUEsWUFBQTZFLGFBQUEsQ0FBQ3RFLGtCQUFBLENBQUF5RSxVQUFVLHFCQUNUaEYsTUFBQSxZQUFBNkUsYUFBQSxDQUFDckUsYUFBQSxDQUFBeUUsZ0JBQWdCO01BQUNDLEVBQUUsRUFBRTtJQUF3QixDQUFFLENBQUMsRUFBQyxHQUFHLGVBQ3JEbEYsTUFBQSxZQUFBNkUsYUFBQSxDQUFDRCxXQUFXO01BQUMsYUFBVTtJQUFrQixDQUFFLENBQ2pDLENBQ04sQ0FBQyxlQUNUNUUsTUFBQSxZQUFBNkUsYUFBQSxDQUFDN0MsYUFBYSxxQkFDWmhDLE1BQUEsWUFBQTZFLGFBQUEsQ0FBQ3JDLFdBQVc7TUFDVjJDLEtBQUssRUFBRSxDQUNMaEMsYUFBYSxJQUFJTSxrQ0FBaUIsQ0FBQ0MsR0FBRyxFQUN0Q04sYUFBYSxJQUFJSyxrQ0FBaUIsQ0FBQ0csR0FBRyxDQUN0QztNQUNGd0IsTUFBTSxFQUFFakIsT0FBUTtNQUNoQmtCLE1BQU0sRUFBRWQsT0FBUTtNQUNoQmIsR0FBRyxFQUFFRixRQUFTO01BQ2RJLEdBQUcsRUFBRUQsUUFBUztNQUNkMkIsUUFBUSxFQUFFYixTQUFVO01BQ3BCYyxRQUFRLEVBQUUsSUFBSztNQUNmQyxXQUFXO01BQ1hDLFNBQVM7TUFDVEMsVUFBVSxFQUFDLFdBQVc7TUFDdEJDLFNBQVMsRUFBQztJQUFNLENBQ2pCLENBQ1ksQ0FDWixDQUNXLENBQ2YsQ0FBQztFQUVWLENBQUM7RUFFRGxELHFCQUFxQixDQUFDbUQsU0FBUyxHQUFHO0lBQ2hDM0MsaUJBQWlCLEVBQUU0QyxxQkFBUyxDQUFDQyxJQUFJLENBQUNDLFVBQVU7SUFDNUM1QyxhQUFhLEVBQUUwQyxxQkFBUyxDQUFDRyxNQUFNO0lBQy9CNUMsYUFBYSxFQUFFeUMscUJBQVMsQ0FBQ0csTUFBTTtJQUMvQjNDLGFBQWEsRUFBRXdDLHFCQUFTLENBQUNJLFNBQVMsQ0FBQyxDQUFDSixxQkFBUyxDQUFDSyxPQUFPLEVBQUVMLHFCQUFTLENBQUNDLElBQUksQ0FBQztFQUN4RSxDQUFDO0VBRUQsT0FBT3JELHFCQUFxQjtBQUM5QjtBQUFDLElBQUEwRCxRQUFBLEdBQUFDLE9BQUEsY0FFYy9ELDRCQUE0QiIsImlnbm9yZUxpc3QiOltdfQ==

package/dist/components/side-panel/layer-panel/panel-view-list-toggle.d.ts

@@ -1,36 +1,36 @@
-import React from 'react';
-import { LayerPanelListView } from 'reducers/ui-state-updaters';
-type ToggleOptionProps = {
-    isActive: boolean;
-    onClick: () => void;
-    option: typeof TOGGLE_OPTIONS[0];
-};
-type PanelViewListToggleProps = {
-    layerPanelListViewMode: LayerPanelListView;
-    toggleLayerPanelListView: (view: string) => void;
-};
-export declare const StyledToggleOption: import("styled-components").StyledComponent<"div", any, {
-    className: "layer-panel-toggle-option";
-} & {
-    active: boolean;
-}, "className">;
-declare function ToggleOptionFactory(): React.FC<ToggleOptionProps>;
-declare const TOGGLE_OPTIONS: {
-    id: string;
-    iconComponent: {
-        (props: Partial<import("../../common/icons/base").BaseProps>): React.JSX.Element;
-        defaultProps: {
-            height: string;
-            fill: string;
-            viewBox: string;
-            predefinedClassName: string;
-        };
-    };
-    value: string;
-    label: string;
-}[];
-declare function PanelViewListToggleFactory(ToggleOption: ReturnType<typeof ToggleOptionFactory>): React.FC<PanelViewListToggleProps>;
-declare namespace PanelViewListToggleFactory {
-    var deps: (typeof ToggleOptionFactory)[];
-}
-export default PanelViewListToggleFactory;
+import React from 'react';
+import { LayerPanelListView } from 'reducers/ui-state-updaters';
+type ToggleOptionProps = {
+    isActive: boolean;
+    onClick: () => void;
+    option: typeof TOGGLE_OPTIONS[0];
+};
+type PanelViewListToggleProps = {
+    layerPanelListViewMode: LayerPanelListView;
+    toggleLayerPanelListView: (view: string) => void;
+};
+export declare const StyledToggleOption: import("styled-components").StyledComponent<"div", any, {
+    className: "layer-panel-toggle-option";
+} & {
+    active: boolean;
+}, "className">;
+declare function ToggleOptionFactory(): React.FC<ToggleOptionProps>;
+declare const TOGGLE_OPTIONS: {
+    id: string;
+    iconComponent: {
+        (props: Partial<import("../../common/icons/base").BaseProps>): React.JSX.Element;
+        defaultProps: {
+            height: string;
+            fill: string;
+            viewBox: string;
+            predefinedClassName: string;
+        };
+    };
+    value: string;
+    label: string;
+}[];
+declare function PanelViewListToggleFactory(ToggleOption: ReturnType<typeof ToggleOptionFactory>): React.FC<PanelViewListToggleProps>;
+declare namespace PanelViewListToggleFactory {
+    var deps: (typeof ToggleOptionFactory)[];
+}
+export default PanelViewListToggleFactory;

package/dist/components/side-panel/layer-panel/panel-view-list-toggle.js

@@ -0,0 +1,116 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.StyledToggleOption = void 0;
+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 _orderByList = _interopRequireDefault(require("../../common/icons/order-by-list"));
+var _orderByDataset = _interopRequireDefault(require("../../common/icons/order-by-dataset"));
+var _styledComponents2 = require("../../common/styled-components");
+var _localization = require("../../../localization");
+var _templateObject, _templateObject2, _templateObject3; // 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.
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var PanelViewListToggleContainer = _styledComponents["default"].div.attrs({
+  className: 'panel-view-list-toggle'
+})(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])([""])));
+var PanelViewListToggleWrapper = _styledComponents["default"].div.attrs({
+  className: 'panel-view-list-toggle-inner'
+})(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  justify-content: flex-end;\n  align-content: center;\n  gap: 10px;\n"])));
+var StyledToggleOption = exports.StyledToggleOption = _styledComponents["default"].div.attrs({
+  className: 'layer-panel-toggle-option'
+})(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  color: ", ";\n  :hover {\n    cursor: pointer;\n    color: ", ";\n  }\n"])), function (props) {
+  return props.active ? props.theme.layerPanelToggleOptionColorActive : props.theme.layerPanelToggleOptionColor;
+}, function (props) {
+  return props.theme.layerPanelToggleOptionColorActive;
+});
+function ToggleOptionFactory() {
+  var ToggleOption = function ToggleOption(_ref) {
+    var isActive = _ref.isActive,
+      onClick = _ref.onClick,
+      option = _ref.option;
+    return /*#__PURE__*/_react["default"].createElement(StyledToggleOption, {
+      "data-tip": true,
+      "data-for": "".concat(option.id, "-toggle-option"),
+      active: isActive,
+      onClick: onClick
+    }, /*#__PURE__*/_react["default"].createElement(option.iconComponent, {
+      height: "20px"
+    }), /*#__PURE__*/_react["default"].createElement(_styledComponents2.Tooltip, {
+      id: "".concat(option.id, "-toggle-option"),
+      effect: "solid",
+      delayShow: 500,
+      place: "bottom"
+    }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
+      id: option.label
+    }))));
+  };
+  return ToggleOption;
+}
+var TOGGLE_OPTIONS = [{
+  id: 'list',
+  iconComponent: _orderByList["default"],
+  value: 'list',
+  label: 'List'
+}, {
+  id: 'sort-by-dataset',
+  iconComponent: _orderByDataset["default"],
+  value: 'sortByDataset',
+  label: 'Sort by dataset'
+}];
+PanelViewListToggleFactory.deps = [ToggleOptionFactory];
+function PanelViewListToggleFactory(ToggleOption) {
+  var PanelViewListToggle = function PanelViewListToggle(props) {
+    var layerPanelListViewMode = props.layerPanelListViewMode,
+      toggleLayerPanelListView = props.toggleLayerPanelListView;
+    var toggleListView = function toggleListView(listView) {
+      return toggleLayerPanelListView(listView);
+    };
+    var options = (0, _react.useMemo)(function () {
+      return TOGGLE_OPTIONS.map(function (opt) {
+        return _objectSpread(_objectSpread({}, opt), {}, {
+          isActive: layerPanelListViewMode === opt.value
+        });
+      });
+    }, [layerPanelListViewMode]);
+    return /*#__PURE__*/_react["default"].createElement(PanelViewListToggleContainer, null, /*#__PURE__*/_react["default"].createElement(PanelViewListToggleWrapper, null, options.map(function (opt) {
+      return /*#__PURE__*/_react["default"].createElement(ToggleOption, {
+        key: opt.id,
+        onClick: function onClick() {
+          return toggleListView(opt.value);
+        },
+        option: opt,
+        isActive: opt.isActive
+      });
+    })));
+  };
+  return PanelViewListToggle;
+}
+var _default = exports["default"] = PanelViewListToggleFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfc3R5bGVkQ29tcG9uZW50cyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfb3JkZXJCeUxpc3QiLCJfb3JkZXJCeURhdGFzZXQiLCJfc3R5bGVkQ29tcG9uZW50czIiLCJfbG9jYWxpemF0aW9uIiwiX3RlbXBsYXRlT2JqZWN0IiwiX3RlbXBsYXRlT2JqZWN0MiIsIl90ZW1wbGF0ZU9iamVjdDMiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJlIiwiV2Vha01hcCIsInIiLCJ0IiwiX19lc01vZHVsZSIsIl90eXBlb2YiLCJoYXMiLCJnZXQiLCJuIiwiX19wcm90b19fIiwiYSIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwidSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImkiLCJzZXQiLCJvd25LZXlzIiwia2V5cyIsImdldE93blByb3BlcnR5U3ltYm9scyIsIm8iLCJmaWx0ZXIiLCJlbnVtZXJhYmxlIiwicHVzaCIsImFwcGx5IiwiX29iamVjdFNwcmVhZCIsImFyZ3VtZW50cyIsImxlbmd0aCIsImZvckVhY2giLCJfZGVmaW5lUHJvcGVydHkyIiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9ycyIsImRlZmluZVByb3BlcnRpZXMiLCJQYW5lbFZpZXdMaXN0VG9nZ2xlQ29udGFpbmVyIiwic3R5bGVkIiwiZGl2IiwiYXR0cnMiLCJjbGFzc05hbWUiLCJfdGFnZ2VkVGVtcGxhdGVMaXRlcmFsMiIsIlBhbmVsVmlld0xpc3RUb2dnbGVXcmFwcGVyIiwiU3R5bGVkVG9nZ2xlT3B0aW9uIiwiZXhwb3J0cyIsInByb3BzIiwiYWN0aXZlIiwidGhlbWUiLCJsYXllclBhbmVsVG9nZ2xlT3B0aW9uQ29sb3JBY3RpdmUiLCJsYXllclBhbmVsVG9nZ2xlT3B0aW9uQ29sb3IiLCJUb2dnbGVPcHRpb25GYWN0b3J5IiwiVG9nZ2xlT3B0aW9uIiwiX3JlZiIsImlzQWN0aXZlIiwib25DbGljayIsIm9wdGlvbiIsImNyZWF0ZUVsZW1lbnQiLCJjb25jYXQiLCJpZCIsImljb25Db21wb25lbnQiLCJoZWlnaHQiLCJUb29sdGlwIiwiZWZmZWN0IiwiZGVsYXlTaG93IiwicGxhY2UiLCJGb3JtYXR0ZWRNZXNzYWdlIiwibGFiZWwiLCJUT0dHTEVfT1BUSU9OUyIsIk9yZGVyQnlMaXN0IiwidmFsdWUiLCJPcmRlckJ5RGF0YXNldCIsIlBhbmVsVmlld0xpc3RUb2dnbGVGYWN0b3J5IiwiZGVwcyIsIlBhbmVsVmlld0xpc3RUb2dnbGUiLCJsYXllclBhbmVsTGlzdFZpZXdNb2RlIiwidG9nZ2xlTGF5ZXJQYW5lbExpc3RWaWV3IiwidG9nZ2xlTGlzdFZpZXciLCJsaXN0VmlldyIsIm9wdGlvbnMiLCJ1c2VNZW1vIiwibWFwIiwib3B0Iiwia2V5IiwiX2RlZmF1bHQiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL3BhbmVsLXZpZXctbGlzdC10b2dnbGUudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAyMiBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCBSZWFjdCwge3VzZU1lbW99IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IE9yZGVyQnlMaXN0IGZyb20gJ2NvbXBvbmVudHMvY29tbW9uL2ljb25zL29yZGVyLWJ5LWxpc3QnO1xuaW1wb3J0IE9yZGVyQnlEYXRhc2V0IGZyb20gJ2NvbXBvbmVudHMvY29tbW9uL2ljb25zL29yZGVyLWJ5LWRhdGFzZXQnO1xuaW1wb3J0IHtUb29sdGlwfSBmcm9tICdjb21wb25lbnRzL2NvbW1vbi9zdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge0Zvcm1hdHRlZE1lc3NhZ2V9IGZyb20gJ2xvY2FsaXphdGlvbic7XG5pbXBvcnQge0xheWVyUGFuZWxMaXN0Vmlld30gZnJvbSAncmVkdWNlcnMvdWktc3RhdGUtdXBkYXRlcnMnO1xuXG50eXBlIFRvZ2dsZU9wdGlvblByb3BzID0ge1xuICBpc0FjdGl2ZTogYm9vbGVhbjtcbiAgb25DbGljazogKCkgPT4gdm9pZDtcbiAgb3B0aW9uOiB0eXBlb2YgVE9HR0xFX09QVElPTlNbMF07XG59O1xuXG50eXBlIFBhbmVsVmlld0xpc3RUb2dnbGVQcm9wcyA9IHtcbiAgbGF5ZXJQYW5lbExpc3RWaWV3TW9kZTogTGF5ZXJQYW5lbExpc3RWaWV3O1xuICB0b2dnbGVMYXllclBhbmVsTGlzdFZpZXc6ICh2aWV3OiBzdHJpbmcpID0+IHZvaWQ7XG59O1xuXG5jb25zdCBQYW5lbFZpZXdMaXN0VG9nZ2xlQ29udGFpbmVyID0gc3R5bGVkLmRpdi5hdHRycyh7XG4gIGNsYXNzTmFtZTogJ3BhbmVsLXZpZXctbGlzdC10b2dnbGUnXG59KWBgO1xuXG5jb25zdCBQYW5lbFZpZXdMaXN0VG9nZ2xlV3JhcHBlciA9IHN0eWxlZC5kaXYuYXR0cnMoe1xuICBjbGFzc05hbWU6ICdwYW5lbC12aWV3LWxpc3QtdG9nZ2xlLWlubmVyJ1xufSlgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcbiAgZ2FwOiAxMHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRvZ2dsZU9wdGlvbiA9IHN0eWxlZC5kaXYuYXR0cnMoe1xuICBjbGFzc05hbWU6ICdsYXllci1wYW5lbC10b2dnbGUtb3B0aW9uJ1xufSk8e2FjdGl2ZTogYm9vbGVhbn0+YFxuICBjb2xvcjogJHtwcm9wcyA9PlxuICAgIHByb3BzLmFjdGl2ZVxuICAgICAgPyBwcm9wcy50aGVtZS5sYXllclBhbmVsVG9nZ2xlT3B0aW9uQ29sb3JBY3RpdmVcbiAgICAgIDogcHJvcHMudGhlbWUubGF5ZXJQYW5lbFRvZ2dsZU9wdGlvbkNvbG9yfTtcbiAgOmhvdmVyIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUubGF5ZXJQYW5lbFRvZ2dsZU9wdGlvbkNvbG9yQWN0aXZlfTtcbiAgfVxuYDtcblxuZnVuY3Rpb24gVG9nZ2xlT3B0aW9uRmFjdG9yeSgpIHtcbiAgY29uc3QgVG9nZ2xlT3B0aW9uOiBSZWFjdC5GQzxUb2dnbGVPcHRpb25Qcm9wcz4gPSAoe2lzQWN0aXZlLCBvbkNsaWNrLCBvcHRpb259KSA9PiAoXG4gICAgPFN0eWxlZFRvZ2dsZU9wdGlvblxuICAgICAgZGF0YS10aXBcbiAgICAgIGRhdGEtZm9yPXtgJHtvcHRpb24uaWR9LXRvZ2dsZS1vcHRpb25gfVxuICAgICAgYWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgPlxuICAgICAgPG9wdGlvbi5pY29uQ29tcG9uZW50IGhlaWdodD1cIjIwcHhcIiAvPlxuICAgICAgPFRvb2x0aXAgaWQ9e2Ake29wdGlvbi5pZH0tdG9nZ2xlLW9wdGlvbmB9IGVmZmVjdD1cInNvbGlkXCIgZGVsYXlTaG93PXs1MDB9IHBsYWNlPVwiYm90dG9tXCI+XG4gICAgICAgIDxzcGFuPlxuICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIGlkPXtvcHRpb24ubGFiZWx9IC8+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvVG9vbHRpcD5cbiAgICA8L1N0eWxlZFRvZ2dsZU9wdGlvbj5cbiAgKTtcblxuICByZXR1cm4gVG9nZ2xlT3B0aW9uO1xufVxuXG5jb25zdCBUT0dHTEVfT1BUSU9OUyA9IFtcbiAge1xuICAgIGlkOiAnbGlzdCcsXG4gICAgaWNvbkNvbXBvbmVudDogT3JkZXJCeUxpc3QsXG4gICAgdmFsdWU6ICdsaXN0JyxcbiAgICBsYWJlbDogJ0xpc3QnXG4gIH0sXG4gIHtcbiAgICBpZDogJ3NvcnQtYnktZGF0YXNldCcsXG4gICAgaWNvbkNvbXBvbmVudDogT3JkZXJCeURhdGFzZXQsXG4gICAgdmFsdWU6ICdzb3J0QnlEYXRhc2V0JyxcbiAgICBsYWJlbDogJ1NvcnQgYnkgZGF0YXNldCdcbiAgfVxuXTtcblxuUGFuZWxWaWV3TGlzdFRvZ2dsZUZhY3RvcnkuZGVwcyA9IFtUb2dnbGVPcHRpb25GYWN0b3J5XTtcblxuZnVuY3Rpb24gUGFuZWxWaWV3TGlzdFRvZ2dsZUZhY3RvcnkoVG9nZ2xlT3B0aW9uOiBSZXR1cm5UeXBlPHR5cGVvZiBUb2dnbGVPcHRpb25GYWN0b3J5Pikge1xuICBjb25zdCBQYW5lbFZpZXdMaXN0VG9nZ2xlOiBSZWFjdC5GQzxQYW5lbFZpZXdMaXN0VG9nZ2xlUHJvcHM+ID0gcHJvcHMgPT4ge1xuICAgIGNvbnN0IHtsYXllclBhbmVsTGlzdFZpZXdNb2RlLCB0b2dnbGVMYXllclBhbmVsTGlzdFZpZXd9ID0gcHJvcHM7XG5cbiAgICBjb25zdCB0b2dnbGVMaXN0VmlldyA9IChsaXN0Vmlldzogc3RyaW5nKSA9PiB0b2dnbGVMYXllclBhbmVsTGlzdFZpZXcobGlzdFZpZXcpO1xuICAgIGNvbnN0IG9wdGlvbnMgPSB1c2VNZW1vKFxuICAgICAgKCkgPT4gVE9HR0xFX09QVElPTlMubWFwKG9wdCA9PiAoey4uLm9wdCwgaXNBY3RpdmU6IGxheWVyUGFuZWxMaXN0Vmlld01vZGUgPT09IG9wdC52YWx1ZX0pKSxcbiAgICAgIFtsYXllclBhbmVsTGlzdFZpZXdNb2RlXVxuICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFBhbmVsVmlld0xpc3RUb2dnbGVDb250YWluZXI+XG4gICAgICAgIDxQYW5lbFZpZXdMaXN0VG9nZ2xlV3JhcHBlcj5cbiAgICAgICAgICB7b3B0aW9ucy5tYXAob3B0ID0+IChcbiAgICAgICAgICAgIDxUb2dnbGVPcHRpb25cbiAgICAgICAgICAgICAga2V5PXtvcHQuaWR9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHRvZ2dsZUxpc3RWaWV3KG9wdC52YWx1ZSl9XG4gICAgICAgICAgICAgIG9wdGlvbj17b3B0fVxuICAgICAgICAgICAgICBpc0FjdGl2ZT17b3B0LmlzQWN0aXZlfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9QYW5lbFZpZXdMaXN0VG9nZ2xlV3JhcHBlcj5cbiAgICAgIDwvUGFuZWxWaWV3TGlzdFRvZ2dsZUNvbnRhaW5lcj5cbiAgICApO1xuICB9O1xuXG4gIHJldHVybiBQYW5lbFZpZXdMaXN0VG9nZ2xlO1xufVxuXG5leHBvcnQgZGVmYXVsdCBQYW5lbFZpZXdMaXN0VG9nZ2xlRmFjdG9yeTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7OztBQW9CQSxJQUFBQSxNQUFBLEdBQUFDLHVCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxpQkFBQSxHQUFBQyxzQkFBQSxDQUFBRixPQUFBO0FBQ0EsSUFBQUcsWUFBQSxHQUFBRCxzQkFBQSxDQUFBRixPQUFBO0FBQ0EsSUFBQUksZUFBQSxHQUFBRixzQkFBQSxDQUFBRixPQUFBO0FBQ0EsSUFBQUssa0JBQUEsR0FBQUwsT0FBQTtBQUNBLElBQUFNLGFBQUEsR0FBQU4sT0FBQTtBQUE4QyxJQUFBTyxlQUFBLEVBQUFDLGdCQUFBLEVBQUFDLGdCQUFBLEVBekI5QztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBLFNBQUFDLHlCQUFBQyxDQUFBLDZCQUFBQyxPQUFBLG1CQUFBQyxDQUFBLE9BQUFELE9BQUEsSUFBQUUsQ0FBQSxPQUFBRixPQUFBLFlBQUFGLHdCQUFBLFlBQUFBLHlCQUFBQyxD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

package/dist/components/side-panel/layer-panel/single-color-palette.d.ts

@@ -1,12 +1,12 @@
-import React, { MouseEvent } from 'react';
-import { RGBColor } from 'reducers';
-import { ColorRange } from 'constants/color-ranges';
-type SingleColorPaletteProps = {
-    onSelectColor: (color: RGBColor | ColorRange, e: MouseEvent) => void;
-    selectedColor: string;
-};
-declare function SingleColorPaletteFactory(): React.FC<SingleColorPaletteProps>;
-declare namespace SingleColorPaletteFactory {
-    var deps: any[];
-}
-export default SingleColorPaletteFactory;
+import React, { MouseEvent } from 'react';
+import { RGBColor } from 'reducers';
+import { ColorRange } from 'constants/color-ranges';
+type SingleColorPaletteProps = {
+    onSelectColor: (color: RGBColor | ColorRange, e: MouseEvent) => void;
+    selectedColor: string;
+};
+declare function SingleColorPaletteFactory(): React.FC<SingleColorPaletteProps>;
+declare namespace SingleColorPaletteFactory {
+    var deps: any[];
+}
+export default SingleColorPaletteFactory;

package/dist/components/side-panel/layer-panel/single-color-palette.js

@@ -0,0 +1,68 @@
+"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 _d3Array = require("d3-array");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _colorUtils = require("../../../utils/color-utils");
+var _colorPalette = require("../../../constants/color-palette");
+var _templateObject, _templateObject2, _templateObject3; // 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.
+var PALETTE_HEIGHT = '8px';
+var ROWS = 22;
+var StyledColorPalette = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding: 12px;\n\n  :hover {\n    cursor: pointer;\n  }\n"])));
+var StyledColorColumn = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\n  justify-content: space-between;\n"])));
+var StyledColorBlock = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  flex-grow: 1;\n  height: ", ";\n  border-width: 1px;\n  border-style: solid;\n"])), PALETTE_HEIGHT);
+SingleColorPaletteFactory.deps = [];
+function SingleColorPaletteFactory() {
+  var SingleColorPalette = function SingleColorPalette(_ref) {
+    var selectedColor = _ref.selectedColor,
+      onSelectColor = _ref.onSelectColor;
+    return /*#__PURE__*/_react["default"].createElement(StyledColorPalette, {
+      className: "single-color-palette"
+    }, _colorPalette.Themes.map(function (theme, col) {
+      return /*#__PURE__*/_react["default"].createElement(StyledColorColumn, {
+        key: theme,
+        className: "single-color-palette__column"
+      }, (0, _d3Array.range)(1, ROWS + 1, 1).map(function (key, i) {
+        return /*#__PURE__*/_react["default"].createElement(StyledColorBlock, {
+          className: "single-color-palette__block",
+          style: {
+            backgroundColor: _colorPalette.ColorsByTheme[theme][key],
+            borderColor: selectedColor === _colorPalette.ColorsByTheme[theme][key].toUpperCase() ? 'white' : _colorPalette.ColorsByTheme[theme][key]
+          },
+          key: "".concat(theme, "_").concat(key),
+          selected: selectedColor === _colorPalette.ColorsByTheme[theme][key].toUpperCase(),
+          onClick: function onClick(e) {
+            return onSelectColor((0, _colorUtils.hexToRgb)(_colorPalette.ColorsByTheme[theme][key]), e);
+          }
+        });
+      }));
+    }));
+  };
+  return SingleColorPalette;
+}
+var _default = exports["default"] = SingleColorPaletteFactory;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9kM0FycmF5IiwiX3N0eWxlZENvbXBvbmVudHMiLCJfY29sb3JVdGlscyIsIl9jb2xvclBhbGV0dGUiLCJfdGVtcGxhdGVPYmplY3QiLCJfdGVtcGxhdGVPYmplY3QyIiwiX3RlbXBsYXRlT2JqZWN0MyIsIlBBTEVUVEVfSEVJR0hUIiwiUk9XUyIsIlN0eWxlZENvbG9yUGFsZXR0ZSIsInN0eWxlZCIsImRpdiIsIl90YWdnZWRUZW1wbGF0ZUxpdGVyYWwyIiwiU3R5bGVkQ29sb3JDb2x1bW4iLCJTdHlsZWRDb2xvckJsb2NrIiwiU2luZ2xlQ29sb3JQYWxldHRlRmFjdG9yeSIsImRlcHMiLCJTaW5nbGVDb2xvclBhbGV0dGUiLCJfcmVmIiwic2VsZWN0ZWRDb2xvciIsIm9uU2VsZWN0Q29sb3IiLCJjcmVhdGVFbGVtZW50IiwiY2xhc3NOYW1lIiwiVGhlbWVzIiwibWFwIiwidGhlbWUiLCJjb2wiLCJrZXkiLCJyYW5nZSIsImkiLCJzdHlsZSIsImJhY2tncm91bmRDb2xvciIsIkNvbG9yc0J5VGhlbWUiLCJib3JkZXJDb2xvciIsInRvVXBwZXJDYXNlIiwiY29uY2F0Iiwic2VsZWN0ZWQiLCJvbkNsaWNrIiwiZSIsImhleFRvUmdiIiwiX2RlZmF1bHQiLCJleHBvcnRzIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc2lkZS1wYW5lbC9sYXllci1wYW5lbC9zaW5nbGUtY29sb3ItcGFsZXR0ZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIyIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0LCB7TW91c2VFdmVudH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtyYW5nZX0gZnJvbSAnZDMtYXJyYXknO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge2hleFRvUmdifSBmcm9tICd1dGlscy9jb2xvci11dGlscyc7XG5cbmltcG9ydCB7Q29sb3JzQnlUaGVtZSwgVGhlbWVzfSBmcm9tICdjb25zdGFudHMvY29sb3ItcGFsZXR0ZSc7XG5pbXBvcnQge1JHQkNvbG9yfSBmcm9tICdyZWR1Y2Vycyc7XG5pbXBvcnQge0NvbG9yUmFuZ2V9IGZyb20gJ2NvbnN0YW50cy9jb2xvci1yYW5nZXMnO1xuXG50eXBlIFNpbmdsZUNvbG9yUGFsZXR0ZVByb3BzID0ge1xuICBvblNlbGVjdENvbG9yOiAoY29sb3I6IFJHQkNvbG9yIHwgQ29sb3JSYW5nZSwgZTogTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgLy8gaGV4IHZhbHVlXG4gIHNlbGVjdGVkQ29sb3I6IHN0cmluZztcbn07XG5cbmNvbnN0IFBBTEVUVEVfSEVJR0hUID0gJzhweCc7XG5jb25zdCBST1dTID0gMjI7XG5cbmNvbnN0IFN0eWxlZENvbG9yUGFsZXR0ZSA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgcGFkZGluZzogMTJweDtcblxuICA6aG92ZXIge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkQ29sb3JDb2x1bW4gPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWdyb3c6IDE7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbmA7XG5cbmNvbnN0IFN0eWxlZENvbG9yQmxvY2sgPSBzdHlsZWQuZGl2PHtzZWxlY3RlZDogYm9vbGVhbn0+YFxuICBmbGV4LWdyb3c6IDE7XG4gIGhlaWdodDogJHtQQUxFVFRFX0hFSUdIVH07XG4gIGJvcmRlci13aWR0aDogMXB4O1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuYDtcblNpbmdsZUNvbG9yUGFsZXR0ZUZhY3RvcnkuZGVwcyA9IFtdO1xuXG5mdW5jdGlvbiBTaW5nbGVDb2xvclBhbGV0dGVGYWN0b3J5KCkge1xuICBjb25zdCBTaW5nbGVDb2xvclBhbGV0dGU6IFJlYWN0LkZDPFNpbmdsZUNvbG9yUGFsZXR0ZVByb3BzPiA9ICh7c2VsZWN0ZWRDb2xvciwgb25TZWxlY3RDb2xvcn0pID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZENvbG9yUGFsZXR0ZSBjbGFzc05hbWU9XCJzaW5nbGUtY29sb3ItcGFsZXR0ZVwiPlxuICAgICAgICB7VGhlbWVzLm1hcCgodGhlbWUsIGNvbCkgPT4gKFxuICAgICAgICAgIDxTdHlsZWRDb2xvckNvbHVtbiBrZXk9e3RoZW1lfSBjbGFzc05hbWU9XCJzaW5nbGUtY29sb3ItcGFsZXR0ZV9fY29sdW1uXCI+XG4gICAgICAgICAgICB7cmFuZ2UoMSwgUk9XUyArIDEsIDEpLm1hcCgoa2V5LCBpKSA9PiAoXG4gICAgICAgICAgICAgIDxTdHlsZWRDb2xvckJsb2NrXG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwic2luZ2xlLWNvbG9yLXBhbGV0dGVfX2Jsb2NrXCJcbiAgICAgICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBDb2xvcnNCeVRoZW1lW3RoZW1lXVtrZXldLFxuICAgICAgICAgICAgICAgICAgYm9yZGVyQ29sb3I6XG4gICAgICAgICAgICAgICAgICAgIHNlbGVjdGVkQ29sb3IgPT09IENvbG9yc0J5VGhlbWVbdGhlbWVdW2tleV0udG9VcHBlckNhc2UoKVxuICAgICAgICAgICAgICAgICAgICAgID8gJ3doaXRlJ1xuICAgICAgICAgICAgICAgICAgICAgIDogQ29sb3JzQnlUaGVtZVt0aGVtZV1ba2V5XVxuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAga2V5PXtgJHt0aGVtZX1fJHtrZXl9YH1cbiAgICAgICAgICAgICAgICBzZWxlY3RlZD17c2VsZWN0ZWRDb2xvciA9PT0gQ29sb3JzQnlUaGVtZVt0aGVtZV1ba2V5XS50b1VwcGVyQ2FzZSgpfVxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2UgPT4gb25TZWxlY3RDb2xvcihoZXhUb1JnYihDb2xvcnNCeVRoZW1lW3RoZW1lXVtrZXldKSwgZSl9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgICA8L1N0eWxlZENvbG9yQ29sdW1uPlxuICAgICAgICApKX1cbiAgICAgIDwvU3R5bGVkQ29sb3JQYWxldHRlPlxuICAgICk7XG4gIH07XG4gIHJldHVybiBTaW5nbGVDb2xvclBhbGV0dGU7XG59XG5cbmV4cG9ydCBkZWZhdWx0IFNpbmdsZUNvbG9yUGFsZXR0ZUZhY3Rvcnk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBb0JBLElBQUFBLE1BQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLFFBQUEsR0FBQUQsT0FBQTtBQUNBLElBQUFFLGlCQUFBLEdBQUFILHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBRyxXQUFBLEdBQUFILE9BQUE7QUFFQSxJQUFBSSxhQUFBLEdBQUFKLE9BQUE7QUFBOEQsSUFBQUssZUFBQSxFQUFBQyxnQkFBQSxFQUFBQyxnQkFBQSxFQXpCOUQ7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFpQkEsSUFBTUMsY0FBYyxHQUFHLEtBQUs7QUFDNUIsSUFBTUMsSUFBSSxHQUFHLEVBQUU7QUFFZixJQUFNQyxrQkFBa0IsR0FBR0MsNEJBQU0sQ0FBQ0MsR0FBRyxDQUFBUCxlQUFBLEtBQUFBLGVBQUEsT0FBQVEsdUJBQUEsOEpBU3BDO0FBRUQsSUFBTUMsaUJBQWlCLEdBQUdILDRCQUFNLENBQUNDLEdBQUcsQ0FBQU4sZ0JBQUEsS0FBQUEsZ0JBQUEsT0FBQU8sdUJBQUEsdUhBS25DO0FBRUQsSUFBTUUsZ0JBQWdCLEdBQUdKLDRCQUFNLENBQUNDLEdBQUcsQ0FBQUwsZ0JBQUEsS0FBQUEsZ0JBQUEsT0FBQU0sdUJBQUEsdUdBRXZCTCxjQUFjLENBR3pCO0FBQ0RRLHlCQUF5QixDQUFDQyxJQUFJLEdBQUcsRUFBRTtBQUVuQyxTQUFTRCx5QkFBeUJBLENBQUEsRUFBRztFQUNuQyxJQUFNRSxrQkFBcUQsR0FBRyxTQUF4REEsa0JBQXFEQSxDQUFBQyxJQUFBLEVBQXVDO0lBQUEsSUFBbENDLGFBQWEsR0FBQUQsSUFBQSxDQUFiQyxhQUFhO01BQUVDLGFBQWEsR0FBQUYsSUFBQSxDQUFiRSxhQUFhO0lBQzFGLG9CQUNFdkIsTUFBQSxZQUFBd0IsYUFBQSxDQUFDWixrQkFBa0I7TUFBQ2EsU0FBUyxFQUFDO0lBQXNCLEdBQ2pEQyxvQkFBTSxDQUFDQyxHQUFHLENBQUMsVUFBQ0MsS0FBSyxFQUFFQyxHQUFHO01BQUEsb0JBQ3JCN0IsTUFBQSxZQUFBd0IsYUFBQSxDQUFDUixpQkFBaUI7UUFBQ2MsR0FBRyxFQUFFRixLQUFNO1FBQUNILFNBQVMsRUFBQztNQUE4QixHQUNwRSxJQUFBTSxjQUFLLEVBQUMsQ0FBQyxFQUFFcEIsSUFBSSxHQUFHLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQ2dCLEdBQUcsQ0FBQyxVQUFDRyxHQUFHLEVBQUVFLENBQUM7UUFBQSxvQkFDaENoQyxNQUFBLFlBQUF3QixhQUFBLENBQUNQLGdCQUFnQjtVQUNmUSxTQUFTLEVBQUMsNkJBQTZCO1VBQ3ZDUSxLQUFLLEVBQUU7WUFDTEMsZUFBZSxFQUFFQywyQkFBYSxDQUFDUCxLQUFLLENBQUMsQ0FBQ0UsR0FBRyxDQUFDO1lBQzFDTSxXQUFXLEVBQ1RkLGFBQWEsS0FBS2EsMkJBQWEsQ0FBQ1AsS0FBSyxDQUFDLENBQUNFLEdBQUcsQ0FBQyxDQUFDTyxXQUFXLENBQUMsQ0FBQyxHQUNyRCxPQUFPLEdBQ1BGLDJCQUFhLENBQUNQLEtBQUssQ0FBQyxDQUFDRSxHQUFHO1VBQ2hDLENBQUU7VUFDRkEsR0FBRyxLQUFBUSxNQUFBLENBQUtWLEtBQUssT0FBQVUsTUFBQSxDQUFJUixHQUFHLENBQUc7VUFDdkJTLFFBQVEsRUFBRWpCLGFBQWEsS0FBS2EsMkJBQWEsQ0FBQ1AsS0FBSyxDQUFDLENBQUNFLEdBQUcsQ0FBQyxDQUFDTyxXQUFXLENBQUMsQ0FBRTtVQUNwRUcsT0FBTyxFQUFFLFNBQVRBLE9BQU9BLENBQUVDLENBQUM7WUFBQSxPQUFJbEIsYUFBYSxDQUFDLElBQUFtQixvQkFBUSxFQUFDUCwyQkFBYSxDQUFDUCxLQUFLLENBQUMsQ0FBQ0UsR0FBRyxDQUFDLENBQUMsRUFBRVcsQ0FBQyxDQUFDO1VBQUE7UUFBQyxDQUNyRSxDQUFDO01BQUEsQ0FDSCxDQUNnQixDQUFDO0lBQUEsQ0FDckIsQ0FDaUIsQ0FBQztFQUV6QixDQUFDO0VBQ0QsT0FBT3JCLGtCQUFrQjtBQUMzQjtBQUFDLElBQUF1QixRQUFBLEdBQUFDLE9BQUEsY0FFYzFCLHlCQUF5QiIsImlnbm9yZUxpc3QiOltdfQ==