Merge pull request #462 from mathuo/432-dockview-191-iteration-plan

chore: 1.9.1 docs
mathuo · Jan 20, 2024 · 1762389 · 1762389
2 parents b0a5e66 + 87b999f
commit 1762389
Show file tree

Hide file tree

Showing 23 changed files with 67 additions and 1,789 deletions.
diff --git a/packages/docs/blog/2024-01-20-dockview-1.9.1.md b/packages/docs/blog/2024-01-20-dockview-1.9.1.md
@@ -0,0 +1,21 @@
+---
+slug: dockview-1.9.1-release
+title: Dockview 1.9.1
+tags: [release]
+---
+
+# Release Notes
+
+Please reference to docs @ [dockview.dev](https://dockview.dev).
+
+## 🚀 Features
+
+-   Drop target overlay classnames [#452](https://github.com/mathuo/dockview/issues/452)
+
+-   Expose root drop target configuration options [#431](https://github.com/mathuo/dockview/issues/431)
+
+## 🛠 Miscs
+
+-   Bug: Floating groups position reset when display:none applied to component [#458](https://github.com/mathuo/dockview/issues/458)
+
+## 🔥 Breaking changes
diff --git a/packages/docs/docs/components/dockview.mdx b/packages/docs/docs/components/dockview.mdx
@@ -264,6 +264,18 @@ which will be rendered when there are no panels or groups.
 
 ## Drag And Drop
 
+You can override the conditions of the far edge overlays through the `rootOverlayModel` prop.
+
+```tsx
+<DockviewReact
+  {...props}
+   rootOverlayModel={{
+    size: { value: 100, type: 'pixels' },
+    activationSize: { value: 5, type: 'percentage' },
+  }}
+  />
+```
+
 ### Built-in behaviours
 
 Dockview supports a wide variety of built-in Drag and Drop possibilities.

diff --git a/packages/docs/sandboxes/dnd-dockview/src/app.tsx b/packages/docs/sandboxes/dnd-dockview/src/app.tsx
@@ -180,6 +180,10 @@ const DndDockview = (props: { renderVisibleOnly: boolean; theme?: string }) => {
                 className={`${props.theme || 'dockview-theme-abyss'}`}
                 onDidDrop={onDidDrop}
                 showDndOverlay={showDndOverlay}
+                rootOverlayModel={{
+                    size: { value: 100, type: 'pixels' },
+                    activationSize: { value: 5, type: 'percentage' },
+                }}
             />
         </div>
     );

diff --git a/packages/docs/sandboxes/popoutgroup-dockview/src/app.tsx b/packages/docs/sandboxes/popoutgroup-dockview/src/app.tsx
@@ -1,6 +1,5 @@
 import {
     DockviewApi,
-    DockviewGroupPanel,
     DockviewReact,
     DockviewReadyEvent,
     IDockviewHeaderActionsProps,
@@ -26,14 +25,6 @@ const components = {
     },
 };
 
-const counter = (() => {
-    let i = 0;
-
-    return {
-        next: () => ++i,
-    };
-})();
-
 function loadDefaultLayout(api: DockviewApi) {
     api.addPanel({
         id: 'panel_1',