@atlaskit/mobile-header 7.0.16 → 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.
Files changed (7) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/types/components/MobileHeader.d.ts +8 -8
  3. package/dist/types/styled.d.ts +11 -12
  4. package/dist/types-ts4.5/components/MobileHeader.d.ts +8 -8
  5. package/dist/types-ts4.5/styled.d.ts +11 -12
  6. package/package.json +4 -5
  7. package/styled/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
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
+
11
+ ## 7.0.17
12
+
13
+ ### Patch Changes
14
+
15
+ - [`ed0c6e0bb869f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ed0c6e0bb869f) -
16
+ Remove references to deprecated @atlaskit/navigation
17
+
3
18
  ## 7.0.16
4
19
 
5
20
  ### Patch Changes
package/dist/types/components/MobileHeader.d.ts CHANGED
@@ -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
- drawerState: 'navigation' | 'sidebar' | 'none' | string;
8
- secondaryContent?: ReactNode;
8
+ onNavigationOpen?: () => void;
9
9
  pageHeading: ReactNode;
10
- menuIconLabel: string;
11
- customMenu?: ReactNode;
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?: ((isOpen: boolean) => ReactNode) | undefined, topOffset?: number) => React.JSX.Element;
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 | undefined;
4
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
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 | undefined;
12
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
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 | undefined;
16
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
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 | undefined;
22
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
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 | undefined;
28
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
26
+ theme?: import("@emotion/react").Theme;
27
+ as?: React.ElementType;
29
28
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
package/dist/types-ts4.5/components/MobileHeader.d.ts CHANGED
@@ -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
- drawerState: 'navigation' | 'sidebar' | 'none' | string;
8
- secondaryContent?: ReactNode;
8
+ onNavigationOpen?: () => void;
9
9
  pageHeading: ReactNode;
10
- menuIconLabel: string;
11
- customMenu?: ReactNode;
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?: ((isOpen: boolean) => ReactNode) | undefined, topOffset?: number) => React.JSX.Element;
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-ts4.5/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 | undefined;
4
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
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 | undefined;
12
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
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 | undefined;
16
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
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 | undefined;
22
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
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 | undefined;
28
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
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.16",
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.3.0",
36
- "@atlaskit/icon": "^27.9.0",
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",
@@ -47,8 +47,7 @@
47
47
  "@testing-library/react": "^13.4.0",
48
48
  "@testing-library/user-event": "^14.4.3",
49
49
  "react-dom": "^18.2.0",
50
- "react-test-renderer": "^18.2.0",
51
- "typescript": "~5.4.2"
50
+ "react-test-renderer": "^18.2.0"
52
51
  },
53
52
  "techstack": {
54
53
  "@atlassian/frontend": {
package/styled/package.json CHANGED
@@ -8,7 +8,7 @@
8
8
  ],
9
9
  "types": "../dist/types/styled.d.ts",
10
10
  "typesVersions": {
11
- ">=4.5 <5.4": {
11
+ ">=4.5 <5.9": {
12
12
  "*": [
13
13
  "../dist/types-ts4.5/styled.d.ts"
14
14
  ]