@carto/kepler.gl 0.0.40-alpha.3 → 0.0.40-alpha.aggregation-selector

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

@@ -1,106 +0,0 @@
-"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 _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;
-
-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;
-    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, null, /*#__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,
-      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 = LayerVisibilityByZoomFactory;
-exports["default"] = _default;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NpZGUtcGFuZWwvbGF5ZXItcGFuZWwvbGF5ZXItdmlzaWJpbGl0eS1ieS16b29tLmpzIl0sIm5hbWVzIjpbIlNsaWRlcldyYXBwZXIiLCJzdHlsZWQiLCJkaXYiLCJUb3BSb3ciLCJMYXllclZpc2liaWxpdHlCeVpvb21GYWN0b3J5IiwiZGVwcyIsIlJhbmdlU2xpZGVyRmFjdG9yeSIsIlJhbmdlU2xpZGVyIiwiTGF5ZXJWaXNpYmlsaXR5Qnlab29tIiwidXBkYXRlTGF5ZXJDb25maWciLCJsYXllciIsInJhbmdlTWluVmFsdWUiLCJyYW5nZU1heFZhbHVlIiwiaWNvbkNvbXBvbmVudCIsImNvbmZpZyIsIm1pbkxpbWl0IiwiWk9PTV9MRVZFTF9MSU1JVFMiLCJtaW4iLCJtYXhMaW1pdCIsIm1heCIsIlJlYWN0IiwidXNlU3RhdGUiLCJ2aXNpYmlsaXR5Qnlab29tIiwiem9vbU1pbiIsInNldFpvb21NaW4iLCJ6b29tTWF4Iiwic2V0Wm9vbU1heCIsIl9vbkNoYW5nZSIsInZhbCIsIkljb25FbGVtZW50IiwicHJvcFR5cGVzIiwiUHJvcFR5cGVzIiwiZnVuYyIsImlzUmVxdWlyZWQiLCJudW1iZXIiLCJvbmVPZlR5cGUiLCJlbGVtZW50Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7QUFvQkE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7QUFFQSxJQUFNQSxhQUFhLEdBQUdDLDZCQUFPQyxHQUFWLCtHQUFuQjs7QUFJQSxJQUFNQyxNQUFNLEdBQUdGLDZCQUFPQyxHQUFWLCtJQUFaOztBQUtBRSw0QkFBNEIsQ0FBQ0MsSUFBN0IsR0FBb0MsQ0FBQ0MsdUJBQUQsQ0FBcEM7O0FBRUEsU0FBU0YsNEJBQVQsQ0FBc0NHLFdBQXRDLEVBQW1EO0FBQ2pELE1BQU1DLHFCQUFxQixHQUFHLFNBQXhCQSxxQkFBd0IsT0FNeEI7QUFBQTs7QUFBQSxRQUxKQyxpQkFLSSxRQUxKQSxpQkFL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QVVHLE1BRk87QUFHaEN0QixJQUFBQSxhQUFhLEVBQUVtQixzQkFBVUcsTUFITztBQUloQ3JCLElBQUFBLGFBQWEsRUFBRWtCLHNCQUFVSSxTQUFWLENBQW9CLENBQUNKLHNCQUFVSyxPQUFYLEVBQW9CTCxzQkFBVUMsSUFBOUIsQ0FBcEI7QUFKaUIsR0FBbEM7QUFPQSxTQUFPeEIscUJBQVA7QUFDRDs7ZUFFY0osNEIiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3B5cmlnaHQgKGMpIDIwMjIgVWJlciBUZWNobm9sb2dpZXMsIEluYy5cbi8vXG4vLyBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5XG4vLyBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0byBkZWFsXG4vLyBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGUgcmlnaHRzXG4vLyB0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsXG4vLyBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vIGFsbCBjb3BpZXMgb3Igc3Vic3RhbnRpYWwgcG9ydGlvbnMgb2YgdGhlIFNvZnR3YXJlLlxuLy9cbi8vIFRIRSBTT0ZUV0FSRSBJUyBQUk9WSURFRCBcIkFTIElTXCIsIFdJVEhPVVQgV0FSUkFOVFkgT0YgQU5ZIEtJTkQsIEVYUFJFU1MgT1Jcbi8vIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyBBVVRIT1JTIE9SIENPUFlSSUdIVCBIT0xERVJTIEJFIExJQUJMRSBGT1IgQU5ZIENMQUlNLCBEQU1BR0VTIE9SIE9USEVSXG4vLyBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gVEhFIFNPRlRXQVJFLlxuXG5pbXBvcnQgUmVhY3QsIHt1c2VDYWxsYmFja30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IFJhbmdlU2xpZGVyRmFjdG9yeSBmcm9tICdjb21wb25lbnRzL2NvbW1vbi9yYW5nZS1zbGlkZXInO1xuaW1wb3J0IHtQYW5lbExhYmVsLCBTaWRlUGFuZWxTZWN0aW9ufSBmcm9tICdjb21wb25lbnRzL2NvbW1vbi9zdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge0Zvcm1hdHRlZE1lc3NhZ2V9IGZyb20gJ2xvY2FsaXphdGlvbic7XG5pbXBvcnQge1pPT01fTEVWRUxfTElNSVRTfSBmcm9tICdjb25zdGFudHMvZGVmYXVsdC1zZXR0aW5ncyc7XG5cbmNvbnN0IFNsaWRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5jb25zdCBUb3BSb3cgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5gO1xuXG5MYXllclZpc2liaWxpdHlCeVpvb21GYWN0b3J5LmRlcHMgPSBbUmFuZ2VTbGlkZXJGYWN0b3J5XTtcblxuZnVuY3Rpb24gTGF5ZXJWaXNpYmlsaXR5Qnlab29tRmFjdG9yeShSYW5nZVNsaWRlcikge1xuICBjb25zdCBMYXllclZpc2liaWxpdHlCeVpvb20gPSAoe1xuICAgIHVwZGF0ZUxheWVyQ29uZmlnLFxuICAgIGxheWVyLFxuICAgIHJhbmdlTWluVmFsdWUsXG4gICAgcmFuZ2VNYXhWYWx1ZSxcbiAgICBpY29uQ29tcG9uZW50XG4gIH0pID0+IHtcbiAgICBjb25zdCB7Y29uZmlnfSA9IGxheWVyO1xuICAgIGNvbnN0IG1pbkxpbWl0ID0gcmFuZ2VNaW5WYWx1ZSB8fCBaT09NX0xFVkVMX0xJTUlUUy5taW47XG4gICAgY29uc3QgbWF4TGltaXQgPSByYW5nZU1heFZhbHVlIHx8IFpPT01fTEVWRUxfTElNSVRTLm1heDtcblxuICAgIGNvbnN0IFt6b29tTWluLCBzZXRab29tTWluXSA9IFJlYWN0LnVzZVN0YXRlKFxuICAgICAgY29uZmlnLnZpc2liaWxpdHlCeVpvb20/Lm1pblxuICAgICAgICA/IGNvbmZpZy52aXNpYmlsaXR5Qnlab29tPy5taW4gPCBtaW5MaW1pdFxuICAgICAgICAgID8gbWluTGltaXRcbiAgICAgICAgICA6IGNvbmZpZy52aXNpYmlsaXR5Qnlab29tPy5taW5cbiAgICAgICAgOiBtaW5MaW1pdFxuICAgICk7XG4gICAgY29uc3QgW3pvb21NYXgsIHNldFpvb21NYXhdID0gUmVhY3QudXNlU3RhdGUoXG4gICAgICBjb25maWcudmlzaWJpbGl0eUJ5Wm9vbT8ubWF4XG4gICAgICAgID8gY29uZmlnLnZpc2liaWxpdHlCeVpvb20/Lm1heCA+IG1heExpbWl0XG4gICAgICAgICAgPyBtYXhMaW1pdFxuICAgICAgICAgIDogY29uZmlnLnZpc2liaWxpdHlCeVpvb20/Lm1heFxuICAgICAgICA6IG1heExpbWl0XG4gICAgKTtcblxuICAgIGNvbnN0IF9vbkNoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgICAgdmFsID0+IHtcbiAgICAgICAgc2V0Wm9vbU1pbih2YWxbMF0pO1xuICAgICAgICBzZXRab29tTWF4KHZhbFsxXSk7XG4gICAgICAgIHVwZGF0ZUxheWVyQ29uZmlnKHt2aXNpYmlsaXR5Qnlab29tOiB7bWluOiB2YWxbMF0sIG1heDogdmFsWzFdfX0pO1xuICAgICAgfSxcbiAgICAgIFt1cGRhdGVMYXllckNvbmZpZ11cbiAgICApO1xuXG4gICAgY29uc3QgSWNvbkVsZW1lbnQgPSAoKSA9PiBpY29uQ29tcG9uZW50IHx8IG51bGw7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdj5cbiAgICAgICAgPFNpZGVQYW5lbFNlY3Rpb24+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJsYXllci12aXNpYmlsaXR5X196b29tXCI+XG4gICAgICAgICAgICA8VG9wUm93PlxuICAgICAgICAgICAgICA8UGFuZWxMYWJlbD5cbiAgICAgICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSBpZD17J2xheWVyVmlzaWJpbGl0eS50aXRsZSd9IC8+eycgJ31cbiAgICAgICAgICAgICAgICA8SWNvbkVsZW1lbnQgZGF0YS10ZXN0PVwiaWNvbi1oZWxwLWJ1dHRvblwiIC8+XG4gICAgICAgICAgICAgIDwvUGFuZWxMYWJlbD5cbiAgICAgICAgICAgIDwvVG9wUm93PlxuICAgICAgICAgICAgPFNsaWRlcldyYXBwZXI+XG4gICAgICAgICAgICAgIDxSYW5nZVNsaWRlclxuICAgICAgICAgICAgICAgIHJhbmdlPXtbXG4gICAgICAgICAgICAgICAgICByYW5nZU1pblZhbHVlIHx8IFpPT01fTEVWRUxfTElNSVRTLm1pbixcbiAgICAgICAgICAgICAgICAgIHJhbmdlTWF4VmFsdWUgfHwgWk9PTV9MRVZFTF9MSU1JVFMubWF4XG4gICAgICAgICAgICAgICAgXX1cbiAgICAgICAgICAgICAgICB2YWx1ZTA9e3pvb21NaW59XG4gICAgICAgICAgICAgICAgdmFsdWUxPXt6b29tTWF4fVxuICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtfb25DaGFuZ2V9XG4gICAgICAgICAgICAgICAgaXNSYW5nZWQ9e3RydWV9XG4gICAgICAgICAgICAgICAgc2hvd1Rvb2x0aXBcbiAgICAgICAgICAgICAgICBzaG93SW5wdXRcbiAgICAgICAgICAgICAgICBpbnB1dFRoZW1lPVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgICBpbnB1dFNpemU9XCJ0aW55XCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvU2xpZGVyV3JhcHBlcj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9TaWRlUGFuZWxTZWN0aW9uPlxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfTtcblxuICBMYXllclZpc2liaWxpdHlCeVpvb20ucHJvcFR5cGVzID0ge1xuICAgIHVwZGF0ZUxheWVyQ29uZmlnOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICAgIHJhbmdlTWluVmFsdWU6IFByb3BUeXBlcy5udW1iZXIsXG4gICAgcmFuZ2VNYXhWYWx1ZTogUHJvcFR5cGVzLm51bWJlcixcbiAgICBpY29uQ29tcG9uZW50OiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuZWxlbWVudCwgUHJvcFR5cGVzLmZ1bmNdKVxuICB9O1xuXG4gIHJldHVybiBMYXllclZpc2liaWxpdHlCeVpvb207XG59XG5cbmV4cG9ydCBkZWZhdWx0IExheWVyVmlzaWJpbGl0eUJ5Wm9vbUZhY3Rvcnk7XG4iXX0=

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

@@ -1,120 +0,0 @@
-// 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.
-
-import React, {useCallback} from 'react';
-import PropTypes from 'prop-types';
-import styled from 'styled-components';
-import RangeSliderFactory from 'components/common/range-slider';
-import {PanelLabel, SidePanelSection} from 'components/common/styled-components';
-import {FormattedMessage} from 'localization';
-import {ZOOM_LEVEL_LIMITS} from 'constants/default-settings';
-
-const SliderWrapper = styled.div`
-  position: relative;
-`;
-
-const TopRow = styled.div`
-  display: flex;
-  justify-content: space-between;
-`;
-
-LayerVisibilityByZoomFactory.deps = [RangeSliderFactory];
-
-function LayerVisibilityByZoomFactory(RangeSlider) {
-  const LayerVisibilityByZoom = ({
-    updateLayerConfig,
-    layer,
-    rangeMinValue,
-    rangeMaxValue,
-    iconComponent
-  }) => {
-    const {config} = layer;
-    const minLimit = rangeMinValue || ZOOM_LEVEL_LIMITS.min;
-    const maxLimit = rangeMaxValue || ZOOM_LEVEL_LIMITS.max;
-
-    const [zoomMin, setZoomMin] = React.useState(
-      config.visibilityByZoom?.min
-        ? config.visibilityByZoom?.min < minLimit
-          ? minLimit
-          : config.visibilityByZoom?.min
-        : minLimit
-    );
-    const [zoomMax, setZoomMax] = React.useState(
-      config.visibilityByZoom?.max
-        ? config.visibilityByZoom?.max > maxLimit
-          ? maxLimit
-          : config.visibilityByZoom?.max
-        : maxLimit
-    );
-
-    const _onChange = useCallback(
-      val => {
-        setZoomMin(val[0]);
-        setZoomMax(val[1]);
-        updateLayerConfig({visibilityByZoom: {min: val[0], max: val[1]}});
-      },
-      [updateLayerConfig]
-    );
-
-    const IconElement = () => iconComponent || null;
-
-    return (
-      <div>
-        <SidePanelSection>
-          <div className="layer-visibility__zoom">
-            <TopRow>
-              <PanelLabel>
-                <FormattedMessage id={'layerVisibility.title'} />{' '}
-                <IconElement data-test="icon-help-button" />
-              </PanelLabel>
-            </TopRow>
-            <SliderWrapper>
-              <RangeSlider
-                range={[
-                  rangeMinValue || ZOOM_LEVEL_LIMITS.min,
-                  rangeMaxValue || ZOOM_LEVEL_LIMITS.max
-                ]}
-                value0={zoomMin}
-                value1={zoomMax}
-                onChange={_onChange}
-                isRanged={true}
-                showTooltip
-                showInput
-                inputTheme="secondary"
-                inputSize="tiny"
-              />
-            </SliderWrapper>
-          </div>
-        </SidePanelSection>
-      </div>
-    );
-  };
-
-  LayerVisibilityByZoom.propTypes = {
-    updateLayerConfig: PropTypes.func.isRequired,
-    rangeMinValue: PropTypes.number,
-    rangeMaxValue: PropTypes.number,
-    iconComponent: PropTypes.oneOfType([PropTypes.element, PropTypes.func])
-  };
-
-  return LayerVisibilityByZoom;
-}
-
-export default LayerVisibilityByZoomFactory;