@vuu-ui/vuu-layout 0.7.6-debug → 0.8.0-debug

package/cjs/index.js

@@ -360,7 +360,30 @@ function followPathToComponent(component, path) {
     children = getChildren(child);
   }
 }
+var findTargetById = (source, id, throwIfNotFound = true) => {
+  const { children, id: idProp } = source.props;
+  if (idProp === id) {
+    return source;
+  }
+  if (import_react3.default.Children.count(children) > 0) {
+    const childArray = (0, import_react3.isValidElement)(children) ? [children] : children;
+    for (const child of childArray) {
+      if ((0, import_react3.isValidElement)(child)) {
+        const target = findTargetById(child, id, false);
+        if (target) {
+          return target;
+        }
+      }
+    }
+  }
+  if (throwIfNotFound === true) {
+    throw Error(`pathUtils.findTargetById id #${id} not found in source`);
+  }
+};
 function followPath(source, path, throwIfNotFound = false) {
+  if (path.startsWith("#")) {
+    return findTargetById(source, path.slice(1), throwIfNotFound);
+  }
   const { "data-path": dataPath, path: sourcePath = dataPath } = getProps(source);
   if (path.indexOf(sourcePath) !== 0) {
     throw Error(
@@ -2513,6 +2536,7 @@ var Action = {
   FOCUS: "focus",
   FOCUS_SPLITTER: "focus-splitter",
   INITIALIZE: "initialize",
+  LAYOUT_RESIZE: "layout-resize",
   MAXIMIZE: "maximize",
   MINIMIZE: "minimize",
   REMOVE: "remove",
@@ -3052,12 +3076,15 @@ var LayoutActionType = {
   ADD: "add",
   DRAG_START: "drag-start",
   DRAG_DROP: "drag-drop",
+  LAYOUT_RESIZE: "layout-resize",
   MAXIMIZE: "maximize",
   MINIMIZE: "minimize",
   REMOVE: "remove",
   REPLACE: "replace",
   RESTORE: "restore",
   SAVE: "save",
+  SET_PROP: "set-prop",
+  SET_PROPS: "set-props",
   SET_TITLE: "set-title",
   SPLITTER_RESIZE: "splitter-resize",
   SWITCH_TAB: "switch-tab",
@@ -3340,12 +3367,26 @@ var allOtherChildrenArePlaceholders = (children, path) => children.every(
 
 // src/layout-reducer/resize-flex-children.ts
 var import_react14 = __toESM(require("react"));
+function resizeFlexChild(layoutRoot, { path, size }) {
+  const target = followPath(layoutRoot, path, true);
+  const { style } = getProps(target);
+  const newStyle = {
+    ...style,
+    width: size
+  };
+  const replacement = import_react14.default.cloneElement(target, { style: newStyle });
+  return swapChild(layoutRoot, target, replacement);
+}
 function resizeFlexChildren(layoutRoot, { path, sizes }) {
   const target = followPath(layoutRoot, path, true);
   const { children, style } = getProps(target);
   const dimension = style.flexDirection === "column" ? "height" : "width";
   const replacementChildren = applySizesToChildren(children, sizes, dimension);
-  const replacement = import_react14.default.cloneElement(target, void 0, replacementChildren);
+  const replacement = import_react14.default.cloneElement(
+    target,
+    void 0,
+    replacementChildren
+  );
   return swapChild(layoutRoot, target, replacement);
 }
 function applySizesToChildren(children, sizes, dimension) {
@@ -3595,10 +3636,21 @@ var layoutReducer = (state, action) => {
       return removeChild(state, action);
     case LayoutActionType.REPLACE:
       return replaceChild(state, action);
+    case LayoutActionType.SET_PROP:
+      return setProp(state, action);
+    case LayoutActionType.SET_PROPS:
+      return setProps(state, action);
     case LayoutActionType.SET_TITLE:
-      return setTitle(state, action);
+      return setProp(state, {
+        type: "set-prop",
+        path: action.path,
+        propName: "title",
+        propValue: action.title
+      });
     case LayoutActionType.SPLITTER_RESIZE:
       return resizeFlexChildren(state, action);
+    case LayoutActionType.LAYOUT_RESIZE:
+      return resizeFlexChild(state, action);
     case LayoutActionType.SWITCH_TAB:
       return switchTab(state, action);
     default:
@@ -3612,13 +3664,18 @@ var switchTab = (state, { path, nextIdx }) => {
   });
   return swapChild(state, target, replacement);
 };
-var setTitle = (state, { path, title }) => {
+var setProp = (state, { path, propName, propValue }) => {
   const target = followPath(state, path, true);
   const replacement = import_react16.default.cloneElement(target, {
-    title
+    [propName]: propValue
   });
   return swapChild(state, target, replacement);
 };
+var setProps = (state, { path, props }) => {
+  const target = followPath(state, path, true);
+  const replacement = import_react16.default.cloneElement(target, props);
+  return swapChild(state, target, replacement);
+};
 var setChildProps = (state, { path, type }) => {
   if (path) {
     const target = followPath(state, path, true);
@@ -5164,7 +5221,7 @@ var Stack = (0, import_react32.forwardRef)(function Stack2({
         draggable: true,
         id: rootId,
         label: getTabLabel(child2, idx),
-        closeable,
+        closeable: closeable && (TabstripProps == null ? void 0 : TabstripProps.enableCloseTab) !== false,
         editable: (TabstripProps == null ? void 0 : TabstripProps.enableRenameTab) !== false
       },
       childId != null ? childId : idx
@@ -5197,6 +5254,7 @@ var Stack = (0, import_react32.forwardRef)(function Stack2({
                   import_salt_lab5.Tabstrip,
                   {
                     ...TabstripProps,
+                    activeTabIndex: (_a = TabstripProps == null ? void 0 : TabstripProps.activeTabIndex) != null ? _a : child === null ? -1 : active,
                     enableRenameTab: (TabstripProps == null ? void 0 : TabstripProps.enableRenameTab) !== false,
                     enableAddTab,
                     enableCloseTab: enableCloseTabs,
@@ -5206,7 +5264,6 @@ var Stack = (0, import_react32.forwardRef)(function Stack2({
                     onCloseTab: handleTabClose,
                     onExitEditMode: handleExitEditMode,
                     onMouseDown: handleMouseDown,
-                    activeTabIndex: (_a = TabstripProps == null ? void 0 : TabstripProps.activeTabIndex) != null ? _a : child === null ? -1 : active,
                     children: renderTabs()
                   }
                 )