dockview 0.0.28 → 1.0.0

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 (342) 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 +131 -131
  6. package/dist/cjs/api/component.api.js +444 -444
  7. package/dist/cjs/api/gridviewPanelApi.d.ts +36 -36
  8. package/dist/cjs/api/gridviewPanelApi.js +46 -46
  9. package/dist/cjs/api/groupPanelApi.d.ts +44 -44
  10. package/dist/cjs/api/groupPanelApi.js +94 -94
  11. package/dist/cjs/api/groupPanelApi.js.map +1 -1
  12. package/dist/cjs/api/panelApi.d.ts +107 -107
  13. package/dist/cjs/api/panelApi.js +140 -140
  14. package/dist/cjs/api/paneviewPanelApi.d.ts +26 -26
  15. package/dist/cjs/api/paneviewPanelApi.js +56 -56
  16. package/dist/cjs/api/splitviewPanelApi.d.ts +33 -33
  17. package/dist/cjs/api/splitviewPanelApi.js +51 -51
  18. package/dist/cjs/array.d.ts +13 -13
  19. package/dist/cjs/array.js +77 -77
  20. package/dist/cjs/dnd/abstractDragHandler.d.ts +11 -11
  21. package/dist/cjs/dnd/abstractDragHandler.js +115 -115
  22. package/dist/cjs/dnd/dataTransfer.d.ts +56 -56
  23. package/dist/cjs/dnd/dataTransfer.js +144 -144
  24. package/dist/cjs/dnd/dataTransfer.js.map +1 -1
  25. package/dist/cjs/dnd/dnd.d.ts +40 -40
  26. package/dist/cjs/dnd/dnd.js +142 -142
  27. package/dist/cjs/dnd/droptarget.d.ts +37 -37
  28. package/dist/cjs/dnd/droptarget.js +177 -177
  29. package/dist/cjs/dockview/components/tab/defaultTab.d.ts +44 -44
  30. package/dist/cjs/dockview/components/tab/defaultTab.js +186 -186
  31. package/dist/cjs/dockview/components/watermark/watermark.d.ts +20 -20
  32. package/dist/cjs/dockview/components/watermark/watermark.js +99 -99
  33. package/dist/cjs/dockview/defaultGroupPanelView.d.ts +34 -34
  34. package/dist/cjs/dockview/defaultGroupPanelView.js +83 -83
  35. package/dist/cjs/dockview/deserializer.d.ts +14 -14
  36. package/dist/cjs/dockview/deserializer.js +47 -47
  37. package/dist/cjs/dockview/dockviewComponent.d.ts +121 -121
  38. package/dist/cjs/dockview/dockviewComponent.js +692 -692
  39. package/dist/cjs/dockview/dockviewComponent.js.map +1 -1
  40. package/dist/cjs/dockview/dockviewGroupPanel.d.ts +35 -35
  41. package/dist/cjs/dockview/dockviewGroupPanel.js +195 -195
  42. package/dist/cjs/dockview/options.d.ts +79 -79
  43. package/dist/cjs/dockview/options.js +2 -2
  44. package/dist/cjs/dom.d.ts +14 -14
  45. package/dist/cjs/dom.js +182 -182
  46. package/dist/cjs/events.d.ts +23 -23
  47. package/dist/cjs/events.js +87 -87
  48. package/dist/cjs/footnote.d.ts +1 -1
  49. package/dist/cjs/footnote.js +19 -19
  50. package/dist/cjs/footnote.js.map +1 -1
  51. package/dist/cjs/functions.d.ts +1 -1
  52. package/dist/cjs/functions.js +41 -41
  53. package/dist/cjs/gridview/baseComponentGridview.d.ts +98 -98
  54. package/dist/cjs/gridview/baseComponentGridview.js +292 -292
  55. package/dist/cjs/gridview/baseComponentGridview.js.map +1 -1
  56. package/dist/cjs/gridview/basePanelView.d.ts +46 -46
  57. package/dist/cjs/gridview/basePanelView.js +115 -115
  58. package/dist/cjs/gridview/branchNode.d.ts +46 -46
  59. package/dist/cjs/gridview/branchNode.js +342 -342
  60. package/dist/cjs/gridview/gridview.d.ts +123 -123
  61. package/dist/cjs/gridview/gridview.js +477 -477
  62. package/dist/cjs/gridview/gridviewComponent.d.ts +88 -88
  63. package/dist/cjs/gridview/gridviewComponent.js +303 -303
  64. package/dist/cjs/gridview/gridviewComponent.js.map +1 -1
  65. package/dist/cjs/gridview/gridviewPanel.d.ts +62 -62
  66. package/dist/cjs/gridview/gridviewPanel.js +205 -205
  67. package/dist/cjs/gridview/leafNode.d.ts +31 -31
  68. package/dist/cjs/gridview/leafNode.js +164 -164
  69. package/dist/cjs/gridview/options.d.ts +18 -18
  70. package/dist/cjs/gridview/options.js +2 -2
  71. package/dist/cjs/gridview/types.d.ts +3 -3
  72. package/dist/cjs/gridview/types.js +2 -2
  73. package/dist/cjs/groupview/dnd.d.ts +5 -5
  74. package/dist/cjs/groupview/dnd.js +9 -9
  75. package/dist/cjs/groupview/groupPanel.d.ts +41 -41
  76. package/dist/cjs/groupview/groupPanel.js +2 -2
  77. package/dist/cjs/groupview/groupview.d.ts +154 -154
  78. package/dist/cjs/groupview/groupview.js +633 -633
  79. package/dist/cjs/groupview/groupviewPanel.d.ts +18 -18
  80. package/dist/cjs/groupview/groupviewPanel.js +83 -83
  81. package/dist/cjs/groupview/panel/content.d.ts +30 -30
  82. package/dist/cjs/groupview/panel/content.js +99 -99
  83. package/dist/cjs/groupview/panel/hostedPanel.d.ts +22 -22
  84. package/dist/cjs/groupview/panel/hostedPanel.js +56 -56
  85. package/dist/cjs/groupview/panel/hostedPanel.js.map +1 -1
  86. package/dist/cjs/groupview/tab.d.ts +44 -44
  87. package/dist/cjs/groupview/tab.js +182 -182
  88. package/dist/cjs/groupview/titlebar/tabsContainer.d.ts +66 -66
  89. package/dist/cjs/groupview/titlebar/tabsContainer.js +260 -260
  90. package/dist/cjs/groupview/titlebar/tabsContainer.js.map +1 -1
  91. package/dist/cjs/groupview/types.d.ts +59 -59
  92. package/dist/cjs/groupview/types.js +2 -2
  93. package/dist/cjs/hostedContainer.d.ts +23 -23
  94. package/dist/cjs/hostedContainer.js +73 -73
  95. package/dist/cjs/hostedContainer.js.map +1 -1
  96. package/dist/cjs/index.d.ts +29 -26
  97. package/dist/cjs/index.js +38 -35
  98. package/dist/cjs/index.js.map +1 -1
  99. package/dist/cjs/json.d.ts +1 -1
  100. package/dist/cjs/json.js +13 -13
  101. package/dist/cjs/lifecycle.d.ts +22 -22
  102. package/dist/cjs/lifecycle.js +87 -87
  103. package/dist/cjs/math.d.ts +4 -4
  104. package/dist/cjs/math.js +15 -15
  105. package/dist/cjs/math.js.map +1 -1
  106. package/dist/cjs/panel/componentFactory.d.ts +8 -8
  107. package/dist/cjs/panel/componentFactory.js +30 -30
  108. package/dist/cjs/panel/componentFactory.js.map +1 -1
  109. package/dist/cjs/panel/types.d.ts +34 -34
  110. package/dist/cjs/panel/types.js +2 -2
  111. package/dist/cjs/paneview/defaultPaneviewHeader.d.ts +18 -18
  112. package/dist/cjs/paneview/defaultPaneviewHeader.js +64 -64
  113. package/dist/cjs/paneview/draggablePaneviewPanel.d.ts +17 -17
  114. package/dist/cjs/paneview/draggablePaneviewPanel.js +111 -111
  115. package/dist/cjs/paneview/options.d.ts +25 -25
  116. package/dist/cjs/paneview/options.js +2 -2
  117. package/dist/cjs/paneview/paneview.d.ts +38 -38
  118. package/dist/cjs/paneview/paneview.js +198 -198
  119. package/dist/cjs/paneview/paneviewComponent.d.ts +113 -113
  120. package/dist/cjs/paneview/paneviewComponent.js +338 -338
  121. package/dist/cjs/paneview/paneviewPanel.d.ts +85 -85
  122. package/dist/cjs/paneview/paneviewPanel.js +262 -262
  123. package/dist/cjs/paneview/paneviewPanel.js.map +1 -1
  124. package/dist/cjs/react/deserializer.d.ts +8 -8
  125. package/dist/cjs/react/deserializer.js +39 -39
  126. package/dist/cjs/react/dockview/components.d.ts +11 -11
  127. package/dist/cjs/react/dockview/components.js +76 -76
  128. package/dist/cjs/react/dockview/dockview.d.ts +34 -34
  129. package/dist/cjs/react/dockview/dockview.js +135 -135
  130. package/dist/cjs/react/dockview/reactContentPart.d.ts +47 -47
  131. package/dist/cjs/react/dockview/reactContentPart.js +88 -88
  132. package/dist/cjs/react/dockview/reactHeaderPart.d.ts +24 -24
  133. package/dist/cjs/react/dockview/reactHeaderPart.js +50 -50
  134. package/dist/cjs/react/dockview/reactWatermarkPart.d.ts +30 -30
  135. package/dist/cjs/react/dockview/reactWatermarkPart.js +66 -66
  136. package/dist/cjs/react/dockview/v2/reactContentRenderer.d.ts +30 -30
  137. package/dist/cjs/react/dockview/v2/reactContentRenderer.js +90 -90
  138. package/dist/cjs/react/dockview/v2/reactGroupPanelView.d.ts +7 -7
  139. package/dist/cjs/react/dockview/v2/reactGroupPanelView.js +34 -34
  140. package/dist/cjs/react/dockview/v2/webviewContentRenderer.d.ts +18 -18
  141. package/dist/cjs/react/dockview/v2/webviewContentRenderer.js +45 -45
  142. package/dist/cjs/react/gridview/gridview.d.ts +24 -24
  143. package/dist/cjs/react/gridview/gridview.js +96 -96
  144. package/dist/cjs/react/gridview/view.d.ts +10 -10
  145. package/dist/cjs/react/gridview/view.js +40 -40
  146. package/dist/cjs/react/index.d.ts +9 -9
  147. package/dist/cjs/react/index.js +21 -21
  148. package/dist/cjs/react/paneview/paneview.d.ts +28 -28
  149. package/dist/cjs/react/paneview/paneview.js +138 -138
  150. package/dist/cjs/react/paneview/view.d.ts +20 -20
  151. package/dist/cjs/react/paneview/view.js +44 -44
  152. package/dist/cjs/react/react.d.ts +35 -35
  153. package/dist/cjs/react/react.js +181 -181
  154. package/dist/cjs/react/react.js.map +1 -1
  155. package/dist/cjs/react/splitview/splitview.d.ts +24 -24
  156. package/dist/cjs/react/splitview/splitview.js +93 -93
  157. package/dist/cjs/react/splitview/view.d.ts +10 -10
  158. package/dist/cjs/react/splitview/view.js +40 -40
  159. package/dist/cjs/react/types.d.ts +7 -7
  160. package/dist/cjs/react/types.js +2 -2
  161. package/dist/cjs/splitview/core/options.d.ts +26 -26
  162. package/dist/cjs/splitview/core/options.js +2 -2
  163. package/dist/cjs/splitview/core/splitview.d.ts +124 -124
  164. package/dist/cjs/splitview/core/splitview.js +908 -908
  165. package/dist/cjs/splitview/core/splitview.js.map +1 -1
  166. package/dist/cjs/splitview/core/viewItem.d.ts +25 -25
  167. package/dist/cjs/splitview/core/viewItem.js +124 -124
  168. package/dist/cjs/splitview/splitviewComponent.d.ts +100 -100
  169. package/dist/cjs/splitview/splitviewComponent.js +327 -327
  170. package/dist/cjs/splitview/splitviewComponent.js.map +1 -1
  171. package/dist/cjs/splitview/splitviewPanel.d.ts +47 -47
  172. package/dist/cjs/splitview/splitviewPanel.js +178 -178
  173. package/dist/cjs/types.d.ts +7 -7
  174. package/dist/cjs/types.js +2 -2
  175. package/dist/dockview.amd.js +6714 -6711
  176. package/dist/dockview.amd.min.js +3 -3
  177. package/dist/dockview.amd.min.noStyle.js +3 -3
  178. package/dist/dockview.amd.noStyle.js +6706 -6703
  179. package/dist/dockview.cjs.js +6708 -6705
  180. package/dist/dockview.esm.js +6706 -6706
  181. package/dist/dockview.esm.min.js +3 -3
  182. package/dist/dockview.js +6714 -6711
  183. package/dist/dockview.min.js +3 -3
  184. package/dist/dockview.min.noStyle.js +3 -3
  185. package/dist/dockview.noStyle.js +6706 -6703
  186. package/dist/esm/actionbar/actionsContainer.d.ts +7 -7
  187. package/dist/esm/actionbar/actionsContainer.js +17 -17
  188. package/dist/esm/api/component.api.d.ts +131 -131
  189. package/dist/esm/api/component.api.js +287 -287
  190. package/dist/esm/api/gridviewPanelApi.d.ts +36 -36
  191. package/dist/esm/api/gridviewPanelApi.js +24 -24
  192. package/dist/esm/api/groupPanelApi.d.ts +44 -44
  193. package/dist/esm/api/groupPanelApi.js +52 -52
  194. package/dist/esm/api/panelApi.d.ts +107 -107
  195. package/dist/esm/api/panelApi.js +98 -98
  196. package/dist/esm/api/paneviewPanelApi.d.ts +26 -26
  197. package/dist/esm/api/paneviewPanelApi.js +26 -26
  198. package/dist/esm/api/splitviewPanelApi.d.ts +33 -33
  199. package/dist/esm/api/splitviewPanelApi.js +29 -29
  200. package/dist/esm/array.d.ts +13 -13
  201. package/dist/esm/array.js +67 -67
  202. package/dist/esm/dnd/abstractDragHandler.d.ts +11 -11
  203. package/dist/esm/dnd/abstractDragHandler.js +37 -37
  204. package/dist/esm/dnd/dataTransfer.d.ts +56 -56
  205. package/dist/esm/dnd/dataTransfer.js +109 -109
  206. package/dist/esm/dnd/dnd.d.ts +40 -40
  207. package/dist/esm/dnd/dnd.js +109 -109
  208. package/dist/esm/dnd/droptarget.d.ts +37 -37
  209. package/dist/esm/dnd/droptarget.js +143 -143
  210. package/dist/esm/dockview/components/tab/defaultTab.d.ts +44 -44
  211. package/dist/esm/dockview/components/tab/defaultTab.js +130 -130
  212. package/dist/esm/dockview/components/watermark/watermark.d.ts +20 -20
  213. package/dist/esm/dockview/components/watermark/watermark.js +68 -68
  214. package/dist/esm/dockview/defaultGroupPanelView.d.ts +34 -34
  215. package/dist/esm/dockview/defaultGroupPanelView.js +55 -55
  216. package/dist/esm/dockview/deserializer.d.ts +14 -14
  217. package/dist/esm/dockview/deserializer.js +20 -20
  218. package/dist/esm/dockview/dockviewComponent.d.ts +121 -121
  219. package/dist/esm/dockview/dockviewComponent.js +533 -533
  220. package/dist/esm/dockview/dockviewGroupPanel.d.ts +35 -35
  221. package/dist/esm/dockview/dockviewGroupPanel.js +145 -145
  222. package/dist/esm/dockview/options.d.ts +79 -79
  223. package/dist/esm/dockview/options.js +1 -1
  224. package/dist/esm/dom.d.ts +14 -14
  225. package/dist/esm/dom.js +113 -113
  226. package/dist/esm/events.d.ts +23 -23
  227. package/dist/esm/events.js +71 -71
  228. package/dist/esm/footnote.d.ts +1 -1
  229. package/dist/esm/footnote.js +19 -19
  230. package/dist/esm/functions.d.ts +1 -1
  231. package/dist/esm/functions.js +8 -8
  232. package/dist/esm/gridview/baseComponentGridview.d.ts +98 -98
  233. package/dist/esm/gridview/baseComponentGridview.js +224 -224
  234. package/dist/esm/gridview/basePanelView.d.ts +46 -46
  235. package/dist/esm/gridview/basePanelView.js +70 -70
  236. package/dist/esm/gridview/branchNode.d.ts +46 -46
  237. package/dist/esm/gridview/branchNode.js +218 -218
  238. package/dist/esm/gridview/gridview.d.ts +123 -123
  239. package/dist/esm/gridview/gridview.js +396 -396
  240. package/dist/esm/gridview/gridviewComponent.d.ts +88 -88
  241. package/dist/esm/gridview/gridviewComponent.js +238 -238
  242. package/dist/esm/gridview/gridviewPanel.d.ts +62 -62
  243. package/dist/esm/gridview/gridviewPanel.js +141 -141
  244. package/dist/esm/gridview/leafNode.d.ts +31 -31
  245. package/dist/esm/gridview/leafNode.js +97 -97
  246. package/dist/esm/gridview/options.d.ts +18 -18
  247. package/dist/esm/gridview/options.js +1 -1
  248. package/dist/esm/gridview/types.d.ts +3 -3
  249. package/dist/esm/gridview/types.js +1 -1
  250. package/dist/esm/groupview/dnd.d.ts +5 -5
  251. package/dist/esm/groupview/dnd.js +6 -6
  252. package/dist/esm/groupview/groupPanel.d.ts +41 -41
  253. package/dist/esm/groupview/groupPanel.js +1 -1
  254. package/dist/esm/groupview/groupview.d.ts +154 -154
  255. package/dist/esm/groupview/groupview.js +448 -448
  256. package/dist/esm/groupview/groupviewPanel.d.ts +18 -18
  257. package/dist/esm/groupview/groupviewPanel.js +41 -41
  258. package/dist/esm/groupview/panel/content.d.ts +30 -30
  259. package/dist/esm/groupview/panel/content.js +72 -72
  260. package/dist/esm/groupview/panel/hostedPanel.d.ts +22 -22
  261. package/dist/esm/groupview/panel/hostedPanel.js +43 -43
  262. package/dist/esm/groupview/tab.d.ts +44 -44
  263. package/dist/esm/groupview/tab.js +101 -101
  264. package/dist/esm/groupview/titlebar/tabsContainer.d.ts +66 -66
  265. package/dist/esm/groupview/titlebar/tabsContainer.js +185 -185
  266. package/dist/esm/groupview/types.d.ts +59 -59
  267. package/dist/esm/groupview/types.js +1 -1
  268. package/dist/esm/hostedContainer.d.ts +23 -23
  269. package/dist/esm/hostedContainer.js +63 -63
  270. package/dist/esm/index.d.ts +29 -26
  271. package/dist/esm/index.js +24 -21
  272. package/dist/esm/json.d.ts +1 -1
  273. package/dist/esm/json.js +9 -9
  274. package/dist/esm/lifecycle.d.ts +22 -22
  275. package/dist/esm/lifecycle.js +38 -38
  276. package/dist/esm/math.d.ts +4 -4
  277. package/dist/esm/math.js +10 -10
  278. package/dist/esm/panel/componentFactory.d.ts +8 -8
  279. package/dist/esm/panel/componentFactory.js +24 -24
  280. package/dist/esm/panel/types.d.ts +34 -34
  281. package/dist/esm/panel/types.js +1 -1
  282. package/dist/esm/paneview/defaultPaneviewHeader.d.ts +18 -18
  283. package/dist/esm/paneview/defaultPaneviewHeader.js +37 -37
  284. package/dist/esm/paneview/draggablePaneviewPanel.d.ts +17 -17
  285. package/dist/esm/paneview/draggablePaneviewPanel.js +72 -72
  286. package/dist/esm/paneview/options.d.ts +25 -25
  287. package/dist/esm/paneview/options.js +1 -1
  288. package/dist/esm/paneview/paneview.d.ts +38 -38
  289. package/dist/esm/paneview/paneview.js +144 -144
  290. package/dist/esm/paneview/paneviewComponent.d.ts +113 -113
  291. package/dist/esm/paneview/paneviewComponent.js +247 -247
  292. package/dist/esm/paneview/paneviewPanel.d.ts +85 -85
  293. package/dist/esm/paneview/paneviewPanel.js +183 -183
  294. package/dist/esm/react/deserializer.d.ts +8 -8
  295. package/dist/esm/react/deserializer.js +34 -34
  296. package/dist/esm/react/dockview/components.d.ts +11 -11
  297. package/dist/esm/react/dockview/components.js +54 -54
  298. package/dist/esm/react/dockview/dockview.d.ts +34 -34
  299. package/dist/esm/react/dockview/dockview.js +97 -97
  300. package/dist/esm/react/dockview/reactContentPart.d.ts +47 -47
  301. package/dist/esm/react/dockview/reactContentPart.js +75 -75
  302. package/dist/esm/react/dockview/reactHeaderPart.d.ts +24 -24
  303. package/dist/esm/react/dockview/reactHeaderPart.js +41 -41
  304. package/dist/esm/react/dockview/reactWatermarkPart.d.ts +30 -30
  305. package/dist/esm/react/dockview/reactWatermarkPart.js +56 -56
  306. package/dist/esm/react/dockview/v2/reactContentRenderer.d.ts +30 -30
  307. package/dist/esm/react/dockview/v2/reactContentRenderer.js +72 -72
  308. package/dist/esm/react/dockview/v2/reactGroupPanelView.d.ts +7 -7
  309. package/dist/esm/react/dockview/v2/reactGroupPanelView.js +12 -12
  310. package/dist/esm/react/dockview/v2/webviewContentRenderer.d.ts +18 -18
  311. package/dist/esm/react/dockview/v2/webviewContentRenderer.js +36 -36
  312. package/dist/esm/react/gridview/gridview.d.ts +24 -24
  313. package/dist/esm/react/gridview/gridview.js +58 -58
  314. package/dist/esm/react/gridview/view.d.ts +10 -10
  315. package/dist/esm/react/gridview/view.js +18 -18
  316. package/dist/esm/react/index.d.ts +9 -9
  317. package/dist/esm/react/index.js +9 -9
  318. package/dist/esm/react/paneview/paneview.d.ts +28 -28
  319. package/dist/esm/react/paneview/paneview.js +87 -87
  320. package/dist/esm/react/paneview/view.d.ts +20 -20
  321. package/dist/esm/react/paneview/view.js +35 -35
  322. package/dist/esm/react/react.d.ts +35 -35
  323. package/dist/esm/react/react.js +116 -116
  324. package/dist/esm/react/splitview/splitview.d.ts +24 -24
  325. package/dist/esm/react/splitview/splitview.js +55 -55
  326. package/dist/esm/react/splitview/view.d.ts +10 -10
  327. package/dist/esm/react/splitview/view.js +18 -18
  328. package/dist/esm/react/types.d.ts +7 -7
  329. package/dist/esm/react/types.js +1 -1
  330. package/dist/esm/splitview/core/options.d.ts +26 -26
  331. package/dist/esm/splitview/core/options.js +1 -1
  332. package/dist/esm/splitview/core/splitview.d.ts +124 -124
  333. package/dist/esm/splitview/core/splitview.js +689 -689
  334. package/dist/esm/splitview/core/viewItem.d.ts +25 -25
  335. package/dist/esm/splitview/core/viewItem.js +79 -79
  336. package/dist/esm/splitview/splitviewComponent.d.ts +100 -100
  337. package/dist/esm/splitview/splitviewComponent.js +241 -241
  338. package/dist/esm/splitview/splitviewPanel.d.ts +47 -47
  339. package/dist/esm/splitview/splitviewPanel.js +107 -107
  340. package/dist/esm/types.d.ts +7 -7
  341. package/dist/esm/types.js +1 -1
  342. package/package.json +75 -75
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,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 } 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 } 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
+ }