Added getPaneCount method to pane manager

unparallel-innovation · Apr 18, 2023 · 5cee42d · 5cee42d
1 parent 844189c
commit 5cee42d
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 21 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -5,6 +5,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## [Unreleased]
+- Added getPaneCount method to pane manager
 
 ## [1.1.0] - 2023-04-14
 - Added compressedPanes and decompressPanes methods to the paneManager

diff --git a/README.md b/README.md
@@ -121,18 +121,18 @@ Wrapper component which will provide the "paneManagerControls" object containing
 
 Object containing several methods to control the behaviour of the Pane manager
 
-| Name      | Type | Description                                                           |
-| ----------- | -------- |-----------------------------------------------------------------------|
-| addPane | (pane:Pane)=>void | Used to add a new pane                                                |
-| closeLastPane | ()=>void | Close the last pane                                                   |
-| closePane | (index: number)=>void | Close a specific pane                                                 |
-| setSidePane | (sidePane: SidePane)=>void | Add a side pane to the last pane                                      |
-| closeSidePane | ()=>void | Close side pane                                                       |
-| updateLastPaneProps | (props:object)=>void | Update props sent to the last pane, this update will re fire a render of the pane content |
-| updateSidePaneProps | (props:object)=>void | Update props sent to the side pane, this update will re fire a render of the side pane content |
-| compressPanes | ()=>void | Forces all panes to collapses until the meet the "minPaneDistance" regarding its distance |
-| decompressPanes | ()=>void | Set panes distance to their default distance   |
-
+| Name                | Type                       | Description                                                                                    |
+|---------------------|----------------------------|------------------------------------------------------------------------------------------------|
+| addPane             | (pane:Pane)=>void          | Used to add a new pane                                                                         |
+| closeLastPane       | ()=>void                   | Close the last pane                                                                            |
+| closePane           | (index: number)=>void      | Close a specific pane                                                                          |
+| setSidePane         | (sidePane: SidePane)=>void | Add a side pane to the last pane                                                               |
+| closeSidePane       | ()=>void                   | Close side pane                                                                                |
+| updateLastPaneProps | (props:object)=>void       | Update props sent to the last pane, this update will re fire a render of the pane content      |
+| updateSidePaneProps | (props:object)=>void       | Update props sent to the side pane, this update will re fire a render of the side pane content |
+| compressPanes       | ()=>void                   | Forces all panes to collapses until the meet the "minPaneDistance" regarding its distance      |
+| decompressPanes     | ()=>void                   | Set panes distance to their default distance                                                   |
+| getPaneCount        | ()=>number or null          | Number of panes stacked on the pane manager                                                    |
 ### Pane
 
 Object describing a pane

diff --git a/src/PaneManager/index.tsx b/src/PaneManager/index.tsx
@@ -52,14 +52,14 @@ interface PaneManagerState {
 
 
 
-interface PaneManagerProps {
+export interface PaneManagerProps {
     minPaneDistance: number,
     maxPaneDistance: number,
-    children: PaneManagerContent,
     paneWidth:number,
     timeoutMS: number,
-    baseZIndex: number,
     paneStartPadding: number,
+    children: PaneManagerContent,
+    baseZIndex: number,
     paneClassName?: string,
     paneBackgroundClassName?:string,
     paneContentClassName?: string,
@@ -80,7 +80,8 @@ export interface PaneManagerControls {
     updateLastPaneProps: (props:object)=>void,
     updateSidePaneProps: (props:object)=>void,
     compressPanes:()=>void,
-    decompressPanes:()=>void
+    decompressPanes:()=>void,
+    getPaneCount:()=>number | null
 
 }
 
@@ -99,7 +100,6 @@ class PaneManager extends React.Component<PaneManagerProps, PaneManagerState>{
     private resizeObserver: ResizeObserver;
 
 
-
     constructor(props: PaneManagerProps | Readonly<PaneManagerProps>) {
         super(props);
         //@ts-ignore
@@ -126,6 +126,7 @@ class PaneManager extends React.Component<PaneManagerProps, PaneManagerState>{
 
 
 
+
         this.resizeObserver = new ResizeObserver(lodash.debounce(this.setPaneDistance,200))
 
     }
@@ -361,7 +362,8 @@ class PaneManager extends React.Component<PaneManagerProps, PaneManagerState>{
                         updateLastPaneProps: this.updateLastPaneProps,
                         updateSidePaneProps: this.updateSidePaneProps,
                         compressPanes:this.compressPanes,
-                        decompressPanes:this.decompressPanes
+                        decompressPanes:this.decompressPanes,
+                        getPaneCount:()=>this.state.panes.length
                     },pane.props)
                 ))}
             </SlidingPane>
@@ -438,7 +440,8 @@ class PaneManager extends React.Component<PaneManagerProps, PaneManagerState>{
                     updateLastPaneProps: this.updateLastPaneProps,
                     updateSidePaneProps: this.updateSidePaneProps,
                     compressPanes:this.compressPanes,
-                    decompressPanes:this.decompressPanes
+                    decompressPanes:this.decompressPanes,
+                    getPaneCount:()=>this.state.panes.length
                 })}
                 {this.renderPanes()}
             </div

diff --git a/src/SlidingPane/index.tsx b/src/SlidingPane/index.tsx
@@ -139,7 +139,8 @@ export class SlidingPane extends React.Component<CustomSlidingPaneProps, CustomS
                                 compressPanes:()=>{},
                                 decompressPanes:()=>{},
                                 updateSidePaneProps:this.updateSidePaneProps,
-                                updateLastPaneProps:(props)=>undefined
+                                updateLastPaneProps:(props)=>undefined,
+                                getPaneCount:()=>null
                             },sidePane?.props)
 
                         }}
@@ -174,7 +175,8 @@ export class SlidingPane extends React.Component<CustomSlidingPaneProps, CustomS
                              compressPanes:()=>{},
                              decompressPanes:()=>{},
                              updateSidePaneProps:this.updateSidePaneProps,
-                             updateLastPaneProps:(props)=>undefined
+                             updateLastPaneProps:(props)=>undefined,
+                             getPaneCount:()=>null
                          })}
 
                     </div>