react-resizable-panels 3.0.6 → 4.0.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/LICENSE.md +21 -0
  2. package/README.md +253 -250
  3. package/dist/react-resizable-panels.cjs +2 -0
  4. package/dist/react-resizable-panels.cjs.map +1 -0
  5. package/dist/react-resizable-panels.d.ts +316 -2
  6. package/dist/react-resizable-panels.js +1050 -2371
  7. package/dist/react-resizable-panels.js.map +1 -0
  8. package/package.json +94 -66
  9. package/dist/declarations/src/Panel.d.ts +0 -70
  10. package/dist/declarations/src/PanelGroup.d.ts +0 -38
  11. package/dist/declarations/src/PanelResizeHandle.d.ts +0 -23
  12. package/dist/declarations/src/PanelResizeHandleRegistry.d.ts +0 -19
  13. package/dist/declarations/src/constants.d.ts +0 -15
  14. package/dist/declarations/src/hooks/usePanelGroupContext.d.ts +0 -4
  15. package/dist/declarations/src/index.d.ts +0 -23
  16. package/dist/declarations/src/types.d.ts +0 -3
  17. package/dist/declarations/src/utils/assert.d.ts +0 -1
  18. package/dist/declarations/src/utils/csp.d.ts +0 -2
  19. package/dist/declarations/src/utils/cursor.d.ts +0 -18
  20. package/dist/declarations/src/utils/dom/getPanelElement.d.ts +0 -1
  21. package/dist/declarations/src/utils/dom/getPanelElementsForGroup.d.ts +0 -1
  22. package/dist/declarations/src/utils/dom/getPanelGroupElement.d.ts +0 -1
  23. package/dist/declarations/src/utils/dom/getResizeHandleElement.d.ts +0 -1
  24. package/dist/declarations/src/utils/dom/getResizeHandleElementIndex.d.ts +0 -1
  25. package/dist/declarations/src/utils/dom/getResizeHandleElementsForGroup.d.ts +0 -1
  26. package/dist/declarations/src/utils/dom/getResizeHandlePanelIds.d.ts +0 -2
  27. package/dist/declarations/src/utils/rects/getIntersectingRectangle.d.ts +0 -2
  28. package/dist/declarations/src/utils/rects/intersects.d.ts +0 -2
  29. package/dist/declarations/src/utils/rects/types.d.ts +0 -6
  30. package/dist/react-resizable-panels.browser.development.js +0 -2592
  31. package/dist/react-resizable-panels.browser.js +0 -2486
  32. package/dist/react-resizable-panels.development.edge-light.js +0 -2365
  33. package/dist/react-resizable-panels.development.js +0 -2599
  34. package/dist/react-resizable-panels.edge-light.js +0 -2264
@@ -1,15 +0,0 @@
1
- export declare const DATA_ATTRIBUTES: {
2
- readonly group: "data-panel-group";
3
- readonly groupDirection: "data-panel-group-direction";
4
- readonly groupId: "data-panel-group-id";
5
- readonly panel: "data-panel";
6
- readonly panelCollapsible: "data-panel-collapsible";
7
- readonly panelId: "data-panel-id";
8
- readonly panelSize: "data-panel-size";
9
- readonly resizeHandle: "data-resize-handle";
10
- readonly resizeHandleActive: "data-resize-handle-active";
11
- readonly resizeHandleEnabled: "data-panel-resize-handle-enabled";
12
- readonly resizeHandleId: "data-panel-resize-handle-id";
13
- readonly resizeHandleState: "data-resize-handle-state";
14
- };
15
- export declare const PRECISION = 10;
@@ -1,4 +0,0 @@
1
- export declare function usePanelGroupContext(): {
2
- direction: "horizontal" | "vertical" | undefined;
3
- groupId: string | undefined;
4
- };
@@ -1,23 +0,0 @@
1
- import { Panel } from "./Panel.js";
2
- import { PanelGroup } from "./PanelGroup.js";
3
- import { PanelResizeHandle } from "./PanelResizeHandle.js";
4
- import { DATA_ATTRIBUTES } from "./constants.js";
5
- import { usePanelGroupContext } from "./hooks/usePanelGroupContext.js";
6
- import { assert } from "./utils/assert.js";
7
- import { setNonce } from "./utils/csp.js";
8
- import { customizeGlobalCursorStyles, disableGlobalCursorStyles, enableGlobalCursorStyles } from "./utils/cursor.js";
9
- import { getPanelElement } from "./utils/dom/getPanelElement.js";
10
- import { getPanelElementsForGroup } from "./utils/dom/getPanelElementsForGroup.js";
11
- import { getPanelGroupElement } from "./utils/dom/getPanelGroupElement.js";
12
- import { getResizeHandleElement } from "./utils/dom/getResizeHandleElement.js";
13
- import { getResizeHandleElementIndex } from "./utils/dom/getResizeHandleElementIndex.js";
14
- import { getResizeHandleElementsForGroup } from "./utils/dom/getResizeHandleElementsForGroup.js";
15
- import { getResizeHandlePanelIds } from "./utils/dom/getResizeHandlePanelIds.js";
16
- import { getIntersectingRectangle } from "./utils/rects/getIntersectingRectangle.js";
17
- import { intersects } from "./utils/rects/intersects.js";
18
- import type { ImperativePanelHandle, PanelOnCollapse, PanelOnExpand, PanelOnResize, PanelProps } from "./Panel.js";
19
- import type { ImperativePanelGroupHandle, PanelGroupOnLayout, PanelGroupProps, PanelGroupStorage } from "./PanelGroup.js";
20
- import type { PanelResizeHandleOnDragging, PanelResizeHandleProps } from "./PanelResizeHandle.js";
21
- import type { PointerHitAreaMargins } from "./PanelResizeHandleRegistry.js";
22
- import type { CustomCursorStyleConfig } from "./utils/cursor.js";
23
- export { ImperativePanelGroupHandle, ImperativePanelHandle, PanelGroupOnLayout, PanelGroupProps, PanelGroupStorage, PanelOnCollapse, PanelOnExpand, PanelOnResize, PanelProps, PanelResizeHandleOnDragging, PanelResizeHandleProps, PointerHitAreaMargins, Panel, PanelGroup, PanelResizeHandle, usePanelGroupContext, assert, getIntersectingRectangle, intersects, getPanelElement, getPanelElementsForGroup, getPanelGroupElement, getResizeHandleElement, getResizeHandleElementIndex, getResizeHandleElementsForGroup, getResizeHandlePanelIds, setNonce, customizeGlobalCursorStyles, disableGlobalCursorStyles, enableGlobalCursorStyles, CustomCursorStyleConfig, DATA_ATTRIBUTES, };
@@ -1,3 +0,0 @@
1
- export type Direction = "horizontal" | "vertical";
2
- export type ResizeEvent = KeyboardEvent | PointerEvent | MouseEvent;
3
- export type ResizeHandler = (event: ResizeEvent) => void;
@@ -1 +0,0 @@
1
- export declare function assert(expectedCondition: any, message: string): asserts expectedCondition;
@@ -1,2 +0,0 @@
1
- export declare function getNonce(): string | null;
2
- export declare function setNonce(value: string | null): void;
@@ -1,18 +0,0 @@
1
- type CursorState = "horizontal" | "intersection" | "vertical";
2
- export type CustomCursorStyleConfig = {
3
- exceedsHorizontalMaximum: boolean;
4
- exceedsHorizontalMinimum: boolean;
5
- exceedsVerticalMaximum: boolean;
6
- exceedsVerticalMinimum: boolean;
7
- intersectsHorizontalDragHandle: boolean;
8
- intersectsVerticalDragHandle: boolean;
9
- isPointerDown: boolean;
10
- };
11
- type GetCustomCursorStyleFunction = (config: CustomCursorStyleConfig) => string;
12
- export declare function customizeGlobalCursorStyles(callback: GetCustomCursorStyleFunction | null): void;
13
- export declare function disableGlobalCursorStyles(): void;
14
- export declare function enableGlobalCursorStyles(): void;
15
- export declare function getCursorStyle(state: CursorState, constraintFlags: number, isPointerDown: boolean): string;
16
- export declare function resetGlobalCursorStyle(): void;
17
- export declare function setGlobalCursorStyle(state: CursorState, constraintFlags: number, isPointerDown: boolean): void;
18
- export {};
@@ -1 +0,0 @@
1
- export declare function getPanelElement(id: string, scope?: ParentNode | HTMLElement): HTMLElement | null;
@@ -1 +0,0 @@
1
- export declare function getPanelElementsForGroup(groupId: string, scope?: ParentNode | HTMLElement): HTMLElement[];
@@ -1 +0,0 @@
1
- export declare function getPanelGroupElement(id: string, rootElement?: ParentNode | HTMLElement): HTMLElement | null;
@@ -1 +0,0 @@
1
- export declare function getResizeHandleElement(id: string, scope?: ParentNode | HTMLElement): HTMLElement | null;
@@ -1 +0,0 @@
1
- export declare function getResizeHandleElementIndex(groupId: string, id: string, scope?: ParentNode | HTMLElement): number | null;
@@ -1 +0,0 @@
1
- export declare function getResizeHandleElementsForGroup(groupId: string, scope?: ParentNode | HTMLElement): HTMLElement[];
@@ -1,2 +0,0 @@
1
- import { PanelData } from "../../Panel.js";
2
- export declare function getResizeHandlePanelIds(groupId: string, handleId: string, panelsArray: PanelData[], scope?: ParentNode | HTMLElement): [idBefore: string | null, idAfter: string | null];
@@ -1,2 +0,0 @@
1
- import { Rectangle } from "./types.js";
2
- export declare function getIntersectingRectangle(rectOne: Rectangle, rectTwo: Rectangle, strict: boolean): Rectangle;
@@ -1,2 +0,0 @@
1
- import { Rectangle } from "./types.js";
2
- export declare function intersects(rectOne: Rectangle, rectTwo: Rectangle, strict: boolean): boolean;
@@ -1,6 +0,0 @@
1
- export interface Rectangle {
2
- x: number;
3
- y: number;
4
- width: number;
5
- height: number;
6
- }