maxSizeClass minSizeClass

src/@types/component-types.ts

@@ -87,6 +87,8 @@ export interface IPane {
   minSize?: number;
   resizer?: ReactNode;
   resizerSize?: number;
+  minSizeClass?: string,
+  maxSizeClass?: string,
   onMinSize?: (id: string, minSize:number) => void,
   onMaxSize?: (id: string, maxSize:number) => void,
   onNormalSize?: (id: string) => void

src/components/pane.tsx

@@ -31,6 +31,7 @@ export const Pane = (props: IPane) => {
 
     registerItem(
       {
+        node,
         destroy,
         setSize
       },

src/models/pane-model.ts

@@ -207,12 +207,17 @@ export class PaneModel {
 
       if (this.sizeState !== newSetSize) {
         if (newSetSize === NORMAL_SIZE_STATE) {
+          this.api.node.classList.remove(props.minSizeClass, props.maxSizeClass)
           props.onNormalSize(id)
         }
         if (newSetSize === MIN_SIZE_STATE) {
+          this.api.node.classList.remove(props.maxSizeClass)
+          this.api.node.classList.add(props.minSizeClass)
           props.onMinSize(id, size)
         }
         if (newSetSize === MAX_SIZE_STATE) {
+          this.api.node.classList.remove(props.minSizeClass)
+          this.api.node.classList.add(props.maxSizeClass)
           props.onMaxSize(id, size)
         }
         this.sizeState = newSetSize

src/models/utils.ts

@@ -17,6 +17,8 @@ export const attachDefaultPaneProps = (paneProps: IPane) => {
     onNormalSize: noop,
     onMinSize: noop,
     onMaxSize: noop,
+    maxSizeClass: '',
+    minSizeClass: '',
     minSize: 0,
     maxSize: Infinity,
     ...propsWithNoUndefined