flexlayout-react 0.9.0 → 0.9.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 (50) hide show
  1. package/README.md +5 -5
  2. package/dist/index.js +442 -400
  3. package/package.json +23 -22
  4. package/style/_base.scss +8 -3
  5. package/style/_themes.scss +0 -1
  6. package/style/alpha_dark.css +6 -3
  7. package/style/alpha_dark.css.map +1 -1
  8. package/style/alpha_light.css +6 -3
  9. package/style/alpha_light.css.map +1 -1
  10. package/style/alpha_rounded.css +6 -4
  11. package/style/alpha_rounded.css.map +1 -1
  12. package/style/combined.css +6 -4
  13. package/style/combined.css.map +1 -1
  14. package/style/dark.css +6 -3
  15. package/style/dark.css.map +1 -1
  16. package/style/gray.css +6 -3
  17. package/style/gray.css.map +1 -1
  18. package/style/light.css +6 -3
  19. package/style/light.css.map +1 -1
  20. package/style/rounded.css +6 -3
  21. package/style/rounded.css.map +1 -1
  22. package/style/underline.css +6 -3
  23. package/style/underline.css.map +1 -1
  24. package/types/model/IJsonModel.d.ts +2 -2
  25. package/types/model/Model.d.ts +1 -1
  26. package/types/model/TabNode.d.ts +8 -5
  27. package/types/view/BorderButton.d.ts +2 -1
  28. package/types/view/BorderTab.d.ts +2 -1
  29. package/types/view/BorderTabSet.d.ts +2 -1
  30. package/types/view/CSSClassNames.d.ts +2 -1
  31. package/types/view/{DragContainer.d.ts → DragTabButton.d.ts} +2 -2
  32. package/types/view/ErrorBoundary.d.ts +1 -1
  33. package/types/view/FloatWindow.d.ts +2 -1
  34. package/types/view/I18nLabel.d.ts +1 -1
  35. package/types/view/Icons.d.ts +11 -11
  36. package/types/view/Layout.d.ts +17 -15
  37. package/types/view/Overlay.d.ts +1 -1
  38. package/types/view/Row.d.ts +2 -1
  39. package/types/view/Splitter.d.ts +2 -1
  40. package/types/view/Tab.d.ts +2 -1
  41. package/types/view/TabButton.d.ts +2 -1
  42. package/types/view/TabButtonStamp.d.ts +1 -1
  43. package/types/view/TabContentRenderer.d.ts +1 -1
  44. package/types/view/TabLayout.d.ts +1 -1
  45. package/types/view/TabSet.d.ts +2 -1
  46. package/types/view/Utils.d.ts +9 -1
  47. package/types/view/layout/BorderContainer.d.ts +1 -1
  48. package/types/view/layout/EdgeIndicators.d.ts +2 -1
  49. package/types/view/layout/FloatingWindowContainer.d.ts +2 -1
  50. package/types/view/layout/LayoutInternal.d.ts +9 -13
package/README.md CHANGED
@@ -265,7 +265,7 @@ onRenderTabSet = (node: (TabSetNode | BorderNode), renderValues: ITabSetRenderVa
265
265
  title="Add"
266
266
  className="flexlayout__tab_toolbar_button"
267
267
  onClick={() => {
268
- model.doAction(Actions.addNode({
268
+ model.doAction(Actions.addTab({
269
269
  component: "placeholder",
270
270
  name: "Added " + nextAddIndex.current++
271
271
  }, node.getId(), DockLocation.CENTER, -1, true));
@@ -291,14 +291,14 @@ Apply actions using the `model.doAction()` method. This method takes a single ar
291
291
  ### Example
292
292
 
293
293
  ```js
294
- model.doAction(FlexLayout.Actions.addNode(
294
+ model.doAction(FlexLayout.Actions.addTab(
295
295
  {type:"tab", component:"grid", name:"a grid", id:"5"},
296
296
  "1", FlexLayout.DockLocation.CENTER, 0));
297
297
  ```
298
298
 
299
299
  This example adds a new grid component to the center of the tabset with ID "1" at the first position (0). Use `-1` to add to the end of the tabs.
300
300
 
301
- Note: You can retrieve the ID of a node (e.g., the node returned by the `addNode` action) using `node.getId()`. If an ID wasn't assigned when the node was created, one will be generated for you in the form `#<uuid>` (e.g., `#0c459064-8dee-444e-8636-eb9ab910fb27`).
301
+ Note: You can retrieve the ID of a node (e.g., the node returned by the `addTab` action) using `node.getId()`. If an ID wasn't assigned when the node was created, one will be generated for you in the form `#<uuid>` (e.g., `#0c459064-8dee-444e-8636-eb9ab910fb27`).
302
302
 
303
303
  Note: You can intercept actions resulting from GUI changes before they are applied by implementing the `onAction` callback property of the `Layout`.
304
304
 
@@ -323,7 +323,7 @@ The JSON model is defined as a set of TypeScript interfaces. See the documentati
323
323
 
324
324
  Note: Tabsets are dynamically created as tabs are moved and deleted when their last tab is removed (unless `enableDeleteWhenEmpty` is set to `false`).
325
325
 
326
- [Tab Attributes Documentation](https://caplin.github.io/FlexLayout/demos/v0.9/typedoc/interfaces/IJsonTabNode.html)
326
+ [Tab Attributes Documentation](https://caplin.github.io/FlexLayout/demos/v0.9/typedoc/interfaces/ITabAttributes.html)
327
327
 
328
328
  [Border Attributes Documentation](https://caplin.github.io/FlexLayout/demos/v0.9/typedoc/interfaces/IJsonBorderNode.html)
329
329
 
@@ -369,7 +369,7 @@ function MyComponent({ node }) {
369
369
 
370
370
  ## Popout Windows
371
371
 
372
- Tabs can be rendered into external browser windows (useful for multi-monitor setups) by using the `enablePopout` attribute. When enabled, a popout icon appears in the tab header.
372
+ Tabs can be rendered into external browser windows (useful for multi-monitor setups) by using the `enablePopout` and `enablePopoutIcon` attributes. When enabled, a popout icon appears in the tab header.
373
373
 
374
374
  Popout windows require an additional HTML page, `popout.html`, hosted at the same location as the main page (you can copy this from the demo app). The `popout.html` acts as the host for the popped-out tab, and the main page's styles are copied into it at runtime.
375
375