@commonsku/styles 1.16.4 → 1.16.5

package/dist/index.js

@@ -3429,9 +3429,7 @@ var useClickOutside = function (props) {
     var ref = props.ref, _a = props.eventType, eventType = _a === void 0 ? 'mousedown' : _a, onClick = props.onClick, onCleanup = props.onCleanup;
     React.useEffect(function () {
         function handleClickOutside(e) {
-            console.log('handleClickOutside');
             if (ref.current && !ref.current.contains(e.target)) {
-                console.log('click outside');
                 onClick && onClick(e);
             }
         }
@@ -3443,6 +3441,21 @@ var useClickOutside = function (props) {
     }, []);
 };
 
+function useDelayUnmount(isMounted, delayTime) {
+    var _a = React__default.useState(false), shouldRender = _a[0], setShouldRender = _a[1];
+    React__default.useEffect(function () {
+        var timeoutId;
+        if (isMounted && !shouldRender) {
+            setShouldRender(true);
+        }
+        else if (!isMounted && shouldRender) {
+            timeoutId = setTimeout(function () { return setShouldRender(false); }, delayTime);
+        }
+        return function () { return clearTimeout(timeoutId); };
+    }, [isMounted, delayTime, shouldRender]);
+    return shouldRender;
+}
+
 var QUERY = '(prefers-reduced-motion: no-preference)';
 var isRenderingOnServer = typeof window$1 === 'undefined';
 var getInitialState = function () {
@@ -7402,4 +7415,12 @@ exports.parseCskuStyles = parseCskuStyles;
 exports.sizes = sizes$1;
 exports.themeOptions = themeOptions;
 exports.toggleSizes = toggleSizes;
+exports.useCalendar = useCalendar;
+exports.useClickOutside = useClickOutside;
+exports.useDelayUnmount = useDelayUnmount;
+exports.useFallbackRef = useFallbackRef;
+exports.useLongPress = useLongPress;
+exports.usePrefersReducedMotion = usePrefersReducedMotion;
+exports.useRandomInterval = useRandomInterval;
+exports.useWindowSize = useWindowSize;
 //# sourceMappingURL=index.js.map