indicator-ui 0.0.372 → 0.0.374

package/dist/index.js

@@ -49472,17 +49472,21 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 
 var APPEAR_DURATION = 0.3;
 var DISAPPEAR_DURATION = 0.2;
+/**
+ * Добавляет эффект скролла к элементу. Требует рефки на сам контейнер для скролла и обертку для него.
+ *
+ * Учтите, обертка будет иметь `position: relative;`.
+ * */
 function useScrollIndicators() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
   }
   var ref = args[0],
-    _args$ = args[1],
+    wrapperRef = args[1],
+    _args$ = args[2],
     options = _args$ === void 0 ? {} : _args$;
   var offBottomEdge = options.offBottomEdge,
-    offTopEdge = options.offTopEdge,
-    wrapperClassName = options.wrapperClassName;
-  var wrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+    offTopEdge = options.offTopEdge;
   var topEdgeRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
   var bottomEdgeRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
   var _useIsShowEdge = useIsShowEdge(),
@@ -49516,7 +49520,6 @@ function useScrollIndicators() {
   var _useSmartScroll = (0,_useSmartScroll__WEBPACK_IMPORTED_MODULE_1__.useSmartScroll)(ref, {
       onScroll: function onScroll(_ref) {
         var state = _ref.state;
-        console.log(state);
         switch (state) {
           case 'in-middle':
             showTopEdge();
@@ -49537,31 +49540,11 @@ function useScrollIndicators() {
       }
     }),
     getScrollCurState = _useSmartScroll.getScrollCurState;
-  var hasWrapper = function hasWrapper() {
-    var _options$wrapperRef;
-    return !!((_options$wrapperRef = options.wrapperRef) !== null && _options$wrapperRef !== void 0 && _options$wrapperRef.current);
-  };
-  var initContainer = function initContainer() {
-    var container = ref.current;
-    if (container) {
-      container.style.width = '100%';
-      container.style.height = '100%';
-    }
-    return container;
-  };
   var initWrapper = function initWrapper() {
-    var _options$wrapperRef2;
-    var container = ref.current;
-    var wrapper = ((_options$wrapperRef2 = options.wrapperRef) === null || _options$wrapperRef2 === void 0 ? void 0 : _options$wrapperRef2.current) || document.createElement('div');
-    wrapper.style.position = 'relative';
-    wrapper.style.overflow = 'hidden';
-    wrapper.className = wrapperClassName;
-    if (!hasWrapper()) {
-      wrapper.style.width = (container === null || container === void 0 ? void 0 : container.style.width) || '100%';
-      wrapper.style.height = (container === null || container === void 0 ? void 0 : container.style.height) || '100%';
+    var wrapper = wrapperRef.current;
+    if (wrapper) {
+      wrapper.style.position = 'relative';
     }
-    wrapperRef.current = wrapper;
-    return wrapper;
   };
   var initEdgesState = function initEdgesState() {
     var scrollState = getScrollCurState();
@@ -49631,23 +49614,8 @@ function useScrollIndicators() {
       }
     }
   };
-  var replaceWrapper = function replaceWrapper() {
-    var container = ref.current;
-    // Делаем замену только в том случае, если wrapper не передали в пропсах,
-    // то есть до этого его не было
-    if (!hasWrapper() && container) {
-      var wrapper = wrapperRef.current;
-      var parent = container.parentElement;
-      parent === null || parent === void 0 || parent.replaceChild(wrapper, container);
-      // Вложим container внутрь wrapper
-      wrapper.appendChild(container);
-    }
-  };
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    var wrapper = initWrapper();
-    var container = initContainer();
-    if (!container || !wrapper) return;
-    replaceWrapper();
+    initWrapper();
     initEdges();
     appendEdges();
     initEdgesState();
@@ -50169,7 +50137,7 @@ function useSmartPosition() {
   var handleChangePlacement = function handleChangePlacement(pos) {
     var lastPos = lastPlacement.current;
     if (!isEqualPos(lastPos, pos)) {
-      onChangePlacement(pos);
+      onChangePlacement === null || onChangePlacement === void 0 || onChangePlacement(pos);
       lastPlacement.current = pos;
     }
   };