@dashfoo/react 0.4.0 → 0.5.1
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 +86 -22
- package/dist/index.d.ts +26 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2530 -2
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -76,6 +76,7 @@ a sized parent and add your CSS (see the [attribute reference](#data-dashfoo-att
|
|
|
76
76
|
| `closableTabs` | `boolean` | `true` | Show the per-tab close control. |
|
|
77
77
|
| `renamableTabs` | `boolean` | `true` | Allow double-click inline rename. |
|
|
78
78
|
| `maximizable` | `boolean` | `true` | Show the tabset maximize/restore control. |
|
|
79
|
+
| `floatable` | `boolean` | `false` | Show a per-tabset control that floats the panel into a movable, resizable overlay, and render any floating panels. See below. |
|
|
79
80
|
| `draggableTabs` | `boolean` | `true` | Allow individual tabs to be dragged between tabsets. |
|
|
80
81
|
| `draggableTabsets` | `boolean` | `true` | Show the grip that drags a whole tabset. |
|
|
81
82
|
| `resizableSplits` | `boolean` | `true` | Allow dragging the splitters; `false` disables them in place (gutters keep their size). |
|
|
@@ -86,9 +87,10 @@ a sized parent and add your CSS (see the [attribute reference](#data-dashfoo-att
|
|
|
86
87
|
You must pass either `model` or `defaultModel`. Passing neither throws.
|
|
87
88
|
|
|
88
89
|
A `ref` exposes a `DashfooHandle` for imperative control:
|
|
89
|
-
`addTab`, `closeTab`, `selectTab`, `renameTab`, `maximizeTabset`, `
|
|
90
|
-
`getModel`, `undo` / `redo` / `canUndo` / `canRedo`,
|
|
91
|
-
the original `defaultModel`, clearing undo history and
|
|
90
|
+
`addTab`, `closeTab`, `selectTab`, `renameTab`, `maximizeTabset`, `floatTab`,
|
|
91
|
+
`dockFloat`, `dispatch`, `getModel`, `undo` / `redo` / `canUndo` / `canRedo`,
|
|
92
|
+
and `resetLayout()` (reset to the original `defaultModel`, clearing undo history and
|
|
93
|
+
any persisted copy).
|
|
92
94
|
|
|
93
95
|
```tsx
|
|
94
96
|
const ref = useRef<DashfooHandle>(null);
|
|
@@ -175,6 +177,7 @@ with the right role and ARIA wiring, ready for you to style.
|
|
|
175
177
|
- **Close** — a `[data-dashfoo="tab-close"]` button next to each tab label, shown when closing is enabled. Dispatches `deleteTab`.
|
|
176
178
|
- **Rename** — double-click a tab to swap its label for a `[data-dashfoo="tab-rename"]` input. Enter commits, Escape cancels, blur commits. A trimmed, changed value dispatches `renameTab`; focus returns to the tab afterward.
|
|
177
179
|
- **Maximize** — a `[data-dashfoo="tabset-maximize"]` toggle in the tabset toolbar. Dispatches `setMaximizedTabset`; one maximized tabset fills the frame and `aria-pressed` reflects state.
|
|
180
|
+
- **Float** — a `[data-dashfoo="tabset-float"]` button in the tabset toolbar, shown when `floatable`. Floats the tabset into a movable, resizable overlay (`floatTabset`); the float's `[data-dashfoo="float-dock"]` control docks it back (`dockFloat`). See "Floating panels" below.
|
|
178
181
|
- **Tabs** — roving-tabindex keyboard model (WAI-ARIA APG): Arrow keys move and select, Home/End jump to the ends, focus follows selection.
|
|
179
182
|
- **Drag-to-dock** — drag a tab to restack it or split a tabset (when split-dock is on). A `[data-dashfoo="dock-indicator"]` previews where it lands.
|
|
180
183
|
|
|
@@ -277,6 +280,52 @@ Hand-built layouts (the `Layout.*` primitives) get the same behavior with
|
|
|
277
280
|
`useContainerWidth` + `stackModel`; for _distinct_ per-breakpoint models, use
|
|
278
281
|
`useResponsiveModel`. Both feed reactive props with no `key`/remount.
|
|
279
282
|
|
|
283
|
+
## Floating panels
|
|
284
|
+
|
|
285
|
+
Pass `floatable` to let a panel float out into a movable, resizable overlay,
|
|
286
|
+
FlexLayout style:
|
|
287
|
+
|
|
288
|
+
```tsx
|
|
289
|
+
<DashfooLayout defaultModel={model} factory={renderPanel} floatable />
|
|
290
|
+
```
|
|
291
|
+
|
|
292
|
+
Each tabset toolbar gains a `[data-dashfoo="tabset-float"]` control that floats the
|
|
293
|
+
whole tabset into an overlay (dispatching `floatTabset`). Drag its
|
|
294
|
+
`[data-dashfoo="float-titlebar"]` to move it anywhere on the page, the edge/corner
|
|
295
|
+
handles to resize, the `[data-dashfoo="float-minimize"]` control to collapse it to a
|
|
296
|
+
chip, and the `[data-dashfoo="float-dock"]` "Dock back" control to return it
|
|
297
|
+
(`dockFloat`). Floating panels are first-class model nodes (`Dashfoo.floats` in
|
|
298
|
+
`@dashfoo/core`), so they serialize and round-trip like docked panels.
|
|
299
|
+
|
|
300
|
+
How it works:
|
|
301
|
+
|
|
302
|
+
- **Same React tree, full drag-dock.** A float renders through the normal
|
|
303
|
+
`Layout.Rows` in the same tree, sharing one drag manager with the docked layout —
|
|
304
|
+
so app context (a theme provider, a query client), event handling, your
|
|
305
|
+
stylesheet, and **dragging tabs into and out of a float** all just work. The
|
|
306
|
+
overlay is `pointer-events: none`, so empty space stays click-through to the
|
|
307
|
+
docked layout underneath.
|
|
308
|
+
- **Drag anywhere + resize commit one step.** The overlay is viewport-fixed, so a
|
|
309
|
+
float drags across the whole page. Drag and resize update the DOM imperatively and
|
|
310
|
+
dispatch a single `moveFloat` on release, so a drag is one undo step.
|
|
311
|
+
- **Named, renamable title.** Each float carries its own name ("Panel", "Panel 1",
|
|
312
|
+
…), shown as the window title — never the active tab's. Double-click the title to
|
|
313
|
+
rename it (`renameFloat`).
|
|
314
|
+
- **Minimize.** The minimize control collapses a float to a chip
|
|
315
|
+
(`setFloatMinimized`); tapping the chip restores it to its saved rect.
|
|
316
|
+
- **Dock back as a panel.** "Dock back" returns the float as its own panel — all its
|
|
317
|
+
tabs, grouped — instead of flattening them into another tabset.
|
|
318
|
+
- **Bring to front.** Clicking anywhere in a float — body, a tab, or chrome —
|
|
319
|
+
raises it above the others.
|
|
320
|
+
- **Honors `editable`.** Under `editable={false}` a float is static: its content
|
|
321
|
+
stays selectable and it still raises to the front, but move, resize, rename,
|
|
322
|
+
minimize, and dock-back are switched off (no `moveFloat` / `renameFloat` /
|
|
323
|
+
`setFloatMinimized` / `dockFloat`).
|
|
324
|
+
|
|
325
|
+
Hand-built layouts opt in by wrapping the tree's content with `Layout.FloatLayer`
|
|
326
|
+
(passing `floats` + `global`) and adding `Tabset.FloatButton`. `Tabset.FloatButton`
|
|
327
|
+
hides itself (and warns) if no `Layout.FloatLayer` is present.
|
|
328
|
+
|
|
280
329
|
## Persistence
|
|
281
330
|
|
|
282
331
|
The `persist` prop saves an uncontrolled layout and restores it on load. It loads
|
|
@@ -370,14 +419,27 @@ you.
|
|
|
370
419
|
| `tab` | `button` | `role="tab"`. Carries `aria-selected` and `data-tab-id`. |
|
|
371
420
|
| `tab-close` | `button` | Per-tab close. `aria-label="Close <name>"`. |
|
|
372
421
|
| `tab-rename` | `input` | Inline rename editor, shown during a rename. |
|
|
373
|
-
| `tabset-toolbar` | `div` | Trailing controls in the strip: overflow menu, grip, custom toolbar slot, maximize.
|
|
422
|
+
| `tabset-toolbar` | `div` | Trailing controls in the strip: overflow menu, grip, custom toolbar slot, pop-out, maximize. |
|
|
374
423
|
| `tab-overflow-root` | `div` | Wraps the overflow trigger and its menu; rendered when tabs don't fit the strip. |
|
|
375
424
|
| `tab-overflow` | `button` | Overflow menu trigger. `aria-label="More tabs"`. |
|
|
376
425
|
| `tab-overflow-menu` | `div` | `role="menu"`, lists the hidden tabs while open. |
|
|
377
426
|
| `tab-overflow-item` | `button` | `role="menuitem"`, one hidden tab; selecting it activates the tab. |
|
|
378
427
|
| `tabset-grip` | `button` | Drags the whole tabset. `aria-label="Move tabset"`; shown when `draggableTabsets` is on and the tabset is not maximized. |
|
|
428
|
+
| `tabset-float` | `button` | Floats the tabset into a movable overlay. `aria-label="Float panel"`; shown when `floatable` is on and not maximized. |
|
|
379
429
|
| `tabset-maximize` | `button` | Maximize/restore toggle. `aria-pressed` reflects state. |
|
|
380
430
|
| `tabcontent` | `div` | `role="tabpanel"`, the active tab's content (or empty when none). |
|
|
431
|
+
| `float-overlay` | `div` | The `pointer-events: none` overlay covering the layout; holds the floats. |
|
|
432
|
+
| `float` | `div` | A floating panel's elevated frame. `display: flex; flex-direction: column`, positioned absolutely. |
|
|
433
|
+
| `float-titlebar` | `div` | The float's drag handle / title bar (grip + title + dock control). |
|
|
434
|
+
| `float-grip` | `span` | Drag-affordance dots in the title bar (decorative, `aria-hidden`). |
|
|
435
|
+
| `float-title` | `span` | The float's window title (its own name); double-click to rename. `aria-hidden` grip precedes it. |
|
|
436
|
+
| `float-rename` | `input` | The inline title editor, shown while renaming. `aria-label="Rename <name>"`. |
|
|
437
|
+
| `float-minimize` | `button` | Collapses the float to a chip. `aria-label="Minimize panel"`. |
|
|
438
|
+
| `float-dock` | `button` | Docks the panel back into the main layout. `aria-label="Dock panel back into the main layout"`. |
|
|
439
|
+
| `float-body` | `div` | The float's content area; holds the panel's layout. |
|
|
440
|
+
| `float-resize` | `div` | An edge/corner resize handle (eight in total); `data-edge` is the direction. |
|
|
441
|
+
| `float-chip` | `button` | A minimized float: a rounded chip you click (or drag) to restore. |
|
|
442
|
+
| `float-chip-label` | `span` | The chip's panel title. |
|
|
381
443
|
| `dock-indicator` | `div` | The drag preview overlay (insertion line or zone pane). `pointer-events: none`. |
|
|
382
444
|
| `drag-preview` | `div` | The chip that follows the pointer during a drag, showing the dragged label. |
|
|
383
445
|
| `separator` | rrp `Separator` | rrp emits `data-separator` with `aria-orientation`; style splitters here. |
|
|
@@ -454,24 +516,26 @@ and overlays outside the layout observe the same drag).
|
|
|
454
516
|
same parts yourself when you need custom chrome. Two compound namespaces, same
|
|
455
517
|
pattern as `Panel`:
|
|
456
518
|
|
|
457
|
-
| Part | Element | Role
|
|
458
|
-
| ----------------------- | ---------------------------------------- |
|
|
459
|
-
| `Layout.Root` | `div[data-dashfoo="layout"]` | Creates the layout store. Takes `model`, `dispatch`, `renderTab`, and the chrome flags `DashfooLayout` accepts.
|
|
460
|
-
| `Layout.DragLayer` | none (overlays) | Opts the tree into drag-dock. Omit it and everything else still works, just without dragging.
|
|
461
|
-
| `Layout.Rows` | rrp split tree | Renders a `RowNode` recursively. `renderTabset` swaps in a custom tabset composition at every leaf.
|
|
462
|
-
| `Layout.Tabset` | — | The stock tabset composition, for leaves that don't need custom chrome.
|
|
463
|
-
| `
|
|
464
|
-
| `Tabset.
|
|
465
|
-
| `Tabset.
|
|
466
|
-
| `Tabset.
|
|
467
|
-
| `Tabset.
|
|
468
|
-
| `Tabset.
|
|
469
|
-
| `Tabset.
|
|
470
|
-
| `Tabset.
|
|
471
|
-
| `Tabset.
|
|
472
|
-
| `Tabset.
|
|
473
|
-
| `Tabset.
|
|
474
|
-
| `Tabset.
|
|
519
|
+
| Part | Element | Role |
|
|
520
|
+
| ----------------------- | ---------------------------------------- | --------------------------------------------------------------------------------------------------------------------------- |
|
|
521
|
+
| `Layout.Root` | `div[data-dashfoo="layout"]` | Creates the layout store. Takes `model`, `dispatch`, `renderTab`, and the chrome flags `DashfooLayout` accepts. |
|
|
522
|
+
| `Layout.DragLayer` | none (overlays) | Opts the tree into drag-dock. Omit it and everything else still works, just without dragging. |
|
|
523
|
+
| `Layout.Rows` | rrp split tree | Renders a `RowNode` recursively. `renderTabset` swaps in a custom tabset composition at every leaf. |
|
|
524
|
+
| `Layout.Tabset` | — | The stock tabset composition, for leaves that don't need custom chrome. |
|
|
525
|
+
| `Layout.FloatLayer` | overlay | Wrap the tree's content to enable floating panels; renders `model.floats` as draggable overlays. Takes `floats` + `global`. |
|
|
526
|
+
| `Tabset.Root` | `div[data-dashfoo="tabset"]` | Creates the per-tabset store; owns drop registration, overflow measurement, and focus restore after close. |
|
|
527
|
+
| `Tabset.TabStrip` | `div[data-dashfoo="tabstrip"]` | The strip row (drag hit-testing targets this attribute). |
|
|
528
|
+
| `Tabset.Tablist` | `div[data-dashfoo="tablist"]` | `role="tablist"` + roving-tabindex arrow/Home/End navigation. |
|
|
529
|
+
| `Tabset.Tab` | `span[data-dashfoo="tab-item"]` | Per-tab wrapper; provides identity to the parts inside. |
|
|
530
|
+
| `Tabset.Trigger` | `button[data-dashfoo="tab"]` | The tab button: select on click, rename on double-click, draggable. Children override the label. |
|
|
531
|
+
| `Tabset.RenameInput` | `input[data-dashfoo="tab-rename"]` | Inline rename editor; renders only while its tab is being renamed. |
|
|
532
|
+
| `Tabset.CloseButton` | `button[data-dashfoo="tab-close"]` | Closes the tab with focus restore; hides when the tab isn't closable. |
|
|
533
|
+
| `Tabset.Content` | `div[data-dashfoo="tabcontent"]` | The `role="tabpanel"` pane(s); honors `keepMounted`. Children render-prop overrides `renderTab`. |
|
|
534
|
+
| `Tabset.Toolbar` | `div[data-dashfoo="tabset-toolbar"]` | Trailing toolbar container. |
|
|
535
|
+
| `Tabset.OverflowMenu` | menu button | Lists clipped tabs; hides when nothing overflows. |
|
|
536
|
+
| `Tabset.Grip` | `button[data-dashfoo="tabset-grip"]` | Drag handle for the whole tabset; hides when tabset dragging is off. |
|
|
537
|
+
| `Tabset.MaximizeButton` | `button[data-dashfoo="tabset-maximize"]` | Maximize/restore toggle; hides when maximize is off. |
|
|
538
|
+
| `Tabset.FloatButton` | `button[data-dashfoo="tabset-float"]` | Floats the tabset into a movable overlay; hides when `floatable` is off or the tabset is maximized. |
|
|
475
539
|
|
|
476
540
|
All parts spread native props (`className`, `style`, handlers) like `Panel`;
|
|
477
541
|
the structural attributes (`role`, ids, `data-dashfoo`) are applied after the
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Action, Dashfoo, DockLocation, DragSubject, DropIntent, Orientation, RowNode, SnapConfig, TabNode, TabsetNode } from "@dashfoo/core";
|
|
1
|
+
import { Action, Dashfoo, DockLocation, DragSubject, DropIntent, FloatNode, GlobalAttributes, Orientation, RowNode, SnapConfig, TabNode, TabsetNode } from "@dashfoo/core";
|
|
2
2
|
import { ComponentProps, ComponentType, ReactNode, Ref } from "react";
|
|
3
3
|
import { DragDropManager } from "@dnd-kit/dom";
|
|
4
4
|
//#region src/hooks/persistence.d.ts
|
|
@@ -40,6 +40,8 @@ type DashfooHandle = {
|
|
|
40
40
|
canUndo: () => boolean;
|
|
41
41
|
closeTab: (tabId: string) => void;
|
|
42
42
|
dispatch: (action: Action) => void;
|
|
43
|
+
dockFloat: (floatId: string) => void;
|
|
44
|
+
floatTab: (tabId: string) => void;
|
|
43
45
|
getModel: () => Dashfoo;
|
|
44
46
|
maximizeTabset: (tabsetId: string | null) => void;
|
|
45
47
|
redo: () => void;
|
|
@@ -56,6 +58,7 @@ type DashfooLayoutProps = {
|
|
|
56
58
|
draggableTabsets?: boolean;
|
|
57
59
|
editable?: boolean;
|
|
58
60
|
factory?: (tab: TabNode) => ReactNode;
|
|
61
|
+
floatable?: boolean;
|
|
59
62
|
keepMounted?: boolean;
|
|
60
63
|
maximizable?: boolean;
|
|
61
64
|
model?: Dashfoo;
|
|
@@ -106,6 +109,13 @@ type DragProviderProps = {
|
|
|
106
109
|
splitDock?: boolean;
|
|
107
110
|
};
|
|
108
111
|
//#endregion
|
|
112
|
+
//#region src/components/float-layer.d.ts
|
|
113
|
+
type FloatLayerProps = {
|
|
114
|
+
children: ReactNode;
|
|
115
|
+
floats: Array<FloatNode>;
|
|
116
|
+
global: GlobalAttributes;
|
|
117
|
+
};
|
|
118
|
+
//#endregion
|
|
109
119
|
//#region src/components/layout-root.d.ts
|
|
110
120
|
type LayoutRootProps = Omit<ComponentProps<"div">, "children"> & {
|
|
111
121
|
children: ReactNode;
|
|
@@ -114,6 +124,7 @@ type LayoutRootProps = Omit<ComponentProps<"div">, "children"> & {
|
|
|
114
124
|
draggableTabs?: boolean;
|
|
115
125
|
draggableTabsets?: boolean;
|
|
116
126
|
editable?: boolean;
|
|
127
|
+
floatable?: boolean;
|
|
117
128
|
keepMounted?: boolean;
|
|
118
129
|
maximizable?: boolean;
|
|
119
130
|
model: Dashfoo;
|
|
@@ -144,6 +155,11 @@ declare const Layout: {
|
|
|
144
155
|
onCommit,
|
|
145
156
|
splitDock
|
|
146
157
|
}: DragProviderProps) => import("react").ReactNode;
|
|
158
|
+
readonly FloatLayer: ({
|
|
159
|
+
children,
|
|
160
|
+
floats,
|
|
161
|
+
global
|
|
162
|
+
}: FloatLayerProps) => import("react").ReactNode;
|
|
147
163
|
readonly Root: ({
|
|
148
164
|
children,
|
|
149
165
|
closableTabs,
|
|
@@ -151,6 +167,7 @@ declare const Layout: {
|
|
|
151
167
|
draggableTabs,
|
|
152
168
|
draggableTabsets,
|
|
153
169
|
editable,
|
|
170
|
+
floatable,
|
|
154
171
|
keepMounted,
|
|
155
172
|
maximizable,
|
|
156
173
|
model,
|
|
@@ -202,6 +219,7 @@ type TabsetContentProps = Omit<ComponentProps<"div">, "children"> & {
|
|
|
202
219
|
type TabsetToolbarProps = ComponentProps<"div">;
|
|
203
220
|
type TabsetGripProps = ComponentProps<"button">;
|
|
204
221
|
type TabsetMaximizeButtonProps = ComponentProps<"button">;
|
|
222
|
+
type TabsetFloatButtonProps = ComponentProps<"button">;
|
|
205
223
|
//#endregion
|
|
206
224
|
//#region src/components/tabset/tabset-root.d.ts
|
|
207
225
|
type TabsetRootProps = ComponentProps<"div"> & {
|
|
@@ -230,6 +248,11 @@ declare const Tabset: {
|
|
|
230
248
|
style,
|
|
231
249
|
...props
|
|
232
250
|
}: TabsetContentProps) => import("react").ReactNode;
|
|
251
|
+
readonly FloatButton: ({
|
|
252
|
+
children,
|
|
253
|
+
onClick,
|
|
254
|
+
...props
|
|
255
|
+
}: TabsetFloatButtonProps) => import("react").ReactNode;
|
|
233
256
|
readonly Grip: ({
|
|
234
257
|
children,
|
|
235
258
|
ref: userRef,
|
|
@@ -326,6 +349,7 @@ type LayoutState = {
|
|
|
326
349
|
draggableTabs: boolean;
|
|
327
350
|
draggableTabsets: boolean;
|
|
328
351
|
editable: boolean;
|
|
352
|
+
floatable: boolean;
|
|
329
353
|
keepMounted: boolean;
|
|
330
354
|
maximizable: boolean;
|
|
331
355
|
maximizedTabsetId: string | undefined;
|
|
@@ -392,5 +416,5 @@ type UseDashfooStoreOptions = {
|
|
|
392
416
|
};
|
|
393
417
|
declare const useDashfooStore: (options: UseDashfooStoreOptions) => DashfooStore;
|
|
394
418
|
//#endregion
|
|
395
|
-
export { type Breakpoint, DashfooDragProvider, type DashfooHandle, DashfooLayout, type DashfooLayoutProps, type DashfooStore, type ExternalTabSourceOptions, Layout, type DragProviderProps as LayoutDragLayerProps, type LayoutRootProps, type RowViewProps as LayoutRowsProps, type LayoutState, type TabsetViewProps as LayoutTabsetProps, Panel, type PanelBadgeProps, type PanelBodyProps, type PanelHeaderProps, type PanelIconProps, type PanelRootProps, type PanelTitleProps, type PersistConfig, type Persistence, type ResponsiveModel, type StorageAdapter, type TabComponent, type TabContextValue, Tabset, type TabsetCloseButtonProps, type TabsetContentProps, type TabsetGripProps, type TabsetMaximizeButtonProps, type TabsetRenameInputProps, type TabsetRootProps, type TabsetState, type TabsetTabProps, type TabsetTabStripProps, type TabsetTablistProps, type TabsetToolbarProps, type TabsetTriggerProps, type UseDashfooStoreOptions, type UseResponsiveModelOptions, activeBreakpoint, localStorageAdapter, matchBreakpoint, memoryStorageAdapter, useContainerWidth, useDashfooStore, useDragSubject, useDropIntent, useExternalTabSource, useLayout, usePersistence, useResponsiveModel, useTab, useTabset };
|
|
419
|
+
export { type Breakpoint, DashfooDragProvider, type DashfooHandle, DashfooLayout, type DashfooLayoutProps, type DashfooStore, type ExternalTabSourceOptions, Layout, type DragProviderProps as LayoutDragLayerProps, type FloatLayerProps as LayoutFloatLayerProps, type LayoutRootProps, type RowViewProps as LayoutRowsProps, type LayoutState, type TabsetViewProps as LayoutTabsetProps, Panel, type PanelBadgeProps, type PanelBodyProps, type PanelHeaderProps, type PanelIconProps, type PanelRootProps, type PanelTitleProps, type PersistConfig, type Persistence, type ResponsiveModel, type StorageAdapter, type TabComponent, type TabContextValue, Tabset, type TabsetCloseButtonProps, type TabsetContentProps, type TabsetFloatButtonProps, type TabsetGripProps, type TabsetMaximizeButtonProps, type TabsetRenameInputProps, type TabsetRootProps, type TabsetState, type TabsetTabProps, type TabsetTabStripProps, type TabsetTablistProps, type TabsetToolbarProps, type TabsetTriggerProps, type UseDashfooStoreOptions, type UseResponsiveModelOptions, activeBreakpoint, localStorageAdapter, matchBreakpoint, memoryStorageAdapter, useContainerWidth, useDashfooStore, useDragSubject, useDropIntent, useExternalTabSource, useLayout, usePersistence, useResponsiveModel, useTab, useTabset };
|
|
396
420
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","names":[],"sources":["../src/hooks/persistence.ts","../src/components/dashfoo-layout.tsx","../src/components/drag-root.tsx","../src/hooks/drag-hooks.tsx","../src/components/drag-adapter.tsx","../src/components/layout-root.tsx","../src/components/row-view.tsx","../src/components/tabset/tabset-view.tsx","../src/components/layout.tsx","../src/components/panel.tsx","../src/components/tabset/tabset-tab-controls.tsx","../src/components/tabset/tabset-content.tsx","../src/components/tabset/tabset-toolbar.tsx","../src/components/tabset/tabset-root.tsx","../src/components/tabset/tabset-tab.tsx","../src/components/tabset/tabset-tablist.tsx","../src/components/tabset/tabset.ts","../src/components/tab-overflow.tsx","../src/components/tabset/tabset-store.ts","../src/hooks/layout-store.ts","../src/hooks/responsive.ts","../src/hooks/store.ts"],"mappings":";;;;KAQK,cAAA;EACH,OAAA,GAAU,GAAA;EACV,UAAA,GAAa,GAAA;EACb,OAAA,GAAU,GAAA,UAAa,KAAA;AAAA;AAAA,cAGnB,oBAAA,QAA2B,cAWhC;AAAA,cAIK,mBAAA,EAAqB,cAiC1B;AAAA,KAII,aAAA;EACH,UAAA;EACA,GAAA;EACA,OAAA,EAAS,cAAc;AAAA;AAAA,KAGpB,WAAA;EACH,KAAA;EAEA,YAAA,EAAc,OAAA;EACd,IAAA,GAAO,KAAA,EAAO,OAAO;AAAA;AAAA,cASjB,cAAA,GACJ,MAAA,EAAQ,aAAA,SACR,YAAA,EAAc,OAAA,iBACb,WAAA;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","names":[],"sources":["../src/hooks/persistence.ts","../src/components/dashfoo-layout.tsx","../src/components/drag-root.tsx","../src/hooks/drag-hooks.tsx","../src/components/drag-adapter.tsx","../src/components/float-layer.tsx","../src/components/layout-root.tsx","../src/components/row-view.tsx","../src/components/tabset/tabset-view.tsx","../src/components/layout.tsx","../src/components/panel.tsx","../src/components/tabset/tabset-tab-controls.tsx","../src/components/tabset/tabset-content.tsx","../src/components/tabset/tabset-toolbar.tsx","../src/components/tabset/tabset-root.tsx","../src/components/tabset/tabset-tab.tsx","../src/components/tabset/tabset-tablist.tsx","../src/components/tabset/tabset.ts","../src/components/tab-overflow.tsx","../src/components/tabset/tabset-store.ts","../src/hooks/layout-store.ts","../src/hooks/responsive.ts","../src/hooks/store.ts"],"mappings":"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"}
|