react-zeugma 5.5.0 → 5.7.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.
@@ -81,6 +81,12 @@ interface ZeugmaController {
81
81
  locked: boolean;
82
82
  /** Programmatically updates the global locked status. */
83
83
  setLocked: Dispatch<SetStateAction<boolean>>;
84
+ /** The ID of the active dragged item (pane or tab). */
85
+ activeId: string | null;
86
+ /** The type of the active dragged item ('pane' | 'tab'). */
87
+ activeType: 'pane' | 'tab' | null;
88
+ /** The ID of the item with active dismiss intent, or null. */
89
+ dismissIntentId: string | null;
84
90
  /** Removes the specified pane from the layout tree and collapses its parent split. */
85
91
  removePane: (paneId: string) => void;
86
92
  /** Appends/inserts a pane at the bottom-rightmost leaf of the layout tree. */
@@ -112,11 +118,8 @@ interface ZeugmaController {
112
118
  }
113
119
  /** @internal */
114
120
  interface ZeugmaInternalController extends ZeugmaController {
115
- activeId: string | null;
116
121
  setActiveId: Dispatch<SetStateAction<string | null>>;
117
- activeType: 'pane' | 'tab' | null;
118
122
  setActiveType: Dispatch<SetStateAction<'pane' | 'tab' | null>>;
119
- dismissIntentId: string | null;
120
123
  setDismissIntentId: Dispatch<SetStateAction<string | null>>;
121
124
  containerRef: RefObject<HTMLElement | null>;
122
125
  setContainerRef: (element: HTMLElement | null) => void;
@@ -162,8 +165,10 @@ interface ZeugmaClassNames {
162
165
  dashboardLocked?: string;
163
166
  /** CSS class applied to drop zone indicator when hovering over a locked pane. */
164
167
  lockedPreview?: string;
165
- /** CSS class applied to tab container when dragging a tab over it. */
168
+ /** CSS class applied to tab drop preview splitter line. */
166
169
  tabDropPreview?: string;
170
+ /** CSS class applied to the separator line between tabs. */
171
+ tabSeparator?: string;
167
172
  }
168
173
  interface ZeugmaProps extends ZeugmaController {
169
174
  /** Render function mapping unique pane IDs to React elements. Usually renders a <Pane> wrapper. */
@@ -202,6 +207,12 @@ interface ZeugmaStateValue {
202
207
  findPaneContainingTab: (tabId: string) => PaneNode | null;
203
208
  /** Find the details of a tab by its ID in the layout tree. */
204
209
  findTabById: (tabId: string) => TabDetails | null;
210
+ /** The ID of the active dragged item (pane or tab). */
211
+ activeId: string | null;
212
+ /** The type of the active dragged item ('pane' | 'tab'). */
213
+ activeType: 'pane' | 'tab' | null;
214
+ /** The ID of the item with active dismiss intent, or null. */
215
+ dismissIntentId: string | null;
205
216
  }
206
217
  interface ZeugmaDragStateValue {
207
218
  /** The ID of the tab currently hovered over during a tab drag, or null. */
@@ -211,8 +222,6 @@ interface ZeugmaDragStateValue {
211
222
  }
212
223
  /** @internal */
213
224
  interface ZeugmaInternalStateValue extends ZeugmaStateValue {
214
- activeId: string | null;
215
- dismissIntentId: string | null;
216
225
  setContainerRef: (element: HTMLElement | null) => void;
217
226
  onRemove?: (paneId: string) => void;
218
227
  onFullscreenChange?: (paneId: string | null) => void;
@@ -81,6 +81,12 @@ interface ZeugmaController {
81
81
  locked: boolean;
82
82
  /** Programmatically updates the global locked status. */
83
83
  setLocked: Dispatch<SetStateAction<boolean>>;
84
+ /** The ID of the active dragged item (pane or tab). */
85
+ activeId: string | null;
86
+ /** The type of the active dragged item ('pane' | 'tab'). */
87
+ activeType: 'pane' | 'tab' | null;
88
+ /** The ID of the item with active dismiss intent, or null. */
89
+ dismissIntentId: string | null;
84
90
  /** Removes the specified pane from the layout tree and collapses its parent split. */
85
91
  removePane: (paneId: string) => void;
86
92
  /** Appends/inserts a pane at the bottom-rightmost leaf of the layout tree. */
@@ -112,11 +118,8 @@ interface ZeugmaController {
112
118
  }
113
119
  /** @internal */
114
120
  interface ZeugmaInternalController extends ZeugmaController {
115
- activeId: string | null;
116
121
  setActiveId: Dispatch<SetStateAction<string | null>>;
117
- activeType: 'pane' | 'tab' | null;
118
122
  setActiveType: Dispatch<SetStateAction<'pane' | 'tab' | null>>;
119
- dismissIntentId: string | null;
120
123
  setDismissIntentId: Dispatch<SetStateAction<string | null>>;
121
124
  containerRef: RefObject<HTMLElement | null>;
122
125
  setContainerRef: (element: HTMLElement | null) => void;
@@ -162,8 +165,10 @@ interface ZeugmaClassNames {
162
165
  dashboardLocked?: string;
163
166
  /** CSS class applied to drop zone indicator when hovering over a locked pane. */
164
167
  lockedPreview?: string;
165
- /** CSS class applied to tab container when dragging a tab over it. */
168
+ /** CSS class applied to tab drop preview splitter line. */
166
169
  tabDropPreview?: string;
170
+ /** CSS class applied to the separator line between tabs. */
171
+ tabSeparator?: string;
167
172
  }
168
173
  interface ZeugmaProps extends ZeugmaController {
169
174
  /** Render function mapping unique pane IDs to React elements. Usually renders a <Pane> wrapper. */
@@ -202,6 +207,12 @@ interface ZeugmaStateValue {
202
207
  findPaneContainingTab: (tabId: string) => PaneNode | null;
203
208
  /** Find the details of a tab by its ID in the layout tree. */
204
209
  findTabById: (tabId: string) => TabDetails | null;
210
+ /** The ID of the active dragged item (pane or tab). */
211
+ activeId: string | null;
212
+ /** The type of the active dragged item ('pane' | 'tab'). */
213
+ activeType: 'pane' | 'tab' | null;
214
+ /** The ID of the item with active dismiss intent, or null. */
215
+ dismissIntentId: string | null;
205
216
  }
206
217
  interface ZeugmaDragStateValue {
207
218
  /** The ID of the tab currently hovered over during a tab drag, or null. */
@@ -211,8 +222,6 @@ interface ZeugmaDragStateValue {
211
222
  }
212
223
  /** @internal */
213
224
  interface ZeugmaInternalStateValue extends ZeugmaStateValue {
214
- activeId: string | null;
215
- dismissIntentId: string | null;
216
225
  setContainerRef: (element: HTMLElement | null) => void;
217
226
  onRemove?: (paneId: string) => void;
218
227
  onFullscreenChange?: (paneId: string | null) => void;
package/dist/utils.d.cts CHANGED
@@ -1,4 +1,4 @@
1
- import { h as PaneNode, g as SplitNode, S as SplitDirection, T as TreeNode, i as TabDetails } from './types-C0Yf1Bdw.cjs';
1
+ import { h as PaneNode, g as SplitNode, S as SplitDirection, T as TreeNode, i as TabDetails } from './types-ByBIeqg_.cjs';
2
2
  import 'react';
3
3
 
4
4
  declare function generateUniqueId(): string;
package/dist/utils.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { h as PaneNode, g as SplitNode, S as SplitDirection, T as TreeNode, i as TabDetails } from './types-C0Yf1Bdw.js';
1
+ import { h as PaneNode, g as SplitNode, S as SplitDirection, T as TreeNode, i as TabDetails } from './types-ByBIeqg_.js';
2
2
  import 'react';
3
3
 
4
4
  declare function generateUniqueId(): string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-zeugma",
3
- "version": "5.5.0",
3
+ "version": "5.7.0",
4
4
  "description": "Recursive drag-and-drop dashboard layout engine for React — combining the tree-based splitting of react-mosaic with the declarative API of react-grid-layout.",
5
5
  "type": "module",
6
6
  "sideEffects": false,