From 5cf3cfb6167cd5488ce01337f5882739db31e096 Mon Sep 17 00:00:00 2001 From: mathuo <6710312+mathuo@users.noreply.github.com> Date: Sun, 27 Oct 2024 20:59:04 +0000 Subject: [PATCH 1/3] chore: docs --- .../custom-header/typescript/src/index.ts | 134 ++++++++++++++++++ .../dockview/locked/typescript/src/index.ts | 80 +++++++++++ .../scrollbars/typescript/src/index.ts | 108 ++++++++++++++ .../dockview/tabview/typescript/src/index.ts | 66 +++++++++ .../update-parameters/typescript/src/index.ts | 134 ++++++++++++++++++ .../update-title/typescript/src/index.ts | 88 ++++++++++++ 6 files changed, 610 insertions(+) create mode 100644 packages/docs/templates/dockview/custom-header/typescript/src/index.ts create mode 100644 packages/docs/templates/dockview/locked/typescript/src/index.ts create mode 100644 packages/docs/templates/dockview/scrollbars/typescript/src/index.ts create mode 100644 packages/docs/templates/dockview/tabview/typescript/src/index.ts create mode 100644 packages/docs/templates/dockview/update-parameters/typescript/src/index.ts create mode 100644 packages/docs/templates/dockview/update-title/typescript/src/index.ts diff --git a/packages/docs/templates/dockview/custom-header/typescript/src/index.ts b/packages/docs/templates/dockview/custom-header/typescript/src/index.ts new file mode 100644 index 000000000..7eecc568c --- /dev/null +++ b/packages/docs/templates/dockview/custom-header/typescript/src/index.ts @@ -0,0 +1,134 @@ +import 'dockview-core/dist/styles/dockview.css'; +import { + createDockview, + GroupPanelPartInitParameters, + IContentRenderer, + ITabRenderer, + PanelUpdateEvent, + Parameters, +} from 'dockview-core'; + +class Panel implements IContentRenderer { + private readonly _element: HTMLElement; + + private readonly e1: HTMLElement; + private readonly e2: HTMLElement; + private readonly e3: HTMLElement; + + private interval: any; + + get element(): HTMLElement { + return this._element; + } + + constructor() { + this._element = document.createElement('div'); + this._element.style.color = 'white'; + + this.e1 = document.createElement('div'); + this.e2 = document.createElement('button'); + this.e3 = document.createElement('span'); + + this.e2.textContent = 'Start'; + + this.element.append(this.e1, this.e2, this.e3); + } + + init(parameters: GroupPanelPartInitParameters): void { + parameters.api.onDidTitleChange((event) => { + this.e1.textContent = event.title; + }); + + this.e1.textContent = parameters.api.title; + this.e3.textContent = `value: ${parameters.params.myValue}`; + + this.e2.addEventListener('click', () => { + if (this.interval) { + clearInterval(this.interval); + this.interval = undefined; + this.e2.textContent = 'Start'; + } else { + this.interval = setInterval(() => { + parameters.api.updateParameters({ myValue: Date.now() }); + }, 1000); + parameters.api.updateParameters({ myValue: Date.now() }); + this.e2.textContent = 'Stop'; + } + }); + } + + update(event: PanelUpdateEvent): void { + this.e3.textContent = `value: ${event.params.myValue}`; + } +} + +class CustomTab implements ITabRenderer { + private readonly _element: HTMLElement; + + private readonly e1: HTMLElement; + private readonly e2: HTMLElement; + + get element(): HTMLElement { + return this._element; + } + + constructor() { + this._element = document.createElement('div'); + this._element.style.color = 'white'; + + this.e1 = document.createElement('div'); + this.e2 = document.createElement('span'); + + this.element.append(this.e1, this.e2); + } + + init(parameters: GroupPanelPartInitParameters): void { + parameters.api.onDidTitleChange((event) => { + this.e1.textContent = parameters.api.title; + }); + + this.e1.textContent = parameters.api.title; + this.e2.textContent = `value: ${parameters.params.myValue}`; + } + + update(event: PanelUpdateEvent): void { + this.e2.textContent = `value: ${event.params.myValue}`; + } +} + +const api = createDockview(document.getElementById('app'), { + className: 'dockview-theme-abyss', + createComponent: (options) => { + switch (options.name) { + case 'default': + return new Panel(); + } + }, + createTabComponent: (options) => { + switch (options.name) { + case 'default': + return new CustomTab(); + } + }, +}); + +api.addPanel({ + id: 'panel_1', + component: 'default', + tabComponent: 'default', + title: 'Panel 1', + params: { + myValue: Date.now(), + }, +}); + +api.addPanel({ + id: 'panel_2', + component: 'default', + tabComponent: 'default', + position: { referencePanel: 'panel_1', direction: 'right' }, + title: 'Panel 2', + params: { + myValue: Date.now(), + }, +}); diff --git a/packages/docs/templates/dockview/locked/typescript/src/index.ts b/packages/docs/templates/dockview/locked/typescript/src/index.ts new file mode 100644 index 000000000..7050b6b89 --- /dev/null +++ b/packages/docs/templates/dockview/locked/typescript/src/index.ts @@ -0,0 +1,80 @@ +import 'dockview-core/dist/styles/dockview.css'; +import { + createDockview, + GroupPanelPartInitParameters, + IContentRenderer, + ITabRenderer, + PanelUpdateEvent, + Parameters, +} from 'dockview-core'; + +class Panel implements IContentRenderer { + private readonly _element: HTMLElement; + + private readonly e1: HTMLElement; + + get element(): HTMLElement { + return this._element; + } + + constructor() { + this._element = document.createElement('div'); + this._element.style.color = 'white'; + + this.e1 = document.createElement('div'); + + this.element.append(this.e1); + } + + init(parameters: GroupPanelPartInitParameters): void { + parameters.api.onDidTitleChange((event) => { + this.e1.textContent = event.title; + }); + + this.e1.textContent = parameters.api.title; + } +} + +const api = createDockview(document.getElementById('app'), { + className: 'dockview-theme-abyss', + createComponent: (options) => { + switch (options.name) { + case 'default': + return new Panel(); + } + }, + locked: true, +}); + +api.addPanel({ + id: 'panel_1', + component: 'default', +}); + +api.addPanel({ + id: 'panel_2', + component: 'default', + position: { + direction: 'right', + referencePanel: 'panel_1', + }, +}); + +api.addPanel({ + id: 'panel_3', + component: 'default', + position: { + direction: 'below', + referencePanel: 'panel_1', + }, +}); + +api.addPanel({ + id: 'panel_4', + component: 'default', +}); + +api.addPanel({ + id: 'panel_5', + component: 'default', +}); diff --git a/packages/docs/templates/dockview/scrollbars/typescript/src/index.ts b/packages/docs/templates/dockview/scrollbars/typescript/src/index.ts new file mode 100644 index 000000000..b0b34cb38 --- /dev/null +++ b/packages/docs/templates/dockview/scrollbars/typescript/src/index.ts @@ -0,0 +1,108 @@ +import 'dockview-core/dist/styles/dockview.css'; +import { + createDockview, + GroupPanelPartInitParameters, + IContentRenderer, +} from 'dockview-core'; + +const TEXT = + 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'; + +class FixedHeightContainer implements IContentRenderer { + private readonly _element: HTMLElement; + + get element(): HTMLElement { + return this._element; + } + + constructor() { + this._element = document.createElement('div'); + this._element.style.color = 'white'; + this._element.style.height = '100%'; + this._element.textContent = [TEXT, '\n\n'].join('').repeat(20); + } + + init(parameters: GroupPanelPartInitParameters): void { + // + } +} + +class OverflowContainer implements IContentRenderer { + private readonly _element: HTMLElement; + + get element(): HTMLElement { + return this._element; + } + + constructor() { + this._element = document.createElement('div'); + this._element.style.color = 'white'; + this._element.style.height = '200px'; + this._element.style.overflow = 'auto'; + this._element.textContent = [TEXT, '\n\n'].join('').repeat(20); + } + + init(parameters: GroupPanelPartInitParameters): void { + // + } +} + +class UserDefinedOverflowContainer implements IContentRenderer { + private readonly _element: HTMLElement; + + get element(): HTMLElement { + return this._element; + } + + constructor() { + this._element = document.createElement('div'); + this._element.style.color = 'white'; + this._element.style.height = '100%'; + + const innerEl = document.createElement('div'); + innerEl.style.height = '100%'; + innerEl.style.color = 'white'; + innerEl.style.overflow = 'auto'; + + innerEl.textContent = [TEXT, '\n\n'].join('').repeat(20); + this._element.appendChild(innerEl); + } + + init(parameters: GroupPanelPartInitParameters): void { + // + } +} + +const api = createDockview(document.getElementById('app'), { + className: 'dockview-theme-abyss', + createComponent: (options) => { + switch (options.name) { + case 'fixedHeightContainer': + return new FixedHeightContainer(); + case 'overflowContainer': + return new OverflowContainer(); + case 'userDefinedOverflowContainer': + return new UserDefinedOverflowContainer(); + } + }, +}); + +api.addPanel({ + id: 'panel_1', + component: 'fixedHeightContainer', + title: 'Panel 1', +}); + +api.addPanel({ + id: 'panel_2', + component: 'overflowContainer', + title: 'Panel 2', + position: { direction: 'right' }, +}); + +api.addPanel({ + id: 'panel_3', + component: 'userDefinedOverflowContainer', + title: 'Panel 3', + position: { direction: 'right' }, +}); diff --git a/packages/docs/templates/dockview/tabview/typescript/src/index.ts b/packages/docs/templates/dockview/tabview/typescript/src/index.ts new file mode 100644 index 000000000..53be1f98a --- /dev/null +++ b/packages/docs/templates/dockview/tabview/typescript/src/index.ts @@ -0,0 +1,66 @@ +import 'dockview-core/dist/styles/dockview.css'; +import { + createDockview, + GroupPanelPartInitParameters, + IContentRenderer, +} from 'dockview-core'; + +class Panel implements IContentRenderer { + private readonly _element: HTMLElement; + + get element(): HTMLElement { + return this._element; + } + + constructor() { + this._element = document.createElement('div'); + this._element.style.color = 'white'; + } + + init(parameters: GroupPanelPartInitParameters): void { + this._element.textContent = 'Hello World'; + } +} + +const api = createDockview(document.getElementById('app'), { + className: 'dockview-theme-abyss', + createComponent: (options) => { + switch (options.name) { + case 'default': + return new Panel(); + } + }, + disableFloatingGroups: true, +}); + +api.onWillShowOverlay((e) => { + if (e.kind === 'header_space' || e.kind === 'tab') { + return; + } + e.preventDefault(); +}); + +api.addPanel({ + id: 'panel_1', + component: 'default', +}); + +api.addPanel({ + id: 'panel_2', + component: 'default', +}); + +api.addPanel({ + id: 'panel_3', + component: 'default', +}); + +api.addPanel({ + id: 'panel_4', + component: 'default', +}); + +api.addPanel({ + id: 'panel_5', + component: 'default', +}); diff --git a/packages/docs/templates/dockview/update-parameters/typescript/src/index.ts b/packages/docs/templates/dockview/update-parameters/typescript/src/index.ts new file mode 100644 index 000000000..7eecc568c --- /dev/null +++ b/packages/docs/templates/dockview/update-parameters/typescript/src/index.ts @@ -0,0 +1,134 @@ +import 'dockview-core/dist/styles/dockview.css'; +import { + createDockview, + GroupPanelPartInitParameters, + IContentRenderer, + ITabRenderer, + PanelUpdateEvent, + Parameters, +} from 'dockview-core'; + +class Panel implements IContentRenderer { + private readonly _element: HTMLElement; + + private readonly e1: HTMLElement; + private readonly e2: HTMLElement; + private readonly e3: HTMLElement; + + private interval: any; + + get element(): HTMLElement { + return this._element; + } + + constructor() { + this._element = document.createElement('div'); + this._element.style.color = 'white'; + + this.e1 = document.createElement('div'); + this.e2 = document.createElement('button'); + this.e3 = document.createElement('span'); + + this.e2.textContent = 'Start'; + + this.element.append(this.e1, this.e2, this.e3); + } + + init(parameters: GroupPanelPartInitParameters): void { + parameters.api.onDidTitleChange((event) => { + this.e1.textContent = event.title; + }); + + this.e1.textContent = parameters.api.title; + this.e3.textContent = `value: ${parameters.params.myValue}`; + + this.e2.addEventListener('click', () => { + if (this.interval) { + clearInterval(this.interval); + this.interval = undefined; + this.e2.textContent = 'Start'; + } else { + this.interval = setInterval(() => { + parameters.api.updateParameters({ myValue: Date.now() }); + }, 1000); + parameters.api.updateParameters({ myValue: Date.now() }); + this.e2.textContent = 'Stop'; + } + }); + } + + update(event: PanelUpdateEvent): void { + this.e3.textContent = `value: ${event.params.myValue}`; + } +} + +class CustomTab implements ITabRenderer { + private readonly _element: HTMLElement; + + private readonly e1: HTMLElement; + private readonly e2: HTMLElement; + + get element(): HTMLElement { + return this._element; + } + + constructor() { + this._element = document.createElement('div'); + this._element.style.color = 'white'; + + this.e1 = document.createElement('div'); + this.e2 = document.createElement('span'); + + this.element.append(this.e1, this.e2); + } + + init(parameters: GroupPanelPartInitParameters): void { + parameters.api.onDidTitleChange((event) => { + this.e1.textContent = parameters.api.title; + }); + + this.e1.textContent = parameters.api.title; + this.e2.textContent = `value: ${parameters.params.myValue}`; + } + + update(event: PanelUpdateEvent): void { + this.e2.textContent = `value: ${event.params.myValue}`; + } +} + +const api = createDockview(document.getElementById('app'), { + className: 'dockview-theme-abyss', + createComponent: (options) => { + switch (options.name) { + case 'default': + return new Panel(); + } + }, + createTabComponent: (options) => { + switch (options.name) { + case 'default': + return new CustomTab(); + } + }, +}); + +api.addPanel({ + id: 'panel_1', + component: 'default', + tabComponent: 'default', + title: 'Panel 1', + params: { + myValue: Date.now(), + }, +}); + +api.addPanel({ + id: 'panel_2', + component: 'default', + tabComponent: 'default', + position: { referencePanel: 'panel_1', direction: 'right' }, + title: 'Panel 2', + params: { + myValue: Date.now(), + }, +}); diff --git a/packages/docs/templates/dockview/update-title/typescript/src/index.ts b/packages/docs/templates/dockview/update-title/typescript/src/index.ts new file mode 100644 index 000000000..8925fd53d --- /dev/null +++ b/packages/docs/templates/dockview/update-title/typescript/src/index.ts @@ -0,0 +1,88 @@ +import 'dockview-core/dist/styles/dockview.css'; +import { + createDockview, + GroupPanelPartInitParameters, + IContentRenderer, + ITabRenderer, + PanelUpdateEvent, + Parameters, +} from 'dockview-core'; + +class Panel implements IContentRenderer { + private readonly _element: HTMLElement; + + private readonly e1: HTMLElement; + private readonly e2: HTMLInputElement; + private readonly e3: HTMLElement; + + get element(): HTMLElement { + return this._element; + } + + constructor() { + this._element = document.createElement('div'); + this._element.style.color = 'white'; + this._element.style.padding = '20px'; + + this.e1 = document.createElement('div'); + this.e2 = document.createElement('input'); + this.e3 = document.createElement('button'); + this.e3.textContent = 'Change'; + + this.element.append(this.e1, this.e2, this.e3); + } + + init(parameters: GroupPanelPartInitParameters): void { + parameters.api.onDidTitleChange((event) => { + this.e1.textContent = `props.api.title=${event.title}`; + }); + + this.e1.textContent = `props.api.title=${parameters.api.title}`; + + this.e3.addEventListener('click', () => { + parameters.api.setTitle(this.e2.value); + }); + } + + update(event: PanelUpdateEvent): void { + this.e3.textContent = `value: ${event.params.myValue}`; + } +} + +const api = createDockview(document.getElementById('app'), { + className: 'dockview-theme-abyss', + createComponent: (options) => { + switch (options.name) { + case 'default': + return new Panel(); + } + }, +}); + +const panel = api.addPanel({ + id: 'panel_1', + component: 'default', + title: 'Panel 1', +}); + +const panel2 = api.addPanel({ + id: 'panel_2', + component: 'default', + title: 'Panel 2', + position: { referencePanel: panel }, +}); + +const panel3 = api.addPanel({ + id: 'panel_3', + component: 'default', + title: 'Panel 3', + + position: { referencePanel: panel, direction: 'right' }, +}); + +const panel4 = api.addPanel({ + id: 'panel_4', + component: 'default', + title: 'Panel 4', + position: { referencePanel: panel3 }, +}); From e46a5860447b7ca2e3197f81b28fb46b12d2d1a6 Mon Sep 17 00:00:00 2001 From: mathuo <6710312+mathuo@users.noreply.github.com> Date: Fri, 15 Nov 2024 20:36:26 +0000 Subject: [PATCH 2/3] chore: remove old docs --- .codesandbox/ci.json | 35 -- .../customheader-dockview/package.json | 32 -- .../customheader-dockview/public/index.html | 44 -- .../customheader-dockview/src/app.tsx | 122 ----- .../customheader-dockview/src/index.tsx | 20 - .../customheader-dockview/src/styles.css | 16 - .../customheader-dockview/tsconfig.json | 18 - .../sandboxes/events-dockview/package.json | 32 -- .../events-dockview/public/index.html | 44 -- .../sandboxes/events-dockview/src/app.tsx | 346 -------------- .../events-dockview/src/console.scss | 27 -- .../sandboxes/events-dockview/src/console.tsx | 52 --- .../sandboxes/events-dockview/src/index.tsx | 20 - .../sandboxes/events-dockview/src/styles.css | 16 - .../sandboxes/events-dockview/tsconfig.json | 18 - .../sandboxes/focus-dockview/package.json | 32 -- .../focus-dockview/public/index.html | 44 -- .../docs/sandboxes/focus-dockview/src/app.tsx | 125 ----- .../sandboxes/focus-dockview/src/index.tsx | 20 - .../sandboxes/focus-dockview/src/styles.css | 16 - .../sandboxes/focus-dockview/tsconfig.json | 18 - .../javascript/simple-dockview/package.json | 28 -- .../simple-dockview/public/index.html | 44 -- .../javascript/simple-dockview/src/app.ts | 120 ----- .../javascript/simple-dockview/src/index.ts | 10 - .../javascript/simple-dockview/src/styles.css | 16 - .../javascript/simple-dockview/tsconfig.json | 18 - .../tabheight-dockview/package.json | 28 -- .../tabheight-dockview/public/index.html | 44 -- .../tabheight-dockview/src/app.scss | 3 - .../javascript/tabheight-dockview/src/app.ts | 110 ----- .../tabheight-dockview/src/index.ts | 10 - .../tabheight-dockview/src/styles.css | 16 - .../tabheight-dockview/tsconfig.json | 18 - .../javascript/vanilla-dockview/package.json | 28 -- .../vanilla-dockview/public/index.html | 44 -- .../javascript/vanilla-dockview/src/app.ts | 80 ---- .../javascript/vanilla-dockview/src/index.ts | 10 - .../vanilla-dockview/src/styles.css | 16 - .../javascript/vanilla-dockview/tsconfig.json | 18 - .../lockedgroup-dockview/package.json | 32 -- .../lockedgroup-dockview/public/index.html | 44 -- .../lockedgroup-dockview/src/app.tsx | 71 --- .../lockedgroup-dockview/src/index.tsx | 20 - .../lockedgroup-dockview/src/styles.css | 16 - .../lockedgroup-dockview/tsconfig.json | 18 - .../sandboxes/nested-dockview/package.json | 32 -- .../nested-dockview/public/index.html | 44 -- .../sandboxes/nested-dockview/src/app.scss | 12 - .../sandboxes/nested-dockview/src/app.tsx | 95 ---- .../sandboxes/nested-dockview/src/index.tsx | 20 - .../sandboxes/nested-dockview/src/styles.css | 16 - .../sandboxes/nested-dockview/tsconfig.json | 18 - .../react/dockview/constraints/package.json | 32 -- .../dockview/constraints/public/index.html | 44 -- .../react/dockview/constraints/src/app.tsx | 148 ------ .../react/dockview/constraints/src/index.tsx | 20 - .../react/dockview/constraints/src/styles.css | 16 - .../react/dockview/constraints/tsconfig.json | 18 - .../react/dockview/demo-dockview/package.json | 34 -- .../dockview/demo-dockview/public/index.html | 45 -- .../react/dockview/demo-dockview/src/app.scss | 96 ---- .../react/dockview/demo-dockview/src/app.tsx | 431 ------------------ .../dockview/demo-dockview/src/controls.tsx | 148 ------ .../dockview/demo-dockview/src/debugPanel.tsx | 164 ------- .../demo-dockview/src/defaultLayout.ts | 67 --- .../demo-dockview/src/gridActions.tsx | 216 --------- .../demo-dockview/src/groupActions.tsx | 189 -------- .../dockview/demo-dockview/src/index.tsx | 20 - .../demo-dockview/src/panelActions.tsx | 138 ------ .../demo-dockview/src/panelBuilder.tsx | 115 ----- .../dockview/demo-dockview/src/styles.css | 16 - .../dockview/demo-dockview/tsconfig.json | 18 - .../react/dockview/dnd-events/package.json | 32 -- .../dockview/dnd-events/public/index.html | 44 -- .../react/dockview/dnd-events/src/app.tsx | 142 ------ .../react/dockview/dnd-events/src/index.tsx | 20 - .../react/dockview/dnd-events/src/styles.css | 16 - .../react/dockview/dnd-events/tsconfig.json | 18 - .../react/dockview/dnd-external/package.json | 32 -- .../dockview/dnd-external/public/index.html | 44 -- .../react/dockview/dnd-external/src/app.tsx | 192 -------- .../react/dockview/dnd-external/src/index.tsx | 20 - .../dockview/dnd-external/src/styles.css | 16 - .../react/dockview/dnd-external/tsconfig.json | 18 - .../dockview/floating-groups/package.json | 32 -- .../floating-groups/public/index.html | 44 -- .../dockview/floating-groups/src/app.tsx | 301 ------------ .../dockview/floating-groups/src/index.tsx | 20 - .../dockview/floating-groups/src/styles.css | 16 - .../dockview/floating-groups/src/utils.tsx | 30 -- .../dockview/floating-groups/tsconfig.json | 18 - .../react/dockview/group-actions/package.json | 32 -- .../dockview/group-actions/public/index.html | 44 -- .../react/dockview/group-actions/src/app.scss | 20 - .../react/dockview/group-actions/src/app.tsx | 102 ----- .../dockview/group-actions/src/index.tsx | 20 - .../dockview/group-actions/src/styles.css | 16 - .../dockview/group-actions/tsconfig.json | 18 - .../react/dockview/layout/package.json | 32 -- .../react/dockview/layout/public/index.html | 44 -- .../react/dockview/layout/src/app.tsx | 132 ------ .../react/dockview/layout/src/index.tsx | 20 - .../react/dockview/layout/src/styles.css | 16 - .../react/dockview/layout/tsconfig.json | 18 - .../react/dockview/locked/package.json | 32 -- .../react/dockview/locked/public/index.html | 44 -- .../react/dockview/locked/src/app.tsx | 64 --- .../react/dockview/locked/src/index.tsx | 20 - .../react/dockview/locked/src/styles.css | 16 - .../react/dockview/locked/tsconfig.json | 18 - .../dockview/maximize-group/package.json | 32 -- .../dockview/maximize-group/public/index.html | 44 -- .../react/dockview/maximize-group/src/app.tsx | 252 ---------- .../dockview/maximize-group/src/index.tsx | 20 - .../dockview/maximize-group/src/styles.css | 16 - .../dockview/maximize-group/src/utils.tsx | 30 -- .../dockview/maximize-group/tsconfig.json | 18 - .../react/dockview/popout-group/package.json | 33 -- .../dockview/popout-group/public/index.html | 44 -- .../react/dockview/popout-group/src/app.tsx | 280 ------------ .../react/dockview/popout-group/src/index.tsx | 20 - .../dockview/popout-group/src/popover.tsx | 55 --- .../dockview/popout-group/src/styles.css | 16 - .../react/dockview/popout-group/src/utils.tsx | 30 -- .../react/dockview/popout-group/tsconfig.json | 18 - .../react/dockview/render-mode/package.json | 33 -- .../dockview/render-mode/public/index.html | 45 -- .../react/dockview/render-mode/src/app.scss | 0 .../react/dockview/render-mode/src/app.tsx | 160 ------- .../react/dockview/render-mode/src/index.tsx | 20 - .../react/dockview/render-mode/src/styles.css | 16 - .../react/dockview/render-mode/tsconfig.json | 18 - .../dockview/resize-container/package.json | 32 -- .../resize-container/public/index.html | 43 -- .../dockview/resize-container/src/app.tsx | 117 ----- .../dockview/resize-container/src/index.tsx | 20 - .../dockview/resize-container/src/styles.css | 16 - .../dockview/resize-container/tsconfig.json | 18 - .../react/dockview/resize/package.json | 32 -- .../react/dockview/resize/public/index.html | 44 -- .../react/dockview/resize/src/app.tsx | 127 ------ .../react/dockview/resize/src/index.tsx | 20 - .../react/dockview/resize/src/resize.scss | 23 - .../react/dockview/resize/src/styles.css | 16 - .../react/dockview/resize/tsconfig.json | 18 - .../react/dockview/scrollbars/package.json | 34 -- .../dockview/scrollbars/public/index.html | 45 -- .../react/dockview/scrollbars/src/app.scss | 16 - .../react/dockview/scrollbars/src/app.tsx | 77 ---- .../react/dockview/scrollbars/src/index.tsx | 20 - .../react/dockview/scrollbars/src/styles.css | 16 - .../react/dockview/scrollbars/tsconfig.json | 18 - .../react/dockview/tabview/package.json | 32 -- .../react/dockview/tabview/public/index.html | 44 -- .../react/dockview/tabview/src/app.tsx | 82 ---- .../react/dockview/tabview/src/index.tsx | 20 - .../react/dockview/tabview/src/styles.css | 16 - .../react/dockview/tabview/tsconfig.json | 18 - .../dockview/update-parameters/package.json | 32 -- .../update-parameters/public/index.html | 44 -- .../dockview/update-parameters/src/app.tsx | 85 ---- .../dockview/update-parameters/src/index.tsx | 20 - .../dockview/update-parameters/src/styles.css | 16 - .../dockview/update-parameters/tsconfig.json | 18 - .../react/dockview/update-title/package.json | 32 -- .../dockview/update-title/public/index.html | 44 -- .../react/dockview/update-title/src/app.tsx | 74 --- .../react/dockview/update-title/src/index.tsx | 20 - .../dockview/update-title/src/styles.css | 16 - .../react/dockview/update-title/tsconfig.json | 18 - .../react/dockview/watermark/package.json | 32 -- .../dockview/watermark/public/index.html | 44 -- .../react/dockview/watermark/src/app.tsx | 135 ------ .../react/dockview/watermark/src/index.tsx | 20 - .../react/dockview/watermark/src/styles.css | 16 - .../react/dockview/watermark/tsconfig.json | 18 - .../react/gridview/simple/package.json | 32 -- .../react/gridview/simple/public/index.html | 44 -- .../react/gridview/simple/src/app.scss | 3 - .../react/gridview/simple/src/app.tsx | 145 ------ .../react/gridview/simple/src/index.tsx | 20 - .../react/gridview/simple/src/styles.css | 16 - .../react/gridview/simple/tsconfig.json | 18 - .../react/paneview/simple/package.json | 32 -- .../react/paneview/simple/public/index.html | 44 -- .../react/paneview/simple/src/app.tsx | 104 ----- .../react/paneview/simple/src/index.tsx | 20 - .../react/paneview/simple/src/styles.css | 16 - .../react/paneview/simple/tsconfig.json | 18 - .../react/splitview/simple/package.json | 32 -- .../react/splitview/simple/public/index.html | 44 -- .../react/splitview/simple/src/app.tsx | 59 --- .../react/splitview/simple/src/index.tsx | 20 - .../react/splitview/simple/src/styles.css | 16 - .../react/splitview/simple/tsconfig.json | 18 - .../sandboxes/simple-dockview/package.json | 32 -- .../simple-dockview/public/index.html | 44 -- .../sandboxes/simple-dockview/src/app.tsx | 96 ---- .../sandboxes/simple-dockview/src/index.tsx | 20 - .../sandboxes/simple-dockview/src/styles.css | 16 - .../sandboxes/simple-dockview/tsconfig.json | 18 - .../sandboxes/tabheight-dockview/package.json | 32 -- .../tabheight-dockview/public/index.html | 44 -- .../sandboxes/tabheight-dockview/src/app.scss | 3 - .../sandboxes/tabheight-dockview/src/app.tsx | 83 ---- .../tabheight-dockview/src/index.tsx | 20 - .../tabheight-dockview/src/styles.css | 16 - .../tabheight-dockview/tsconfig.json | 18 - 209 files changed, 9925 deletions(-) delete mode 100644 packages/docs/sandboxes/customheader-dockview/package.json delete mode 100644 packages/docs/sandboxes/customheader-dockview/public/index.html delete mode 100644 packages/docs/sandboxes/customheader-dockview/src/app.tsx delete mode 100644 packages/docs/sandboxes/customheader-dockview/src/index.tsx delete mode 100644 packages/docs/sandboxes/customheader-dockview/src/styles.css delete mode 100644 packages/docs/sandboxes/customheader-dockview/tsconfig.json delete mode 100644 packages/docs/sandboxes/events-dockview/package.json delete mode 100644 packages/docs/sandboxes/events-dockview/public/index.html delete mode 100644 packages/docs/sandboxes/events-dockview/src/app.tsx delete mode 100644 packages/docs/sandboxes/events-dockview/src/console.scss delete mode 100644 packages/docs/sandboxes/events-dockview/src/console.tsx delete mode 100644 packages/docs/sandboxes/events-dockview/src/index.tsx delete mode 100644 packages/docs/sandboxes/events-dockview/src/styles.css delete mode 100644 packages/docs/sandboxes/events-dockview/tsconfig.json delete mode 100644 packages/docs/sandboxes/focus-dockview/package.json delete mode 100644 packages/docs/sandboxes/focus-dockview/public/index.html delete mode 100644 packages/docs/sandboxes/focus-dockview/src/app.tsx delete mode 100644 packages/docs/sandboxes/focus-dockview/src/index.tsx delete mode 100644 packages/docs/sandboxes/focus-dockview/src/styles.css delete mode 100644 packages/docs/sandboxes/focus-dockview/tsconfig.json delete mode 100644 packages/docs/sandboxes/javascript/simple-dockview/package.json delete mode 100644 packages/docs/sandboxes/javascript/simple-dockview/public/index.html delete mode 100644 packages/docs/sandboxes/javascript/simple-dockview/src/app.ts delete mode 100644 packages/docs/sandboxes/javascript/simple-dockview/src/index.ts delete mode 100644 packages/docs/sandboxes/javascript/simple-dockview/src/styles.css delete mode 100644 packages/docs/sandboxes/javascript/simple-dockview/tsconfig.json delete mode 100644 packages/docs/sandboxes/javascript/tabheight-dockview/package.json delete mode 100644 packages/docs/sandboxes/javascript/tabheight-dockview/public/index.html delete mode 100644 packages/docs/sandboxes/javascript/tabheight-dockview/src/app.scss delete mode 100644 packages/docs/sandboxes/javascript/tabheight-dockview/src/app.ts delete mode 100644 packages/docs/sandboxes/javascript/tabheight-dockview/src/index.ts delete mode 100644 packages/docs/sandboxes/javascript/tabheight-dockview/src/styles.css delete mode 100644 packages/docs/sandboxes/javascript/tabheight-dockview/tsconfig.json delete mode 100644 packages/docs/sandboxes/javascript/vanilla-dockview/package.json delete mode 100644 packages/docs/sandboxes/javascript/vanilla-dockview/public/index.html delete mode 100644 packages/docs/sandboxes/javascript/vanilla-dockview/src/app.ts delete mode 100644 packages/docs/sandboxes/javascript/vanilla-dockview/src/index.ts delete mode 100644 packages/docs/sandboxes/javascript/vanilla-dockview/src/styles.css delete mode 100644 packages/docs/sandboxes/javascript/vanilla-dockview/tsconfig.json delete mode 100644 packages/docs/sandboxes/lockedgroup-dockview/package.json delete mode 100644 packages/docs/sandboxes/lockedgroup-dockview/public/index.html delete mode 100644 packages/docs/sandboxes/lockedgroup-dockview/src/app.tsx delete mode 100644 packages/docs/sandboxes/lockedgroup-dockview/src/index.tsx delete mode 100644 packages/docs/sandboxes/lockedgroup-dockview/src/styles.css delete mode 100644 packages/docs/sandboxes/lockedgroup-dockview/tsconfig.json delete mode 100644 packages/docs/sandboxes/nested-dockview/package.json delete mode 100644 packages/docs/sandboxes/nested-dockview/public/index.html delete mode 100644 packages/docs/sandboxes/nested-dockview/src/app.scss delete mode 100644 packages/docs/sandboxes/nested-dockview/src/app.tsx delete mode 100644 packages/docs/sandboxes/nested-dockview/src/index.tsx delete mode 100644 packages/docs/sandboxes/nested-dockview/src/styles.css delete mode 100644 packages/docs/sandboxes/nested-dockview/tsconfig.json delete mode 100644 packages/docs/sandboxes/react/dockview/constraints/package.json delete mode 100644 packages/docs/sandboxes/react/dockview/constraints/public/index.html delete mode 100644 packages/docs/sandboxes/react/dockview/constraints/src/app.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/constraints/src/index.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/constraints/src/styles.css delete mode 100644 packages/docs/sandboxes/react/dockview/constraints/tsconfig.json delete mode 100644 packages/docs/sandboxes/react/dockview/demo-dockview/package.json delete mode 100644 packages/docs/sandboxes/react/dockview/demo-dockview/public/index.html delete mode 100644 packages/docs/sandboxes/react/dockview/demo-dockview/src/app.scss delete mode 100644 packages/docs/sandboxes/react/dockview/demo-dockview/src/app.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/demo-dockview/src/controls.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/demo-dockview/src/debugPanel.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/demo-dockview/src/defaultLayout.ts delete mode 100644 packages/docs/sandboxes/react/dockview/demo-dockview/src/gridActions.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/demo-dockview/src/groupActions.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/demo-dockview/src/index.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/demo-dockview/src/panelActions.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/demo-dockview/src/panelBuilder.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/demo-dockview/src/styles.css delete mode 100644 packages/docs/sandboxes/react/dockview/demo-dockview/tsconfig.json delete mode 100644 packages/docs/sandboxes/react/dockview/dnd-events/package.json delete mode 100644 packages/docs/sandboxes/react/dockview/dnd-events/public/index.html delete mode 100644 packages/docs/sandboxes/react/dockview/dnd-events/src/app.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/dnd-events/src/index.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/dnd-events/src/styles.css delete mode 100644 packages/docs/sandboxes/react/dockview/dnd-events/tsconfig.json delete mode 100644 packages/docs/sandboxes/react/dockview/dnd-external/package.json delete mode 100644 packages/docs/sandboxes/react/dockview/dnd-external/public/index.html delete mode 100644 packages/docs/sandboxes/react/dockview/dnd-external/src/app.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/dnd-external/src/index.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/dnd-external/src/styles.css delete mode 100644 packages/docs/sandboxes/react/dockview/dnd-external/tsconfig.json delete mode 100644 packages/docs/sandboxes/react/dockview/floating-groups/package.json delete mode 100644 packages/docs/sandboxes/react/dockview/floating-groups/public/index.html delete mode 100644 packages/docs/sandboxes/react/dockview/floating-groups/src/app.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/floating-groups/src/index.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/floating-groups/src/styles.css delete mode 100644 packages/docs/sandboxes/react/dockview/floating-groups/src/utils.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/floating-groups/tsconfig.json delete mode 100644 packages/docs/sandboxes/react/dockview/group-actions/package.json delete mode 100644 packages/docs/sandboxes/react/dockview/group-actions/public/index.html delete mode 100644 packages/docs/sandboxes/react/dockview/group-actions/src/app.scss delete mode 100644 packages/docs/sandboxes/react/dockview/group-actions/src/app.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/group-actions/src/index.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/group-actions/src/styles.css delete mode 100644 packages/docs/sandboxes/react/dockview/group-actions/tsconfig.json delete mode 100644 packages/docs/sandboxes/react/dockview/layout/package.json delete mode 100644 packages/docs/sandboxes/react/dockview/layout/public/index.html delete mode 100644 packages/docs/sandboxes/react/dockview/layout/src/app.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/layout/src/index.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/layout/src/styles.css delete mode 100644 packages/docs/sandboxes/react/dockview/layout/tsconfig.json delete mode 100644 packages/docs/sandboxes/react/dockview/locked/package.json delete mode 100644 packages/docs/sandboxes/react/dockview/locked/public/index.html delete mode 100644 packages/docs/sandboxes/react/dockview/locked/src/app.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/locked/src/index.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/locked/src/styles.css delete mode 100644 packages/docs/sandboxes/react/dockview/locked/tsconfig.json delete mode 100644 packages/docs/sandboxes/react/dockview/maximize-group/package.json delete mode 100644 packages/docs/sandboxes/react/dockview/maximize-group/public/index.html delete mode 100644 packages/docs/sandboxes/react/dockview/maximize-group/src/app.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/maximize-group/src/index.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/maximize-group/src/styles.css delete mode 100644 packages/docs/sandboxes/react/dockview/maximize-group/src/utils.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/maximize-group/tsconfig.json delete mode 100644 packages/docs/sandboxes/react/dockview/popout-group/package.json delete mode 100644 packages/docs/sandboxes/react/dockview/popout-group/public/index.html delete mode 100644 packages/docs/sandboxes/react/dockview/popout-group/src/app.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/popout-group/src/index.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/popout-group/src/popover.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/popout-group/src/styles.css delete mode 100644 packages/docs/sandboxes/react/dockview/popout-group/src/utils.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/popout-group/tsconfig.json delete mode 100644 packages/docs/sandboxes/react/dockview/render-mode/package.json delete mode 100644 packages/docs/sandboxes/react/dockview/render-mode/public/index.html delete mode 100644 packages/docs/sandboxes/react/dockview/render-mode/src/app.scss delete mode 100644 packages/docs/sandboxes/react/dockview/render-mode/src/app.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/render-mode/src/index.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/render-mode/src/styles.css delete mode 100644 packages/docs/sandboxes/react/dockview/render-mode/tsconfig.json delete mode 100644 packages/docs/sandboxes/react/dockview/resize-container/package.json delete mode 100644 packages/docs/sandboxes/react/dockview/resize-container/public/index.html delete mode 100644 packages/docs/sandboxes/react/dockview/resize-container/src/app.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/resize-container/src/index.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/resize-container/src/styles.css delete mode 100644 packages/docs/sandboxes/react/dockview/resize-container/tsconfig.json delete mode 100644 packages/docs/sandboxes/react/dockview/resize/package.json delete mode 100644 packages/docs/sandboxes/react/dockview/resize/public/index.html delete mode 100644 packages/docs/sandboxes/react/dockview/resize/src/app.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/resize/src/index.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/resize/src/resize.scss delete mode 100644 packages/docs/sandboxes/react/dockview/resize/src/styles.css delete mode 100644 packages/docs/sandboxes/react/dockview/resize/tsconfig.json delete mode 100644 packages/docs/sandboxes/react/dockview/scrollbars/package.json delete mode 100644 packages/docs/sandboxes/react/dockview/scrollbars/public/index.html delete mode 100644 packages/docs/sandboxes/react/dockview/scrollbars/src/app.scss delete mode 100644 packages/docs/sandboxes/react/dockview/scrollbars/src/app.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/scrollbars/src/index.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/scrollbars/src/styles.css delete mode 100644 packages/docs/sandboxes/react/dockview/scrollbars/tsconfig.json delete mode 100644 packages/docs/sandboxes/react/dockview/tabview/package.json delete mode 100644 packages/docs/sandboxes/react/dockview/tabview/public/index.html delete mode 100644 packages/docs/sandboxes/react/dockview/tabview/src/app.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/tabview/src/index.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/tabview/src/styles.css delete mode 100644 packages/docs/sandboxes/react/dockview/tabview/tsconfig.json delete mode 100644 packages/docs/sandboxes/react/dockview/update-parameters/package.json delete mode 100644 packages/docs/sandboxes/react/dockview/update-parameters/public/index.html delete mode 100644 packages/docs/sandboxes/react/dockview/update-parameters/src/app.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/update-parameters/src/index.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/update-parameters/src/styles.css delete mode 100644 packages/docs/sandboxes/react/dockview/update-parameters/tsconfig.json delete mode 100644 packages/docs/sandboxes/react/dockview/update-title/package.json delete mode 100644 packages/docs/sandboxes/react/dockview/update-title/public/index.html delete mode 100644 packages/docs/sandboxes/react/dockview/update-title/src/app.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/update-title/src/index.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/update-title/src/styles.css delete mode 100644 packages/docs/sandboxes/react/dockview/update-title/tsconfig.json delete mode 100644 packages/docs/sandboxes/react/dockview/watermark/package.json delete mode 100644 packages/docs/sandboxes/react/dockview/watermark/public/index.html delete mode 100644 packages/docs/sandboxes/react/dockview/watermark/src/app.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/watermark/src/index.tsx delete mode 100644 packages/docs/sandboxes/react/dockview/watermark/src/styles.css delete mode 100644 packages/docs/sandboxes/react/dockview/watermark/tsconfig.json delete mode 100644 packages/docs/sandboxes/react/gridview/simple/package.json delete mode 100644 packages/docs/sandboxes/react/gridview/simple/public/index.html delete mode 100644 packages/docs/sandboxes/react/gridview/simple/src/app.scss delete mode 100644 packages/docs/sandboxes/react/gridview/simple/src/app.tsx delete mode 100644 packages/docs/sandboxes/react/gridview/simple/src/index.tsx delete mode 100644 packages/docs/sandboxes/react/gridview/simple/src/styles.css delete mode 100644 packages/docs/sandboxes/react/gridview/simple/tsconfig.json delete mode 100644 packages/docs/sandboxes/react/paneview/simple/package.json delete mode 100644 packages/docs/sandboxes/react/paneview/simple/public/index.html delete mode 100644 packages/docs/sandboxes/react/paneview/simple/src/app.tsx delete mode 100644 packages/docs/sandboxes/react/paneview/simple/src/index.tsx delete mode 100644 packages/docs/sandboxes/react/paneview/simple/src/styles.css delete mode 100644 packages/docs/sandboxes/react/paneview/simple/tsconfig.json delete mode 100644 packages/docs/sandboxes/react/splitview/simple/package.json delete mode 100644 packages/docs/sandboxes/react/splitview/simple/public/index.html delete mode 100644 packages/docs/sandboxes/react/splitview/simple/src/app.tsx delete mode 100644 packages/docs/sandboxes/react/splitview/simple/src/index.tsx delete mode 100644 packages/docs/sandboxes/react/splitview/simple/src/styles.css delete mode 100644 packages/docs/sandboxes/react/splitview/simple/tsconfig.json delete mode 100644 packages/docs/sandboxes/simple-dockview/package.json delete mode 100644 packages/docs/sandboxes/simple-dockview/public/index.html delete mode 100644 packages/docs/sandboxes/simple-dockview/src/app.tsx delete mode 100644 packages/docs/sandboxes/simple-dockview/src/index.tsx delete mode 100644 packages/docs/sandboxes/simple-dockview/src/styles.css delete mode 100644 packages/docs/sandboxes/simple-dockview/tsconfig.json delete mode 100644 packages/docs/sandboxes/tabheight-dockview/package.json delete mode 100644 packages/docs/sandboxes/tabheight-dockview/public/index.html delete mode 100644 packages/docs/sandboxes/tabheight-dockview/src/app.scss delete mode 100644 packages/docs/sandboxes/tabheight-dockview/src/app.tsx delete mode 100644 packages/docs/sandboxes/tabheight-dockview/src/index.tsx delete mode 100644 packages/docs/sandboxes/tabheight-dockview/src/styles.css delete mode 100644 packages/docs/sandboxes/tabheight-dockview/tsconfig.json diff --git a/.codesandbox/ci.json b/.codesandbox/ci.json index 60af87ecb..fd3d8d2ad 100644 --- a/.codesandbox/ci.json +++ b/.codesandbox/ci.json @@ -6,41 +6,6 @@ "packages/dockview" ], "sandboxes": [ - "/packages/docs/sandboxes/constraints-dockview", - "/packages/docs/sandboxes/customheader-dockview", - "/packages/docs/sandboxes/demo-dockview", - "/packages/docs/sandboxes/dnd-dockview", - "/packages/docs/sandboxes/dockview-app", - "/packages/docs/sandboxes/editor-gridview", - "/packages/docs/sandboxes/events-dockview", - "/packages/docs/sandboxes/externaldnd-dockview", - "/packages/docs/sandboxes/floatinggroup-dockview", - "/packages/docs/sandboxes/fullwidthtab-dockview", - "/packages/docs/sandboxes/headeractions-dockview", - "/packages/docs/sandboxes/groupcontol-dockview", - "/packages/docs/sandboxes/iframe-dockview", - "/packages/docs/sandboxes/keyboard-dockview", - "/packages/docs/sandboxes/layout-dockview", - "/packages/docs/sandboxes/lockedgroup-dockview", - "/packages/docs/sandboxes/maximizegroup-dockview", - "/packages/docs/sandboxes/nativeapp-dockview", - "/packages/docs/sandboxes/nested-dockview", - "/packages/docs/sandboxes/popoutgroup-dockview", - "/packages/docs/sandboxes/rendering-dockview", - "/packages/docs/sandboxes/rendermode-dockview", - "/packages/docs/sandboxes/resize-dockview", - "/packages/docs/sandboxes/resizecontainer-dockview", - "/packages/docs/sandboxes/scrollbars-dockview", - "/packages/docs/sandboxes/simple-dockview", - "/packages/docs/sandboxes/simple-gridview", - "/packages/docs/sandboxes/simple-paneview", - "/packages/docs/sandboxes/tabheight-dockview", - "/packages/docs/sandboxes/updatetitle-dockview", - "/packages/docs/sandboxes/watermark-dockview", - "/packages/docs/sandboxes/javascript/fullwidthtab-dockview", - "/packages/docs/sandboxes/javascript/simple-dockview", - "/packages/docs/sandboxes/javascript/tabheight-dockview", - "/packages/docs/sandboxes/javascript/vanilla-dockview" ], "node": "18" } diff --git a/packages/docs/sandboxes/customheader-dockview/package.json b/packages/docs/sandboxes/customheader-dockview/package.json deleted file mode 100644 index d3ede7462..000000000 --- a/packages/docs/sandboxes/customheader-dockview/package.json +++ /dev/null @@ -1,32 +0,0 @@ -{ - "name": "customheader-dockview", - "description": "", - "keywords": [ - "dockview" - ], - "version": "1.0.0", - "main": "src/index.tsx", - "dependencies": { - "dockview": "*", - "react": "^18.2.0", - "react-dom": "^18.2.0" - }, - "devDependencies": { - "@types/react": "^18.0.28", - "@types/react-dom": "^18.0.11", - "typescript": "^4.9.5", - "react-scripts": "*" - }, - "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" - }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ] -} \ No newline at end of file diff --git a/packages/docs/sandboxes/customheader-dockview/public/index.html b/packages/docs/sandboxes/customheader-dockview/public/index.html deleted file mode 100644 index 1f8a52426..000000000 --- a/packages/docs/sandboxes/customheader-dockview/public/index.html +++ /dev/null @@ -1,44 +0,0 @@ - - - - - - - - - - - - - React App - - - - -
- - - - diff --git a/packages/docs/sandboxes/customheader-dockview/src/app.tsx b/packages/docs/sandboxes/customheader-dockview/src/app.tsx deleted file mode 100644 index 4106100a7..000000000 --- a/packages/docs/sandboxes/customheader-dockview/src/app.tsx +++ /dev/null @@ -1,122 +0,0 @@ -import { - DockviewDefaultTab, - DockviewReact, - DockviewReadyEvent, - IDockviewPanelHeaderProps, - IDockviewPanelProps, -} from 'dockview'; -import * as React from 'react'; - -interface CustomProps { - valueA: string; -} - -const components = { - default: (props: IDockviewPanelProps) => { - return
{props.api.title}
; - }, -}; - -const headerComponents = { - default: (props: IDockviewPanelHeaderProps) => { - const onContextMenu = (event: React.MouseEvent) => { - event.preventDefault(); - alert( - `This custom header was parsed the params ${JSON.stringify( - props.params - )}` - ); - }; - return ; - }, -}; - -const CustomHeadersDockview = (props: { theme?: string }) => { - const onReady = (event: DockviewReadyEvent) => { - event.api.addPanel({ - id: 'panel_1', - component: 'default', - title: 'Panel 1', - params: { - valueA: 'test value', - }, - }); - event.api.addPanel({ - id: 'panel_2', - component: 'default', - title: 'Panel 2', - params: { - valueA: 'test value', - }, - }); - event.api.addPanel({ - id: 'panel_3', - component: 'default', - title: 'Panel 3', - params: { - valueA: 'test value', - }, - }); - event.api.addPanel({ - id: 'panel_4', - component: 'default', - title: 'Panel 4', - position: { referencePanel: 'panel_3', direction: 'right' }, - params: { - valueA: 'test value', - }, - }); - event.api.addPanel({ - id: 'panel_5', - component: 'default', - title: 'Panel 5', - position: { referencePanel: 'panel_4', direction: 'within' }, - params: { - valueA: 'test value', - }, - }); - const panel6 = event.api.addPanel({ - id: 'panel_6', - component: 'default', - title: 'Panel 6', - position: { referencePanel: 'panel_4', direction: 'below' }, - params: { - valueA: 'test value', - }, - }); - panel6.group.locked = true; - panel6.group.header.hidden = true; - event.api.addPanel({ - id: 'panel_7', - component: 'default', - title: 'Panel 7', - position: { referencePanel: 'panel_6', direction: 'right' }, - params: { - valueA: 'test value', - }, - }); - event.api.addPanel({ - id: 'panel_8', - component: 'default', - - title: 'Panel 8', - position: { referencePanel: 'panel_7', direction: 'within' }, - params: { - valueA: 'test value', - }, - }); - - event.api.addGroup(); - }; - - return ( - - ); -}; - -export default CustomHeadersDockview; diff --git a/packages/docs/sandboxes/customheader-dockview/src/index.tsx b/packages/docs/sandboxes/customheader-dockview/src/index.tsx deleted file mode 100644 index 2fe1be232..000000000 --- a/packages/docs/sandboxes/customheader-dockview/src/index.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { StrictMode } from 'react'; -import * as ReactDOMClient from 'react-dom/client'; -import './styles.css'; -import 'dockview/dist/styles/dockview.css'; - -import App from './app'; - -const rootElement = document.getElementById('root'); - -if (rootElement) { - const root = ReactDOMClient.createRoot(rootElement); - - root.render( - -
- -
- - ); -} diff --git a/packages/docs/sandboxes/customheader-dockview/src/styles.css b/packages/docs/sandboxes/customheader-dockview/src/styles.css deleted file mode 100644 index 92b6a1b36..000000000 --- a/packages/docs/sandboxes/customheader-dockview/src/styles.css +++ /dev/null @@ -1,16 +0,0 @@ -body { - margin: 0px; - color: white; - font-family: sans-serif; - text-align: center; -} - -#root { - height: 100vh; - width: 100vw; -} - -.app { - height: 100%; - -} diff --git a/packages/docs/sandboxes/customheader-dockview/tsconfig.json b/packages/docs/sandboxes/customheader-dockview/tsconfig.json deleted file mode 100644 index cdc4fb5f5..000000000 --- a/packages/docs/sandboxes/customheader-dockview/tsconfig.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, - "allowJs": true, - "jsx": "react-jsx", - "moduleResolution": "node", - "rootDir": "src", - "forceConsistentCasingInFileNames": true, - "noImplicitReturns": true, - "noImplicitThis": true, - "noImplicitAny": true, - "strictNullChecks": true - } -} diff --git a/packages/docs/sandboxes/events-dockview/package.json b/packages/docs/sandboxes/events-dockview/package.json deleted file mode 100644 index 176fc41c3..000000000 --- a/packages/docs/sandboxes/events-dockview/package.json +++ /dev/null @@ -1,32 +0,0 @@ -{ - "name": "events-dockview", - "description": "", - "keywords": [ - "dockview" - ], - "version": "1.0.0", - "main": "src/index.tsx", - "dependencies": { - "dockview": "*", - "react": "^18.2.0", - "react-dom": "^18.2.0" - }, - "devDependencies": { - "@types/react": "^18.0.28", - "@types/react-dom": "^18.0.11", - "typescript": "^4.9.5", - "react-scripts": "*" - }, - "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" - }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ] -} \ No newline at end of file diff --git a/packages/docs/sandboxes/events-dockview/public/index.html b/packages/docs/sandboxes/events-dockview/public/index.html deleted file mode 100644 index 1f8a52426..000000000 --- a/packages/docs/sandboxes/events-dockview/public/index.html +++ /dev/null @@ -1,44 +0,0 @@ - - - - - - - - - - - - - React App - - - - -
- - - - diff --git a/packages/docs/sandboxes/events-dockview/src/app.tsx b/packages/docs/sandboxes/events-dockview/src/app.tsx deleted file mode 100644 index 5605a1bd8..000000000 --- a/packages/docs/sandboxes/events-dockview/src/app.tsx +++ /dev/null @@ -1,346 +0,0 @@ -import { - Orientation, - DockviewReact, - DockviewReadyEvent, - DockviewApi, - IDockviewPanelProps, -} from 'dockview'; -import * as React from 'react'; -import { Console, Line } from './console'; - -const components = { - default: (props: IDockviewPanelProps<{ title: string }>) => { - return
{props.params.title}
; - }, -}; - -const EventsDockview = (props: { theme?: string }) => { - const [lines, setLines] = React.useState([]); - const [checked, setChecked] = React.useState(false); - - const [api, setApi] = React.useState(); - - React.useEffect(() => { - if (!api) { - return () => { - //noop - }; - } - - const disposables = [ - api.onDidAddPanel((panel) => { - setLines((lines) => [ - ...lines, - { - timestamp: new Date(), - text: `onDidAddPanel: ${panel.id}`, - }, - ]); - }), - api.onDidRemovePanel((panel) => { - setLines((lines) => [ - ...lines, - { - timestamp: new Date(), - text: `onDidRemovePanel: ${panel.id}`, - }, - ]); - }), - api.onDidActivePanelChange((panel) => { - setLines((lines) => [ - ...lines, - { - timestamp: new Date(), - text: `onDidActivePanelChange: ${panel?.id}`, - }, - ]); - }), - api.onDidAddGroup((panel) => { - setLines((lines) => [ - ...lines, - { - timestamp: new Date(), - text: `onDidAddGroup: ${panel.id}`, - }, - ]); - }), - api.onDidRemoveGroup((panel) => { - setLines((lines) => [ - ...lines, - { - timestamp: new Date(), - text: `onDidRemoveGroup: ${panel.id}`, - }, - ]); - }), - api.onDidActiveGroupChange((panel) => { - setLines((lines) => [ - ...lines, - { - timestamp: new Date(), - text: `onDidActiveGroupChange: ${panel?.id}`, - }, - ]); - }), - api.onDidLayoutChange((panel) => { - setLines((lines) => [ - ...lines, - { timestamp: new Date(), text: `onDidLayoutChange` }, - ]); - }), - api.onDidLayoutFromJSON((panel) => { - setLines((lines) => [ - ...lines, - { timestamp: new Date(), text: `onDidLayoutFromJSON` }, - ]); - }), - ]; - - return () => { - disposables.forEach((disposable) => disposable.dispose()); - }; - }, [api]); - - React.useEffect(() => { - if (!api) { - return; - } - - setLines((lines) => [ - ...lines, - { - timestamp: new Date(), - text: `Rebuilding view fromJSON:${checked}`, - css: { color: 'yellow', backgroundColor: 'grey' }, - }, - ]); - - if (checked) { - api.fromJSON({ - grid: { - root: { - type: 'branch', - data: [ - { - type: 'leaf', - data: { - views: ['panel_1', 'panel_2', 'panel_3'], - activeView: 'panel_3', - id: '77', - }, - size: 262, - }, - { - type: 'branch', - data: [ - { - type: 'leaf', - data: { - views: ['panel_5'], - activeView: 'panel_5', - id: '79', - }, - size: 100, - }, - { - type: 'leaf', - data: { - views: ['panel_6', 'panel_8'], - activeView: 'panel_8', - id: '80', - }, - size: 100, - }, - { - type: 'leaf', - data: { - views: ['panel_7'], - activeView: 'panel_7', - id: '81', - }, - size: 100, - }, - ], - size: 262, - }, - { - type: 'leaf', - data: { - views: ['panel_4'], - activeView: 'panel_4', - id: '78', - }, - size: 263.75, - }, - ], - size: 300, - }, - width: 787.75, - height: 300, - orientation: Orientation.HORIZONTAL, - }, - panels: { - panel_1: { - id: 'panel_1', - contentComponent: 'default', - params: { title: 'Panel 1' }, - title: 'panel_1', - }, - panel_2: { - id: 'panel_2', - contentComponent: 'default', - params: { title: 'Panel 2' }, - title: 'panel_2', - }, - panel_3: { - id: 'panel_3', - contentComponent: 'default', - params: { title: 'Panel 3' }, - title: 'panel_3', - }, - panel_4: { - id: 'panel_4', - contentComponent: 'default', - params: { title: 'Panel 4' }, - title: 'panel_4', - }, - panel_5: { - id: 'panel_5', - contentComponent: 'default', - params: { title: 'Panel 5' }, - title: 'panel_5', - }, - panel_6: { - id: 'panel_6', - contentComponent: 'default', - params: { title: 'Panel 6' }, - title: 'panel_6', - }, - panel_8: { - id: 'panel_8', - contentComponent: 'default', - params: { title: 'Panel 8' }, - title: 'panel_8', - }, - panel_7: { - id: 'panel_7', - contentComponent: 'default', - params: { title: 'Panel 7' }, - title: 'panel_7', - }, - }, - activeGroup: '80', - }); - return; - } - - api.clear(); - - api.addPanel({ - id: 'panel_1', - component: 'default', - params: { - title: 'Panel 1', - }, - }); - - api.addPanel({ - id: 'panel_2', - component: 'default', - params: { - title: 'Panel 2', - }, - }); - - api.addPanel({ - id: 'panel_3', - component: 'default', - params: { - title: 'Panel 3', - }, - }); - - api.addPanel({ - id: 'panel_4', - component: 'default', - params: { - title: 'Panel 4', - }, - position: { referencePanel: 'panel_1', direction: 'right' }, - }); - - api.addPanel({ - id: 'panel_5', - component: 'default', - params: { - title: 'Panel 5', - }, - position: { referencePanel: 'panel_3', direction: 'right' }, - }); - - api.addPanel({ - id: 'panel_6', - component: 'default', - params: { - title: 'Panel 6', - }, - position: { referencePanel: 'panel_5', direction: 'below' }, - }); - - api.addPanel({ - id: 'panel_7', - component: 'default', - params: { - title: 'Panel 7', - }, - position: { referencePanel: 'panel_6', direction: 'below' }, - }); - - api.addPanel({ - id: 'panel_8', - component: 'default', - params: { - title: 'Panel 8', - }, - position: { referencePanel: 'panel_6', direction: 'within' }, - }); - }, [api, checked]); - - const onReady = (event: DockviewReadyEvent) => { - setApi(event.api); - }; - - return ( -
-
- - -
-
- -
-
- -
-
- ); -}; - -export default EventsDockview; diff --git a/packages/docs/sandboxes/events-dockview/src/console.scss b/packages/docs/sandboxes/events-dockview/src/console.scss deleted file mode 100644 index f2896c044..000000000 --- a/packages/docs/sandboxes/events-dockview/src/console.scss +++ /dev/null @@ -1,27 +0,0 @@ -.console-container { - background-color: black; - color: white; - padding-left: 8px; - max-height: 200px; - overflow-y: scroll; - overflow-x: auto; - - .console-line { - height: 20px; - line-height: 20px; - font-size: 13px; - border-bottom: 1px solid rgb(30, 30, 30); - display: flex; - padding-left: 4px; - - .console-line-timestamp { - color: lightgray; - padding-right: 4px; - } - - .console-line-text { - padding: 0px 4px; - flex-grow: 1; - } - } -} diff --git a/packages/docs/sandboxes/events-dockview/src/console.tsx b/packages/docs/sandboxes/events-dockview/src/console.tsx deleted file mode 100644 index 8311a9468..000000000 --- a/packages/docs/sandboxes/events-dockview/src/console.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import * as React from 'react'; -import './console.scss'; - -const formatTime = (now: Date) => { - const pad = (x: number) => (x < 10 ? `0${x}` : `${x}`); - - return `${pad(now.getHours())}:${pad(now.getMinutes())}:${pad( - now.getSeconds() - )}.${now.getMilliseconds()}`; -}; - -export interface Line { - timestamp: Date; - text: string; - css?: React.CSSProperties; -} - -export interface IConsoleProps { - lines: Line[]; -} - -export const Console = (props: IConsoleProps) => { - const ref = React.useRef(null); - - React.useLayoutEffect(() => { - if (!ref.current) { - return; - } - - ref.current.scrollTop = Math.max( - 0, - ref.current.scrollHeight - ref.current.clientHeight - ); - }, [props.lines]); - - return ( -
- {props.lines.map((line, i) => { - return ( -
- - {formatTime(line.timestamp)} - - - {line.text} - -
- ); - })} -
- ); -}; diff --git a/packages/docs/sandboxes/events-dockview/src/index.tsx b/packages/docs/sandboxes/events-dockview/src/index.tsx deleted file mode 100644 index 2fe1be232..000000000 --- a/packages/docs/sandboxes/events-dockview/src/index.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { StrictMode } from 'react'; -import * as ReactDOMClient from 'react-dom/client'; -import './styles.css'; -import 'dockview/dist/styles/dockview.css'; - -import App from './app'; - -const rootElement = document.getElementById('root'); - -if (rootElement) { - const root = ReactDOMClient.createRoot(rootElement); - - root.render( - -
- -
- - ); -} diff --git a/packages/docs/sandboxes/events-dockview/src/styles.css b/packages/docs/sandboxes/events-dockview/src/styles.css deleted file mode 100644 index 92b6a1b36..000000000 --- a/packages/docs/sandboxes/events-dockview/src/styles.css +++ /dev/null @@ -1,16 +0,0 @@ -body { - margin: 0px; - color: white; - font-family: sans-serif; - text-align: center; -} - -#root { - height: 100vh; - width: 100vw; -} - -.app { - height: 100%; - -} diff --git a/packages/docs/sandboxes/events-dockview/tsconfig.json b/packages/docs/sandboxes/events-dockview/tsconfig.json deleted file mode 100644 index cdc4fb5f5..000000000 --- a/packages/docs/sandboxes/events-dockview/tsconfig.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, - "allowJs": true, - "jsx": "react-jsx", - "moduleResolution": "node", - "rootDir": "src", - "forceConsistentCasingInFileNames": true, - "noImplicitReturns": true, - "noImplicitThis": true, - "noImplicitAny": true, - "strictNullChecks": true - } -} diff --git a/packages/docs/sandboxes/focus-dockview/package.json b/packages/docs/sandboxes/focus-dockview/package.json deleted file mode 100644 index 37a2bc4b9..000000000 --- a/packages/docs/sandboxes/focus-dockview/package.json +++ /dev/null @@ -1,32 +0,0 @@ -{ - "name": "focus-dockview", - "description": "", - "keywords": [ - "dockview" - ], - "version": "1.0.0", - "main": "src/index.tsx", - "dependencies": { - "dockview": "*", - "react": "^18.2.0", - "react-dom": "^18.2.0" - }, - "devDependencies": { - "@types/react": "^18.0.28", - "@types/react-dom": "^18.0.11", - "typescript": "^4.9.5", - "react-scripts": "*" - }, - "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" - }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ] -} diff --git a/packages/docs/sandboxes/focus-dockview/public/index.html b/packages/docs/sandboxes/focus-dockview/public/index.html deleted file mode 100644 index 1f8a52426..000000000 --- a/packages/docs/sandboxes/focus-dockview/public/index.html +++ /dev/null @@ -1,44 +0,0 @@ - - - - - - - - - - - - - React App - - - - -
- - - - diff --git a/packages/docs/sandboxes/focus-dockview/src/app.tsx b/packages/docs/sandboxes/focus-dockview/src/app.tsx deleted file mode 100644 index 5c537db02..000000000 --- a/packages/docs/sandboxes/focus-dockview/src/app.tsx +++ /dev/null @@ -1,125 +0,0 @@ -import { - DockviewApi, - DockviewReact, - DockviewReadyEvent, - IDockviewPanelProps, -} from 'dockview'; -import * as React from 'react'; - -const components = { - default: (props: IDockviewPanelProps) => { - React.useEffect(() => { - const d1 = props.api.onWillFocus((event) => { - console.log('willFocus'); - }); - - const d2 = props.api.onDidActiveChange((event) => { - console.log(props.api.title, event, 'active'); - }); - - const d3 = props.api.onDidActiveGroupChange((event) => { - console.log( - props.api.title, - props.api.group.api.isActive, - 'active-group' - ); - }); - - const d4 = props.api.onDidGroupChange((event) => { - console.log( - props.api.title, - props.api.group.id, - 'group-change' - ); - }); - - return () => { - d1.dispose(); - d2.dispose(); - d3.dispose(); - }; - }, [props.api]); - - return ( -
- {props.api.title} -
- ); - }, -}; - -export const App: React.FC = (props: { theme?: string }) => { - const [api, setApi] = React.useState(); - - const onReady = (event: DockviewReadyEvent) => { - setApi(event.api); - - event.api.addPanel({ - id: 'panel_1', - title: 'Panel 1', - component: 'default', - }); - - event.api.addPanel({ - id: 'panel_2', - title: 'Panel 2', - component: 'default', - }); - - // event.api.onDidAddPanel((event) => { - // console.log('add panel', event); - // }); - // event.api.onDidActivePanelChange((event) => { - // console.log('active panel', event); - // }); - // event.api.onDidRemovePanel((event) => { - // console.log('remove panel', event); - // }); - }; - - return ( -
-
- - - - -
-
- -
-
- ); -}; - -export default App; diff --git a/packages/docs/sandboxes/focus-dockview/src/index.tsx b/packages/docs/sandboxes/focus-dockview/src/index.tsx deleted file mode 100644 index 2fe1be232..000000000 --- a/packages/docs/sandboxes/focus-dockview/src/index.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { StrictMode } from 'react'; -import * as ReactDOMClient from 'react-dom/client'; -import './styles.css'; -import 'dockview/dist/styles/dockview.css'; - -import App from './app'; - -const rootElement = document.getElementById('root'); - -if (rootElement) { - const root = ReactDOMClient.createRoot(rootElement); - - root.render( - -
- -
- - ); -} diff --git a/packages/docs/sandboxes/focus-dockview/src/styles.css b/packages/docs/sandboxes/focus-dockview/src/styles.css deleted file mode 100644 index 92b6a1b36..000000000 --- a/packages/docs/sandboxes/focus-dockview/src/styles.css +++ /dev/null @@ -1,16 +0,0 @@ -body { - margin: 0px; - color: white; - font-family: sans-serif; - text-align: center; -} - -#root { - height: 100vh; - width: 100vw; -} - -.app { - height: 100%; - -} diff --git a/packages/docs/sandboxes/focus-dockview/tsconfig.json b/packages/docs/sandboxes/focus-dockview/tsconfig.json deleted file mode 100644 index cdc4fb5f5..000000000 --- a/packages/docs/sandboxes/focus-dockview/tsconfig.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, - "allowJs": true, - "jsx": "react-jsx", - "moduleResolution": "node", - "rootDir": "src", - "forceConsistentCasingInFileNames": true, - "noImplicitReturns": true, - "noImplicitThis": true, - "noImplicitAny": true, - "strictNullChecks": true - } -} diff --git a/packages/docs/sandboxes/javascript/simple-dockview/package.json b/packages/docs/sandboxes/javascript/simple-dockview/package.json deleted file mode 100644 index d06484078..000000000 --- a/packages/docs/sandboxes/javascript/simple-dockview/package.json +++ /dev/null @@ -1,28 +0,0 @@ -{ - "name": "javascript-simple-dockview", - "description": "", - "keywords": [ - "dockview" - ], - "version": "1.0.0", - "main": "src/index.ts", - "dependencies": { - "dockview-core": "*" - }, - "devDependencies": { - "typescript": "^4.9.5", - "react-scripts": "*" - }, - "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" - }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ] -} \ No newline at end of file diff --git a/packages/docs/sandboxes/javascript/simple-dockview/public/index.html b/packages/docs/sandboxes/javascript/simple-dockview/public/index.html deleted file mode 100644 index 1f8a52426..000000000 --- a/packages/docs/sandboxes/javascript/simple-dockview/public/index.html +++ /dev/null @@ -1,44 +0,0 @@ - - - - - - - - - - - - - React App - - - - -
- - - - diff --git a/packages/docs/sandboxes/javascript/simple-dockview/src/app.ts b/packages/docs/sandboxes/javascript/simple-dockview/src/app.ts deleted file mode 100644 index ecce95e0e..000000000 --- a/packages/docs/sandboxes/javascript/simple-dockview/src/app.ts +++ /dev/null @@ -1,120 +0,0 @@ -import { - DockviewComponent, - IContentRenderer, - IGroupPanelInitParameters, - PanelUpdateEvent, - Parameters, -} from 'dockview-core'; - -class DefaultPanel implements IContentRenderer { - private _element: HTMLElement; - - get element(): HTMLElement { - return this._element; - } - - constructor() { - this._element = document.createElement('div'); - this._element.style.padding = '20px'; - this._element.style.color = 'white'; - } - - init(params: IGroupPanelInitParameters): void { - this._element.textContent = params.params.title; - } - - update(event: PanelUpdateEvent): void { - this._element.textContent = event.params.title; - } -} - -export function attach(parent: HTMLElement): { - dispose: () => void; -} { - const element = document.createElement('div'); - element.className = 'dockview-theme-abyss'; - element.style.height = '100%'; - element.style.width = '100%'; - - const dockview = new DockviewComponent({ - components: { - default: DefaultPanel, - }, - parentElement: element, - }); - - parent.appendChild(element); - - const { clientWidth, clientHeight } = parent; - dockview.layout(clientWidth, clientHeight); - - const panel = dockview.addPanel({ - id: 'panel_1', - component: 'default', - params: { - title: 'Panel 1', - }, - }); - - panel.group.locked = true; - panel.group.header.hidden = true; - - dockview.addPanel({ - id: 'panel_2', - component: 'default', - params: { - title: 'Panel 2', - }, - }); - - dockview.addPanel({ - id: 'panel_3', - component: 'default', - params: { - title: 'Panel 3', - }, - }); - - dockview.addPanel({ - id: 'panel_4', - component: 'default', - params: { - title: 'Panel 4', - }, - position: { referencePanel: 'panel_1', direction: 'right' }, - }); - - const panel5 = dockview.addPanel({ - id: 'panel_5', - component: 'default', - params: { - title: 'Panel 5', - }, - position: { referencePanel: 'panel_3', direction: 'right' }, - }); - - dockview.addPanel({ - id: 'panel_6', - component: 'default', - params: { - title: 'Panel 6', - }, - position: { referencePanel: 'panel_5', direction: 'below' }, - }); - - dockview.addPanel({ - id: 'panel_7', - component: 'default', - params: { - title: 'Panel 7', - }, - position: { referencePanel: 'panel_6', direction: 'right' }, - }); - - return { - dispose: () => { - dockview.dispose(); - element.remove(); - }, - }; -} diff --git a/packages/docs/sandboxes/javascript/simple-dockview/src/index.ts b/packages/docs/sandboxes/javascript/simple-dockview/src/index.ts deleted file mode 100644 index 249b56017..000000000 --- a/packages/docs/sandboxes/javascript/simple-dockview/src/index.ts +++ /dev/null @@ -1,10 +0,0 @@ -import './styles.css'; -import 'dockview-core/dist/styles/dockview.css'; - -import { attach } from './app'; - -const rootElement = document.getElementById('root'); - -if (rootElement) { - attach(rootElement); -} diff --git a/packages/docs/sandboxes/javascript/simple-dockview/src/styles.css b/packages/docs/sandboxes/javascript/simple-dockview/src/styles.css deleted file mode 100644 index 92b6a1b36..000000000 --- a/packages/docs/sandboxes/javascript/simple-dockview/src/styles.css +++ /dev/null @@ -1,16 +0,0 @@ -body { - margin: 0px; - color: white; - font-family: sans-serif; - text-align: center; -} - -#root { - height: 100vh; - width: 100vw; -} - -.app { - height: 100%; - -} diff --git a/packages/docs/sandboxes/javascript/simple-dockview/tsconfig.json b/packages/docs/sandboxes/javascript/simple-dockview/tsconfig.json deleted file mode 100644 index cdc4fb5f5..000000000 --- a/packages/docs/sandboxes/javascript/simple-dockview/tsconfig.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, - "allowJs": true, - "jsx": "react-jsx", - "moduleResolution": "node", - "rootDir": "src", - "forceConsistentCasingInFileNames": true, - "noImplicitReturns": true, - "noImplicitThis": true, - "noImplicitAny": true, - "strictNullChecks": true - } -} diff --git a/packages/docs/sandboxes/javascript/tabheight-dockview/package.json b/packages/docs/sandboxes/javascript/tabheight-dockview/package.json deleted file mode 100644 index 754b48268..000000000 --- a/packages/docs/sandboxes/javascript/tabheight-dockview/package.json +++ /dev/null @@ -1,28 +0,0 @@ -{ - "name": "javascript-tabheight-dockview", - "description": "", - "keywords": [ - "dockview" - ], - "version": "1.0.0", - "main": "src/index.ts", - "dependencies": { - "dockview-core": "*" - }, - "devDependencies": { - "typescript": "^4.9.5", - "react-scripts": "*" - }, - "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" - }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ] -} \ No newline at end of file diff --git a/packages/docs/sandboxes/javascript/tabheight-dockview/public/index.html b/packages/docs/sandboxes/javascript/tabheight-dockview/public/index.html deleted file mode 100644 index 1f8a52426..000000000 --- a/packages/docs/sandboxes/javascript/tabheight-dockview/public/index.html +++ /dev/null @@ -1,44 +0,0 @@ - - - - - - - - - - - - - React App - - - - -
- - - - diff --git a/packages/docs/sandboxes/javascript/tabheight-dockview/src/app.scss b/packages/docs/sandboxes/javascript/tabheight-dockview/src/app.scss deleted file mode 100644 index 315d564ac..000000000 --- a/packages/docs/sandboxes/javascript/tabheight-dockview/src/app.scss +++ /dev/null @@ -1,3 +0,0 @@ -.skinny-tabs { - --dv-tabs-and-actions-container-height: 20px; -} diff --git a/packages/docs/sandboxes/javascript/tabheight-dockview/src/app.ts b/packages/docs/sandboxes/javascript/tabheight-dockview/src/app.ts deleted file mode 100644 index ca3535611..000000000 --- a/packages/docs/sandboxes/javascript/tabheight-dockview/src/app.ts +++ /dev/null @@ -1,110 +0,0 @@ -import { - DockviewComponent, - IContentRenderer, - IGroupPanelInitParameters, - PanelUpdateEvent, - Parameters, -} from 'dockview-core'; -import './app.scss'; - -class DefaultPanel implements IContentRenderer { - private _element: HTMLElement; - - get element(): HTMLElement { - return this._element; - } - - constructor() { - this._element = document.createElement('div'); - this._element.style.padding = '20px'; - this._element.style.color = 'white'; - } - - init(params: IGroupPanelInitParameters): void { - this._element.textContent = params.params.title; - } - - update(event: PanelUpdateEvent): void { - this._element.textContent = event.params.title; - } -} - -export function attach(parent: HTMLElement): { - dispose: () => void; -} { - const element = document.createElement('div'); - element.className = 'dockview-theme-abyss skinny-tabs'; - element.style.height = '100%'; - element.style.width = '100%'; - - const dockview = new DockviewComponent({ - components: { - default: DefaultPanel, - }, - parentElement: element, - }); - - parent.appendChild(element); - - const { clientWidth, clientHeight } = parent; - dockview.layout(clientWidth, clientHeight); - - dockview.addPanel({ - id: 'panel_1', - component: 'default', - params: { - title: 'Panel 1', - }, - }); - - dockview.addPanel({ - id: 'panel_2', - component: 'default', - params: { - title: 'Panel 2', - }, - }); - - dockview.addPanel({ - id: 'panel_3', - component: 'default', - params: { - title: 'Panel 3', - }, - position: { referencePanel: 'panel_1', direction: 'right' }, - }); - - dockview.addPanel({ - id: 'panel_4', - component: 'default', - params: { - title: 'Panel 4', - }, - position: { referencePanel: 'panel_3', direction: 'right' }, - }); - - dockview.addPanel({ - id: 'panel_5', - component: 'default', - params: { - title: 'Panel 5', - }, - position: { referencePanel: 'panel_4', direction: 'below' }, - }); - - dockview.addPanel({ - id: 'panel_6', - component: 'default', - params: { - title: 'Panel 6', - }, - position: { referencePanel: 'panel_5', direction: 'right' }, - }); - - return { - dispose: () => { - dockview.dispose(); - element.remove(); - }, - }; -} diff --git a/packages/docs/sandboxes/javascript/tabheight-dockview/src/index.ts b/packages/docs/sandboxes/javascript/tabheight-dockview/src/index.ts deleted file mode 100644 index 249b56017..000000000 --- a/packages/docs/sandboxes/javascript/tabheight-dockview/src/index.ts +++ /dev/null @@ -1,10 +0,0 @@ -import './styles.css'; -import 'dockview-core/dist/styles/dockview.css'; - -import { attach } from './app'; - -const rootElement = document.getElementById('root'); - -if (rootElement) { - attach(rootElement); -} diff --git a/packages/docs/sandboxes/javascript/tabheight-dockview/src/styles.css b/packages/docs/sandboxes/javascript/tabheight-dockview/src/styles.css deleted file mode 100644 index a1d49a9b6..000000000 --- a/packages/docs/sandboxes/javascript/tabheight-dockview/src/styles.css +++ /dev/null @@ -1,16 +0,0 @@ -body { - margin: 0px; - color: white; - font-family: sans-serif; - text-align: center; -} - -#root { - height: 100vh; - width: 100vw; -} - -.app { - height: 100%; -} - diff --git a/packages/docs/sandboxes/javascript/tabheight-dockview/tsconfig.json b/packages/docs/sandboxes/javascript/tabheight-dockview/tsconfig.json deleted file mode 100644 index cdc4fb5f5..000000000 --- a/packages/docs/sandboxes/javascript/tabheight-dockview/tsconfig.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, - "allowJs": true, - "jsx": "react-jsx", - "moduleResolution": "node", - "rootDir": "src", - "forceConsistentCasingInFileNames": true, - "noImplicitReturns": true, - "noImplicitThis": true, - "noImplicitAny": true, - "strictNullChecks": true - } -} diff --git a/packages/docs/sandboxes/javascript/vanilla-dockview/package.json b/packages/docs/sandboxes/javascript/vanilla-dockview/package.json deleted file mode 100644 index 73bc3df0a..000000000 --- a/packages/docs/sandboxes/javascript/vanilla-dockview/package.json +++ /dev/null @@ -1,28 +0,0 @@ -{ - "name": "javascript-vanilla-dockview", - "description": "", - "keywords": [ - "dockview" - ], - "version": "1.0.0", - "main": "src/index.ts", - "dependencies": { - "dockview-core": "*" - }, - "devDependencies": { - "typescript": "^4.9.5", - "react-scripts": "*" - }, - "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" - }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ] -} \ No newline at end of file diff --git a/packages/docs/sandboxes/javascript/vanilla-dockview/public/index.html b/packages/docs/sandboxes/javascript/vanilla-dockview/public/index.html deleted file mode 100644 index 1f8a52426..000000000 --- a/packages/docs/sandboxes/javascript/vanilla-dockview/public/index.html +++ /dev/null @@ -1,44 +0,0 @@ - - - - - - - - - - - - - React App - - - - -
- - - - diff --git a/packages/docs/sandboxes/javascript/vanilla-dockview/src/app.ts b/packages/docs/sandboxes/javascript/vanilla-dockview/src/app.ts deleted file mode 100644 index f1dc31cd6..000000000 --- a/packages/docs/sandboxes/javascript/vanilla-dockview/src/app.ts +++ /dev/null @@ -1,80 +0,0 @@ -import { - DockviewComponent, - IContentRenderer, - IGroupPanelInitParameters, -} from 'dockview-core'; - -class DefaultPanel implements IContentRenderer { - private _element: HTMLElement; - - get element(): HTMLElement { - return this._element; - } - - constructor() { - this._element = document.createElement('div'); - } - - init(params: IGroupPanelInitParameters): void { - // - } -} - -export function attach(parent: HTMLElement): { - dispose: () => void; -} { - const element = document.createElement('div'); - element.className = 'dockview-theme-abyss'; - element.style.height = '100%'; - element.style.width = '100%'; - - const dockview = new DockviewComponent({ - components: { - default: DefaultPanel, - }, - parentElement: element, - }); - - parent.appendChild(element); - - const panel1 = dockview.addPanel({ - id: 'panel_1', - title: 'Panel 1', - component: 'default', - }); - - const panel2 = dockview.addPanel({ - id: 'panel_2', - title: 'Panel 2', - component: 'default', - position: { - referencePanel: panel1, - direction: 'right', - }, - }); - - const panel3 = dockview.addPanel({ - id: 'panel_3', - title: 'Panel 3', - component: 'default', - position: { - referenceGroup: panel2.group, - }, - }); - - const pane4 = dockview.addPanel({ - id: 'panel_4', - title: 'Panel 4', - component: 'default', - position: { - direction: 'below', - }, - }); - - return { - dispose: () => { - dockview.dispose(); - element.remove(); - }, - }; -} diff --git a/packages/docs/sandboxes/javascript/vanilla-dockview/src/index.ts b/packages/docs/sandboxes/javascript/vanilla-dockview/src/index.ts deleted file mode 100644 index 249b56017..000000000 --- a/packages/docs/sandboxes/javascript/vanilla-dockview/src/index.ts +++ /dev/null @@ -1,10 +0,0 @@ -import './styles.css'; -import 'dockview-core/dist/styles/dockview.css'; - -import { attach } from './app'; - -const rootElement = document.getElementById('root'); - -if (rootElement) { - attach(rootElement); -} diff --git a/packages/docs/sandboxes/javascript/vanilla-dockview/src/styles.css b/packages/docs/sandboxes/javascript/vanilla-dockview/src/styles.css deleted file mode 100644 index 92b6a1b36..000000000 --- a/packages/docs/sandboxes/javascript/vanilla-dockview/src/styles.css +++ /dev/null @@ -1,16 +0,0 @@ -body { - margin: 0px; - color: white; - font-family: sans-serif; - text-align: center; -} - -#root { - height: 100vh; - width: 100vw; -} - -.app { - height: 100%; - -} diff --git a/packages/docs/sandboxes/javascript/vanilla-dockview/tsconfig.json b/packages/docs/sandboxes/javascript/vanilla-dockview/tsconfig.json deleted file mode 100644 index cdc4fb5f5..000000000 --- a/packages/docs/sandboxes/javascript/vanilla-dockview/tsconfig.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, - "allowJs": true, - "jsx": "react-jsx", - "moduleResolution": "node", - "rootDir": "src", - "forceConsistentCasingInFileNames": true, - "noImplicitReturns": true, - "noImplicitThis": true, - "noImplicitAny": true, - "strictNullChecks": true - } -} diff --git a/packages/docs/sandboxes/lockedgroup-dockview/package.json b/packages/docs/sandboxes/lockedgroup-dockview/package.json deleted file mode 100644 index 3f7605d60..000000000 --- a/packages/docs/sandboxes/lockedgroup-dockview/package.json +++ /dev/null @@ -1,32 +0,0 @@ -{ - "name": "lockedgroup-dockview", - "description": "", - "keywords": [ - "dockview" - ], - "version": "1.0.0", - "main": "src/index.tsx", - "dependencies": { - "dockview": "*", - "react": "^18.2.0", - "react-dom": "^18.2.0" - }, - "devDependencies": { - "@types/react": "^18.0.28", - "@types/react-dom": "^18.0.11", - "typescript": "^4.9.5", - "react-scripts": "*" - }, - "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" - }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ] -} \ No newline at end of file diff --git a/packages/docs/sandboxes/lockedgroup-dockview/public/index.html b/packages/docs/sandboxes/lockedgroup-dockview/public/index.html deleted file mode 100644 index 1f8a52426..000000000 --- a/packages/docs/sandboxes/lockedgroup-dockview/public/index.html +++ /dev/null @@ -1,44 +0,0 @@ - - - - - - - - - - - - - React App - - - - -
- - - - diff --git a/packages/docs/sandboxes/lockedgroup-dockview/src/app.tsx b/packages/docs/sandboxes/lockedgroup-dockview/src/app.tsx deleted file mode 100644 index f63584d52..000000000 --- a/packages/docs/sandboxes/lockedgroup-dockview/src/app.tsx +++ /dev/null @@ -1,71 +0,0 @@ -import { - DockviewReact, - DockviewReadyEvent, - IDockviewPanelProps, -} from 'dockview'; -import * as React from 'react'; - -const components = { - default: (props: IDockviewPanelProps<{ title: string }>) => { - return ( -
- {props.params.title} -
- ); - }, -}; - -export const App: React.FC = (props: { theme?: string }) => { - const onReady = (event: DockviewReadyEvent) => { - const panel1 = event.api.addPanel({ - id: 'locked1', - component: 'default', - params: { - title: 'Locked', - }, - }); - - panel1.group.locked = true; - panel1.group.header.hidden = true; - - event.api.addPanel({ - id: 'Drag me', - component: 'default', - params: { - title: '', - }, - position: { referencePanel: 'locked1', direction: 'right' }, - }); - - event.api.addPanel({ - id: 'Drag me too', - component: 'default', - params: { - title: '', - }, - position: { referencePanel: 'Drag me', direction: 'right' }, - }); - - const panel3 = event.api.addPanel({ - id: 'locked2', - component: 'default', - params: { - title: 'Locked with no drop target', - }, - position: { referencePanel: 'Drag me too', direction: 'right' }, - }); - - panel3.group.locked = 'no-drop-target'; - panel3.group.header.hidden = true; - }; - - return ( - - ); -}; - -export default App; diff --git a/packages/docs/sandboxes/lockedgroup-dockview/src/index.tsx b/packages/docs/sandboxes/lockedgroup-dockview/src/index.tsx deleted file mode 100644 index 2fe1be232..000000000 --- a/packages/docs/sandboxes/lockedgroup-dockview/src/index.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { StrictMode } from 'react'; -import * as ReactDOMClient from 'react-dom/client'; -import './styles.css'; -import 'dockview/dist/styles/dockview.css'; - -import App from './app'; - -const rootElement = document.getElementById('root'); - -if (rootElement) { - const root = ReactDOMClient.createRoot(rootElement); - - root.render( - -
- -
- - ); -} diff --git a/packages/docs/sandboxes/lockedgroup-dockview/src/styles.css b/packages/docs/sandboxes/lockedgroup-dockview/src/styles.css deleted file mode 100644 index 92b6a1b36..000000000 --- a/packages/docs/sandboxes/lockedgroup-dockview/src/styles.css +++ /dev/null @@ -1,16 +0,0 @@ -body { - margin: 0px; - color: white; - font-family: sans-serif; - text-align: center; -} - -#root { - height: 100vh; - width: 100vw; -} - -.app { - height: 100%; - -} diff --git a/packages/docs/sandboxes/lockedgroup-dockview/tsconfig.json b/packages/docs/sandboxes/lockedgroup-dockview/tsconfig.json deleted file mode 100644 index cdc4fb5f5..000000000 --- a/packages/docs/sandboxes/lockedgroup-dockview/tsconfig.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, - "allowJs": true, - "jsx": "react-jsx", - "moduleResolution": "node", - "rootDir": "src", - "forceConsistentCasingInFileNames": true, - "noImplicitReturns": true, - "noImplicitThis": true, - "noImplicitAny": true, - "strictNullChecks": true - } -} diff --git a/packages/docs/sandboxes/nested-dockview/package.json b/packages/docs/sandboxes/nested-dockview/package.json deleted file mode 100644 index 8732f49ac..000000000 --- a/packages/docs/sandboxes/nested-dockview/package.json +++ /dev/null @@ -1,32 +0,0 @@ -{ - "name": "nested-dockview", - "description": "", - "keywords": [ - "dockview" - ], - "version": "1.0.0", - "main": "src/index.tsx", - "dependencies": { - "dockview": "*", - "react": "^18.2.0", - "react-dom": "^18.2.0" - }, - "devDependencies": { - "@types/react": "^18.0.28", - "@types/react-dom": "^18.0.11", - "typescript": "^4.9.5", - "react-scripts": "*" - }, - "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" - }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ] -} \ No newline at end of file diff --git a/packages/docs/sandboxes/nested-dockview/public/index.html b/packages/docs/sandboxes/nested-dockview/public/index.html deleted file mode 100644 index 1f8a52426..000000000 --- a/packages/docs/sandboxes/nested-dockview/public/index.html +++ /dev/null @@ -1,44 +0,0 @@ - - - - - - - - - - - - - React App - - - - -
- - - - diff --git a/packages/docs/sandboxes/nested-dockview/src/app.scss b/packages/docs/sandboxes/nested-dockview/src/app.scss deleted file mode 100644 index 0b1e8f7f9..000000000 --- a/packages/docs/sandboxes/nested-dockview/src/app.scss +++ /dev/null @@ -1,12 +0,0 @@ -.nested-dockview { - position: relative; - &::after { - content: ''; - position: absolute; - top: 0px; - left: 0px; - height: 1px; - width: 100%; - background-color: var(--dv-separator-border); - } -} diff --git a/packages/docs/sandboxes/nested-dockview/src/app.tsx b/packages/docs/sandboxes/nested-dockview/src/app.tsx deleted file mode 100644 index 41e077179..000000000 --- a/packages/docs/sandboxes/nested-dockview/src/app.tsx +++ /dev/null @@ -1,95 +0,0 @@ -import { - DockviewDndOverlayEvent, - DockviewDropEvent, - DockviewReact, - DockviewReadyEvent, - IDockviewPanelProps, -} from 'dockview'; -import * as React from 'react'; -import './app.scss'; - -const InnerDockview = () => { - const onReady = (event: DockviewReadyEvent) => { - event.api.addPanel({ - id: 'panel_1', - component: 'default', - }); - - event.api.addPanel({ - id: 'panel_2', - component: 'default', - }); - - event.api.addPanel({ - id: 'panel_3', - component: 'default', - }); - }; - - return ( - - ); -}; - -const components = { - default: (props: IDockviewPanelProps<{ title: string }>) => { - return ( -
- {props.params.title} -
- ); - }, - innerDockview: InnerDockview, -}; - -const NestedDockview = (props: { theme?: string }) => { - const onReady = (event: DockviewReadyEvent) => { - event.api.addPanel({ - id: 'panel_1', - component: 'default', - }); - - event.api.addPanel({ - id: 'panel_2', - component: 'default', - }); - - event.api.addPanel({ - id: 'panel_3', - component: 'innerDockview', - position: { referencePanel: 'panel_2', direction: 'right' }, - }); - }; - - const showDndOverlay = (event: DockviewDndOverlayEvent) => { - // console.log(event.getData()); - - return false; - }; - - const onDidDrop = (event: DockviewDropEvent) => { - // event.getData(); - }; - - return ( - - ); -}; - -export default NestedDockview; diff --git a/packages/docs/sandboxes/nested-dockview/src/index.tsx b/packages/docs/sandboxes/nested-dockview/src/index.tsx deleted file mode 100644 index 2fe1be232..000000000 --- a/packages/docs/sandboxes/nested-dockview/src/index.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { StrictMode } from 'react'; -import * as ReactDOMClient from 'react-dom/client'; -import './styles.css'; -import 'dockview/dist/styles/dockview.css'; - -import App from './app'; - -const rootElement = document.getElementById('root'); - -if (rootElement) { - const root = ReactDOMClient.createRoot(rootElement); - - root.render( - -
- -
- - ); -} diff --git a/packages/docs/sandboxes/nested-dockview/src/styles.css b/packages/docs/sandboxes/nested-dockview/src/styles.css deleted file mode 100644 index 92b6a1b36..000000000 --- a/packages/docs/sandboxes/nested-dockview/src/styles.css +++ /dev/null @@ -1,16 +0,0 @@ -body { - margin: 0px; - color: white; - font-family: sans-serif; - text-align: center; -} - -#root { - height: 100vh; - width: 100vw; -} - -.app { - height: 100%; - -} diff --git a/packages/docs/sandboxes/nested-dockview/tsconfig.json b/packages/docs/sandboxes/nested-dockview/tsconfig.json deleted file mode 100644 index cdc4fb5f5..000000000 --- a/packages/docs/sandboxes/nested-dockview/tsconfig.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, - "allowJs": true, - "jsx": "react-jsx", - "moduleResolution": "node", - "rootDir": "src", - "forceConsistentCasingInFileNames": true, - "noImplicitReturns": true, - "noImplicitThis": true, - "noImplicitAny": true, - "strictNullChecks": true - } -} diff --git a/packages/docs/sandboxes/react/dockview/constraints/package.json b/packages/docs/sandboxes/react/dockview/constraints/package.json deleted file mode 100644 index f6d71aac3..000000000 --- a/packages/docs/sandboxes/react/dockview/constraints/package.json +++ /dev/null @@ -1,32 +0,0 @@ -{ - "name": "dockview.constraints", - "description": "", - "keywords": [ - "dockview" - ], - "version": "1.0.0", - "main": "src/index.tsx", - "dependencies": { - "dockview": "*", - "react": "^18.2.0", - "react-dom": "^18.2.0" - }, - "devDependencies": { - "@types/react": "^18.0.28", - "@types/react-dom": "^18.0.11", - "typescript": "^4.9.5", - "react-scripts": "*" - }, - "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" - }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ] -} diff --git a/packages/docs/sandboxes/react/dockview/constraints/public/index.html b/packages/docs/sandboxes/react/dockview/constraints/public/index.html deleted file mode 100644 index 1f8a52426..000000000 --- a/packages/docs/sandboxes/react/dockview/constraints/public/index.html +++ /dev/null @@ -1,44 +0,0 @@ - - - - - - - - - - - - - React App - - - - -
- - - - diff --git a/packages/docs/sandboxes/react/dockview/constraints/src/app.tsx b/packages/docs/sandboxes/react/dockview/constraints/src/app.tsx deleted file mode 100644 index 7824e03a2..000000000 --- a/packages/docs/sandboxes/react/dockview/constraints/src/app.tsx +++ /dev/null @@ -1,148 +0,0 @@ -import { - DockviewApi, - DockviewReact, - DockviewReadyEvent, - GridConstraintChangeEvent, - IDockviewPanelProps, -} from 'dockview'; -import * as React from 'react'; - -const components = { - default: (props: IDockviewPanelProps) => { - const [contraints, setContraints] = - React.useState(null); - - React.useEffect(() => { - props.api.group.api.onDidConstraintsChange((event) => { - setContraints(event); - }); - }, []); - - const onClick = () => { - props.api.group.api.setConstraints({ - maximumWidth: 300, - maximumHeight: 300, - }); - }; - - return ( -
- - {contraints && ( -
- {typeof contraints.maximumHeight === 'number' && ( -
- {`Maximum Height: `} - {`${contraints.maximumHeight}px`} -
- )} - {typeof contraints.minimumHeight === 'number' && ( -
- {`Minimum Height: `} - {`${contraints.minimumHeight}px`} -
- )} - {typeof contraints.maximumWidth === 'number' && ( -
- {`Maximum Width: `} - {`${contraints.maximumWidth}px`} -
- )} - {typeof contraints.minimumWidth === 'number' && ( -
- {`Minimum Width: `} - {`${contraints.minimumWidth}px`} -
- )} -
- )} -
- ); - }, -}; - -const App = (props: { theme?: string }) => { - const [api, setApi] = React.useState(); - - const onReady = (event: DockviewReadyEvent) => { - const panel1 = event.api.addPanel({ - id: 'panel_1', - component: 'default', - }); - - const panel2 = event.api.addPanel({ - id: 'panel_2', - component: 'default', - position: { - referencePanel: panel1, - direction: 'right', - }, - }); - - const panel3 = event.api.addPanel({ - id: 'panel_3', - component: 'default', - position: { - referencePanel: panel2, - direction: 'right', - }, - }); - - const panel4 = event.api.addPanel({ - id: 'panel_4', - component: 'default', - position: { - direction: 'below', - }, - }); - }; - - return ( - - ); -}; - -export default App; diff --git a/packages/docs/sandboxes/react/dockview/constraints/src/index.tsx b/packages/docs/sandboxes/react/dockview/constraints/src/index.tsx deleted file mode 100644 index 2fe1be232..000000000 --- a/packages/docs/sandboxes/react/dockview/constraints/src/index.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { StrictMode } from 'react'; -import * as ReactDOMClient from 'react-dom/client'; -import './styles.css'; -import 'dockview/dist/styles/dockview.css'; - -import App from './app'; - -const rootElement = document.getElementById('root'); - -if (rootElement) { - const root = ReactDOMClient.createRoot(rootElement); - - root.render( - -
- -
- - ); -} diff --git a/packages/docs/sandboxes/react/dockview/constraints/src/styles.css b/packages/docs/sandboxes/react/dockview/constraints/src/styles.css deleted file mode 100644 index 92b6a1b36..000000000 --- a/packages/docs/sandboxes/react/dockview/constraints/src/styles.css +++ /dev/null @@ -1,16 +0,0 @@ -body { - margin: 0px; - color: white; - font-family: sans-serif; - text-align: center; -} - -#root { - height: 100vh; - width: 100vw; -} - -.app { - height: 100%; - -} diff --git a/packages/docs/sandboxes/react/dockview/constraints/tsconfig.json b/packages/docs/sandboxes/react/dockview/constraints/tsconfig.json deleted file mode 100644 index cdc4fb5f5..000000000 --- a/packages/docs/sandboxes/react/dockview/constraints/tsconfig.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, - "allowJs": true, - "jsx": "react-jsx", - "moduleResolution": "node", - "rootDir": "src", - "forceConsistentCasingInFileNames": true, - "noImplicitReturns": true, - "noImplicitThis": true, - "noImplicitAny": true, - "strictNullChecks": true - } -} diff --git a/packages/docs/sandboxes/react/dockview/demo-dockview/package.json b/packages/docs/sandboxes/react/dockview/demo-dockview/package.json deleted file mode 100644 index a0fb2419f..000000000 --- a/packages/docs/sandboxes/react/dockview/demo-dockview/package.json +++ /dev/null @@ -1,34 +0,0 @@ -{ - "name": "dockview.demo", - "description": "", - "keywords": [ - "dockview" - ], - "version": "1.0.0", - "main": "src/index.tsx", - "dependencies": { - "dockview": "*", - "react": "^18.2.0", - "react-dom": "^18.2.0", - "uuid": "^9.0.0" - }, - "devDependencies": { - "@types/react": "^18.0.28", - "@types/react-dom": "^18.0.11", - "@types/uuid": "^9.0.0", - "typescript": "^4.9.5", - "react-scripts": "*" - }, - "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" - }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ] -} diff --git a/packages/docs/sandboxes/react/dockview/demo-dockview/public/index.html b/packages/docs/sandboxes/react/dockview/demo-dockview/public/index.html deleted file mode 100644 index 5a4850c1d..000000000 --- a/packages/docs/sandboxes/react/dockview/demo-dockview/public/index.html +++ /dev/null @@ -1,45 +0,0 @@ - - - - - - - - - - - - - - React App - - - - -
- - - - diff --git a/packages/docs/sandboxes/react/dockview/demo-dockview/src/app.scss b/packages/docs/sandboxes/react/dockview/demo-dockview/src/app.scss deleted file mode 100644 index 6abc9a64d..000000000 --- a/packages/docs/sandboxes/react/dockview/demo-dockview/src/app.scss +++ /dev/null @@ -1,96 +0,0 @@ -.group-control { - .action { - padding: 4px; - display: flex; - align-items: center; - justify-content: center; - box-sizing: border-box; - font-size: 18px; - cursor: pointer; - - &:hover { - border-radius: 2px; - background-color: var(--dv-icon-hover-background-color); - } - } -} - -.data-table { - table { - font-size: 11px; - th { - padding: 0px 8px; - } - } -} - -.action-container { - display: flex; - padding: 4px 0px; - overflow: auto; - - button { - height: 25px; - display: flex; - align-items: center; - justify-content: center; - background-color: #1c254a; - color: white; - border: none; - cursor: pointer; - outline: 1px solid #4c65d4; - - &:hover { - background-color: #222e62; - } - } - - .text-button { - margin: 0px 4px; - } - - .button-action { - margin: 0px 4px; - // display: flex; - - .selected { - background-color: #4864dc; - } - } - - .button-group { - button { - margin-right: 0px; - } - } - - .demo-button { - min-width: 50px; - padding: 0px 2px; - border-radius: 0px; - display: flex; - flex-grow: 1; - align-items: center; - outline: 1px solid #4c65d4; - } - - .demo-icon-button { - outline: 1px solid #4c65d4; - flex-grow: 1; - display: flex; - align-items: center; - border-radius: 0px; - padding: 0px 4px; - border: none; - cursor: pointer; - - &:disabled { - color: gray; - cursor: help; - } - - span { - font-size: 16px; - } - } -} diff --git a/packages/docs/sandboxes/react/dockview/demo-dockview/src/app.tsx b/packages/docs/sandboxes/react/dockview/demo-dockview/src/app.tsx deleted file mode 100644 index e2449a4ab..000000000 --- a/packages/docs/sandboxes/react/dockview/demo-dockview/src/app.tsx +++ /dev/null @@ -1,431 +0,0 @@ -import { - DockviewDefaultTab, - DockviewReact, - DockviewReadyEvent, - IDockviewPanelHeaderProps, - IDockviewPanelProps, - DockviewApi, -} from 'dockview'; -import * as React from 'react'; -import './app.scss'; -import { defaultConfig } from './defaultLayout'; -import { GridActions } from './gridActions'; -import { PanelActions } from './panelActions'; -import { GroupActions } from './groupActions'; -import { LeftControls, PrefixHeaderControls, RightControls } from './controls'; -import { Table, usePanelApiMetadata } from './debugPanel'; - -const DebugContext = React.createContext(false); - -const Option = (props: { - title: string; - onClick: () => void; - value: string; -}) => { - return ( -
- {`${props.title}: `} - -
- ); -}; - -const components = { - default: (props: IDockviewPanelProps) => { - const isDebug = React.useContext(DebugContext); - const metadata = usePanelApiMetadata(props.api); - - return ( -
- - {props.api.title} - - - {isDebug && ( -
-