@atlaskit/right-side-panel 3.0.6 → 3.0.7

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,12 @@
1
1
  # @atlaskit/right-side-panel
2
2
 
3
+ ## 3.0.7
4
+
5
+ ### Patch Changes
6
+
7
+ - [`bc7821de4d118`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bc7821de4d118) -
8
+ Sorted type and interface props to improve Atlaskit docs
9
+
3
10
  ## 3.0.6
4
11
 
5
12
  ### Patch Changes
@@ -2,21 +2,21 @@ import React from 'react';
2
2
  import { Component, type ReactNode } from 'react';
3
3
  export type TransitionStatus = 'unmounted' | 'exiting' | 'entering' | 'entered' | 'exited';
4
4
  export interface Props {
5
- isOpen: boolean;
6
5
  attachPanelTo: string;
7
6
  children?: ReactNode;
8
- skipAnimationOnMount?: boolean;
9
- mountOnEnter?: boolean;
10
- unmountOnExit?: boolean;
11
7
  disableEnterAnimation?: boolean;
12
8
  disableExitAnimation?: boolean;
13
- onOpenAnimationFinished?: () => void;
9
+ isOpen: boolean;
10
+ mountOnEnter?: boolean;
14
11
  onCloseAnimationFinished?: () => void;
12
+ onOpenAnimationFinished?: () => void;
13
+ skipAnimationOnMount?: boolean;
14
+ unmountOnExit?: boolean;
15
15
  width?: number;
16
16
  }
17
17
  export interface State {
18
- entered: boolean;
19
18
  container?: Element | null;
19
+ entered: boolean;
20
20
  }
21
21
  export declare class RightSidePanel extends Component<Props, State> {
22
22
  attachPanelTo: string;
@@ -6,11 +6,11 @@ import React from 'react';
6
6
  import { type TransitionStatus } from '.';
7
7
  export declare const transitionDurationMs = 220;
8
8
  export declare const RightSidePanelDrawer: ({ transitionState, children, width, }: {
9
- transitionState: TransitionStatus;
10
9
  children: React.ReactNode;
11
- width?: number | undefined;
10
+ transitionState: TransitionStatus;
11
+ width?: number;
12
12
  }) => JSX.Element;
13
13
  export declare const RightSidePanelDrawerContent: ({ children, width, }: {
14
14
  children: React.ReactNode;
15
- width?: number | undefined;
15
+ width?: number;
16
16
  }) => JSX.Element;
@@ -4,8 +4,8 @@
4
4
  */
5
5
  import React from 'react';
6
6
  export declare const FlexContainer: ({ id, children }: {
7
- id: string;
8
7
  children: React.ReactNode;
8
+ id: string;
9
9
  }) => JSX.Element;
10
10
  export declare const ContentWrapper: ({ children }: {
11
11
  children: React.ReactNode;
@@ -2,21 +2,21 @@ import React from 'react';
2
2
  import { Component, type ReactNode } from 'react';
3
3
  export type TransitionStatus = 'unmounted' | 'exiting' | 'entering' | 'entered' | 'exited';
4
4
  export interface Props {
5
- isOpen: boolean;
6
5
  attachPanelTo: string;
7
6
  children?: ReactNode;
8
- skipAnimationOnMount?: boolean;
9
- mountOnEnter?: boolean;
10
- unmountOnExit?: boolean;
11
7
  disableEnterAnimation?: boolean;
12
8
  disableExitAnimation?: boolean;
13
- onOpenAnimationFinished?: () => void;
9
+ isOpen: boolean;
10
+ mountOnEnter?: boolean;
14
11
  onCloseAnimationFinished?: () => void;
12
+ onOpenAnimationFinished?: () => void;
13
+ skipAnimationOnMount?: boolean;
14
+ unmountOnExit?: boolean;
15
15
  width?: number;
16
16
  }
17
17
  export interface State {
18
- entered: boolean;
19
18
  container?: Element | null;
19
+ entered: boolean;
20
20
  }
21
21
  export declare class RightSidePanel extends Component<Props, State> {
22
22
  attachPanelTo: string;
@@ -6,11 +6,11 @@ import React from 'react';
6
6
  import { type TransitionStatus } from '.';
7
7
  export declare const transitionDurationMs = 220;
8
8
  export declare const RightSidePanelDrawer: ({ transitionState, children, width, }: {
9
- transitionState: TransitionStatus;
10
9
  children: React.ReactNode;
11
- width?: number | undefined;
10
+ transitionState: TransitionStatus;
11
+ width?: number;
12
12
  }) => JSX.Element;
13
13
  export declare const RightSidePanelDrawerContent: ({ children, width, }: {
14
14
  children: React.ReactNode;
15
- width?: number | undefined;
15
+ width?: number;
16
16
  }) => JSX.Element;
@@ -4,8 +4,8 @@
4
4
  */
5
5
  import React from 'react';
6
6
  export declare const FlexContainer: ({ id, children }: {
7
- id: string;
8
7
  children: React.ReactNode;
8
+ id: string;
9
9
  }) => JSX.Element;
10
10
  export declare const ContentWrapper: ({ children }: {
11
11
  children: React.ReactNode;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/right-side-panel",
3
- "version": "3.0.6",
3
+ "version": "3.0.7",
4
4
  "description": "A cross-product right-side-panel component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"