@atlaskit/mobile-header 7.0.17 → 7.0.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/mobile-header
|
|
2
2
|
|
|
3
|
+
## 7.0.18
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`b0f03432a8e3c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b0f03432a8e3c) -
|
|
8
|
+
Sorted type and interface props to improve Atlaskit docs
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 7.0.17
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import React, { PureComponent, type ReactNode } from 'react';
|
|
2
2
|
interface MobileHeaderProps {
|
|
3
|
+
customMenu?: ReactNode;
|
|
4
|
+
drawerState: 'navigation' | 'sidebar' | 'none' | string;
|
|
5
|
+
menuIconLabel: string;
|
|
3
6
|
navigation?: (isOpen: boolean) => ReactNode;
|
|
4
|
-
sidebar?: (isOpen: boolean) => ReactNode;
|
|
5
|
-
onNavigationOpen?: () => void;
|
|
6
7
|
onDrawerClose?: () => void;
|
|
7
|
-
|
|
8
|
-
secondaryContent?: ReactNode;
|
|
8
|
+
onNavigationOpen?: () => void;
|
|
9
9
|
pageHeading: ReactNode;
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
secondaryContent?: ReactNode;
|
|
11
|
+
sidebar?: (isOpen: boolean) => ReactNode;
|
|
12
12
|
topOffset?: number;
|
|
13
13
|
}
|
|
14
14
|
interface MobileHeaderState {
|
|
15
|
-
isAnimatingSidebar: boolean;
|
|
16
15
|
isAnimatingNavigation: boolean;
|
|
16
|
+
isAnimatingSidebar: boolean;
|
|
17
17
|
}
|
|
18
18
|
declare class MobileHeader extends PureComponent<MobileHeaderProps, MobileHeaderState> {
|
|
19
19
|
state: {
|
|
@@ -29,7 +29,7 @@ declare class MobileHeader extends PureComponent<MobileHeaderProps, MobileHeader
|
|
|
29
29
|
UNSAFE_componentWillReceiveProps(nextProps: MobileHeaderProps): void;
|
|
30
30
|
handleNavSlideFinish: () => void;
|
|
31
31
|
handleSidebarSlideFinish: () => void;
|
|
32
|
-
renderSlider: (isOpen: boolean, isAnimating: boolean, onTransitionEnd: ((event: React.TransitionEvent<HTMLDivElement>) => void) | undefined, side: string, renderFn?: (
|
|
32
|
+
renderSlider: (isOpen: boolean, isAnimating: boolean, onTransitionEnd: ((event: React.TransitionEvent<HTMLDivElement>) => void) | undefined, side: string, renderFn?: (isOpen: boolean) => ReactNode, topOffset?: number) => React.JSX.Element;
|
|
33
33
|
render(): React.JSX.Element;
|
|
34
34
|
}
|
|
35
35
|
export default MobileHeader;
|
package/dist/types/styled.d.ts
CHANGED
|
@@ -1,29 +1,28 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const MobileNavSlider: import("@emotion/styled").StyledComponent<{
|
|
3
|
-
theme?: import("@emotion/react").Theme
|
|
4
|
-
as?:
|
|
2
|
+
theme?: import("@emotion/react").Theme;
|
|
3
|
+
as?: React.ElementType;
|
|
5
4
|
} & {
|
|
6
|
-
topOffset: number | undefined;
|
|
7
5
|
isOpen: boolean;
|
|
8
6
|
side: string;
|
|
7
|
+
topOffset: number | undefined;
|
|
9
8
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
10
9
|
export declare const MobilePageHeader: import("@emotion/styled").StyledComponent<{
|
|
11
|
-
theme?: import("@emotion/react").Theme
|
|
12
|
-
as?:
|
|
10
|
+
theme?: import("@emotion/react").Theme;
|
|
11
|
+
as?: React.ElementType;
|
|
13
12
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
|
|
14
13
|
export declare const MobilePageHeaderContent: import("@emotion/styled").StyledComponent<{
|
|
15
|
-
theme?: import("@emotion/react").Theme
|
|
16
|
-
as?:
|
|
14
|
+
theme?: import("@emotion/react").Theme;
|
|
15
|
+
as?: React.ElementType;
|
|
17
16
|
} & {
|
|
18
17
|
topOffset: number | undefined;
|
|
19
18
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
20
19
|
export declare const FakeBlanket: import("@emotion/styled").StyledComponent<{
|
|
21
|
-
theme?: import("@emotion/react").Theme
|
|
22
|
-
as?:
|
|
20
|
+
theme?: import("@emotion/react").Theme;
|
|
21
|
+
as?: React.ElementType;
|
|
23
22
|
} & {
|
|
24
23
|
isOpen: boolean;
|
|
25
24
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
26
25
|
export declare const PageHeading: import("@emotion/styled").StyledComponent<{
|
|
27
|
-
theme?: import("@emotion/react").Theme
|
|
28
|
-
as?:
|
|
26
|
+
theme?: import("@emotion/react").Theme;
|
|
27
|
+
as?: React.ElementType;
|
|
29
28
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import React, { PureComponent, type ReactNode } from 'react';
|
|
2
2
|
interface MobileHeaderProps {
|
|
3
|
+
customMenu?: ReactNode;
|
|
4
|
+
drawerState: 'navigation' | 'sidebar' | 'none' | string;
|
|
5
|
+
menuIconLabel: string;
|
|
3
6
|
navigation?: (isOpen: boolean) => ReactNode;
|
|
4
|
-
sidebar?: (isOpen: boolean) => ReactNode;
|
|
5
|
-
onNavigationOpen?: () => void;
|
|
6
7
|
onDrawerClose?: () => void;
|
|
7
|
-
|
|
8
|
-
secondaryContent?: ReactNode;
|
|
8
|
+
onNavigationOpen?: () => void;
|
|
9
9
|
pageHeading: ReactNode;
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
secondaryContent?: ReactNode;
|
|
11
|
+
sidebar?: (isOpen: boolean) => ReactNode;
|
|
12
12
|
topOffset?: number;
|
|
13
13
|
}
|
|
14
14
|
interface MobileHeaderState {
|
|
15
|
-
isAnimatingSidebar: boolean;
|
|
16
15
|
isAnimatingNavigation: boolean;
|
|
16
|
+
isAnimatingSidebar: boolean;
|
|
17
17
|
}
|
|
18
18
|
declare class MobileHeader extends PureComponent<MobileHeaderProps, MobileHeaderState> {
|
|
19
19
|
state: {
|
|
@@ -29,7 +29,7 @@ declare class MobileHeader extends PureComponent<MobileHeaderProps, MobileHeader
|
|
|
29
29
|
UNSAFE_componentWillReceiveProps(nextProps: MobileHeaderProps): void;
|
|
30
30
|
handleNavSlideFinish: () => void;
|
|
31
31
|
handleSidebarSlideFinish: () => void;
|
|
32
|
-
renderSlider: (isOpen: boolean, isAnimating: boolean, onTransitionEnd: ((event: React.TransitionEvent<HTMLDivElement>) => void) | undefined, side: string, renderFn?: (
|
|
32
|
+
renderSlider: (isOpen: boolean, isAnimating: boolean, onTransitionEnd: ((event: React.TransitionEvent<HTMLDivElement>) => void) | undefined, side: string, renderFn?: (isOpen: boolean) => ReactNode, topOffset?: number) => React.JSX.Element;
|
|
33
33
|
render(): React.JSX.Element;
|
|
34
34
|
}
|
|
35
35
|
export default MobileHeader;
|
|
@@ -1,29 +1,28 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const MobileNavSlider: import("@emotion/styled").StyledComponent<{
|
|
3
|
-
theme?: import("@emotion/react").Theme
|
|
4
|
-
as?:
|
|
2
|
+
theme?: import("@emotion/react").Theme;
|
|
3
|
+
as?: React.ElementType;
|
|
5
4
|
} & {
|
|
6
|
-
topOffset: number | undefined;
|
|
7
5
|
isOpen: boolean;
|
|
8
6
|
side: string;
|
|
7
|
+
topOffset: number | undefined;
|
|
9
8
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
10
9
|
export declare const MobilePageHeader: import("@emotion/styled").StyledComponent<{
|
|
11
|
-
theme?: import("@emotion/react").Theme
|
|
12
|
-
as?:
|
|
10
|
+
theme?: import("@emotion/react").Theme;
|
|
11
|
+
as?: React.ElementType;
|
|
13
12
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
|
|
14
13
|
export declare const MobilePageHeaderContent: import("@emotion/styled").StyledComponent<{
|
|
15
|
-
theme?: import("@emotion/react").Theme
|
|
16
|
-
as?:
|
|
14
|
+
theme?: import("@emotion/react").Theme;
|
|
15
|
+
as?: React.ElementType;
|
|
17
16
|
} & {
|
|
18
17
|
topOffset: number | undefined;
|
|
19
18
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
20
19
|
export declare const FakeBlanket: import("@emotion/styled").StyledComponent<{
|
|
21
|
-
theme?: import("@emotion/react").Theme
|
|
22
|
-
as?:
|
|
20
|
+
theme?: import("@emotion/react").Theme;
|
|
21
|
+
as?: React.ElementType;
|
|
23
22
|
} & {
|
|
24
23
|
isOpen: boolean;
|
|
25
24
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
26
25
|
export declare const PageHeading: import("@emotion/styled").StyledComponent<{
|
|
27
|
-
theme?: import("@emotion/react").Theme
|
|
28
|
-
as?:
|
|
26
|
+
theme?: import("@emotion/react").Theme;
|
|
27
|
+
as?: React.ElementType;
|
|
29
28
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/mobile-header",
|
|
3
|
-
"version": "7.0.
|
|
3
|
+
"version": "7.0.18",
|
|
4
4
|
"description": "A React component rendering a mobile header",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -32,8 +32,8 @@
|
|
|
32
32
|
}
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@atlaskit/button": "^23.
|
|
36
|
-
"@atlaskit/icon": "^
|
|
35
|
+
"@atlaskit/button": "^23.4.0",
|
|
36
|
+
"@atlaskit/icon": "^28.0.0",
|
|
37
37
|
"@atlaskit/theme": "^19.0.0",
|
|
38
38
|
"@atlaskit/tokens": "^6.0.0",
|
|
39
39
|
"@babel/runtime": "^7.0.0",
|