oolib 2.30.0 → 2.30.2

package/dist/components/ActionMenu/index.js

@@ -40,7 +40,7 @@ var ButtonComps = __importStar(require("../Buttons"));
 var Typo_1 = require("../Typo");
 var icons_1 = require("../../icons");
 var useHandleClickOutside_1 = require("./utils/useHandleClickOutside");
-var usePopOutOfOverflowHiddenParent_1 = require("./utils/usePopOutOfOverflowHiddenParent");
+var usePopOutOfOverflowHiddenParent_1 = require("../../utils/usePopOutOfOverflowHiddenParent");
 var styled_1 = require("./styled");
 //
 var ActionMenu = function (_a) {

package/dist/utils/_EXPORTS/index.d.ts

@@ -7,3 +7,4 @@ export { formatTextToCamelCase } from "../formatTextToCamelCase";
 export { formatCamelCaseToSentenceCase } from "../formatCamelCaseToSentenceCase";
 export { toArray } from "../toArray";
 export { useScroll } from "../customHooks/useScroll";
+export { usePopOutOfOverflowHiddenParent } from "../usePopOutOfOverflowHiddenParent";

package/dist/utils/_EXPORTS/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useScroll = exports.toArray = exports.formatCamelCaseToSentenceCase = exports.formatTextToCamelCase = exports.injectHttps = exports.getBlockLabelProps = exports.deleteVal = exports.setVal = exports.getVal = void 0;
+exports.usePopOutOfOverflowHiddenParent = exports.useScroll = exports.toArray = exports.formatCamelCaseToSentenceCase = exports.formatTextToCamelCase = exports.injectHttps = exports.getBlockLabelProps = exports.deleteVal = exports.setVal = exports.getVal = void 0;
 //the holy setter, getter & deleter
 var getVal_1 = require("../getterSetterDeleter/getVal");
 Object.defineProperty(exports, "getVal", { enumerable: true, get: function () { return getVal_1.getVal; } });
@@ -22,3 +22,5 @@ Object.defineProperty(exports, "toArray", { enumerable: true, get: function () {
 //custom hooks
 var useScroll_1 = require("../customHooks/useScroll");
 Object.defineProperty(exports, "useScroll", { enumerable: true, get: function () { return useScroll_1.useScroll; } });
+var usePopOutOfOverflowHiddenParent_1 = require("../usePopOutOfOverflowHiddenParent");
+Object.defineProperty(exports, "usePopOutOfOverflowHiddenParent", { enumerable: true, get: function () { return usePopOutOfOverflowHiddenParent_1.usePopOutOfOverflowHiddenParent; } });

package/dist/utils/customHooks/useScroll.d.ts

@@ -1 +1 @@
-export function useScroll(scrollFn: any, options?: {}): void;
+export function useScroll(scrollFn: Function, options?: any): void;

package/dist/utils/customHooks/useScroll.js

@@ -3,14 +3,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useScroll = void 0;
 var lodash_1 = require("lodash");
 var react_1 = require("react");
+/**
+ * @param {Function} scrollFn
+ * @param {*} options
+ * @summary if you dont use options.detectScrollInAllDivs, scroll is detected only at the 'window' level
+ */
 var useScroll = function (scrollFn, options) {
     if (options === void 0) { options = {}; }
     (0, react_1.useLayoutEffect)(function () {
         scrollFn(); //run the scroll fn once before any scroll to set initial states
         var throttledScrollFn = (0, lodash_1.throttle)(scrollFn, 100);
         var fnToUse = options.noThrottle ? scrollFn : throttledScrollFn;
-        window.addEventListener('scroll', fnToUse);
-        return function () { return window.removeEventListener('scroll', fnToUse); };
+        window.addEventListener('scroll', fnToUse, options.detectScrollInAllDivs); // <-- why 'true' : https://stackoverflow.com/a/32954565
+        return function () { return window.removeEventListener('scroll', fnToUse, options.detectScrollInAllDivs); };
     }, [options.loading]);
 };
 exports.useScroll = useScroll;

package/dist/{components/ActionMenu/utils → utils}/usePopOutOfOverflowHiddenParent.d.ts

@@ -1,6 +1,6 @@
 export function usePopOutOfOverflowHiddenParent(popOutOfOverflowHiddenParent: any): {
     trackerRef: any;
-    applyFixedPos: () => void;
+    applyFixedPos: () => any;
     removeFixedPos: () => any;
     fixPos: any;
 };

package/dist/{components/ActionMenu/utils → utils}/usePopOutOfOverflowHiddenParent.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePopOutOfOverflowHiddenParent = void 0;
 var react_1 = require("react");
-var useScroll_1 = require("../../../utils/customHooks/useScroll");
+var useScroll_1 = require("./customHooks/useScroll");
 //HOW TO USE
 /**
  * this utility is useful when action menus or dropdowns are
@@ -46,20 +46,17 @@ var usePopOutOfOverflowHiddenParent = function (popOutOfOverflowHiddenParent) {
     var trackerRef = (0, react_1.useRef)(null);
     var _a = (0, react_1.useState)(undefined), fixPos = _a[0], setFixPos = _a[1];
     var getBoundingClientRect = function () { var _a; return (_a = trackerRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect(); };
-    var applyFixedPos = function () {
-        setFixPos(getBoundingClientRect());
-    };
+    var applyFixedPos = function () { return setFixPos(getBoundingClientRect()); };
     var updateFixedPos = function (e) {
         /**
          * only if popOut... prop is enabled, AND
          * if an initial fixedPos has been applied,
          * then update it
          */
-        console.log({ 'BC': getBoundingClientRect() });
         if (popOutOfOverflowHiddenParent)
             setFixPos(function (prev) { return prev && getBoundingClientRect(); });
     };
-    (0, useScroll_1.useScroll)(updateFixedPos, { noThrottle: true });
+    (0, useScroll_1.useScroll)(updateFixedPos, { noThrottle: true, detectScrollInAllDivs: true });
     var removeFixedPos = function () { return setFixPos(undefined); };
     return ({ trackerRef: trackerRef, applyFixedPos: applyFixedPos, removeFixedPos: removeFixedPos, fixPos: fixPos });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oolib",
-  "version": "2.30.0",
+  "version": "2.30.2",
   "description": " OKE Component Library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",