@aptre/flex-layout 0.4.1 → 0.4.3

package/dist/index.mjs

@@ -4515,9 +4515,12 @@ var TabSet = (props) => {
       node.setTabStripRect(layout.getBoundingClientRect(tabStripRef.current));
     }
     const newContentRect = Rect.getContentRect(contentRef.current).relativeTo(layout.getDomRect());
-    if (!node.getContentRect().equals(newContentRect)) {
+    const oldContentRect = node.getContentRect();
+    if (!oldContentRect.equals(newContentRect)) {
       node.setContentRect(newContentRect);
-      if (!isFirstRender.current) {
+      const oldWasEmpty = oldContentRect.width === 0 && oldContentRect.height === 0;
+      const shouldRedraw = !isFirstRender.current || oldWasEmpty;
+      if (shouldRedraw) {
         layout.redrawInternal("tabset content rect " + newContentRect);
       }
     }
@@ -6044,7 +6047,7 @@ function OptimizedLayout({ model, renderTab, classNameMapper, onDragStateChange,
     [handleRectChange, handleVisibilityChange]
   );
   const tabsForContainer = useMemo(() => tabs, [tabs]);
-  return /* @__PURE__ */ React20.createElement("div", { style: { position: "relative", width: "100%", height: "100%" } }, /* @__PURE__ */ React20.createElement(Layout, { model, factory, classNameMapper, onDragStateChange: handleDragStateChange, ...layoutProps }), /* @__PURE__ */ React20.createElement(TabContainer, { tabs: tabsForContainer, renderTab, isDragging, classNameMapper }));
+  return /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement(Layout, { model, factory, classNameMapper, onDragStateChange: handleDragStateChange, ...layoutProps }), /* @__PURE__ */ React20.createElement(TabContainer, { tabs: tabsForContainer, renderTab, isDragging, classNameMapper }));
 }
 
 // src/model/walk.ts

package/dist/test/setup.d.ts

@@ -1,8 +1 @@
-declare const localStorageMock: {
-    getItem: (key: string) => string;
-    setItem: (key: string, value: string) => void;
-    removeItem: (key: string) => void;
-    clear: () => void;
-    readonly length: number;
-    key: (index: number) => string;
-};
+import "../../style/light.css";

package/package.json

@@ -2,7 +2,7 @@
   "name": "@aptre/flex-layout",
   "author": "Caplin Systems Ltd",
   "description": "A multi-tab docking layout manager",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "license": "ISC",
   "repository": {
     "type": "git",