@atlaskit/mobile-header 5.0.10 → 5.0.12

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/mobile-header
 
+## 5.0.12
+
+### Patch Changes
+
+- [`522a27e6119`](https://bitbucket.org/atlassian/atlassian-frontend/commits/522a27e6119) - Remove `isOpen` prop from @atlaskit/banner, it is now open by default.
+- Updated dependencies
+
+## 5.0.11
+
+### Patch Changes
+
+- [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
+
 ## 5.0.10
 
 ### Patch Changes

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/mobile-header",
-	"version": "5.0.10"
+	"version": "5.0.12"
 }

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/mobile-header",
-	"version": "5.0.10"
+	"version": "5.0.12"
 }

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/mobile-header",
-	"version": "5.0.10"
+	"version": "5.0.12"
 }

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

@@ -0,0 +1,35 @@
+import React, { PureComponent, ReactNode } from 'react';
+interface MobileHeaderProps {
+    navigation?: (isOpen: boolean) => ReactNode;
+    sidebar?: (isOpen: boolean) => ReactNode;
+    onNavigationOpen?: () => void;
+    onDrawerClose?: () => void;
+    drawerState: 'navigation' | 'sidebar' | 'none' | string;
+    secondaryContent?: ReactNode;
+    pageHeading: ReactNode;
+    menuIconLabel: string;
+    customMenu?: ReactNode;
+    topOffset?: number;
+}
+interface MobileHeaderState {
+    isAnimatingSidebar: boolean;
+    isAnimatingNavigation: 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) | undefined, topOffset?: number | undefined) => JSX.Element;
+    render(): JSX.Element;
+}
+export default MobileHeader;

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

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

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+export declare const MobileNavSlider: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    topOffset: number | undefined;
+    isOpen: boolean;
+    side: string;
+}, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    topOffset: number | undefined;
+    isOpen: boolean;
+    side: string;
+}>;
+export declare const MobilePageHeader: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement>, any, import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement>>;
+export declare const MobilePageHeaderContent: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & (import("@atlaskit/theme").ThemeProps | undefined), any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & (import("@atlaskit/theme").ThemeProps | undefined)>;
+export declare const FakeBlanket: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    isOpen: boolean;
+}, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    isOpen: boolean;
+}>;
+export declare const PageHeading: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & (import("@atlaskit/theme").ThemeProps | undefined), any, import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & (import("@atlaskit/theme").ThemeProps | undefined)>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/mobile-header",
-  "version": "5.0.10",
+  "version": "5.0.12",
   "description": "A React component rendering a mobile header",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,6 +12,13 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "dist/types-ts4.0/*"
+      ]
+    }
+  },
   "atlaskit:src": "src/index.ts",
   "atlassian": {
     "team": "Bitbucket: CoreX",
@@ -23,8 +30,8 @@
   },
   "dependencies": {
     "@atlaskit/button": "^16.3.0",
-    "@atlaskit/icon": "^21.10.0",
-    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/icon": "^21.11.0",
+    "@atlaskit/theme": "^12.2.0",
     "@babel/runtime": "^7.0.0"
   },
   "peerDependencies": {
@@ -32,14 +39,14 @@
     "styled-components": "^3.2.6"
   },
   "devDependencies": {
-    "@atlaskit/banner": "^11.6.0",
+    "@atlaskit/banner": "^12.0.0",
     "@atlaskit/docs": "*",
     "@atlaskit/navigation": "^37.0.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "enzyme": "^3.10.0",
     "react-dom": "^16.8.0",
     "react-test-renderer": "^16.8.0",
-    "typescript": "4.3.5"
+    "typescript": "4.5.5"
   },
   "techstack": {
     "@atlassian/frontend": {

package/report.api.md

@@ -1,31 +1,39 @@
-## API Report File for "@atlaskit/mobile-header".
+<!-- API Report Version: 2.2 -->
 
-> Do not edit this file. This report is auto-generated by [API Extractor](https://api-extractor.com/).
+## API Report File for "@atlaskit/mobile-header"
 
-[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+> Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
+> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+
+### Table of contents
+
+- [Main Entry Types](#main-entry-types)
+
+### Main Entry Types
+
+<!--SECTION START: Main Entry Types-->
 
 ```ts
 import { PureComponent } from 'react';
 import { default as React_2 } from 'react';
 import { ReactNode } from 'react';
 
-declare class MobileHeader extends PureComponent<
-  MobileHeaderProps,
-  MobileHeaderState
-> {
-  state: {
-    isAnimatingNavigation: boolean;
-    isAnimatingSidebar: boolean;
-  };
+// @public (undocumented)
+class MobileHeader extends PureComponent<MobileHeaderProps, MobileHeaderState> {
+  // (undocumented)
   static defaultProps: {
     topOffset: number;
     pageHeading: string;
     menuIconLabel: string;
     drawerState: string;
   };
-  UNSAFE_componentWillReceiveProps(nextProps: MobileHeaderProps): void;
+  // (undocumented)
   handleNavSlideFinish: () => void;
+  // (undocumented)
   handleSidebarSlideFinish: () => void;
+  // (undocumented)
+  render(): JSX.Element;
+  // (undocumented)
   renderSlider: (
     isOpen: boolean,
     isAnimating: boolean,
@@ -36,27 +44,49 @@ declare class MobileHeader extends PureComponent<
     renderFn?: ((isOpen: boolean) => ReactNode) | undefined,
     topOffset?: number | undefined,
   ) => JSX.Element;
-  render(): JSX.Element;
+  // (undocumented)
+  state: {
+    isAnimatingNavigation: boolean;
+    isAnimatingSidebar: boolean;
+  };
+  // (undocumented)
+  UNSAFE_componentWillReceiveProps(nextProps: MobileHeaderProps): void;
 }
 export default MobileHeader;
 
-declare interface MobileHeaderProps {
+// @public (undocumented)
+interface MobileHeaderProps {
+  // (undocumented)
+  customMenu?: ReactNode;
+  // (undocumented)
+  drawerState: 'navigation' | 'none' | 'sidebar' | string;
+  // (undocumented)
+  menuIconLabel: string;
+  // (undocumented)
   navigation?: (isOpen: boolean) => ReactNode;
-  sidebar?: (isOpen: boolean) => ReactNode;
-  onNavigationOpen?: () => void;
+  // (undocumented)
   onDrawerClose?: () => void;
-  drawerState: 'navigation' | 'sidebar' | 'none' | string;
-  secondaryContent?: ReactNode;
+  // (undocumented)
+  onNavigationOpen?: () => void;
+  // (undocumented)
   pageHeading: ReactNode;
-  menuIconLabel: string;
-  customMenu?: ReactNode;
+  // (undocumented)
+  secondaryContent?: ReactNode;
+  // (undocumented)
+  sidebar?: (isOpen: boolean) => ReactNode;
+  // (undocumented)
   topOffset?: number;
 }
 
-declare interface MobileHeaderState {
-  isAnimatingSidebar: boolean;
+// @public (undocumented)
+interface MobileHeaderState {
+  // (undocumented)
   isAnimatingNavigation: boolean;
+  // (undocumented)
+  isAnimatingSidebar: boolean;
 }
 
-export {};
+// (No @packageDocumentation comment for this package)
 ```
+
+<!--SECTION END: Main Entry Types-->

package/styled/package.json

@@ -3,5 +3,12 @@
   "main": "../dist/cjs/styled.js",
   "module": "../dist/esm/styled.js",
   "module:es2019": "../dist/es2019/styled.js",
-  "types": "../dist/types/styled.d.ts"
+  "types": "../dist/types/styled.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/styled.d.ts"
+      ]
+    }
+  }
 }

package/tmp/api-report-tmp.d.ts

@@ -0,0 +1,72 @@
+## API Report File for "@atlaskit/mobile-header"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+import { PureComponent } from 'react';
+import { default as React_2 } from 'react';
+import { ReactNode } from 'react';
+
+// @public (undocumented)
+class MobileHeader extends PureComponent<MobileHeaderProps, MobileHeaderState> {
+    // (undocumented)
+    static defaultProps: {
+        topOffset: number;
+        pageHeading: string;
+        menuIconLabel: string;
+        drawerState: string;
+    };
+    // (undocumented)
+    handleNavSlideFinish: () => void;
+    // (undocumented)
+    handleSidebarSlideFinish: () => void;
+    // (undocumented)
+    render(): JSX.Element;
+    // (undocumented)
+    renderSlider: (isOpen: boolean, isAnimating: boolean, onTransitionEnd: ((event: React_2.TransitionEvent<HTMLDivElement>) => void) | undefined, side: string, renderFn?: ((isOpen: boolean) => ReactNode) | undefined, topOffset?: number | undefined) => JSX.Element;
+    // (undocumented)
+    state: {
+        isAnimatingNavigation: boolean;
+        isAnimatingSidebar: boolean;
+    };
+    // (undocumented)
+    UNSAFE_componentWillReceiveProps(nextProps: MobileHeaderProps): void;
+}
+export default MobileHeader;
+
+// @public (undocumented)
+interface MobileHeaderProps {
+    // (undocumented)
+    customMenu?: ReactNode;
+    // (undocumented)
+    drawerState: 'navigation' | 'none' | 'sidebar' | string;
+    // (undocumented)
+    menuIconLabel: string;
+    // (undocumented)
+    navigation?: (isOpen: boolean) => ReactNode;
+    // (undocumented)
+    onDrawerClose?: () => void;
+    // (undocumented)
+    onNavigationOpen?: () => void;
+    // (undocumented)
+    pageHeading: ReactNode;
+    // (undocumented)
+    secondaryContent?: ReactNode;
+    // (undocumented)
+    sidebar?: (isOpen: boolean) => ReactNode;
+    // (undocumented)
+    topOffset?: number;
+}
+
+// @public (undocumented)
+interface MobileHeaderState {
+    // (undocumented)
+    isAnimatingNavigation: boolean;
+    // (undocumented)
+    isAnimatingSidebar: boolean;
+}
+
+// (No @packageDocumentation comment for this package)
+
+```