diff --git a/packages/docs/blog/2023-02-28-dockview-1.6.0.mdx b/packages/docs/blog/2023-02-26-dockview-1.6.0.mdx
similarity index 75%
rename from packages/docs/blog/2023-02-28-dockview-1.6.0.mdx
rename to packages/docs/blog/2023-02-26-dockview-1.6.0.mdx
index 171454536..906cef505 100644
--- a/packages/docs/blog/2023-02-28-dockview-1.6.0.mdx
+++ b/packages/docs/blog/2023-02-26-dockview-1.6.0.mdx
@@ -13,16 +13,19 @@ If you feel anything is missing or unclear please let me know.
## 🚀 Features
-- magnetic dnd controls [#177](https://github.com/mathuo/dockview/pull/177)
+- Allow drag events to edge of dockview containers [#177](https://github.com/mathuo/dockview/pull/177)
- group dnd [#171](https://github.com/mathuo/dockview/pull/171)
- full width tabs [#171](https://github.com/mathuo/dockview/pull/177)
- addPanel improvements
- update parameters via panel.api.updateParameters
- allow dnd on empty groups [#168](https://github.com/mathuo/dockview/pull/168)
+- Change watermark logic [#194](https://github.com/mathuo/dockview/pull/194)
## 🛠Miscs
- Fix dockview panel.api.setSize to work as expected [#184](https://github.com/mathuo/dockview/pull/184)
+- Fix dockview setTitle [#190](https://github.com/mathuo/dockview/pull/190)
+- Fix group dnd logic to filter for same dockview instance [#185](https://github.com/mathuo/dockview/pull/193)
- Update dependencies including the dev dependencies for dockview and all dependencies for the docs website.
[#180](https://github.com/mathuo/dockview/pull/180)
- A variety of internal changes including file name changes
diff --git a/packages/docs/src/components/dockview/watermark.tsx b/packages/docs/src/components/dockview/watermark.tsx
index 3ea334579..405ae3887 100644
--- a/packages/docs/src/components/dockview/watermark.tsx
+++ b/packages/docs/src/components/dockview/watermark.tsx
@@ -1,4 +1,5 @@
import {
+ DockviewApi,
DockviewReact,
DockviewReadyEvent,
IDockviewPanelProps,
@@ -33,6 +34,8 @@ const counter = (() => {
})();
const Watermark = (props: IWatermarkPanelProps) => {
+ const isGroup = props.containerApi.groups.length > 0;
+
const addPanel = () => {
props.containerApi.addPanel({
id: counter.next().toString(),
@@ -63,12 +66,25 @@ const Watermark = (props: IWatermarkPanelProps) => {
+ {isGroup && (
+
+
+
+ )}
);
};
export const DockviewWatermark = () => {
+ const [api, setApi] = React.useState();
+
const onReady = (event: DockviewReadyEvent) => {
// event.api.addPanel({
// id: 'panel_1',
@@ -84,6 +100,16 @@ export const DockviewWatermark = () => {
},
panels: {},
});
+
+ setApi(event.api);
+ };
+
+ const onClick = () => {
+ if (!api) {
+ return;
+ }
+
+ api.addGroup();
};
return (
@@ -94,6 +120,9 @@ export const DockviewWatermark = () => {
flexDirection: 'column',
}}
>
+
+
+