@pushwoosh/smart-components-kit 1.2.0 → 1.2.2

package/hooks/index.d.ts

@@ -1 +1,2 @@
+export { useBack } from './useBack';
 export { useEventBusListener } from './useEventBusListener';

package/hooks/index.js

@@ -1 +1,2 @@
+export { useBack } from './useBack';
 export { useEventBusListener } from './useEventBusListener';

package/hooks/useBack.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Returns a "back" handler that navigates to `pathname`.
+ *
+ * - if the previous page in the navigation stack matches `pathname`
+ *   (only the path is compared, without the query and hash) — calls `history.goBack()`,
+ *   which preserves the scroll position and the state of the previous page;
+ * - otherwise — navigates via `history.push(pathname)`.
+ */
+export declare function useBack(pathname: string): () => void;

package/hooks/useBack.js

@@ -0,0 +1,26 @@
+import { useCallback } from 'react';
+import { useHistory } from 'react-router-dom';
+import { readNavigationHistory } from '@pushwoosh/kit-helpers';
+const getPathname = entry => entry.split(/[?#]/)[0];
+/**
+ * Returns a "back" handler that navigates to `pathname`.
+ *
+ * - if the previous page in the navigation stack matches `pathname`
+ *   (only the path is compared, without the query and hash) — calls `history.goBack()`,
+ *   which preserves the scroll position and the state of the previous page;
+ * - otherwise — navigates via `history.push(pathname)`.
+ */
+export function useBack(pathname) {
+  const history = useHistory();
+  return useCallback(() => {
+    const targetPathname = getPathname(pathname);
+    const entries = readNavigationHistory();
+    const previousEntry = entries[entries.length - 2];
+    const previousPathname = previousEntry ? getPathname(previousEntry) : undefined;
+    if (previousPathname === targetPathname) {
+      history.goBack();
+    } else {
+      history.push(pathname);
+    }
+  }, [pathname, history]);
+}

package/package.json

@@ -23,7 +23,7 @@
     "@floating-ui/react-dom": "^2.1.2",
     "@pushwoosh/dumb-components": "^1.1.140",
     "@pushwoosh/kit-constants": "^1.6.9",
-    "@pushwoosh/kit-helpers": "^4.11.0",
+    "@pushwoosh/kit-helpers": "^4.11.1",
     "@pushwoosh/kit-icons": "^2.1.6",
     "@pushwoosh/kit-typography": "^1.7.3",
     "@pushwoosh/rpc-v2-http-api-data": "^0.2.7",
@@ -33,7 +33,7 @@
     "react-router-dom": "^5.3.4"
   },
   "devDependencies": {
-    "@pushwoosh/frontend-builder-engine": "^2.1.0",
+    "@pushwoosh/frontend-builder-engine": "^2.1.1",
     "@svgr/webpack": "^8.1.0",
     "@types/react": "^18.3.5",
     "@types/react-dom": "^18.3.0",
@@ -48,5 +48,5 @@
     "react": "^16.14.0 || ^18.0.0",
     "react-dom": "^16.14.0 || ^18.0.0"
   },
-  "version": "1.2.0"
+  "version": "1.2.2"
 }