@axinom/mosaic-ui 0.44.0-rc.1 → 0.44.0-rc.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axinom/mosaic-ui",
-  "version": "0.44.0-rc.1",
+  "version": "0.44.0-rc.2",
   "description": "UI components for building Axinom Mosaic applications",
   "author": "Axinom",
   "license": "PROPRIETARY",
@@ -32,7 +32,7 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
-    "@axinom/mosaic-core": "^0.4.17-rc.1",
+    "@axinom/mosaic-core": "^0.4.17-rc.2",
     "@faker-js/faker": "^7.4.0",
     "@popperjs/core": "^2.11.8",
     "clsx": "^1.1.0",
@@ -105,5 +105,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a59e7ea3b1d1ee3427e6553c097ae6e29df14353"
+  "gitHead": "dcf763ea92712ac3e3c7056fbad9cfc603bf7246"
 }

package/src/components/EmptyStation/EmptyStation.spec.tsx

@@ -5,8 +5,6 @@ import { PageHeader } from '../PageHeader';
 import { StationError } from '../models';
 import { EmptyStation, EmptyStationProps } from './EmptyStation';
 
-jest.mock('../../hooks/useTabTitle/useTabTitle');
-
 describe('EmptyStation', () => {
   const defaultProps: EmptyStationProps = {
     title: 'test-title',

package/src/components/Explorer/Explorer.spec.tsx

@@ -34,8 +34,6 @@ import {
 } from './Explorer.model';
 import { StationMessage } from './useStationMessage';
 
-jest.mock('../../hooks/useTabTitle/useTabTitle');
-
 interface ExplorerTestData {
   id: number;
   title: string;

package/src/components/Explorer/NavigationExplorer/NavigationExplorer.spec.tsx

@@ -12,8 +12,6 @@ import { Explorer } from '../Explorer';
 import { ExplorerDataProvider } from '../Explorer.model';
 import { NavigationExplorer } from './NavigationExplorer';
 
-jest.mock('../../../hooks/useTabTitle/useTabTitle');
-
 interface NavExplorerTestData {
   id: string;
   desc: string;

package/src/components/Explorer/SelectionExplorer/SelectionExplorer.spec.tsx

@@ -11,8 +11,6 @@ import { Explorer } from '../Explorer';
 import { ExplorerDataProvider } from '../Explorer.model';
 import { SelectionExplorer } from './SelectionExplorer';
 
-jest.mock('../../../hooks/useTabTitle/useTabTitle');
-
 interface SelectExplorerTestData {
   id: string;
   desc: string;

package/src/hooks/useTabTitle/useTabTitle.spec.tsx

@@ -81,4 +81,15 @@ describe('useTabTitle', () => {
 
     expect(setTitle).toHaveBeenCalledTimes(1);
   });
+
+  it('should set the tab title outside a react router context', () => {
+    (useHistory as jest.Mock) = jest.fn().mockReturnValue(undefined);
+
+    const title = 'Test Title';
+    const setTabTitle = true;
+
+    mount(<TestWrapper title={title} setTabTitle={setTabTitle} />);
+
+    expect(setTitle).toHaveBeenCalled();
+  });
 });

package/src/hooks/useTabTitle/useTabTitle.tsx

@@ -6,10 +6,11 @@ export const useTabTitle = (
   title: string | undefined,
   setTabTitle: boolean | undefined,
 ): void => {
-  const { location: currentLocation } = useHistory();
-  const [initialLocation] = useState(currentLocation);
+  // useTabTitle should work outside a react router context
+  const { location } = useHistory() ?? {};
+  const [initialLocation] = useState(location);
 
-  if (setTabTitle && currentLocation.pathname === initialLocation.pathname) {
+  if (setTabTitle && location?.pathname === initialLocation?.pathname) {
     setTitle(title);
   }
 };