@snack-uikit/utils 3.9.0 → 3.9.1-preview-09106514.0

package/dist/cjs/hooks/index.d.ts

@@ -7,3 +7,4 @@ export * from './useThemeConfig';
 export * from './useValueControl';
 export * from './useDataPersist';
 export * from './usePopstateSubscription';
+export * from './useModalOpenState';

package/dist/cjs/hooks/index.js

@@ -30,4 +30,5 @@ __exportStar(require("./useSwipeable"), exports);
 __exportStar(require("./useThemeConfig"), exports);
 __exportStar(require("./useValueControl"), exports);
 __exportStar(require("./useDataPersist"), exports);
-__exportStar(require("./usePopstateSubscription"), exports);
+__exportStar(require("./usePopstateSubscription"), exports);
+__exportStar(require("./useModalOpenState"), exports);

package/dist/cjs/hooks/useModalOpenState.d.ts

@@ -0,0 +1,15 @@
+type UseModalOpenStateOptions = {
+    closeOnPopstate?: boolean;
+    closeByCloseWatcher?: boolean;
+};
+/**
+ * Хук для управления состоянием модалки
+ * @param open состояние модалки
+ * @param onClose колбек закрытия
+ * @param options.closeOnPopstate закрывать модалку при переходе по истории браузера (по умолчанию false)
+ * @param options.closeByCloseWatcher закрывать модалку через CloseWatcher (по умолчанию true)
+ * @returns [open, onClose]
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/CloseWatcher
+ */
+export declare function useModalOpenState(open: boolean, onClose: () => void, { closeOnPopstate, closeByCloseWatcher }: UseModalOpenStateOptions): void;
+export {};

package/dist/cjs/hooks/useModalOpenState.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useModalOpenState = useModalOpenState;
+const react_1 = require("react");
+const useEventHandler_1 = require("./useEventHandler");
+const usePopstateSubscription_1 = require("./usePopstateSubscription");
+/**
+ * Хук для управления состоянием модалки
+ * @param open состояние модалки
+ * @param onClose колбек закрытия
+ * @param options.closeOnPopstate закрывать модалку при переходе по истории браузера (по умолчанию false)
+ * @param options.closeByCloseWatcher закрывать модалку через CloseWatcher (по умолчанию true)
+ * @returns [open, onClose]
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/CloseWatcher
+ */
+function useModalOpenState(open, onClose, _ref) {
+  let {
+    closeOnPopstate = false,
+    closeByCloseWatcher = true
+  } = _ref;
+  const closeHandler = (0, useEventHandler_1.useEventHandler)(onClose);
+  (0, usePopstateSubscription_1.usePopstateSubscription)(() => open && closeHandler(), closeOnPopstate);
+  (0, react_1.useEffect)(() => {
+    if (open && 'CloseWatcher' in window && closeByCloseWatcher) {
+      const watcher = new CloseWatcher();
+      watcher.onclose = () => closeHandler();
+      return () => watcher.destroy();
+    }
+  }, [open, closeHandler, closeByCloseWatcher]);
+}

package/dist/esm/hooks/index.d.ts

@@ -7,3 +7,4 @@ export * from './useThemeConfig';
 export * from './useValueControl';
 export * from './useDataPersist';
 export * from './usePopstateSubscription';
+export * from './useModalOpenState';

package/dist/esm/hooks/index.js

@@ -7,3 +7,4 @@ export * from './useThemeConfig';
 export * from './useValueControl';
 export * from './useDataPersist';
 export * from './usePopstateSubscription';
+export * from './useModalOpenState';

package/dist/esm/hooks/useModalOpenState.d.ts

@@ -0,0 +1,15 @@
+type UseModalOpenStateOptions = {
+    closeOnPopstate?: boolean;
+    closeByCloseWatcher?: boolean;
+};
+/**
+ * Хук для управления состоянием модалки
+ * @param open состояние модалки
+ * @param onClose колбек закрытия
+ * @param options.closeOnPopstate закрывать модалку при переходе по истории браузера (по умолчанию false)
+ * @param options.closeByCloseWatcher закрывать модалку через CloseWatcher (по умолчанию true)
+ * @returns [open, onClose]
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/CloseWatcher
+ */
+export declare function useModalOpenState(open: boolean, onClose: () => void, { closeOnPopstate, closeByCloseWatcher }: UseModalOpenStateOptions): void;
+export {};

package/dist/esm/hooks/useModalOpenState.js

@@ -0,0 +1,23 @@
+import { useEffect } from 'react';
+import { useEventHandler } from './useEventHandler';
+import { usePopstateSubscription } from './usePopstateSubscription';
+/**
+ * Хук для управления состоянием модалки
+ * @param open состояние модалки
+ * @param onClose колбек закрытия
+ * @param options.closeOnPopstate закрывать модалку при переходе по истории браузера (по умолчанию false)
+ * @param options.closeByCloseWatcher закрывать модалку через CloseWatcher (по умолчанию true)
+ * @returns [open, onClose]
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/CloseWatcher
+ */
+export function useModalOpenState(open, onClose, { closeOnPopstate = false, closeByCloseWatcher = true }) {
+    const closeHandler = useEventHandler(onClose);
+    usePopstateSubscription(() => open && closeHandler(), closeOnPopstate);
+    useEffect(() => {
+        if (open && 'CloseWatcher' in window && closeByCloseWatcher) {
+            const watcher = new CloseWatcher();
+            watcher.onclose = () => closeHandler();
+            return () => watcher.destroy();
+        }
+    }, [open, closeHandler, closeByCloseWatcher]);
+}

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Utils",
-  "version": "3.9.0",
+  "version": "3.9.1-preview-09106514.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -39,5 +39,5 @@
     "react-swipeable": "7.0.2",
     "uncontrollable": "8.0.4"
   },
-  "gitHead": "9e08a5c61a90e739f44ba128242a95d866452dc0"
+  "gitHead": "46d1e0103764bd1f5a509559a0c3f169d66151f7"
 }

package/src/hooks/index.ts

@@ -7,3 +7,4 @@ export * from './useThemeConfig';
 export * from './useValueControl';
 export * from './useDataPersist';
 export * from './usePopstateSubscription';
+export * from './useModalOpenState';

package/src/hooks/useModalOpenState.ts

@@ -0,0 +1,36 @@
+import { useEffect } from 'react';
+
+import { useEventHandler } from './useEventHandler';
+import { usePopstateSubscription } from './usePopstateSubscription';
+
+type UseModalOpenStateOptions = {
+  closeOnPopstate?: boolean;
+  closeByCloseWatcher?: boolean;
+};
+
+/**
+ * Хук для управления состоянием модалки
+ * @param open состояние модалки
+ * @param onClose колбек закрытия
+ * @param options.closeOnPopstate закрывать модалку при переходе по истории браузера (по умолчанию false)
+ * @param options.closeByCloseWatcher закрывать модалку через CloseWatcher (по умолчанию true)
+ * @returns [open, onClose]
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/CloseWatcher
+ */
+export function useModalOpenState(
+  open: boolean,
+  onClose: () => void,
+  { closeOnPopstate = false, closeByCloseWatcher = true }: UseModalOpenStateOptions,
+) {
+  const closeHandler = useEventHandler(onClose);
+
+  usePopstateSubscription(() => open && closeHandler(), closeOnPopstate);
+
+  useEffect(() => {
+    if (open && 'CloseWatcher' in window && closeByCloseWatcher) {
+      const watcher = new CloseWatcher();
+      watcher.onclose = () => closeHandler();
+      return () => watcher.destroy();
+    }
+  }, [open, closeHandler, closeByCloseWatcher]);
+}