✨ feat: added minSize to panels

Author: e1en0r

src/components/Panels/SidePanel/SidePanel.tsx

@@ -7,7 +7,7 @@ import styles from './styles/SidePanel.module.css';
 
 export type SidePanelProps = Pick<
   UsePanelCollapserProps,
-  'onCloseFinish' | 'onCloseStart' | 'onOpenFinish' | 'onOpenStart' | 'open'
+  'minSize' | 'onCloseFinish' | 'onCloseStart' | 'onOpenFinish' | 'onOpenStart' | 'open'
 > &
   Partial<Pick<UsePanelCollapserProps, 'delay' | 'easing' | 'unit' | 'transition'>> &
   React.HTMLAttributes<HTMLDivElement> & {
@@ -44,6 +44,7 @@ export const SidePanel = React.forwardRef<HTMLDivElement, SidePanelProps>(
       duration = 300,
       easing,
       fixed = false,
+      minSize,
       onCloseFinish,
       onCloseStart,
       onOpenFinish,
@@ -64,6 +65,7 @@ export const SidePanel = React.forwardRef<HTMLDivElement, SidePanelProps>(
       delay,
       duration,
       easing: easing || easeInOutCubic,
+      minSize,
       position,
       onCloseFinish,
       onCloseStart,

src/components/Panels/SidePanel/stories/SidePanel.stories.tsx

@@ -27,6 +27,11 @@ export default {
         category: 'Appearance',
       },
     },
+    minSize: {
+      table: {
+        category: 'Appearance',
+      },
+    },
     position: {
       options: ['left', 'right'],
       control: {

src/components/Panels/StackPanel/StackPanel.tsx

@@ -7,7 +7,7 @@ import styles from './styles/StackPanel.module.css';
 
 export type StackPanelProps = Pick<
   UsePanelCollapserProps,
-  'onCloseFinish' | 'onCloseStart' | 'onOpenFinish' | 'onOpenStart' | 'open'
+  'minSize' | 'onCloseFinish' | 'onCloseStart' | 'onOpenFinish' | 'onOpenStart' | 'open'
 > &
   Partial<Pick<UsePanelCollapserProps, 'delay' | 'easing' | 'unit' | 'transition'>> &
   React.HTMLAttributes<HTMLDivElement> & {
@@ -45,6 +45,7 @@ export const StackPanel = React.forwardRef<HTMLDivElement, StackPanelProps>(
       easing,
       fixed = false,
       height,
+      minSize,
       onCloseFinish,
       onCloseStart,
       onOpenFinish,
@@ -65,6 +66,7 @@ export const StackPanel = React.forwardRef<HTMLDivElement, StackPanelProps>(
       duration,
       easing: easing || easeInOutCubic,
       height,
+      minSize,
       onCloseFinish,
       onCloseStart,
       onOpenFinish,

src/components/Panels/StackPanel/stories/StackPanel.stories.tsx

@@ -27,6 +27,11 @@ export default {
         category: 'Appearance',
       },
     },
+    minSize: {
+      table: {
+        category: 'Appearance',
+      },
+    },
     open: {
       table: {
         category: 'Appearance',