kui-utils 0.0.3 → 0.0.4

package/cjs/index.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _ = require('lodash');
+var reactRouter = require('react-router');
 var mobx = require('mobx');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -66,6 +67,37 @@ var useToggle = function (isModalOpen) {
     return [isOpen, handleOpen, handleClose];
 };
 
+var useDebounce = function (value, delay, callback, deps) {
+    var debouncedChangeHandler = React.useMemo(function () { return ___default["default"].debounce(callback, delay); }, [value, delay, deps]);
+    React.useEffect(function () {
+        if (value) {
+            debouncedChangeHandler();
+        }
+        return function () {
+            debouncedChangeHandler.cancel();
+        };
+    }, [value, delay, deps]);
+};
+
+var useTabIndex = function (paths) {
+    var searchParams = reactRouter.useLocation().search;
+    return paths.findIndex(function (path) { return path.includes(searchParams); }) || null;
+};
+
+var useWindowWidth = function (time) {
+    if (time === void 0) { time = 10; }
+    var _a = React.useState(0), width = _a[0], setWidth = _a[1];
+    React.useEffect(function () {
+        setWidth(window.innerWidth);
+        var handleResize = ___default["default"].debounce(function () {
+            setWidth(window.innerWidth);
+        }, time);
+        window.addEventListener("resize", handleResize);
+        return function () { return window.removeEventListener("resize", handleResize); };
+    }, []);
+    return width;
+};
+
 var addLeadZero = function (number) { return (number < 10 ? "0".concat(number) : number); };
 
 var addToArrayByCondition = function (condition, elem) { return (condition ? [elem] : []); };
@@ -2280,6 +2312,9 @@ exports.strongPasswordRegExp = strongPasswordRegExp;
 exports.swiftRegExp = swiftRegExp;
 exports.toNumber = toNumber;
 exports.updateQueryParams = updateQueryParams;
+exports.useDebounce = useDebounce;
 exports.useForkRef = useForkRef;
+exports.useTabIndex = useTabIndex;
 exports.useToggle = useToggle;
+exports.useWindowWidth = useWindowWidth;
 //# sourceMappingURL=index.js.map