@atlaskit/mobile-header 7.0.39 → 8.0.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlaskit/mobile-header
 
+## 8.0.0
+
+### Major Changes
+
+- [`f2dc9097319f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2dc9097319f0) - ###
+  Dropped support for _legacy_ Typescript 4 types. **Typescript 5 is now the new minimum**.
+
+  Removes the `typesVersions` property and `dist/types-ts4.5` directory from the dist.
+
+  Types are now exclusively via the `"types": "dist/types/index.d.ts"` property.
+
+  ```diff
+  - "typesVersions": {
+  -    ">=4.5 <4.9": {
+  -        "*": [
+  -            "dist/types-ts4.5/*",
+  -            "dist/types-ts4.5/index.d.ts"
+  -        ]
+  -    }
+  - },
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 7.0.39
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/mobile-header",
-	"version": "7.0.39",
+	"version": "8.0.0",
 	"description": "A React component rendering a mobile header",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -12,14 +12,6 @@
 	"module": "dist/esm/index.js",
 	"module:es2019": "dist/es2019/index.js",
 	"types": "dist/types/index.d.ts",
-	"typesVersions": {
-		">=4.5 <4.9": {
-			"*": [
-				"dist/types-ts4.5/*",
-				"dist/types-ts4.5/index.d.ts"
-			]
-		}
-	},
 	"atlaskit:src": "src/index.ts",
 	"atlassian": {
 		"team": "Bitbucket: CoreX",
@@ -28,10 +20,10 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/button": "^23.11.0",
-		"@atlaskit/icon": "^35.1.0",
-		"@atlaskit/theme": "^25.0.0",
-		"@atlaskit/tokens": "^13.0.0",
+		"@atlaskit/button": "^24.0.0",
+		"@atlaskit/icon": "^36.0.0",
+		"@atlaskit/theme": "^26.0.0",
+		"@atlaskit/tokens": "^14.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/styled": "^11.0.0"
 	},
@@ -40,7 +32,7 @@
 		"react": "^18.2.0"
 	},
 	"devDependencies": {
-		"@atlassian/a11y-jest-testing": "^0.11.0",
+		"@atlassian/a11y-jest-testing": "^0.12.0",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",
 		"react": "^18.2.0",

package/styled/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../dist/types/styled.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/styled.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/styled.d.ts"
 }

package/dist/types-ts4.5/components/MobileHeader.d.ts

@@ -1,35 +0,0 @@
-import React, { PureComponent, type ReactNode } from 'react';
-interface MobileHeaderProps {
-    customMenu?: ReactNode;
-    drawerState: 'navigation' | 'sidebar' | 'none' | string;
-    menuIconLabel: string;
-    navigation?: (isOpen: boolean) => ReactNode;
-    onDrawerClose?: () => void;
-    onNavigationOpen?: () => void;
-    pageHeading: ReactNode;
-    secondaryContent?: ReactNode;
-    sidebar?: (isOpen: boolean) => ReactNode;
-    topOffset?: number;
-}
-interface MobileHeaderState {
-    isAnimatingNavigation: boolean;
-    isAnimatingSidebar: boolean;
-}
-declare class MobileHeader extends PureComponent<MobileHeaderProps, MobileHeaderState> {
-    state: {
-        isAnimatingNavigation: boolean;
-        isAnimatingSidebar: boolean;
-    };
-    static defaultProps: {
-        topOffset: number;
-        pageHeading: string;
-        menuIconLabel: string;
-        drawerState: string;
-    };
-    UNSAFE_componentWillReceiveProps(nextProps: MobileHeaderProps): void;
-    handleNavSlideFinish: () => void;
-    handleSidebarSlideFinish: () => void;
-    renderSlider: (isOpen: boolean, isAnimating: boolean, onTransitionEnd: ((event: React.TransitionEvent<HTMLDivElement>) => void) | undefined, side: string, renderFn?: (isOpen: boolean) => ReactNode, topOffset?: number) => React.JSX.Element;
-    render(): React.JSX.Element;
-}
-export default MobileHeader;

package/dist/types-ts4.5/index.d.ts

@@ -1 +0,0 @@
-export { default } from './components/MobileHeader';

package/dist/types-ts4.5/styled.d.ts

@@ -1,37 +0,0 @@
-import type { DetailedHTMLProps, HTMLAttributes } from 'react';
-import { type Theme } from '@emotion/react';
-import { type StyledComponent } from '@emotion/styled';
-type StyledMobileNavSlider = StyledComponent<{
-    as?: React.ElementType;
-    theme?: Theme;
-} & {
-    isOpen: boolean;
-    side: string;
-    topOffset: number | undefined;
-}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const MobileNavSlider: StyledMobileNavSlider;
-type StyledMobilePageHeader = StyledComponent<{
-    as?: React.ElementType;
-    theme?: Theme;
-}, DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export declare const MobilePageHeader: StyledMobilePageHeader;
-type StyledMobilePageHeaderContent = StyledComponent<{
-    as?: React.ElementType;
-    theme?: Theme;
-} & {
-    topOffset: number | undefined;
-}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const MobilePageHeaderContent: StyledMobilePageHeaderContent;
-type StyledFakeBlanket = StyledComponent<{
-    as?: React.ElementType;
-    theme?: Theme;
-} & {
-    isOpen: boolean;
-}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FakeBlanket: StyledFakeBlanket;
-type StyledPageHeading = StyledComponent<{
-    as?: React.ElementType;
-    theme?: Theme;
-}, DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
-export declare const PageHeading: StyledPageHeading;
-export {};