fix(ResizablePanel): props propagation (#547)

cube-js · Dec 16, 2024 · 273f757 · 273f757
1 parent 36f9515
commit 273f757
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/.changeset/witty-ladybugs-mate.md b/.changeset/witty-ladybugs-mate.md
@@ -0,0 +1,5 @@
+---
+'@cube-dev/ui-kit': patch
+---
+
+Fix props propagation in ResizablePanel.
diff --git a/src/components/layout/ResizablePanel.tsx b/src/components/layout/ResizablePanel.tsx
@@ -187,7 +187,7 @@ const Handler = (props: HandlerProps) => {
   );
 };
 
-const PanelElement = tasty(Panel, {
+const StyledPanel = tasty(Panel, {
   styles: {
     flexGrow: 0,
     width: {
@@ -220,6 +220,7 @@ function ResizablePanel(
     onSizeChange,
     minSize = 200,
     maxSize = isControllable ? undefined : 'min(50%, 400px)',
+    ...restProps
   } = props;
 
   const [isDragging, setIsDragging] = useState(false);
@@ -330,7 +331,7 @@ function ResizablePanel(
   }, [isDragging, isHorizontal, isDisabled]);
 
   return (
-    <PanelElement
+    <StyledPanel
       ref={ref}
       data-direction={direction}
       mods={mods}
@@ -342,7 +343,7 @@ function ResizablePanel(
           mods={mods}
         />
       }
-      {...mergeProps(props, {
+      {...mergeProps(restProps, {
         style: {
           // We set a current size further via width/min-width/max-width styles to respect size boundaries
           '--size': `${size}px`,