@snack-uikit/utils 3.8.3-preview-69fcfa33.0 → 3.8.3-preview-92d6fde1.0

package/dist/cjs/components/ThemeProvider/contexts.js

@@ -1,5 +1,4 @@
 "use strict";
-'use client';
 
 Object.defineProperty(exports, "__esModule", {
   value: true

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

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

package/dist/cjs/hooks/index.js

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

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

@@ -0,0 +1 @@
+export declare function usePopstateSubscription(callback: (e: PopStateEvent) => void, enabled?: boolean): void;

package/dist/cjs/hooks/usePopstateSubscription.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePopstateSubscription = usePopstateSubscription;
+const react_1 = require("react");
+const useEventHandler_1 = require("./useEventHandler");
+function usePopstateSubscription(callback) {
+  let enabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  const handler = (0, useEventHandler_1.useEventHandler)(callback);
+  (0, react_1.useEffect)(() => {
+    if (!enabled) return;
+    window.addEventListener('popstate', handler);
+    return () => window.removeEventListener('popstate', handler);
+  }, [enabled, handler]);
+}

package/dist/esm/components/ThemeProvider/contexts.js

@@ -1,4 +1,3 @@
-'use client';
 import { createContext, useContext } from 'react';
 export const ThemeContext = createContext({
     theme: undefined,

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

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

package/dist/esm/hooks/index.js

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

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

@@ -0,0 +1 @@
+export declare function usePopstateSubscription(callback: (e: PopStateEvent) => void, enabled?: boolean): void;

package/dist/esm/hooks/usePopstateSubscription.js

@@ -0,0 +1,11 @@
+import { useEffect } from 'react';
+import { useEventHandler } from './useEventHandler';
+export function usePopstateSubscription(callback, enabled = true) {
+    const handler = useEventHandler(callback);
+    useEffect(() => {
+        if (!enabled)
+            return;
+        window.addEventListener('popstate', handler);
+        return () => window.removeEventListener('popstate', handler);
+    }, [enabled, handler]);
+}

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Utils",
-  "version": "3.8.3-preview-69fcfa33.0",
+  "version": "3.8.3-preview-92d6fde1.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -39,5 +39,5 @@
     "react-swipeable": "7.0.2",
     "uncontrollable": "8.0.4"
   },
-  "gitHead": "29427722aa93f2a800d130b6ab3db58fee5901c3"
+  "gitHead": "b69eea8eab30c5cf2d251a9985c6310aac3192b8"
 }

package/src/components/ThemeProvider/contexts.ts

@@ -1,5 +1,3 @@
-'use client'
-
 import { createContext, useContext } from 'react';
 
 export type ThemeContextType = {

package/src/hooks/index.ts

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

package/src/hooks/usePopstateSubscription.ts

@@ -0,0 +1,14 @@
+import { useEffect } from 'react';
+
+import { useEventHandler } from './useEventHandler';
+
+export function usePopstateSubscription(callback: (e: PopStateEvent) => void, enabled: boolean = true) {
+  const handler = useEventHandler(callback);
+
+  useEffect(() => {
+    if (!enabled) return;
+
+    window.addEventListener('popstate', handler);
+    return () => window.removeEventListener('popstate', handler);
+  }, [enabled, handler]);
+}