react-resizable-panels 4.0.16 → 4.1.1

package/dist/react-resizable-panels.d.ts

@@ -7,6 +7,8 @@ import { Ref } from 'react';
 import { RefObject } from 'react';
 import { SetStateAction } from 'react';
 
+declare type BaseAttributes = Omit<HTMLAttributes<HTMLDivElement>, "role" | "tabIndex">;
+
 /**
  * A Group wraps a set of resizable Panel components.
  * Group content can be resized _horizontally_ or _vertically_.
@@ -19,7 +21,7 @@ import { SetStateAction } from 'react';
  *
  * ℹ️ [Test id](https://testing-library.com/docs/queries/bytestid/) can be used to narrow selection when unit testing.
  */
-export declare function Group({ children, className, defaultLayout, disableCursor, disabled, elementRef, groupRef, id: idProp, onLayoutChange: onLayoutChangeUnstable, orientation, style, ...rest }: GroupProps): JSX.Element;
+export declare function Group({ children, className, defaultLayout, disableCursor, disabled, elementRef: elementRefProp, groupRef, id: idProp, onLayoutChange: onLayoutChangeUnstable, orientation, style, ...rest }: GroupProps): JSX.Element;
 
 /**
  * Imperative Group API.
@@ -149,7 +151,7 @@ export declare type Orientation = "horizontal" | "vertical";
  *
  * ℹ️ [Test id](https://testing-library.com/docs/queries/bytestid/) can be used to narrow selection when unit testing.
  */
-export declare function Panel({ children, className, collapsedSize, collapsible, defaultSize, elementRef, id: idProp, maxSize, minSize, onResize: onResizeUnstable, panelRef, style, ...rest }: PanelProps): JSX.Element;
+export declare function Panel({ children, className, collapsedSize, collapsible, defaultSize, elementRef: elementRefProp, id: idProp, maxSize, minSize, onResize: onResizeUnstable, panelRef, style, ...rest }: PanelProps): JSX.Element;
 
 /**
  * Imperative Panel API
@@ -290,7 +292,7 @@ export declare type PanelSize = {
  */
 export declare function Separator({ children, className, elementRef, id: idProp, style, ...rest }: SeparatorProps): JSX.Element;
 
-export declare type SeparatorProps = HTMLAttributes<HTMLDivElement> & {
+export declare type SeparatorProps = BaseAttributes & {
     /**
      * CSS class name.
      *
@@ -322,11 +324,17 @@ export declare type SeparatorProps = HTMLAttributes<HTMLDivElement> & {
 
 export declare type SizeUnit = "px" | "%" | "em" | "rem" | "vh" | "vw";
 
-export declare function useDefaultLayout({ debounceSaveMs, storage, ...rest }: {
+export declare function useDefaultLayout({ debounceSaveMs, panelIds, storage, ...rest }: {
     /**
      * Debounce save operation by the specified number of milliseconds; defaults to 100ms
      */
     debounceSaveMs?: number;
+    /**
+     * For Groups that contain conditionally-rendered Panels, this prop can be used to save and restore multiple layouts.
+     *
+     * ⚠️ Panel ids must match the Panels rendered within the Group during mount or the initial layout will be incorrect.
+     */
+    panelIds?: string[] | undefined;
     /**
      * Storage implementation; supports localStorage, sessionStorage, and custom implementations
      * Refer to documentation site for example integrations.