dockview 0.0.28 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (355) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +60 -0
  3. package/dist/cjs/actionbar/actionsContainer.d.ts +7 -7
  4. package/dist/cjs/actionbar/actionsContainer.js +26 -26
  5. package/dist/cjs/api/component.api.d.ts +135 -131
  6. package/dist/cjs/api/component.api.js +486 -444
  7. package/dist/cjs/api/component.api.js.map +1 -1
  8. package/dist/cjs/api/gridviewPanelApi.d.ts +36 -36
  9. package/dist/cjs/api/gridviewPanelApi.js +46 -46
  10. package/dist/cjs/api/groupPanelApi.d.ts +44 -44
  11. package/dist/cjs/api/groupPanelApi.js +94 -94
  12. package/dist/cjs/api/groupPanelApi.js.map +1 -1
  13. package/dist/cjs/api/panelApi.d.ts +107 -107
  14. package/dist/cjs/api/panelApi.js +140 -140
  15. package/dist/cjs/api/paneviewPanelApi.d.ts +26 -26
  16. package/dist/cjs/api/paneviewPanelApi.js +56 -56
  17. package/dist/cjs/api/splitviewPanelApi.d.ts +33 -33
  18. package/dist/cjs/api/splitviewPanelApi.js +51 -51
  19. package/dist/cjs/array.d.ts +13 -13
  20. package/dist/cjs/array.js +77 -77
  21. package/dist/cjs/dnd/abstractDragHandler.d.ts +11 -11
  22. package/dist/cjs/dnd/abstractDragHandler.js +115 -115
  23. package/dist/cjs/dnd/dataTransfer.d.ts +56 -56
  24. package/dist/cjs/dnd/dataTransfer.js +144 -144
  25. package/dist/cjs/dnd/dataTransfer.js.map +1 -1
  26. package/dist/cjs/dnd/dnd.d.ts +40 -40
  27. package/dist/cjs/dnd/dnd.js +142 -142
  28. package/dist/cjs/dnd/droptarget.d.ts +33 -37
  29. package/dist/cjs/dnd/droptarget.js +177 -177
  30. package/dist/cjs/dnd/droptarget.js.map +1 -1
  31. package/dist/cjs/dockview/components/tab/defaultTab.d.ts +44 -44
  32. package/dist/cjs/dockview/components/tab/defaultTab.js +186 -186
  33. package/dist/cjs/dockview/components/watermark/watermark.d.ts +20 -20
  34. package/dist/cjs/dockview/components/watermark/watermark.js +99 -99
  35. package/dist/cjs/dockview/defaultGroupPanelView.d.ts +34 -34
  36. package/dist/cjs/dockview/defaultGroupPanelView.js +85 -83
  37. package/dist/cjs/dockview/defaultGroupPanelView.js.map +1 -1
  38. package/dist/cjs/dockview/deserializer.d.ts +14 -14
  39. package/dist/cjs/dockview/deserializer.js +47 -47
  40. package/dist/cjs/dockview/dockviewComponent.d.ts +121 -121
  41. package/dist/cjs/dockview/dockviewComponent.js +692 -692
  42. package/dist/cjs/dockview/dockviewComponent.js.map +1 -1
  43. package/dist/cjs/dockview/dockviewGroupPanel.d.ts +35 -35
  44. package/dist/cjs/dockview/dockviewGroupPanel.js +195 -195
  45. package/dist/cjs/dockview/options.d.ts +79 -79
  46. package/dist/cjs/dockview/options.js +2 -2
  47. package/dist/cjs/dom.d.ts +14 -14
  48. package/dist/cjs/dom.js +182 -182
  49. package/dist/cjs/events.d.ts +30 -23
  50. package/dist/cjs/events.js +108 -87
  51. package/dist/cjs/events.js.map +1 -1
  52. package/dist/cjs/functions.d.ts +1 -1
  53. package/dist/cjs/functions.js +41 -41
  54. package/dist/cjs/gridview/baseComponentGridview.d.ts +98 -98
  55. package/dist/cjs/gridview/baseComponentGridview.js +285 -292
  56. package/dist/cjs/gridview/baseComponentGridview.js.map +1 -1
  57. package/dist/cjs/gridview/basePanelView.d.ts +46 -46
  58. package/dist/cjs/gridview/basePanelView.js +115 -115
  59. package/dist/cjs/gridview/branchNode.d.ts +46 -46
  60. package/dist/cjs/gridview/branchNode.js +342 -342
  61. package/dist/cjs/gridview/gridview.d.ts +123 -123
  62. package/dist/cjs/gridview/gridview.js +476 -477
  63. package/dist/cjs/gridview/gridview.js.map +1 -1
  64. package/dist/cjs/gridview/gridviewComponent.d.ts +88 -88
  65. package/dist/cjs/gridview/gridviewComponent.js +303 -303
  66. package/dist/cjs/gridview/gridviewComponent.js.map +1 -1
  67. package/dist/cjs/gridview/gridviewPanel.d.ts +62 -62
  68. package/dist/cjs/gridview/gridviewPanel.js +205 -205
  69. package/dist/cjs/gridview/leafNode.d.ts +31 -31
  70. package/dist/cjs/gridview/leafNode.js +164 -164
  71. package/dist/cjs/gridview/options.d.ts +18 -18
  72. package/dist/cjs/gridview/options.js +2 -2
  73. package/dist/cjs/gridview/types.d.ts +3 -3
  74. package/dist/cjs/gridview/types.js +2 -2
  75. package/dist/cjs/groupview/dnd.d.ts +5 -5
  76. package/dist/cjs/groupview/dnd.js +9 -9
  77. package/dist/cjs/groupview/groupPanel.d.ts +41 -41
  78. package/dist/cjs/groupview/groupPanel.js +2 -2
  79. package/dist/cjs/groupview/groupview.d.ts +154 -154
  80. package/dist/cjs/groupview/groupview.js +633 -633
  81. package/dist/cjs/groupview/groupview.js.map +1 -1
  82. package/dist/cjs/groupview/groupviewPanel.d.ts +18 -18
  83. package/dist/cjs/groupview/groupviewPanel.js +83 -83
  84. package/dist/cjs/groupview/panel/content.d.ts +30 -30
  85. package/dist/cjs/groupview/panel/content.js +99 -99
  86. package/dist/cjs/groupview/panel/hostedPanel.d.ts +22 -22
  87. package/dist/cjs/groupview/panel/hostedPanel.js +56 -56
  88. package/dist/cjs/groupview/panel/hostedPanel.js.map +1 -1
  89. package/dist/cjs/groupview/tab.d.ts +44 -44
  90. package/dist/cjs/groupview/tab.js +182 -182
  91. package/dist/cjs/groupview/titlebar/tabsContainer.d.ts +66 -66
  92. package/dist/cjs/groupview/titlebar/tabsContainer.js +260 -260
  93. package/dist/cjs/groupview/titlebar/tabsContainer.js.map +1 -1
  94. package/dist/cjs/groupview/types.d.ts +59 -59
  95. package/dist/cjs/groupview/types.js +2 -2
  96. package/dist/cjs/hostedContainer.d.ts +23 -23
  97. package/dist/cjs/hostedContainer.js +73 -73
  98. package/dist/cjs/hostedContainer.js.map +1 -1
  99. package/dist/cjs/index.d.ts +28 -26
  100. package/dist/cjs/index.js +37 -35
  101. package/dist/cjs/index.js.map +1 -1
  102. package/dist/cjs/json.d.ts +1 -1
  103. package/dist/cjs/json.js +13 -13
  104. package/dist/cjs/lifecycle.d.ts +22 -22
  105. package/dist/cjs/lifecycle.js +87 -87
  106. package/dist/cjs/math.d.ts +4 -4
  107. package/dist/cjs/math.js +15 -15
  108. package/dist/cjs/math.js.map +1 -1
  109. package/dist/cjs/panel/componentFactory.d.ts +8 -8
  110. package/dist/cjs/panel/componentFactory.js +30 -30
  111. package/dist/cjs/panel/componentFactory.js.map +1 -1
  112. package/dist/cjs/panel/types.d.ts +34 -34
  113. package/dist/cjs/panel/types.js +2 -2
  114. package/dist/cjs/paneview/defaultPaneviewHeader.d.ts +18 -18
  115. package/dist/cjs/paneview/defaultPaneviewHeader.js +64 -64
  116. package/dist/cjs/paneview/draggablePaneviewPanel.d.ts +17 -17
  117. package/dist/cjs/paneview/draggablePaneviewPanel.js +111 -111
  118. package/dist/cjs/paneview/options.d.ts +25 -25
  119. package/dist/cjs/paneview/options.js +2 -2
  120. package/dist/cjs/paneview/paneview.d.ts +38 -38
  121. package/dist/cjs/paneview/paneview.js +195 -198
  122. package/dist/cjs/paneview/paneview.js.map +1 -1
  123. package/dist/cjs/paneview/paneviewComponent.d.ts +115 -113
  124. package/dist/cjs/paneview/paneviewComponent.js +338 -338
  125. package/dist/cjs/paneview/paneviewComponent.js.map +1 -1
  126. package/dist/cjs/paneview/paneviewPanel.d.ts +85 -85
  127. package/dist/cjs/paneview/paneviewPanel.js +262 -262
  128. package/dist/cjs/paneview/paneviewPanel.js.map +1 -1
  129. package/dist/cjs/react/deserializer.d.ts +8 -8
  130. package/dist/cjs/react/deserializer.js +39 -39
  131. package/dist/cjs/react/dockview/components.d.ts +11 -11
  132. package/dist/cjs/react/dockview/components.js +76 -76
  133. package/dist/cjs/react/dockview/dockview.d.ts +34 -34
  134. package/dist/cjs/react/dockview/dockview.js +151 -135
  135. package/dist/cjs/react/dockview/dockview.js.map +1 -1
  136. package/dist/cjs/react/dockview/reactContentPart.d.ts +47 -47
  137. package/dist/cjs/react/dockview/reactContentPart.js +88 -88
  138. package/dist/cjs/react/dockview/reactHeaderPart.d.ts +24 -24
  139. package/dist/cjs/react/dockview/reactHeaderPart.js +50 -50
  140. package/dist/cjs/react/dockview/reactWatermarkPart.d.ts +30 -30
  141. package/dist/cjs/react/dockview/reactWatermarkPart.js +66 -66
  142. package/dist/cjs/react/dockview/v2/reactContentRenderer.d.ts +30 -30
  143. package/dist/cjs/react/dockview/v2/reactContentRenderer.js +90 -90
  144. package/dist/cjs/react/dockview/v2/reactGroupPanelView.d.ts +7 -7
  145. package/dist/cjs/react/dockview/v2/reactGroupPanelView.js +34 -34
  146. package/dist/cjs/react/dockview/v2/webviewContentRenderer.d.ts +18 -18
  147. package/dist/cjs/react/dockview/v2/webviewContentRenderer.js +45 -45
  148. package/dist/cjs/react/gridview/gridview.d.ts +24 -24
  149. package/dist/cjs/react/gridview/gridview.js +104 -96
  150. package/dist/cjs/react/gridview/gridview.js.map +1 -1
  151. package/dist/cjs/react/gridview/view.d.ts +10 -10
  152. package/dist/cjs/react/gridview/view.js +40 -40
  153. package/dist/cjs/react/index.d.ts +9 -9
  154. package/dist/cjs/react/index.js +21 -21
  155. package/dist/cjs/react/paneview/paneview.d.ts +28 -28
  156. package/dist/cjs/react/paneview/paneview.js +142 -138
  157. package/dist/cjs/react/paneview/paneview.js.map +1 -1
  158. package/dist/cjs/react/paneview/view.d.ts +20 -20
  159. package/dist/cjs/react/paneview/view.js +44 -44
  160. package/dist/cjs/react/react.d.ts +35 -35
  161. package/dist/cjs/react/react.js +181 -181
  162. package/dist/cjs/react/react.js.map +1 -1
  163. package/dist/cjs/react/splitview/splitview.d.ts +24 -24
  164. package/dist/cjs/react/splitview/splitview.js +101 -93
  165. package/dist/cjs/react/splitview/splitview.js.map +1 -1
  166. package/dist/cjs/react/splitview/view.d.ts +10 -10
  167. package/dist/cjs/react/splitview/view.js +40 -40
  168. package/dist/cjs/react/types.d.ts +7 -7
  169. package/dist/cjs/react/types.js +2 -2
  170. package/dist/cjs/splitview/core/options.d.ts +26 -26
  171. package/dist/cjs/splitview/core/options.js +2 -2
  172. package/dist/cjs/splitview/core/splitview.d.ts +124 -124
  173. package/dist/cjs/splitview/core/splitview.js +908 -908
  174. package/dist/cjs/splitview/core/splitview.js.map +1 -1
  175. package/dist/cjs/splitview/core/viewItem.d.ts +25 -25
  176. package/dist/cjs/splitview/core/viewItem.js +124 -124
  177. package/dist/cjs/splitview/splitviewComponent.d.ts +100 -100
  178. package/dist/cjs/splitview/splitviewComponent.js +327 -327
  179. package/dist/cjs/splitview/splitviewComponent.js.map +1 -1
  180. package/dist/cjs/splitview/splitviewPanel.d.ts +47 -47
  181. package/dist/cjs/splitview/splitviewPanel.js +178 -178
  182. package/dist/cjs/types.d.ts +7 -7
  183. package/dist/cjs/types.js +2 -2
  184. package/dist/dockview.amd.js +6759 -6712
  185. package/dist/dockview.amd.min.js +3 -3
  186. package/dist/dockview.amd.min.noStyle.js +3 -3
  187. package/dist/dockview.amd.noStyle.js +6752 -6705
  188. package/dist/dockview.cjs.js +6755 -6708
  189. package/dist/dockview.esm.js +6750 -6707
  190. package/dist/dockview.esm.min.js +3 -3
  191. package/dist/dockview.js +6759 -6712
  192. package/dist/dockview.min.js +3 -3
  193. package/dist/dockview.min.noStyle.js +3 -3
  194. package/dist/dockview.noStyle.js +6752 -6705
  195. package/dist/esm/actionbar/actionsContainer.d.ts +7 -7
  196. package/dist/esm/actionbar/actionsContainer.js +17 -17
  197. package/dist/esm/api/component.api.d.ts +135 -131
  198. package/dist/esm/api/component.api.js +305 -287
  199. package/dist/esm/api/gridviewPanelApi.d.ts +36 -36
  200. package/dist/esm/api/gridviewPanelApi.js +24 -24
  201. package/dist/esm/api/groupPanelApi.d.ts +44 -44
  202. package/dist/esm/api/groupPanelApi.js +52 -52
  203. package/dist/esm/api/panelApi.d.ts +107 -107
  204. package/dist/esm/api/panelApi.js +98 -98
  205. package/dist/esm/api/paneviewPanelApi.d.ts +26 -26
  206. package/dist/esm/api/paneviewPanelApi.js +26 -26
  207. package/dist/esm/api/splitviewPanelApi.d.ts +33 -33
  208. package/dist/esm/api/splitviewPanelApi.js +29 -29
  209. package/dist/esm/array.d.ts +13 -13
  210. package/dist/esm/array.js +67 -67
  211. package/dist/esm/dnd/abstractDragHandler.d.ts +11 -11
  212. package/dist/esm/dnd/abstractDragHandler.js +37 -37
  213. package/dist/esm/dnd/dataTransfer.d.ts +56 -56
  214. package/dist/esm/dnd/dataTransfer.js +109 -109
  215. package/dist/esm/dnd/dnd.d.ts +40 -40
  216. package/dist/esm/dnd/dnd.js +109 -109
  217. package/dist/esm/dnd/droptarget.d.ts +33 -37
  218. package/dist/esm/dnd/droptarget.js +143 -143
  219. package/dist/esm/dockview/components/tab/defaultTab.d.ts +44 -44
  220. package/dist/esm/dockview/components/tab/defaultTab.js +130 -130
  221. package/dist/esm/dockview/components/watermark/watermark.d.ts +20 -20
  222. package/dist/esm/dockview/components/watermark/watermark.js +68 -68
  223. package/dist/esm/dockview/defaultGroupPanelView.d.ts +34 -34
  224. package/dist/esm/dockview/defaultGroupPanelView.js +57 -55
  225. package/dist/esm/dockview/deserializer.d.ts +14 -14
  226. package/dist/esm/dockview/deserializer.js +20 -20
  227. package/dist/esm/dockview/dockviewComponent.d.ts +121 -121
  228. package/dist/esm/dockview/dockviewComponent.js +533 -533
  229. package/dist/esm/dockview/dockviewGroupPanel.d.ts +35 -35
  230. package/dist/esm/dockview/dockviewGroupPanel.js +145 -145
  231. package/dist/esm/dockview/options.d.ts +79 -79
  232. package/dist/esm/dockview/options.js +1 -1
  233. package/dist/esm/dom.d.ts +14 -14
  234. package/dist/esm/dom.js +113 -113
  235. package/dist/esm/events.d.ts +30 -23
  236. package/dist/esm/events.js +89 -71
  237. package/dist/esm/functions.d.ts +1 -1
  238. package/dist/esm/functions.js +8 -8
  239. package/dist/esm/gridview/baseComponentGridview.d.ts +98 -98
  240. package/dist/esm/gridview/baseComponentGridview.js +217 -224
  241. package/dist/esm/gridview/basePanelView.d.ts +46 -46
  242. package/dist/esm/gridview/basePanelView.js +70 -70
  243. package/dist/esm/gridview/branchNode.d.ts +46 -46
  244. package/dist/esm/gridview/branchNode.js +218 -218
  245. package/dist/esm/gridview/gridview.d.ts +123 -123
  246. package/dist/esm/gridview/gridview.js +395 -396
  247. package/dist/esm/gridview/gridviewComponent.d.ts +88 -88
  248. package/dist/esm/gridview/gridviewComponent.js +238 -238
  249. package/dist/esm/gridview/gridviewPanel.d.ts +62 -62
  250. package/dist/esm/gridview/gridviewPanel.js +141 -141
  251. package/dist/esm/gridview/leafNode.d.ts +31 -31
  252. package/dist/esm/gridview/leafNode.js +97 -97
  253. package/dist/esm/gridview/options.d.ts +18 -18
  254. package/dist/esm/gridview/options.js +1 -1
  255. package/dist/esm/gridview/types.d.ts +3 -3
  256. package/dist/esm/gridview/types.js +1 -1
  257. package/dist/esm/groupview/dnd.d.ts +5 -5
  258. package/dist/esm/groupview/dnd.js +6 -6
  259. package/dist/esm/groupview/groupPanel.d.ts +41 -41
  260. package/dist/esm/groupview/groupPanel.js +1 -1
  261. package/dist/esm/groupview/groupview.d.ts +154 -154
  262. package/dist/esm/groupview/groupview.js +448 -448
  263. package/dist/esm/groupview/groupviewPanel.d.ts +18 -18
  264. package/dist/esm/groupview/groupviewPanel.js +41 -41
  265. package/dist/esm/groupview/panel/content.d.ts +30 -30
  266. package/dist/esm/groupview/panel/content.js +72 -72
  267. package/dist/esm/groupview/panel/hostedPanel.d.ts +22 -22
  268. package/dist/esm/groupview/panel/hostedPanel.js +43 -43
  269. package/dist/esm/groupview/tab.d.ts +44 -44
  270. package/dist/esm/groupview/tab.js +101 -101
  271. package/dist/esm/groupview/titlebar/tabsContainer.d.ts +66 -66
  272. package/dist/esm/groupview/titlebar/tabsContainer.js +185 -185
  273. package/dist/esm/groupview/types.d.ts +59 -59
  274. package/dist/esm/groupview/types.js +1 -1
  275. package/dist/esm/hostedContainer.d.ts +23 -23
  276. package/dist/esm/hostedContainer.js +63 -63
  277. package/dist/esm/index.d.ts +28 -26
  278. package/dist/esm/index.js +23 -21
  279. package/dist/esm/json.d.ts +1 -1
  280. package/dist/esm/json.js +9 -9
  281. package/dist/esm/lifecycle.d.ts +22 -22
  282. package/dist/esm/lifecycle.js +38 -38
  283. package/dist/esm/math.d.ts +4 -4
  284. package/dist/esm/math.js +10 -10
  285. package/dist/esm/panel/componentFactory.d.ts +8 -8
  286. package/dist/esm/panel/componentFactory.js +24 -24
  287. package/dist/esm/panel/types.d.ts +34 -34
  288. package/dist/esm/panel/types.js +1 -1
  289. package/dist/esm/paneview/defaultPaneviewHeader.d.ts +18 -18
  290. package/dist/esm/paneview/defaultPaneviewHeader.js +37 -37
  291. package/dist/esm/paneview/draggablePaneviewPanel.d.ts +17 -17
  292. package/dist/esm/paneview/draggablePaneviewPanel.js +72 -72
  293. package/dist/esm/paneview/options.d.ts +25 -25
  294. package/dist/esm/paneview/options.js +1 -1
  295. package/dist/esm/paneview/paneview.d.ts +38 -38
  296. package/dist/esm/paneview/paneview.js +141 -144
  297. package/dist/esm/paneview/paneviewComponent.d.ts +115 -113
  298. package/dist/esm/paneview/paneviewComponent.js +247 -247
  299. package/dist/esm/paneview/paneviewPanel.d.ts +85 -85
  300. package/dist/esm/paneview/paneviewPanel.js +183 -183
  301. package/dist/esm/react/deserializer.d.ts +8 -8
  302. package/dist/esm/react/deserializer.js +34 -34
  303. package/dist/esm/react/dockview/components.d.ts +11 -11
  304. package/dist/esm/react/dockview/components.js +54 -54
  305. package/dist/esm/react/dockview/dockview.d.ts +34 -34
  306. package/dist/esm/react/dockview/dockview.js +113 -97
  307. package/dist/esm/react/dockview/reactContentPart.d.ts +47 -47
  308. package/dist/esm/react/dockview/reactContentPart.js +75 -75
  309. package/dist/esm/react/dockview/reactHeaderPart.d.ts +24 -24
  310. package/dist/esm/react/dockview/reactHeaderPart.js +41 -41
  311. package/dist/esm/react/dockview/reactWatermarkPart.d.ts +30 -30
  312. package/dist/esm/react/dockview/reactWatermarkPart.js +56 -56
  313. package/dist/esm/react/dockview/v2/reactContentRenderer.d.ts +30 -30
  314. package/dist/esm/react/dockview/v2/reactContentRenderer.js +72 -72
  315. package/dist/esm/react/dockview/v2/reactGroupPanelView.d.ts +7 -7
  316. package/dist/esm/react/dockview/v2/reactGroupPanelView.js +12 -12
  317. package/dist/esm/react/dockview/v2/webviewContentRenderer.d.ts +18 -18
  318. package/dist/esm/react/dockview/v2/webviewContentRenderer.js +36 -36
  319. package/dist/esm/react/gridview/gridview.d.ts +24 -24
  320. package/dist/esm/react/gridview/gridview.js +66 -58
  321. package/dist/esm/react/gridview/view.d.ts +10 -10
  322. package/dist/esm/react/gridview/view.js +18 -18
  323. package/dist/esm/react/index.d.ts +9 -9
  324. package/dist/esm/react/index.js +9 -9
  325. package/dist/esm/react/paneview/paneview.d.ts +28 -28
  326. package/dist/esm/react/paneview/paneview.js +91 -87
  327. package/dist/esm/react/paneview/view.d.ts +20 -20
  328. package/dist/esm/react/paneview/view.js +35 -35
  329. package/dist/esm/react/react.d.ts +35 -35
  330. package/dist/esm/react/react.js +116 -116
  331. package/dist/esm/react/splitview/splitview.d.ts +24 -24
  332. package/dist/esm/react/splitview/splitview.js +63 -55
  333. package/dist/esm/react/splitview/view.d.ts +10 -10
  334. package/dist/esm/react/splitview/view.js +18 -18
  335. package/dist/esm/react/types.d.ts +7 -7
  336. package/dist/esm/react/types.js +1 -1
  337. package/dist/esm/splitview/core/options.d.ts +26 -26
  338. package/dist/esm/splitview/core/options.js +1 -1
  339. package/dist/esm/splitview/core/splitview.d.ts +124 -124
  340. package/dist/esm/splitview/core/splitview.js +689 -689
  341. package/dist/esm/splitview/core/viewItem.d.ts +25 -25
  342. package/dist/esm/splitview/core/viewItem.js +79 -79
  343. package/dist/esm/splitview/splitviewComponent.d.ts +100 -100
  344. package/dist/esm/splitview/splitviewComponent.js +241 -241
  345. package/dist/esm/splitview/splitviewPanel.d.ts +47 -47
  346. package/dist/esm/splitview/splitviewPanel.js +107 -107
  347. package/dist/esm/types.d.ts +7 -7
  348. package/dist/esm/types.js +1 -1
  349. package/dist/styles/dockview.css +45 -45
  350. package/package.json +75 -75
  351. package/dist/cjs/footnote.d.ts +0 -1
  352. package/dist/cjs/footnote.js +0 -20
  353. package/dist/cjs/footnote.js.map +0 -1
  354. package/dist/esm/footnote.d.ts +0 -1
  355. package/dist/esm/footnote.js +0 -19
package/LICENSE CHANGED
@@ -1,21 +1,21 @@
1
- MIT License
2
-
3
- Copyright (c) 2021 mathuo
4
-
5
- Permission is hereby granted, free of charge, to any person obtaining a copy
6
- of this software and associated documentation files (the "Software"), to deal
7
- in the Software without restriction, including without limitation the rights
8
- to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
- copies of the Software, and to permit persons to whom the Software is
10
- furnished to do so, subject to the following conditions:
11
-
12
- The above copyright notice and this permission notice shall be included in all
13
- copies or substantial portions of the Software.
14
-
15
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
- FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
- AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
- LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
- OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
- SOFTWARE.
1
+ MIT License
2
+
3
+ Copyright (c) 2021 mathuo
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/README.md CHANGED
@@ -65,6 +65,66 @@ You should also attach a dockview theme to an element containing your components
65
65
  <body classname="dockview-theme-dark"></body>
66
66
  ```
67
67
 
68
+ Demonstrated below is a high level example of a `DockviewReact` component. You can follow a similar pattern for `GridviewReact`, `SplitviewReact` and `PaneviewReact` components too, see examples for more.
69
+
70
+ ```tsx
71
+ import { DockviewReact, DockviewReadyEvent, PanelCollection.IDockviewPanelProps } from 'dockview';
72
+
73
+ const components: PanelCollection<IDockviewPanelProps> = {
74
+ default: (props: IDockviewPanelProps<{someProps: string}>) => {
75
+ return <div>{props.params.someProps}</div>
76
+ }
77
+ };
78
+
79
+ const Component = () => {
80
+ const onReady = (event: DockviewReadyEvent) => {
81
+ event.api.addPanel({
82
+ id: 'panel1',
83
+ component: 'default',
84
+ params: {
85
+ someProps: 'Hello',
86
+ },
87
+ });
88
+ event.api.addPanel({
89
+ id: 'panel2',
90
+ component: 'default',
91
+ params: {
92
+ someProps: 'World',
93
+ },
94
+ position: { referencePanel: 'panel1', direction: 'below' },
95
+ });
96
+ };
97
+
98
+ return <DockviewReact components={components} onReady={onReady} />;
99
+ };
100
+ ```
101
+
102
+ Specifically for `DockviewReact` there exists higher-order components to encapsulate both the tab and contents into one logical component for the user making state sharing between the two simple, which is an optional feature.
103
+
104
+ ```tsx
105
+ const components: PanelCollection<IDockviewPanelProps> = {
106
+ default: (props: IDockviewPanelProps<{ someProps: string }>) => {
107
+ return <div>{props.params.someProps}</div>;
108
+ },
109
+ fancy: (props: IDockviewPanelProps) => {
110
+ const close = () => props.api.close();
111
+ return (
112
+ <DockviewComponents.Panel>
113
+ <DockviewComponents.Tab>
114
+ <div>
115
+ <span>{props.api.title}</span>
116
+ <span onClick={close}>{'Close'}</span>
117
+ </div>
118
+ </DockviewComponents.Tab>
119
+ <DockviewComponents.Content>
120
+ <div>{'Hello world'}</div>
121
+ </DockviewComponents.Content>
122
+ </DockviewComponents.Panel>
123
+ );
124
+ },
125
+ };
126
+ ```
127
+
68
128
  ## Sandbox examples
69
129
 
70
130
  - [Dockview](https://codesandbox.io/s/simple-dockview-t6491)
package/dist/cjs/actionbar/actionsContainer.d.ts CHANGED
@@ -1,7 +1,7 @@
1
- export declare class ActionContainer {
2
- private _element;
3
- private _list;
4
- get element(): HTMLElement;
5
- constructor();
6
- add(element: HTMLElement): void;
7
- }
1
+ export declare class ActionContainer {
2
+ private _element;
3
+ private _list;
4
+ get element(): HTMLElement;
5
+ constructor();
6
+ add(element: HTMLElement): void;
7
+ }
package/dist/cjs/actionbar/actionsContainer.js CHANGED
@@ -1,27 +1,27 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.ActionContainer = void 0;
4
- var ActionContainer = /** @class */ (function () {
5
- function ActionContainer() {
6
- this._element = document.createElement('div');
7
- this._element.className = 'actions-bar';
8
- this._list = document.createElement('ul');
9
- this._list.className = 'actions-container';
10
- this._element.appendChild(this._list);
11
- }
12
- Object.defineProperty(ActionContainer.prototype, "element", {
13
- get: function () {
14
- return this._element;
15
- },
16
- enumerable: false,
17
- configurable: true
18
- });
19
- ActionContainer.prototype.add = function (element) {
20
- var listItem = document.createElement('li');
21
- listItem.className = 'action-item';
22
- this._list.appendChild(element);
23
- };
24
- return ActionContainer;
25
- }());
26
- exports.ActionContainer = ActionContainer;
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ActionContainer = void 0;
4
+ var ActionContainer = /** @class */ (function () {
5
+ function ActionContainer() {
6
+ this._element = document.createElement('div');
7
+ this._element.className = 'actions-bar';
8
+ this._list = document.createElement('ul');
9
+ this._list.className = 'actions-container';
10
+ this._element.appendChild(this._list);
11
+ }
12
+ Object.defineProperty(ActionContainer.prototype, "element", {
13
+ get: function () {
14
+ return this._element;
15
+ },
16
+ enumerable: false,
17
+ configurable: true
18
+ });
19
+ ActionContainer.prototype.add = function (element) {
20
+ var listItem = document.createElement('li');
21
+ listItem.className = 'action-item';
22
+ this._list.appendChild(element);
23
+ };
24
+ return ActionContainer;
25
+ }());
26
+ exports.ActionContainer = ActionContainer;
27
27
  //# sourceMappingURL=actionsContainer.js.map
package/dist/cjs/api/component.api.d.ts CHANGED
@@ -1,131 +1,135 @@
1
- import { IDockviewComponent, SerializedDockview } from '../dockview/dockviewComponent';
2
- import { AddGroupOptions, AddPanelOptions, MovementOptions } from '../dockview/options';
3
- import { Direction, GroupChangeEvent } from '../gridview/baseComponentGridview';
4
- import { AddComponentOptions, IGridviewComponent, SerializedGridview } from '../gridview/gridviewComponent';
5
- import { GridviewPanel, IGridviewPanel } from '../gridview/gridviewPanel';
6
- import { IGroupPanel } from '../groupview/groupPanel';
7
- import { AddPaneviewCompponentOptions, SerializedPaneview, IPaneviewComponent } from '../paneview/paneviewComponent';
8
- import { IPaneviewPanel } from '../paneview/paneviewPanel';
9
- import { AddSplitviewComponentOptions, ISplitviewComponent, SerializedSplitview, SplitviewComponentUpdateOptions } from '../splitview/splitviewComponent';
10
- import { Orientation, Sizing } from '../splitview/core/splitview';
11
- import { ISplitviewPanel } from '../splitview/splitviewPanel';
12
- import { GroupviewPanel } from '../groupview/groupviewPanel';
13
- import { Event } from '../events';
14
- import { IDisposable } from '../lifecycle';
15
- export interface CommonApi {
16
- readonly height: number;
17
- readonly width: number;
18
- readonly onDidLayoutChange: Event<void>;
19
- focus(): void;
20
- layout(width: number, height: number): void;
21
- resizeToFit(): void;
22
- }
23
- export declare class SplitviewApi implements CommonApi {
24
- private readonly component;
25
- get minimumSize(): number;
26
- get maximumSize(): number;
27
- get height(): number;
28
- get width(): number;
29
- get length(): number;
30
- get onDidLayoutChange(): Event<void>;
31
- get orientation(): Orientation;
32
- constructor(component: ISplitviewComponent);
33
- updateOptions(options: SplitviewComponentUpdateOptions): void;
34
- removePanel(panel: ISplitviewPanel, sizing?: Sizing): void;
35
- setVisible(panel: ISplitviewPanel, isVisible: boolean): void;
36
- getPanels(): ISplitviewPanel[];
37
- focus(): void;
38
- getPanel(id: string): ISplitviewPanel | undefined;
39
- setActive(panel: ISplitviewPanel): void;
40
- layout(width: number, height: number): void;
41
- addPanel(options: AddSplitviewComponentOptions): void;
42
- resizeToFit(): void;
43
- movePanel(from: number, to: number): void;
44
- fromJSON(data: SerializedSplitview, deferComponentLayout?: boolean): void;
45
- toJSON(): SerializedSplitview;
46
- }
47
- export declare class PaneviewApi implements CommonApi {
48
- private readonly component;
49
- get width(): number;
50
- get height(): number;
51
- get minimumSize(): number;
52
- get maximumSize(): number;
53
- get onDidLayoutChange(): Event<void>;
54
- constructor(component: IPaneviewComponent);
55
- getPanels(): IPaneviewPanel[];
56
- removePanel(panel: IPaneviewPanel): void;
57
- getPanel(id: string): IPaneviewPanel | undefined;
58
- movePanel(from: number, to: number): void;
59
- focus(): void;
60
- layout(width: number, height: number): void;
61
- addPanel(options: AddPaneviewCompponentOptions): IDisposable;
62
- resizeToFit(): void;
63
- fromJSON(data: SerializedPaneview, deferComponentLayout?: boolean): void;
64
- toJSON(): SerializedPaneview;
65
- }
66
- export declare class GridviewApi implements CommonApi {
67
- private readonly component;
68
- get width(): number;
69
- get height(): number;
70
- get minimumHeight(): number;
71
- get maximumHeight(): number;
72
- get minimumWidth(): number;
73
- get maximumWidth(): number;
74
- get onGridEvent(): Event<GroupChangeEvent>;
75
- get onDidLayoutChange(): Event<void>;
76
- get panels(): GridviewPanel[];
77
- get orientation(): Orientation;
78
- set orientation(value: Orientation);
79
- constructor(component: IGridviewComponent);
80
- focus(): void;
81
- layout(width: number, height: number, force?: boolean): void;
82
- addPanel(options: AddComponentOptions): void;
83
- removePanel(panel: IGridviewPanel, sizing?: Sizing): void;
84
- movePanel(panel: IGridviewPanel, options: {
85
- direction: Direction;
86
- reference: string;
87
- size?: number;
88
- }): void;
89
- resizeToFit(): void;
90
- getPanel(id: string): GridviewPanel | undefined;
91
- toggleVisibility(panel: IGridviewPanel): void;
92
- setVisible(panel: IGridviewPanel, visible: boolean): void;
93
- setActive(panel: IGridviewPanel): void;
94
- fromJSON(data: SerializedGridview, deferComponentLayout?: boolean): void;
95
- toJSON(): SerializedGridview;
96
- }
97
- export declare class DockviewApi implements CommonApi {
98
- private readonly component;
99
- get width(): number;
100
- get height(): number;
101
- get minimumHeight(): number;
102
- get maximumHeight(): number;
103
- get minimumWidth(): number;
104
- get maximumWidth(): number;
105
- get size(): number;
106
- get totalPanels(): number;
107
- get onGridEvent(): Event<GroupChangeEvent>;
108
- get onDidLayoutChange(): Event<void>;
109
- get panels(): IGroupPanel[];
110
- get groups(): GroupviewPanel[];
111
- get activePanel(): IGroupPanel | undefined;
112
- get activeGroup(): GroupviewPanel | undefined;
113
- constructor(component: IDockviewComponent);
114
- getTabHeight(): number | undefined;
115
- setTabHeight(height: number | undefined): void;
116
- focus(): void;
117
- getPanel(id: string): IGroupPanel | undefined;
118
- setActivePanel(panel: IGroupPanel): void;
119
- layout(width: number, height: number, force?: boolean): void;
120
- addPanel(options: AddPanelOptions): IGroupPanel;
121
- removePanel(panel: IGroupPanel): void;
122
- addEmptyGroup(options?: AddGroupOptions): void;
123
- moveToNext(options?: MovementOptions): void;
124
- moveToPrevious(options?: MovementOptions): void;
125
- closeAllGroups(): Promise<boolean>;
126
- removeGroup(group: GroupviewPanel): void;
127
- resizeToFit(): void;
128
- getGroup(id: string): GroupviewPanel | undefined;
129
- fromJSON(data: SerializedDockview): void;
130
- toJSON(): SerializedDockview;
131
- }
1
+ import { IDockviewComponent, SerializedDockview } from '../dockview/dockviewComponent';
2
+ import { AddGroupOptions, AddPanelOptions, MovementOptions } from '../dockview/options';
3
+ import { Direction, GroupChangeEvent } from '../gridview/baseComponentGridview';
4
+ import { AddComponentOptions, IGridviewComponent, SerializedGridview } from '../gridview/gridviewComponent';
5
+ import { GridviewPanel, IGridviewPanel } from '../gridview/gridviewPanel';
6
+ import { IGroupPanel } from '../groupview/groupPanel';
7
+ import { AddPaneviewCompponentOptions, SerializedPaneview, IPaneviewComponent } from '../paneview/paneviewComponent';
8
+ import { IPaneviewPanel, PaneviewPanel } from '../paneview/paneviewPanel';
9
+ import { AddSplitviewComponentOptions, ISplitviewComponent, SerializedSplitview, SplitviewComponentUpdateOptions } from '../splitview/splitviewComponent';
10
+ import { Orientation, Sizing } from '../splitview/core/splitview';
11
+ import { ISplitviewPanel } from '../splitview/splitviewPanel';
12
+ import { GroupviewPanel } from '../groupview/groupviewPanel';
13
+ import { Event } from '../events';
14
+ import { IDisposable } from '../lifecycle';
15
+ import { PaneviewDropEvent } from '../react';
16
+ export interface CommonApi {
17
+ readonly height: number;
18
+ readonly width: number;
19
+ readonly onDidLayoutChange: Event<void>;
20
+ focus(): void;
21
+ layout(width: number, height: number): void;
22
+ resizeToFit(): void;
23
+ }
24
+ export declare class SplitviewApi implements CommonApi {
25
+ private readonly component;
26
+ get minimumSize(): number;
27
+ get maximumSize(): number;
28
+ get height(): number;
29
+ get width(): number;
30
+ get length(): number;
31
+ get onDidLayoutChange(): Event<void>;
32
+ get orientation(): Orientation;
33
+ constructor(component: ISplitviewComponent);
34
+ updateOptions(options: SplitviewComponentUpdateOptions): void;
35
+ removePanel(panel: ISplitviewPanel, sizing?: Sizing): void;
36
+ setVisible(panel: ISplitviewPanel, isVisible: boolean): void;
37
+ getPanels(): ISplitviewPanel[];
38
+ focus(): void;
39
+ getPanel(id: string): ISplitviewPanel | undefined;
40
+ setActive(panel: ISplitviewPanel): void;
41
+ layout(width: number, height: number): void;
42
+ addPanel(options: AddSplitviewComponentOptions): void;
43
+ resizeToFit(): void;
44
+ movePanel(from: number, to: number): void;
45
+ fromJSON(data: SerializedSplitview, deferComponentLayout?: boolean): void;
46
+ toJSON(): SerializedSplitview;
47
+ }
48
+ export declare class PaneviewApi implements CommonApi {
49
+ private readonly component;
50
+ get width(): number;
51
+ get height(): number;
52
+ get minimumSize(): number;
53
+ get maximumSize(): number;
54
+ get onDidLayoutChange(): Event<void>;
55
+ get onDidAddView(): Event<PaneviewPanel>;
56
+ get onDidRemoveView(): Event<PaneviewPanel>;
57
+ get onDidDrop(): Event<PaneviewDropEvent>;
58
+ constructor(component: IPaneviewComponent);
59
+ getPanels(): IPaneviewPanel[];
60
+ removePanel(panel: IPaneviewPanel): void;
61
+ getPanel(id: string): IPaneviewPanel | undefined;
62
+ movePanel(from: number, to: number): void;
63
+ focus(): void;
64
+ layout(width: number, height: number): void;
65
+ addPanel(options: AddPaneviewCompponentOptions): IDisposable;
66
+ resizeToFit(): void;
67
+ fromJSON(data: SerializedPaneview, deferComponentLayout?: boolean): void;
68
+ toJSON(): SerializedPaneview;
69
+ }
70
+ export declare class GridviewApi implements CommonApi {
71
+ private readonly component;
72
+ get width(): number;
73
+ get height(): number;
74
+ get minimumHeight(): number;
75
+ get maximumHeight(): number;
76
+ get minimumWidth(): number;
77
+ get maximumWidth(): number;
78
+ get onGridEvent(): Event<GroupChangeEvent>;
79
+ get onDidLayoutChange(): Event<void>;
80
+ get panels(): GridviewPanel[];
81
+ get orientation(): Orientation;
82
+ set orientation(value: Orientation);
83
+ constructor(component: IGridviewComponent);
84
+ focus(): void;
85
+ layout(width: number, height: number, force?: boolean): void;
86
+ addPanel(options: AddComponentOptions): void;
87
+ removePanel(panel: IGridviewPanel, sizing?: Sizing): void;
88
+ movePanel(panel: IGridviewPanel, options: {
89
+ direction: Direction;
90
+ reference: string;
91
+ size?: number;
92
+ }): void;
93
+ resizeToFit(): void;
94
+ getPanel(id: string): GridviewPanel | undefined;
95
+ toggleVisibility(panel: IGridviewPanel): void;
96
+ setVisible(panel: IGridviewPanel, visible: boolean): void;
97
+ setActive(panel: IGridviewPanel): void;
98
+ fromJSON(data: SerializedGridview, deferComponentLayout?: boolean): void;
99
+ toJSON(): SerializedGridview;
100
+ }
101
+ export declare class DockviewApi implements CommonApi {
102
+ private readonly component;
103
+ get width(): number;
104
+ get height(): number;
105
+ get minimumHeight(): number;
106
+ get maximumHeight(): number;
107
+ get minimumWidth(): number;
108
+ get maximumWidth(): number;
109
+ get size(): number;
110
+ get totalPanels(): number;
111
+ get onGridEvent(): Event<GroupChangeEvent>;
112
+ get onDidLayoutChange(): Event<void>;
113
+ get panels(): IGroupPanel[];
114
+ get groups(): GroupviewPanel[];
115
+ get activePanel(): IGroupPanel | undefined;
116
+ get activeGroup(): GroupviewPanel | undefined;
117
+ constructor(component: IDockviewComponent);
118
+ getTabHeight(): number | undefined;
119
+ setTabHeight(height: number | undefined): void;
120
+ focus(): void;
121
+ getPanel(id: string): IGroupPanel | undefined;
122
+ setActivePanel(panel: IGroupPanel): void;
123
+ layout(width: number, height: number, force?: boolean): void;
124
+ addPanel(options: AddPanelOptions): IGroupPanel;
125
+ removePanel(panel: IGroupPanel): void;
126
+ addEmptyGroup(options?: AddGroupOptions): void;
127
+ moveToNext(options?: MovementOptions): void;
128
+ moveToPrevious(options?: MovementOptions): void;
129
+ closeAllGroups(): Promise<boolean>;
130
+ removeGroup(group: GroupviewPanel): void;
131
+ resizeToFit(): void;
132
+ getGroup(id: string): GroupviewPanel | undefined;
133
+ fromJSON(data: SerializedDockview): void;
134
+ toJSON(): SerializedDockview;
135
+ }