@bitrise/bitkit 13.210.0 → 13.210.1-alpha.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "13.210.0",
+  "version": "13.210.1-alpha.1",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/bitrise-io/bitkit.git"

package/src/Components/Tabs/useTabs.ts

@@ -2,23 +2,16 @@ import { useCallback, useEffect, useMemo, useState } from 'react';
 
 type UseTabsProps<T> = {
   defaultId?: T;
-  queryKey?: string;
+  onChange?: (id: T, index: number) => void;
   tabIds: T[];
+  queryKey?: string;
   withHistory?: boolean;
 };
 
 const useTabs = <T extends string>(props: UseTabsProps<T>) => {
-  const { defaultId, queryKey = 'tab', tabIds, withHistory } = props;
-
-  let searchParams = new URLSearchParams(window.location.search);
+  const { defaultId, onChange, tabIds } = props;
 
   const defaultIndex = useMemo(() => {
-    if (withHistory && searchParams.get(queryKey)) {
-      const tabIndex = tabIds.indexOf(searchParams.get(queryKey) as T);
-      if (tabIndex !== -1) {
-        return tabIndex;
-      }
-    }
     if (defaultId) {
       const tabIndex = tabIds.indexOf(defaultId);
       if (tabIndex !== -1) {
@@ -35,11 +28,9 @@ const useTabs = <T extends string>(props: UseTabsProps<T>) => {
   }, []);
 
   useEffect(() => {
-    const queryValue = tabIds[tabIndex];
-    if (withHistory && queryValue) {
-      searchParams = new URLSearchParams(window.location.search);
-      searchParams.set(queryKey, queryValue);
-      window.parent.history.replaceState(null, '', `?${decodeURIComponent(searchParams.toString())}`);
+    if (onChange) {
+      const id = tabIds[tabIndex];
+      onChange(id, tabIndex);
     }
   }, [tabIndex]);