flexlayout-react 0.7.12 → 0.7.13

package/ChangeLog.txt

@@ -1,3 +1,11 @@
+0.7.13
+New attribute on tabset: enableSingleTabStretch will stretch a single tab to take up
+all the remaining space and change the style to look like a header, combined with enableDrop
+this can be used to create a Mosaic style layout (headed panels without tabs), see the new
+Mosaic Style layout in the Demo.
+The layout methods addTabToTabSet and addTabToActiveTabSet now return the added TabNode.
+Fixed #352 - Layout.getDomRect returning null.
+
 0.7.12
 Action.setActiveTabset can now take undefined to unset the active tabset.
 Added Tab attribute contentClassName to add a class to the tab content.

package/declarations/Rect.d.ts

@@ -7,7 +7,7 @@ export declare class Rect {
     constructor(x: number, y: number, width: number, height: number);
     static fromElement(element: Element): Rect;
     clone(): Rect;
-    equals(rect: Rect): boolean;
+    equals(rect: Rect | null | undefined): boolean;
     getBottom(): number;
     getRight(): number;
     getCenter(): {

package/declarations/Types.d.ts

@@ -57,6 +57,7 @@ export declare enum CLASSES {
     FLEXLAYOUT__TAB_BORDER = "flexlayout__tab_border",
     FLEXLAYOUT__TAB_BORDER_ = "flexlayout__tab_border_",
     FLEXLAYOUT__TAB_BUTTON = "flexlayout__tab_button",
+    FLEXLAYOUT__TAB_BUTTON_STRETCH = "flexlayout__tab_button_stretch",
     FLEXLAYOUT__TAB_BUTTON_CONTENT = "flexlayout__tab_button_content",
     FLEXLAYOUT__TAB_BUTTON_LEADING = "flexlayout__tab_button_leading",
     FLEXLAYOUT__TAB_BUTTON_OVERFLOW = "flexlayout__tab_button_overflow",

package/declarations/model/IJsonModel.d.ts

@@ -65,6 +65,7 @@ export interface IGlobalAttributes {
     tabSetEnableDrag?: boolean;
     tabSetEnableDrop?: boolean;
     tabSetEnableMaximize?: boolean;
+    tabSetEnableSingleTabStretch?: boolean;
     tabSetEnableTabStrip?: boolean;
     tabSetHeaderHeight?: number;
     tabSetMarginInsets?: IInsets;
@@ -92,6 +93,7 @@ export interface ITabSetAttributes {
     enableDrag?: boolean;
     enableDrop?: boolean;
     enableMaximize?: boolean;
+    enableSingleTabStretch?: boolean;
     enableTabStrip?: boolean;
     headerHeight?: number;
     height?: number;

package/declarations/model/TabSetNode.d.ts

@@ -28,6 +28,7 @@ export declare class TabSetNode extends Node implements IDraggable, IDropTarget
     isEnableDivide(): boolean;
     isEnableMaximize(): boolean;
     isEnableClose(): boolean;
+    isEnableSingleTabStretch(): boolean;
     canMaximize(): boolean;
     isEnableTabStrip(): boolean;
     isAutoSelectTab(): boolean;

package/declarations/view/Layout.d.ts

@@ -126,13 +126,15 @@ export declare class Layout extends React.Component<ILayoutProps, ILayoutState>
      * Adds a new tab to the given tabset
      * @param tabsetId the id of the tabset where the new tab will be added
      * @param json the json for the new tab node
+     * @returns the added tab node or undefined
      */
-    addTabToTabSet(tabsetId: string, json: IJsonTabNode): void;
+    addTabToTabSet(tabsetId: string, json: IJsonTabNode): TabNode | undefined;
     /**
      * Adds a new tab to the active tabset (if there is one)
      * @param json the json for the new tab node
+     * @returns the added tab node or undefined
      */
-    addTabToActiveTabSet(json: IJsonTabNode): void;
+    addTabToActiveTabSet(json: IJsonTabNode): TabNode | undefined;
     /**
      * Adds a new tab by dragging a labeled panel to the drop location, dragging starts immediatelly
      * @param dragText the text to show on the drag panel