indicator-ui 0.0.359 → 0.0.361

package/dist/index.js

@@ -48277,6 +48277,7 @@ function useBackgroundModalAnim() {
     var obj = ref.current;
     if (obj) {
       obj.style.position = 'fixed';
+      obj.style.visibility = 'hidden';
     }
   }
   function initBackdropObj() {
@@ -48507,6 +48508,7 @@ function useModalAnim() {
     var obj = ref.current;
     if (obj) {
       obj.style.position = 'fixed';
+      obj.style.visibility = 'hidden';
     }
   }
   function initBackdropObj() {
@@ -49439,8 +49441,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _hooks_useSmartScroll__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/hooks/useSmartScroll */ "./src/hooks/useSmartScroll/index.ts");
 /* harmony import */ var gsap__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! gsap */ "./node_modules/gsap/index.js");
+/* harmony import */ var _useSmartScroll__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./useSmartScroll */ "./src/hooks/useSmartScroll/index.ts");
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -49459,6 +49461,9 @@ function useScrollIndicators() {
   var ref = args[0],
     _args$ = args[1],
     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);
   var topEdgeRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
   var bottomEdgeRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
@@ -49490,9 +49495,10 @@ function useScrollIndicators() {
       return hideEdge(bottomEdgeRef.current);
     });
   };
-  var _useSmartScroll = (0,_hooks_useSmartScroll__WEBPACK_IMPORTED_MODULE_1__.useSmartScroll)(ref, {
+  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();
@@ -49531,7 +49537,7 @@ function useScrollIndicators() {
     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 = options.wrapperClassName;
+    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%';
@@ -49540,8 +49546,6 @@ function useScrollIndicators() {
     return wrapper;
   };
   var initEdgesState = function initEdgesState() {
-    var topEdge = topEdgeRef.current;
-    var bottomEdge = bottomEdgeRef.current;
     var scrollState = getScrollCurState();
     if (scrollState) {
       var state = scrollState.state;
@@ -49566,8 +49570,8 @@ function useScrollIndicators() {
     }
   };
   var initEdges = function initEdges() {
-    var topEdge = document.createElement('div');
-    var bottomEdge = document.createElement('div');
+    var topEdge = offTopEdge ? null : document.createElement('div');
+    var bottomEdge = offBottomEdge ? null : document.createElement('div');
     topEdgeRef.current = topEdge;
     bottomEdgeRef.current = bottomEdge;
     var commonEdgeStyle = {
@@ -49579,14 +49583,18 @@ function useScrollIndicators() {
       pointerEvents: 'none',
       zIndex: '1'
     };
-    Object.assign(topEdge.style, commonEdgeStyle, {
-      top: '0',
-      background: 'linear-gradient(to bottom, rgba(255,255,255,255.2), transparent)'
-    });
-    Object.assign(bottomEdge.style, commonEdgeStyle, {
-      bottom: '0',
-      background: 'linear-gradient(to top, rgba(255,255,255,255.2), transparent)'
-    });
+    if (topEdge) {
+      Object.assign(topEdge.style, commonEdgeStyle, {
+        top: '0',
+        background: 'linear-gradient(to bottom, rgba(255,255,255,255.2), transparent)'
+      });
+    }
+    if (bottomEdge) {
+      Object.assign(bottomEdge.style, commonEdgeStyle, {
+        bottom: '0',
+        background: 'linear-gradient(to top, rgba(255,255,255,255.2), transparent)'
+      });
+    }
     return {
       topEdge: topEdge,
       bottomEdge: bottomEdge
@@ -49597,8 +49605,12 @@ function useScrollIndicators() {
     var topEdge = topEdgeRef.current;
     var bottomEdge = bottomEdgeRef.current;
     if (wrapper) {
-      wrapper.appendChild(topEdge);
-      wrapper.appendChild(bottomEdge);
+      if (topEdge) {
+        wrapper.appendChild(topEdge);
+      }
+      if (bottomEdge) {
+        wrapper.appendChild(bottomEdge);
+      }
     }
   };
   var replaceWrapper = function replaceWrapper() {