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', }} > +
+ +