v0.5.15

ChangeLog.txt

@@ -1,3 +1,11 @@
+0.5.15
+Added new Layout prop: onTabDrag that allows tab dragging to be intercepted.
+Added example of onTabDrag in demo app, example shows a list where tabs can be dragged into, 
+moved in the list and dragged back out into the layout. 
+Node id's that are not assigned a value are now auto-generated using a uuid rather than a rolling number
+(for example: previous id: #3, new id: #0c459064-8dee-444e-8636-eb9ab910fb27).
+Made toJson method of node public.
+
 0.5.14
 Fix an issue with copying styles for a floating window when using a CSS-in-JS solution 
 Fix for #227 - edge rects are not moved if window is resized while dragging

README.md

@@ -12,7 +12,7 @@ Try it now using [JSFiddle](https://jsfiddle.net/9x6hecdw/)
 
 [Screenshot of Caplin Liberator Explorer using FlexLayout](https://rawgit.com/caplin/FlexLayout/demos/demos/v0.20/images/LiberatorExplorerV3_3.PNG)
 
-FlexLayout's only dependency is React.
+FlexLayout's only dependencies are React and uuid.
 
 Features:
 *	splitters
@@ -502,7 +502,7 @@ model.doAction(FlexLayout.Actions.addNode(
 This example adds a new grid component to the center of tabset with id "1" and at the 0'th tab position (use value -1 to add to the end of the tabs).
 Note: you can get the id of a node (e.g., the node returned by the `addNode`
 action) using the method `node.getId()`.
-If an id wasn't assigned when the node was created, then one will be created for you of the form `#<next available id>` (e.g. `#1`, `#2`, ...).
+If an id wasn't assigned when the node was created, then one will be created for you of the form `#<uuid>` (e.g. `#0c459064-8dee-444e-8636-eb9ab910fb27`).
 
 
 ## Layout Component Methods to Create New Tabs

package.json

@@ -1,6 +1,6 @@
 {
     "name": "flexlayout-react",
-    "version": "0.5.14",
+    "version": "0.5.15",
     "description": "A multi-tab docking layout manager",
     "main": "lib/index.js",
     "types": "./declarations/index.d.ts",