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.
- package/README.md +14 -14
- package/dist/index.cjs +2 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +29 -7
- package/dist/index.d.ts +29 -7
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/{types-C0Yf1Bdw.d.cts → types-ByBIeqg_.d.cts} +15 -6
- package/dist/{types-C0Yf1Bdw.d.ts → types-ByBIeqg_.d.ts} +15 -6
- package/dist/utils.d.cts +1 -1
- package/dist/utils.d.ts +1 -1
- package/package.json +1 -1
|
@@ -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
|
|
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
|
|
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-
|
|
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-
|
|
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.
|
|
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,
|