indicator-ui 0.0.328 → 0.0.329
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +33 -24
- package/dist/index.js.map +1 -1
- package/dist/types/src/hooks/useSmartPosition.d.ts +8 -2
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -42035,7 +42035,7 @@ var DEFAULT_WEIGHTS = [[0.5, 1.5, 0.5], [1, 0, 1], [0.5, 1.5, 0.5]];
|
|
|
42035
42035
|
* @param [options.position='fixed']
|
|
42036
42036
|
* @param [options.offset=4]
|
|
42037
42037
|
*
|
|
42038
|
-
* @returns
|
|
42038
|
+
* @returns FunReturnType
|
|
42039
42039
|
*
|
|
42040
42040
|
* @example
|
|
42041
42041
|
* @param args
|
|
@@ -42293,35 +42293,44 @@ function useSmartPosition() {
|
|
|
42293
42293
|
parentRef.current.style.position = 'relative';
|
|
42294
42294
|
}
|
|
42295
42295
|
};
|
|
42296
|
-
(0,react__WEBPACK_IMPORTED_MODULE_0__.
|
|
42297
|
-
|
|
42298
|
-
|
|
42299
|
-
|
|
42300
|
-
|
|
42301
|
-
}
|
|
42302
|
-
});
|
|
42303
|
-
}, {
|
|
42304
|
-
threshold: [0, 0.5, 1]
|
|
42296
|
+
var viewObserver = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(new IntersectionObserver(function (entries) {
|
|
42297
|
+
entries.forEach(function (entry) {
|
|
42298
|
+
if (entry.isIntersecting) {
|
|
42299
|
+
resizeListener();
|
|
42300
|
+
}
|
|
42305
42301
|
});
|
|
42306
|
-
|
|
42307
|
-
|
|
42308
|
-
|
|
42309
|
-
|
|
42310
|
-
|
|
42311
|
-
|
|
42312
|
-
|
|
42313
|
-
|
|
42314
|
-
|
|
42315
|
-
|
|
42316
|
-
|
|
42317
|
-
|
|
42318
|
-
|
|
42319
|
-
|
|
42302
|
+
}, {
|
|
42303
|
+
threshold: [0, 0.5, 1]
|
|
42304
|
+
}));
|
|
42305
|
+
var resizeObserver = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(new ResizeObserver(resizeListener));
|
|
42306
|
+
var setUpListeners = function setUpListeners() {
|
|
42307
|
+
window.addEventListener('resize', resizeListener);
|
|
42308
|
+
if (ref.current) viewObserver.current.observe(ref.current);
|
|
42309
|
+
if (parentRef !== null && parentRef !== void 0 && parentRef.current) viewObserver.current.observe(parentRef.current);
|
|
42310
|
+
if (windowRef !== null && windowRef !== void 0 && windowRef.current) resizeObserver.current.observe(windowRef.current);
|
|
42311
|
+
};
|
|
42312
|
+
var clearListeners = function clearListeners() {
|
|
42313
|
+
if (ref.current) viewObserver.current.unobserve(ref.current);
|
|
42314
|
+
if (parentRef !== null && parentRef !== void 0 && parentRef.current) viewObserver.current.unobserve(parentRef.current);
|
|
42315
|
+
if (windowRef !== null && windowRef !== void 0 && windowRef.current) resizeObserver.current.unobserve(windowRef.current);
|
|
42316
|
+
window.removeEventListener('resize', resizeListener);
|
|
42317
|
+
window.removeEventListener('scroll', resizeListener);
|
|
42318
|
+
};
|
|
42319
|
+
var setUpHook = function setUpHook() {
|
|
42320
42320
|
configurateObj();
|
|
42321
42321
|
resizeListener();
|
|
42322
42322
|
setUpListeners();
|
|
42323
|
+
};
|
|
42324
|
+
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
|
|
42325
|
+
setUpHook();
|
|
42323
42326
|
return clearListeners;
|
|
42324
42327
|
}, []);
|
|
42328
|
+
var recalc = function recalc() {
|
|
42329
|
+
setUpHook();
|
|
42330
|
+
};
|
|
42331
|
+
return {
|
|
42332
|
+
recalc: recalc
|
|
42333
|
+
};
|
|
42325
42334
|
}
|
|
42326
42335
|
function getMaxPosition(matrix) {
|
|
42327
42336
|
var maxVal = -Infinity;
|