flexlayout-react 0.8.3 → 0.8.4

package/ChangeLog.txt

@@ -1,3 +1,8 @@
+0.8.4
+Added attribute 'enableTabScrollbar' to TabSet and Border nodes 
+  Enabling this attribute will show a mini 'scrollbar' for the tabs to indicate the scroll position
+  See the Demo apps default layout for an example.
+
 0.8.3
 Prevent sticky buttons scrolling when there are no tabs
 Fix border 'show' attribute

package/declarations/Types.d.ts

@@ -91,5 +91,7 @@ export declare enum CLASSES {
     FLEXLAYOUT__TAB_TOOLBAR_BUTTON_CLOSE = "flexlayout__tab_toolbar_button-close",
     FLEXLAYOUT__POPUP_MENU_CONTAINER = "flexlayout__popup_menu_container",
     FLEXLAYOUT__POPUP_MENU_ITEM = "flexlayout__popup_menu_item",
-    FLEXLAYOUT__POPUP_MENU = "flexlayout__popup_menu"
+    FLEXLAYOUT__POPUP_MENU = "flexlayout__popup_menu",
+    FLEXLAYOUT__MINI_SCROLLBAR = "flexlayout__mini_scrollbar",
+    FLEXLAYOUT__MINI_SCROLLBAR_HIDDEN = "flexlayout__mini_scrollbar_hidden"
 }

package/declarations/model/BorderNode.d.ts

@@ -27,4 +27,5 @@ export declare class BorderNode extends Node implements IDropTarget {
     isMaximized(): boolean;
     isShowing(): boolean;
     toJson(): IJsonBorderNode;
+    isEnableTabScrollbar(): boolean;
 }

package/declarations/model/IJsonModel.d.ts

@@ -76,6 +76,14 @@ export interface IGlobalAttributes {
       Default: true
      */
     borderEnableDrop?: boolean;
+    /**
+      Value for BorderNode attribute enableTabScrollbar if not overridden
+
+      whether to show a mini scrollbar for the tabs
+
+      Default: false
+     */
+    borderEnableTabScrollbar?: boolean;
     /**
       Value for BorderNode attribute maxSize if not overridden
 
@@ -359,6 +367,14 @@ export interface IGlobalAttributes {
       Default: false
      */
     tabSetEnableSingleTabStretch?: boolean;
+    /**
+      Value for TabSetNode attribute enableTabScrollbar if not overridden
+
+      whether to show a mini scrollbar for the tabs
+
+      Default: false
+     */
+    tabSetEnableTabScrollbar?: boolean;
     /**
       Value for TabSetNode attribute enableTabStrip if not overridden
 
@@ -370,7 +386,7 @@ export interface IGlobalAttributes {
     /**
       Value for TabSetNode attribute enableTabWrap if not overridden
 
-      show tabs in location top or bottom
+      wrap tabs onto multiple lines
 
       Default: false
      */
@@ -503,6 +519,12 @@ export interface ITabSetAttributes {
       Default: inherited from Global attribute tabSetEnableSingleTabStretch (default false)
      */
     enableSingleTabStretch?: boolean;
+    /**
+      whether to show a mini scrollbar for the tabs
+
+      Default: inherited from Global attribute tabSetEnableTabScrollbar (default false)
+     */
+    enableTabScrollbar?: boolean;
     /**
       enable tab strip and allow multiple tabs in this tabset
 
@@ -772,6 +794,12 @@ export interface IBorderAttributes {
       Default: inherited from Global attribute borderEnableDrop (default true)
      */
     enableDrop?: boolean;
+    /**
+      whether to show a mini scrollbar for the tabs
+
+      Default: inherited from Global attribute borderEnableTabScrollbar (default false)
+     */
+    enableTabScrollbar?: boolean;
     /**
       the maximum size of the tab area
 

package/declarations/model/TabSetNode.d.ts

@@ -37,6 +37,7 @@ export declare class TabSetNode extends Node implements IDraggable, IDropTarget
     isEnableSingleTabStretch(): boolean;
     isEnableTabStrip(): boolean;
     isAutoSelectTab(): boolean;
+    isEnableTabScrollbar(): boolean;
     getClassNameTabStrip(): string | undefined;
     getTabLocation(): string;
     toJson(): IJsonTabSetNode;

package/declarations/view/Layout.d.ts

@@ -96,7 +96,7 @@ export declare class Layout extends React.Component<ILayoutProps> {
     /** Get the root div element of the layout */
     getRootDiv(): HTMLDivElement | null;
 }
-export declare const FlexLayoutVersion = "0.8.1";
+export declare const FlexLayoutVersion = "0.8.4";
 export type DragRectRenderCallback = (content: React.ReactNode | undefined, node?: Node, json?: IJsonTabNode) => React.ReactNode | undefined;
 export type NodeMouseEvent = (node: TabNode | TabSetNode | BorderNode, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
 export type ShowOverflowMenuCallback = (node: TabSetNode | BorderNode, mouseEvent: React.MouseEvent<HTMLElement, MouseEvent>, items: {