@vuu-ui/vuu-layout 0.8.76 → 0.8.78

package/cjs/layout-provider/LayoutProvider.js

@@ -11,18 +11,11 @@ var layoutTypes = require('../layout-reducer/layoutTypes.js');
 var layoutUtils = require('../layout-reducer/layoutUtils.js');
 var LayoutProviderContext = require('./LayoutProviderContext.js');
 var useLayoutDragDrop = require('./useLayoutDragDrop.js');
-var Placeholder = require('../placeholder/Placeholder.js');
 
 const { info } = vuuUtils.logger("LayoutProvider");
 const isWorkspaceContainer = (props) => props.id === vuuUtils.VuuShellLocation.WorkspaceContainer;
-const defaultCreateNewChild = () => /* @__PURE__ */ jsxRuntime.jsx(
-  Placeholder.Placeholder,
-  {
-    resizeable: true,
-    style: { flexGrow: 1, flexShrink: 0, flexBasis: 0 }
-  }
-);
 const shouldSave = (action) => [
+  "add",
   "drag-drop",
   "remove",
   "set-title",
@@ -41,6 +34,8 @@ const getLayoutChangeReason = (action) => {
       return "save-feature-props";
     case "drag-drop":
       return "drag-drop-operation";
+    case "add":
+      return "add-component";
     case "remove":
       return "remove-component";
     case "splitter-resize":
@@ -173,7 +168,46 @@ const useLayoutProviderDispatch = () => {
   return dispatchLayoutProvider;
 };
 const useLayoutCreateNewChild = () => {
+  const layoutPlaceholderJSON = vuuUtils.usePlaceholderJSON();
   const { createNewChild } = React.useContext(LayoutProviderContext.LayoutProviderContext);
+  const defaultCreateNewChild = React.useMemo(
+    () => function createNewChild2() {
+      if (layoutPlaceholderJSON) {
+        const { props } = layoutPlaceholderJSON;
+        return layoutUtils.layoutFromJson(
+          {
+            ...layoutPlaceholderJSON,
+            props: {
+              ...props,
+              resizeable: true,
+              style: {
+                ...props?.style,
+                flexGrow: 1,
+                flexShrink: 0,
+                flexBasis: 0
+              }
+            }
+          },
+          "0"
+        );
+      }
+      return layoutUtils.layoutFromJson(
+        {
+          type: "Placeholder",
+          props: {
+            resizeable: true,
+            style: {
+              flexGrow: 1,
+              flexShrink: 0,
+              flexBasis: 0
+            }
+          }
+        },
+        "0"
+      );
+    },
+    [layoutPlaceholderJSON]
+  );
   return createNewChild ?? defaultCreateNewChild;
 };
 const useLayoutProviderVersion = () => {

package/cjs/layout-provider/LayoutProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutProvider.js","sources":["../../src/layout-provider/LayoutProvider.tsx"],"sourcesContent":["import { VuuShellLocation, logger, type LayoutJSON } from \"@vuu-ui/vuu-utils\";\nimport {\n  MutableRefObject,\n  ReactElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  LayoutActionType,\n  layoutFromJson,\n  layoutQuery,\n  layoutReducer,\n  layoutToJSON,\n  cloneElementAddLayoutProps,\n  type LayoutChangeHandler,\n  type LayoutChangeReason,\n  type LayoutReducerAction,\n  LayoutProps,\n} from \"../layout-reducer\";\nimport type { SaveAction } from \"../layout-view\";\nimport { findTarget, getChildProp, getProp, getProps, typeOf } from \"../utils\";\nimport {\n  LayoutProviderContext,\n  LayoutProviderDispatch,\n} from \"./LayoutProviderContext\";\nimport { useLayoutDragDrop } from \"./useLayoutDragDrop\";\nimport { Placeholder } from \"../placeholder\";\n\nconst { info } = logger(\"LayoutProvider\");\n\nconst isWorkspaceContainer = (props: LayoutProps) =>\n  props.id === VuuShellLocation.WorkspaceContainer;\n\nconst defaultCreateNewChild = () => (\n  <Placeholder\n    resizeable\n    style={{ flexGrow: 1, flexShrink: 0, flexBasis: 0 }}\n  />\n);\n\nconst shouldSave = (action: LayoutReducerAction) =>\n  [\n    \"drag-drop\",\n    \"remove\",\n    \"set-title\",\n    \"splitter-resize\",\n    \"switch-tab\",\n  ].includes(action.type);\n\nconst getLayoutChangeReason = (\n  action: LayoutReducerAction | SaveAction\n): LayoutChangeReason => {\n  switch (action.type) {\n    case \"switch-tab\":\n      if (action.id === VuuShellLocation.Workspace) {\n        return \"switch-active-layout\";\n      } else {\n        return \"switch-active-tab\";\n      }\n    case \"save\":\n      return \"save-feature-props\";\n    case \"drag-drop\":\n      return \"drag-drop-operation\";\n    case \"remove\":\n      return \"remove-component\";\n    case \"splitter-resize\":\n      return \"resize-component\";\n    case \"set-title\":\n      return \"edit-feature-title\";\n    default:\n      throw Error(\"unknown layout action\");\n  }\n};\n\nexport interface LayoutProviderProps {\n  children: ReactElement;\n  createNewChild?: (index?: number) => ReactElement;\n  workspaceJSON?: LayoutJSON;\n  onLayoutChange?: LayoutChangeHandler;\n}\n\nexport const LayoutProviderVersion = () => {\n  const version = useLayoutProviderVersion();\n  return <div>{`Context: ${version} `}</div>;\n};\n\nconst pathToDropTarget = `#${VuuShellLocation.Workspace}.ACTIVE_CHILD`;\n\nexport const LayoutProvider = (props: LayoutProviderProps): ReactElement => {\n  const { children, createNewChild, workspaceJSON, onLayoutChange } = props;\n  const state = useRef<ReactElement | undefined>(undefined);\n  const childrenRef = useRef<ReactElement>(children);\n\n  const [, forceRefresh] = useState<unknown>(null);\n\n  const serializeState = useCallback(\n    (source, layoutChangeReason: LayoutChangeReason) => {\n      if (onLayoutChange) {\n        const workspaceContainer =\n          findTarget(source, isWorkspaceContainer) || state.current;\n        const isLayoutContainer =\n          typeOf(workspaceContainer) === \"LayoutContainer\";\n        const target = isLayoutContainer\n          ? getProps(workspaceContainer).children[0]\n          : workspaceContainer;\n        const serializedModel = layoutToJSON(target);\n        onLayoutChange(serializedModel, layoutChangeReason);\n      }\n    },\n    [onLayoutChange]\n  );\n\n  const dispatchLayoutAction = useCallback(\n    (action: LayoutReducerAction, suppressSave = false) => {\n      const nextState = layoutReducer(state.current as ReactElement, action);\n      if (nextState !== state.current) {\n        state.current = nextState;\n        forceRefresh({});\n        if (!suppressSave && shouldSave(action)) {\n          serializeState(nextState, getLayoutChangeReason(action));\n        }\n      }\n    },\n    [forceRefresh, serializeState]\n  );\n\n  const layoutActionDispatcher = useCallback<LayoutProviderDispatch>(\n    (action) => {\n      switch (action.type) {\n        case \"drag-start\": {\n          prepareToDragLayout(action);\n          break;\n        }\n        case \"save\": {\n          serializeState(state.current, getLayoutChangeReason(action));\n          break;\n        }\n        case \"query\":\n          if (action.query === \"PARENT_CONTAINER\") {\n            return layoutQuery(action.query, action.path, state.current);\n          }\n          break;\n\n        default: {\n          dispatchLayoutAction(action);\n          break;\n        }\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [dispatchLayoutAction, serializeState]\n  );\n\n  const prepareToDragLayout = useLayoutDragDrop(\n    state as MutableRefObject<ReactElement>,\n    layoutActionDispatcher,\n    pathToDropTarget\n  );\n\n  useEffect(() => {\n    if (workspaceJSON) {\n      info?.(\"workspaceJSON changed. inject new layout into application\");\n      const targetContainer = findTarget(\n        state.current,\n        isWorkspaceContainer\n      ) as ReactElement;\n      if (targetContainer) {\n        const target = getChildProp(targetContainer);\n        const newLayout = layoutFromJson(\n          workspaceJSON,\n          `${targetContainer.props.path}.0`\n        );\n        const action = target\n          ? {\n              type: LayoutActionType.REPLACE,\n              target,\n              replacement: newLayout,\n            }\n          : {\n              type: LayoutActionType.ADD,\n              path: targetContainer.props.path,\n              component: newLayout,\n            };\n        dispatchLayoutAction(action, true);\n      } else if (workspaceJSON.id === getProp(state.current, \"id\")) {\n        const newLayout = layoutFromJson(workspaceJSON, \"0\");\n        const action = {\n          type: LayoutActionType.REPLACE,\n          target: state.current,\n          replacement: newLayout,\n        };\n        dispatchLayoutAction(action, true);\n      }\n    }\n  }, [dispatchLayoutAction, workspaceJSON]);\n\n  if (state.current === undefined) {\n    state.current = cloneElementAddLayoutProps(children);\n  } else if (children !== childrenRef.current) {\n    state.current = cloneElementAddLayoutProps(children, state.current);\n    childrenRef.current = children;\n  }\n\n  return (\n    <LayoutProviderContext.Provider\n      value={{\n        createNewChild,\n        dispatchLayoutProvider: layoutActionDispatcher,\n        version: 0,\n      }}\n    >\n      {state.current}\n    </LayoutProviderContext.Provider>\n  );\n};\n\nexport const useLayoutProviderDispatch = () => {\n  const { dispatchLayoutProvider } = useContext(LayoutProviderContext);\n  return dispatchLayoutProvider;\n};\n\nexport const useLayoutCreateNewChild = () => {\n  const { createNewChild } = useContext(LayoutProviderContext);\n  return createNewChild ?? defaultCreateNewChild;\n};\n\nexport const useLayoutProviderVersion = () => {\n  const { version } = useContext(LayoutProviderContext);\n  return version;\n};\n"],"names":["logger","VuuShellLocation","jsx","Placeholder","useRef","useState","useCallback","findTarget","typeOf","getProps","layoutToJSON","layoutReducer","layoutQuery","useLayoutDragDrop","useEffect","getChildProp","layoutFromJson","LayoutActionType","getProp","cloneElementAddLayoutProps","LayoutProviderContext","useContext"],"mappings":"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"}
+{"version":3,"file":"LayoutProvider.js","sources":["../../src/layout-provider/LayoutProvider.tsx"],"sourcesContent":["import {\n  VuuShellLocation,\n  logger,\n  usePlaceholderJSON,\n  type LayoutJSON,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type MutableRefObject,\n  type ReactElement,\n} from \"react\";\nimport {\n  LayoutActionType,\n  LayoutProps,\n  cloneElementAddLayoutProps,\n  layoutFromJson,\n  layoutQuery,\n  layoutReducer,\n  layoutToJSON,\n  type LayoutChangeHandler,\n  type LayoutChangeReason,\n  type LayoutReducerAction,\n} from \"../layout-reducer\";\nimport type { SaveAction } from \"../layout-view\";\nimport { findTarget, getChildProp, getProp, getProps, typeOf } from \"../utils\";\nimport {\n  LayoutProviderContext,\n  LayoutProviderDispatch,\n} from \"./LayoutProviderContext\";\nimport { useLayoutDragDrop } from \"./useLayoutDragDrop\";\n\nconst { info } = logger(\"LayoutProvider\");\n\nconst isWorkspaceContainer = (props: LayoutProps) =>\n  props.id === VuuShellLocation.WorkspaceContainer;\n\nconst shouldSave = (action: LayoutReducerAction) =>\n  [\n    \"add\",\n    \"drag-drop\",\n    \"remove\",\n    \"set-title\",\n    \"splitter-resize\",\n    \"switch-tab\",\n  ].includes(action.type);\n\nconst getLayoutChangeReason = (\n  action: LayoutReducerAction | SaveAction\n): LayoutChangeReason => {\n  switch (action.type) {\n    case \"switch-tab\":\n      if (action.id === VuuShellLocation.Workspace) {\n        return \"switch-active-layout\";\n      } else {\n        return \"switch-active-tab\";\n      }\n    case \"save\":\n      return \"save-feature-props\";\n    case \"drag-drop\":\n      return \"drag-drop-operation\";\n    case \"add\":\n      return \"add-component\";\n    case \"remove\":\n      return \"remove-component\";\n    case \"splitter-resize\":\n      return \"resize-component\";\n    case \"set-title\":\n      return \"edit-feature-title\";\n    default:\n      throw Error(\"unknown layout action\");\n  }\n};\n\nexport interface LayoutProviderProps {\n  children: ReactElement;\n  createNewChild?: (index?: number) => ReactElement;\n  workspaceJSON?: LayoutJSON;\n  onLayoutChange?: LayoutChangeHandler;\n}\n\nexport const LayoutProviderVersion = () => {\n  const version = useLayoutProviderVersion();\n  return <div>{`Context: ${version} `}</div>;\n};\n\nconst pathToDropTarget = `#${VuuShellLocation.Workspace}.ACTIVE_CHILD`;\n\nexport const LayoutProvider = (props: LayoutProviderProps): ReactElement => {\n  const { children, createNewChild, workspaceJSON, onLayoutChange } = props;\n  const state = useRef<ReactElement | undefined>(undefined);\n  const childrenRef = useRef<ReactElement>(children);\n\n  const [, forceRefresh] = useState<unknown>(null);\n\n  const serializeState = useCallback(\n    (source, layoutChangeReason: LayoutChangeReason) => {\n      if (onLayoutChange) {\n        const workspaceContainer =\n          findTarget(source, isWorkspaceContainer) || state.current;\n        const isLayoutContainer =\n          typeOf(workspaceContainer) === \"LayoutContainer\";\n        const target = isLayoutContainer\n          ? getProps(workspaceContainer).children[0]\n          : workspaceContainer;\n        const serializedModel = layoutToJSON(target);\n        onLayoutChange(serializedModel, layoutChangeReason);\n      }\n    },\n    [onLayoutChange]\n  );\n\n  const dispatchLayoutAction = useCallback(\n    (action: LayoutReducerAction, suppressSave = false) => {\n      const nextState = layoutReducer(state.current as ReactElement, action);\n      if (nextState !== state.current) {\n        state.current = nextState;\n        forceRefresh({});\n        if (!suppressSave && shouldSave(action)) {\n          serializeState(nextState, getLayoutChangeReason(action));\n        }\n      }\n    },\n    [forceRefresh, serializeState]\n  );\n\n  const layoutActionDispatcher = useCallback<LayoutProviderDispatch>(\n    (action) => {\n      switch (action.type) {\n        case \"drag-start\": {\n          prepareToDragLayout(action);\n          break;\n        }\n        case \"save\": {\n          serializeState(state.current, getLayoutChangeReason(action));\n          break;\n        }\n        case \"query\":\n          if (action.query === \"PARENT_CONTAINER\") {\n            return layoutQuery(action.query, action.path, state.current);\n          }\n          break;\n\n        default: {\n          dispatchLayoutAction(action);\n          break;\n        }\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [dispatchLayoutAction, serializeState]\n  );\n\n  const prepareToDragLayout = useLayoutDragDrop(\n    state as MutableRefObject<ReactElement>,\n    layoutActionDispatcher,\n    pathToDropTarget\n  );\n\n  useEffect(() => {\n    if (workspaceJSON) {\n      info?.(\"workspaceJSON changed. inject new layout into application\");\n      const targetContainer = findTarget(\n        state.current,\n        isWorkspaceContainer\n      ) as ReactElement;\n      if (targetContainer) {\n        const target = getChildProp(targetContainer);\n        const newLayout = layoutFromJson(\n          workspaceJSON,\n          `${targetContainer.props.path}.0`\n        );\n        const action = target\n          ? {\n              type: LayoutActionType.REPLACE,\n              target,\n              replacement: newLayout,\n            }\n          : {\n              type: LayoutActionType.ADD,\n              path: targetContainer.props.path,\n              component: newLayout,\n            };\n        dispatchLayoutAction(action, true);\n      } else if (workspaceJSON.id === getProp(state.current, \"id\")) {\n        const newLayout = layoutFromJson(workspaceJSON, \"0\");\n        const action = {\n          type: LayoutActionType.REPLACE,\n          target: state.current,\n          replacement: newLayout,\n        };\n        dispatchLayoutAction(action, true);\n      }\n    }\n  }, [dispatchLayoutAction, workspaceJSON]);\n\n  if (state.current === undefined) {\n    state.current = cloneElementAddLayoutProps(children);\n  } else if (children !== childrenRef.current) {\n    state.current = cloneElementAddLayoutProps(children, state.current);\n    childrenRef.current = children;\n  }\n\n  return (\n    <LayoutProviderContext.Provider\n      value={{\n        createNewChild,\n        dispatchLayoutProvider: layoutActionDispatcher,\n        version: 0,\n      }}\n    >\n      {state.current}\n    </LayoutProviderContext.Provider>\n  );\n};\n\nexport const useLayoutProviderDispatch = () => {\n  const { dispatchLayoutProvider } = useContext(LayoutProviderContext);\n  return dispatchLayoutProvider;\n};\n\nexport const useLayoutCreateNewChild = () => {\n  const layoutPlaceholderJSON = usePlaceholderJSON();\n  const { createNewChild } = useContext(LayoutProviderContext);\n\n  const defaultCreateNewChild = useMemo(\n    () =>\n      function createNewChild() {\n        if (layoutPlaceholderJSON) {\n          const { props } = layoutPlaceholderJSON;\n          return layoutFromJson(\n            {\n              ...layoutPlaceholderJSON,\n              props: {\n                ...props,\n                resizeable: true,\n                style: {\n                  ...props?.style,\n                  flexGrow: 1,\n                  flexShrink: 0,\n                  flexBasis: 0,\n                },\n              },\n            },\n            \"0\"\n          );\n        }\n        return layoutFromJson(\n          {\n            type: \"Placeholder\",\n            props: {\n              resizeable: true,\n              style: {\n                flexGrow: 1,\n                flexShrink: 0,\n                flexBasis: 0,\n              },\n            },\n          },\n          \"0\"\n        );\n      },\n    [layoutPlaceholderJSON]\n  );\n\n  return createNewChild ?? defaultCreateNewChild;\n};\n\nexport const useLayoutProviderVersion = () => {\n  const { version } = useContext(LayoutProviderContext);\n  return version;\n};\n"],"names":["logger","VuuShellLocation","jsx","useRef","useState","useCallback","findTarget","typeOf","getProps","layoutToJSON","layoutReducer","layoutQuery","useLayoutDragDrop","useEffect","getChildProp","layoutFromJson","LayoutActionType","getProp","cloneElementAddLayoutProps","LayoutProviderContext","useContext","usePlaceholderJSON","useMemo","createNewChild"],"mappings":"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"}

package/cjs/layout-reducer/layoutTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"layoutTypes.js","sources":["../../src/layout-reducer/layoutTypes.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { LayoutJSON } from \"@vuu-ui/vuu-utils\";\nimport { ReactElement } from \"react\";\nimport { DragDropRect, DragInstructions } from \"../drag-drop\";\nimport { DropTarget } from \"../drag-drop/DropTarget\";\n\nexport type layoutType = \"Flexbox\" | \"View\" | \"LayoutContainer\" | \"Stack\";\n\n// TODO duplicated in layout-action\nexport const LayoutActionType = {\n  ADD: \"add\",\n  DRAG_START: \"drag-start\",\n  DRAG_DROP: \"drag-drop\",\n  LAYOUT_RESIZE: \"layout-resize\",\n  MAXIMIZE: \"maximize\",\n  MINIMIZE: \"minimize\",\n  MOVE_CHILD: \"move-child\",\n  QUERY: \"query\",\n  REMOVE: \"remove\",\n  REPLACE: \"replace\",\n  RESTORE: \"restore\",\n  SET_PROP: \"set-prop\",\n  SET_PROPS: \"set-props\",\n  SET_TITLE: \"set-title\",\n  SPLITTER_RESIZE: \"splitter-resize\",\n  SWITCH_TAB: \"switch-tab\",\n  TEAROUT: \"tearout\",\n} as const;\n\nexport type AddAction = {\n  component: any;\n  path: string;\n  type: typeof LayoutActionType.ADD;\n};\n\nexport type DragDropAction = {\n  draggedReactElement: ReactElement;\n  dragInstructions: any;\n  dropTarget: Partial<DropTarget>;\n  type: typeof LayoutActionType.DRAG_DROP;\n};\n\nexport type MaximizeAction = {\n  path?: string;\n  type: typeof LayoutActionType.MAXIMIZE;\n};\n\nexport type MinimizeAction = {\n  path?: string;\n  type: typeof LayoutActionType.MINIMIZE;\n};\n\nexport type MoveChildAction = {\n  fromIndex: number;\n  toIndex: number;\n  path: string;\n  type: typeof LayoutActionType.MOVE_CHILD;\n};\n\nexport type QueryAction = {\n  path?: string;\n  query: string;\n  type: typeof LayoutActionType.QUERY;\n};\n\nexport type RemoveAction = {\n  path?: string;\n  type: typeof LayoutActionType.REMOVE;\n};\n\nexport type ReplaceAction = {\n  replacement: any;\n  target: any;\n  type: typeof LayoutActionType.REPLACE;\n};\n\nexport type RestoreAction = {\n  path?: string;\n  type: typeof LayoutActionType.RESTORE;\n};\n\nexport type SetPropAction = {\n  path: string;\n  propName: string;\n  propValue: string | number | boolean;\n  type: typeof LayoutActionType.SET_PROP;\n};\n\nexport type SetPropsAction = {\n  path: string;\n  props: { [key: string]: unknown };\n  type: typeof LayoutActionType.SET_PROPS;\n};\n\nexport type SetTitleAction = {\n  path: string;\n  title: string;\n  type: typeof LayoutActionType.SET_TITLE;\n};\n\nexport type SplitterResizeAction = {\n  path: string;\n  sizes: { currentSize: number; flexBasis: number }[];\n  type: typeof LayoutActionType.SPLITTER_RESIZE;\n};\n\nexport type LayoutResizeAction = {\n  path: string;\n  size: number;\n  type: typeof LayoutActionType.LAYOUT_RESIZE;\n};\n\nexport type SwitchTabAction = {\n  id?: string;\n  nextIdx: number;\n  path: string;\n  type: typeof LayoutActionType.SWITCH_TAB;\n};\n\nexport type TearoutAction = {\n  path?: string;\n  type: typeof LayoutActionType.TEAROUT;\n};\n\nexport type LayoutReducerAction =\n  | AddAction\n  | DragDropAction\n  | LayoutResizeAction\n  | MaximizeAction\n  | MinimizeAction\n  | MoveChildAction\n  | RemoveAction\n  | ReplaceAction\n  | RestoreAction\n  | SetPropAction\n  | SetPropsAction\n  | SetTitleAction\n  | SplitterResizeAction\n  | SwitchTabAction;\n\nexport type MousedownViewAction = {\n  preDragActivity?: any;\n  index?: number;\n  type: \"mousedown\";\n};\n\nexport type DragStartAction = {\n  payload?: ReactElement;\n  dragContainerPath?: string;\n  dragElement?: HTMLElement;\n  dragRect: DragDropRect;\n  dropTargets?: string[];\n  evt: MouseEvent;\n  instructions?: DragInstructions;\n  path: string;\n  type: typeof LayoutActionType.DRAG_START;\n};\n\nexport type LayoutLevelChange =\n  | \"switch-active-tab\"\n  | \"edit-feature-title\"\n  | \"save-feature-props\"\n  | \"resize-component\"\n  | \"remove-component\"\n  | \"drag-drop-operation\";\n\nexport type ApplicationLevelChange =\n  | \"switch-active-layout\"\n  | \"open-layout\"\n  | \"close-layout\"\n  | \"rename-layout\"\n  | \"resize-application-chrome\";\n\nexport type LayoutChangeReason = LayoutLevelChange | ApplicationLevelChange;\n\nexport type LayoutChangeHandler = (\n  layout: LayoutJSON,\n  layoutChangeReason: LayoutChangeReason\n) => void;\n\nexport const isApplicationLevelChange = (\n  layoutChangeReason: LayoutChangeReason\n): layoutChangeReason is ApplicationLevelChange =>\n  [\n    \"switch-active-layout\",\n    \"open-layout\",\n    \"close-layout\",\n    \"rename-layout\",\n  ].includes(layoutChangeReason);\n\nexport const isLayoutLevelChange = (\n  layoutChangeReason: LayoutChangeReason\n): layoutChangeReason is LayoutLevelChange =>\n  [\n    \"switch-active-tab\",\n    \"edit-feature-title\",\n    \"save-feature-props\",\n    \"remove-component\",\n    \"resize-component\",\n    \"drag-drop-operation\",\n  ].includes(layoutChangeReason);\n"],"names":[],"mappings":";;AASO,MAAM,gBAAmB,GAAA;AAAA,EAC9B,GAAK,EAAA,KAAA;AAAA,EACL,UAAY,EAAA,YAAA;AAAA,EACZ,SAAW,EAAA,WAAA;AAAA,EACX,aAAe,EAAA,eAAA;AAAA,EACf,QAAU,EAAA,UAAA;AAAA,EACV,QAAU,EAAA,UAAA;AAAA,EACV,UAAY,EAAA,YAAA;AAAA,EACZ,KAAO,EAAA,OAAA;AAAA,EACP,MAAQ,EAAA,QAAA;AAAA,EACR,OAAS,EAAA,SAAA;AAAA,EACT,OAAS,EAAA,SAAA;AAAA,EACT,QAAU,EAAA,UAAA;AAAA,EACV,SAAW,EAAA,WAAA;AAAA,EACX,SAAW,EAAA,WAAA;AAAA,EACX,eAAiB,EAAA,iBAAA;AAAA,EACjB,UAAY,EAAA,YAAA;AAAA,EACZ,OAAS,EAAA,SAAA;AACX,EAAA;AAyJa,MAAA,wBAAA,GAA2B,CACtC,kBAEA,KAAA;AAAA,EACE,sBAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AACF,CAAA,CAAE,SAAS,kBAAkB,EAAA;AAElB,MAAA,mBAAA,GAAsB,CACjC,kBAEA,KAAA;AAAA,EACE,mBAAA;AAAA,EACA,oBAAA;AAAA,EACA,oBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,qBAAA;AACF,CAAA,CAAE,SAAS,kBAAkB;;;;;;"}
+{"version":3,"file":"layoutTypes.js","sources":["../../src/layout-reducer/layoutTypes.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { LayoutJSON } from \"@vuu-ui/vuu-utils\";\nimport { ReactElement } from \"react\";\nimport { DragDropRect, DragInstructions } from \"../drag-drop\";\nimport { DropTarget } from \"../drag-drop/DropTarget\";\n\nexport type layoutType = \"Flexbox\" | \"View\" | \"LayoutContainer\" | \"Stack\";\n\n// TODO duplicated in layout-action\nexport const LayoutActionType = {\n  ADD: \"add\",\n  DRAG_START: \"drag-start\",\n  DRAG_DROP: \"drag-drop\",\n  LAYOUT_RESIZE: \"layout-resize\",\n  MAXIMIZE: \"maximize\",\n  MINIMIZE: \"minimize\",\n  MOVE_CHILD: \"move-child\",\n  QUERY: \"query\",\n  REMOVE: \"remove\",\n  REPLACE: \"replace\",\n  RESTORE: \"restore\",\n  SET_PROP: \"set-prop\",\n  SET_PROPS: \"set-props\",\n  SET_TITLE: \"set-title\",\n  SPLITTER_RESIZE: \"splitter-resize\",\n  SWITCH_TAB: \"switch-tab\",\n  TEAROUT: \"tearout\",\n} as const;\n\nexport type AddAction = {\n  component: any;\n  path: string;\n  type: typeof LayoutActionType.ADD;\n};\n\nexport type DragDropAction = {\n  draggedReactElement: ReactElement;\n  dragInstructions: any;\n  dropTarget: Partial<DropTarget>;\n  type: typeof LayoutActionType.DRAG_DROP;\n};\n\nexport type MaximizeAction = {\n  path?: string;\n  type: typeof LayoutActionType.MAXIMIZE;\n};\n\nexport type MinimizeAction = {\n  path?: string;\n  type: typeof LayoutActionType.MINIMIZE;\n};\n\nexport type MoveChildAction = {\n  fromIndex: number;\n  toIndex: number;\n  path: string;\n  type: typeof LayoutActionType.MOVE_CHILD;\n};\n\nexport type QueryAction = {\n  path?: string;\n  query: string;\n  type: typeof LayoutActionType.QUERY;\n};\n\nexport type RemoveAction = {\n  path?: string;\n  type: typeof LayoutActionType.REMOVE;\n};\n\nexport type ReplaceAction = {\n  replacement: any;\n  target: any;\n  type: typeof LayoutActionType.REPLACE;\n};\n\nexport type RestoreAction = {\n  path?: string;\n  type: typeof LayoutActionType.RESTORE;\n};\n\nexport type SetPropAction = {\n  path: string;\n  propName: string;\n  propValue: string | number | boolean;\n  type: typeof LayoutActionType.SET_PROP;\n};\n\nexport type SetPropsAction = {\n  path: string;\n  props: { [key: string]: unknown };\n  type: typeof LayoutActionType.SET_PROPS;\n};\n\nexport type SetTitleAction = {\n  path: string;\n  title: string;\n  type: typeof LayoutActionType.SET_TITLE;\n};\n\nexport type SplitterResizeAction = {\n  path: string;\n  sizes: { currentSize: number; flexBasis: number }[];\n  type: typeof LayoutActionType.SPLITTER_RESIZE;\n};\n\nexport type LayoutResizeAction = {\n  path: string;\n  size: number;\n  type: typeof LayoutActionType.LAYOUT_RESIZE;\n};\n\nexport type SwitchTabAction = {\n  id?: string;\n  nextIdx: number;\n  path: string;\n  type: typeof LayoutActionType.SWITCH_TAB;\n};\n\nexport type TearoutAction = {\n  path?: string;\n  type: typeof LayoutActionType.TEAROUT;\n};\n\nexport type LayoutReducerAction =\n  | AddAction\n  | DragDropAction\n  | LayoutResizeAction\n  | MaximizeAction\n  | MinimizeAction\n  | MoveChildAction\n  | RemoveAction\n  | ReplaceAction\n  | RestoreAction\n  | SetPropAction\n  | SetPropsAction\n  | SetTitleAction\n  | SplitterResizeAction\n  | SwitchTabAction;\n\nexport type MousedownViewAction = {\n  preDragActivity?: any;\n  index?: number;\n  type: \"mousedown\";\n};\n\nexport type DragStartAction = {\n  payload?: ReactElement;\n  dragContainerPath?: string;\n  dragElement?: HTMLElement;\n  dragRect: DragDropRect;\n  dropTargets?: string[];\n  evt: MouseEvent;\n  instructions?: DragInstructions;\n  path: string;\n  type: typeof LayoutActionType.DRAG_START;\n};\n\nexport type LayoutLevelChange =\n  | \"add-component\"\n  | \"drag-drop-operation\"\n  | \"edit-feature-title\"\n  | \"remove-component\"\n  | \"resize-component\"\n  | \"switch-active-tab\"\n  | \"save-feature-props\";\n\nexport type ApplicationLevelChange =\n  | \"switch-active-layout\"\n  | \"open-layout\"\n  | \"close-layout\"\n  | \"rename-layout\"\n  | \"resize-application-chrome\";\n\nexport type LayoutChangeReason = LayoutLevelChange | ApplicationLevelChange;\n\nexport type LayoutChangeHandler = (\n  layout: LayoutJSON,\n  layoutChangeReason: LayoutChangeReason\n) => void;\n\nexport const isApplicationLevelChange = (\n  layoutChangeReason: LayoutChangeReason\n): layoutChangeReason is ApplicationLevelChange =>\n  [\n    \"switch-active-layout\",\n    \"open-layout\",\n    \"close-layout\",\n    \"rename-layout\",\n  ].includes(layoutChangeReason);\n\nexport const isLayoutLevelChange = (\n  layoutChangeReason: LayoutChangeReason\n): layoutChangeReason is LayoutLevelChange =>\n  [\n    \"switch-active-tab\",\n    \"edit-feature-title\",\n    \"save-feature-props\",\n    \"remove-component\",\n    \"resize-component\",\n    \"drag-drop-operation\",\n  ].includes(layoutChangeReason);\n"],"names":[],"mappings":";;AASO,MAAM,gBAAmB,GAAA;AAAA,EAC9B,GAAK,EAAA,KAAA;AAAA,EACL,UAAY,EAAA,YAAA;AAAA,EACZ,SAAW,EAAA,WAAA;AAAA,EACX,aAAe,EAAA,eAAA;AAAA,EACf,QAAU,EAAA,UAAA;AAAA,EACV,QAAU,EAAA,UAAA;AAAA,EACV,UAAY,EAAA,YAAA;AAAA,EACZ,KAAO,EAAA,OAAA;AAAA,EACP,MAAQ,EAAA,QAAA;AAAA,EACR,OAAS,EAAA,SAAA;AAAA,EACT,OAAS,EAAA,SAAA;AAAA,EACT,QAAU,EAAA,UAAA;AAAA,EACV,SAAW,EAAA,WAAA;AAAA,EACX,SAAW,EAAA,WAAA;AAAA,EACX,eAAiB,EAAA,iBAAA;AAAA,EACjB,UAAY,EAAA,YAAA;AAAA,EACZ,OAAS,EAAA,SAAA;AACX,EAAA;AA0Ja,MAAA,wBAAA,GAA2B,CACtC,kBAEA,KAAA;AAAA,EACE,sBAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AACF,CAAA,CAAE,SAAS,kBAAkB,EAAA;AAElB,MAAA,mBAAA,GAAsB,CACjC,kBAEA,KAAA;AAAA,EACE,mBAAA;AAAA,EACA,oBAAA;AAAA,EACA,oBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,qBAAA;AACF,CAAA,CAAE,SAAS,kBAAkB;;;;;;"}

package/cjs/layout-reducer/remove-layout-element.js

@@ -132,11 +132,15 @@ function unwrap(container, child) {
   return unwrappedChild;
 }
 const isFlexible = (element) => {
-  return element.props.style.flexGrow > 0;
+  return element.props.style?.flexGrow > 0;
 };
 const canBeMadeFlexible = (element) => {
-  const { width, height, flexGrow } = element.props.style;
-  return flexGrow === 0 && typeof width !== "number" && typeof height !== "number";
+  if (element.props.style) {
+    const { width, height, flexGrow } = element.props.style;
+    return flexGrow === 0 && typeof width !== "number" && typeof height !== "number";
+  } else {
+    return false;
+  }
 };
 const makeFlexible = (children) => {
   return children.map(

package/cjs/layout-reducer/remove-layout-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"remove-layout-element.js","sources":["../../src/layout-reducer/remove-layout-element.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { VuuShellLocation } from \"@vuu-ui/vuu-utils\";\nimport React, { ReactElement } from \"react\";\nimport {\n  followPath,\n  followPathToParent,\n  getProp,\n  getProps,\n  nextStep,\n  resetPath,\n  typeOf,\n} from \"../utils\";\nimport { createPlaceHolder } from \"./flexUtils\";\nimport { RemoveAction } from \"./layoutTypes\";\nimport { layoutFromJson } from \"./layoutUtils\";\nimport { swapChild } from \"./replace-layout-element\";\n\nexport function removeChild(layoutRoot: ReactElement, { path }: RemoveAction) {\n  const target = followPath(layoutRoot, path!) as ReactElement;\n  let targetParent = followPathToParent(layoutRoot, path!);\n  if (targetParent === null) {\n    return layoutRoot;\n  }\n  const { children } = getProps(targetParent);\n  if (\n    // this is very specific to explicitly sized components\n    children.length > 1 &&\n    typeOf(targetParent) !== \"Stack\" &&\n    allOtherChildrenArePlaceholders(children, path)\n  ) {\n    const {\n      style: { flexBasis, display, flexDirection, ...style },\n    } = getProps(targetParent);\n    let containerPath = getProp(targetParent, \"path\");\n    let newLayout = swapChild(\n      layoutRoot,\n      targetParent,\n      createPlaceHolder(containerPath, flexBasis, style)\n    );\n    while ((targetParent = followPathToParent(newLayout, containerPath))) {\n      if (getProp(targetParent, \"path\") === \"0\") {\n        break;\n      }\n      const { children } = getProps(targetParent);\n      if (allOtherChildrenArePlaceholders(children)) {\n        containerPath = getProp(targetParent, \"path\");\n        const {\n          style: { flexBasis, display, flexDirection, ...style },\n        } = getProps(targetParent);\n        newLayout = swapChild(\n          layoutRoot,\n          targetParent,\n          createPlaceHolder(containerPath, flexBasis, style)\n        );\n      } else if (hasAdjacentPlaceholders(children)) {\n        newLayout = collapsePlaceholders(\n          layoutRoot,\n          targetParent as ReactElement\n        );\n      } else {\n        break;\n      }\n    }\n    return newLayout;\n  }\n  return _removeChild(layoutRoot, target);\n}\n\nfunction _removeChild(\n  container: ReactElement,\n  child: ReactElement\n): ReactElement {\n  const props = getProps(container);\n  const { children: componentChildren, path, preserve } = props;\n  let { active, id: containerId } = props;\n  const { idx, finalStep } = nextStep(path, getProp(child, \"path\"));\n  const type = typeOf(container) as string;\n  let children = componentChildren.slice() as ReactElement[];\n\n  if (finalStep) {\n    children.splice(idx, 1);\n\n    if (active !== undefined && active >= idx) {\n      active = Math.max(0, active - 1);\n    }\n\n    if (children.length === 0 && preserve && type === \"Stack\") {\n      const {\n        path,\n        style: { flexBasis },\n      } = getProps(child);\n      const placeHolder =\n        containerId === VuuShellLocation.Workspace\n          ? layoutFromJson(\n              {\n                props: {\n                  style: { flexGrow: 1, flexShrink: 1, flexBasis },\n                  title: \"Tab 1\",\n                },\n                type: \"Placeholder\",\n              },\n              path\n            )\n          : createPlaceHolder(path, flexBasis);\n      children.push(placeHolder);\n    } else if (\n      children.length === 1 &&\n      !preserve &&\n      path !== \"0\" &&\n      type.match(/Flexbox|Stack/)\n    ) {\n      return unwrap(container, children[0]);\n    }\n\n    if (!children.some(isFlexible) && children.some(canBeMadeFlexible)) {\n      children = makeFlexible(children);\n    }\n  } else {\n    children[idx] = _removeChild(children[idx], child) as ReactElement;\n  }\n\n  children = children.map((child, i) => resetPath(child, `${path}.${i}`));\n  return React.cloneElement(container, { active }, children);\n}\n\nfunction unwrap(container: ReactElement, child: ReactElement) {\n  const type = typeOf(container);\n  const {\n    path,\n    style: { flexBasis, flexGrow, flexShrink, width, height },\n  } = getProps(container);\n\n  let unwrappedChild = resetPath(child, path);\n  if (path === \"0\") {\n    unwrappedChild = React.cloneElement(unwrappedChild, {\n      style: {\n        ...child.props.style,\n        width,\n        height,\n      },\n    });\n  } else if (type === \"Flexbox\") {\n    const dim =\n      container.props.style.flexDirection === \"column\" ? \"height\" : \"width\";\n    const {\n      style: { [dim]: size, ...style },\n    } = unwrappedChild.props;\n    unwrappedChild = React.cloneElement(unwrappedChild, {\n      flexFill: undefined,\n      style: {\n        ...style,\n        flexGrow,\n        flexShrink,\n        flexBasis,\n        width,\n        height,\n      },\n    });\n  }\n  return unwrappedChild;\n}\n\nconst isFlexible = (element: ReactElement) => {\n  return element.props.style.flexGrow > 0;\n};\n\nconst canBeMadeFlexible = (element: ReactElement) => {\n  const { width, height, flexGrow } = element.props.style;\n  return (\n    flexGrow === 0 && typeof width !== \"number\" && typeof height !== \"number\"\n  );\n};\n\nconst makeFlexible = (children: ReactElement[]) => {\n  return children.map((child) =>\n    canBeMadeFlexible(child)\n      ? React.cloneElement(child, {\n          style: {\n            ...child.props.style,\n            flexGrow: 1,\n          },\n        })\n      : child\n  );\n};\n\nconst hasAdjacentPlaceholders = (children: ReactElement[]) => {\n  if (children && children.length > 0) {\n    let wasPlaceholder = getProp(children[0], \"placeholder\");\n    let isPlaceholder = false;\n    for (let i = 1; i < children.length; i++) {\n      isPlaceholder = getProp(children[i], \"placeholder\");\n      if (wasPlaceholder && isPlaceholder) {\n        return true;\n      }\n      wasPlaceholder = isPlaceholder;\n    }\n  }\n};\n\nconst collapsePlaceholders = (\n  container: ReactElement,\n  target: ReactElement\n) => {\n  const { children: componentChildren, path } = getProps(container);\n  const { idx, finalStep } = nextStep(path, getProp(target, \"path\"));\n  let children = componentChildren.slice() as ReactElement[];\n  if (finalStep) {\n    children[idx] = _collapsePlaceHolders(target);\n  } else {\n    children[idx] = collapsePlaceholders(children[idx], target) as ReactElement;\n  }\n\n  children = children.map((child, i) => resetPath(child, `${path}.${i}`));\n  return React.cloneElement(container, undefined, children);\n};\n\nconst _collapsePlaceHolders = (container: ReactElement) => {\n  const { children } = getProps(container);\n  const newChildren = [];\n  const placeholders: ReactElement[] = [];\n\n  for (let i = 0; i < children.length; i++) {\n    if (getProp(children[i], \"placeholder\")) {\n      placeholders.push(children[i]);\n    } else {\n      if (placeholders.length === 1) {\n        newChildren.push(placeholders.pop());\n      } else if (placeholders.length > 0) {\n        newChildren.push(mergePlaceholders(placeholders));\n        placeholders.length = 0;\n      }\n      newChildren.push(children[i]);\n    }\n  }\n\n  if (placeholders.length === 1) {\n    newChildren.push(placeholders.pop());\n  } else if (placeholders.length > 0) {\n    newChildren.push(mergePlaceholders(placeholders));\n  }\n\n  const containerPath = getProp(container, \"path\");\n  return React.cloneElement(\n    container,\n    undefined,\n    newChildren.map((child, i) => resetPath(child, `${containerPath}.${i}`))\n  );\n};\n\nconst mergePlaceholders = ([placeholder, ...placeholders]: ReactElement[]) => {\n  const targetStyle = getProp(placeholder, \"style\");\n  let { flexBasis, flexGrow, flexShrink } = targetStyle;\n  for (const {\n    props: { style },\n  } of placeholders) {\n    flexBasis += style.flexBasis;\n    flexGrow = Math.max(flexGrow, style.flexGrow);\n    flexShrink = Math.max(flexShrink, style.flexShrink);\n  }\n  return React.cloneElement(placeholder, {\n    style: { ...targetStyle, flexBasis, flexGrow, flexShrink },\n  });\n};\n\nconst allOtherChildrenArePlaceholders = (\n  children: ReactElement[],\n  path?: string\n) =>\n  children.every(\n    (child) =>\n      getProp(child, \"placeholder\") || (path && getProp(child, \"path\") === path)\n  );\n"],"names":["followPath","followPathToParent","getProps","typeOf","getProp","swapChild","createPlaceHolder","children","flexBasis","display","flexDirection","style","nextStep","path","VuuShellLocation","layoutFromJson","child","resetPath"],"mappings":"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"}
+{"version":3,"file":"remove-layout-element.js","sources":["../../src/layout-reducer/remove-layout-element.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { VuuShellLocation } from \"@vuu-ui/vuu-utils\";\nimport React, { ReactElement } from \"react\";\nimport {\n  followPath,\n  followPathToParent,\n  getProp,\n  getProps,\n  nextStep,\n  resetPath,\n  typeOf,\n} from \"../utils\";\nimport { createPlaceHolder } from \"./flexUtils\";\nimport { RemoveAction } from \"./layoutTypes\";\nimport { layoutFromJson } from \"./layoutUtils\";\nimport { swapChild } from \"./replace-layout-element\";\n\nexport function removeChild(layoutRoot: ReactElement, { path }: RemoveAction) {\n  const target = followPath(layoutRoot, path!) as ReactElement;\n  let targetParent = followPathToParent(layoutRoot, path!);\n  if (targetParent === null) {\n    return layoutRoot;\n  }\n  const { children } = getProps(targetParent);\n  if (\n    // this is very specific to explicitly sized components\n    children.length > 1 &&\n    typeOf(targetParent) !== \"Stack\" &&\n    allOtherChildrenArePlaceholders(children, path)\n  ) {\n    const {\n      style: { flexBasis, display, flexDirection, ...style },\n    } = getProps(targetParent);\n    let containerPath = getProp(targetParent, \"path\");\n    let newLayout = swapChild(\n      layoutRoot,\n      targetParent,\n      createPlaceHolder(containerPath, flexBasis, style)\n    );\n    while ((targetParent = followPathToParent(newLayout, containerPath))) {\n      if (getProp(targetParent, \"path\") === \"0\") {\n        break;\n      }\n      const { children } = getProps(targetParent);\n      if (allOtherChildrenArePlaceholders(children)) {\n        containerPath = getProp(targetParent, \"path\");\n        const {\n          style: { flexBasis, display, flexDirection, ...style },\n        } = getProps(targetParent);\n        newLayout = swapChild(\n          layoutRoot,\n          targetParent,\n          createPlaceHolder(containerPath, flexBasis, style)\n        );\n      } else if (hasAdjacentPlaceholders(children)) {\n        newLayout = collapsePlaceholders(\n          layoutRoot,\n          targetParent as ReactElement\n        );\n      } else {\n        break;\n      }\n    }\n    return newLayout;\n  }\n  return _removeChild(layoutRoot, target);\n}\n\nfunction _removeChild(\n  container: ReactElement,\n  child: ReactElement\n): ReactElement {\n  const props = getProps(container);\n  const { children: componentChildren, path, preserve } = props;\n  let { active, id: containerId } = props;\n  const { idx, finalStep } = nextStep(path, getProp(child, \"path\"));\n  const type = typeOf(container) as string;\n  let children = componentChildren.slice() as ReactElement[];\n\n  if (finalStep) {\n    children.splice(idx, 1);\n\n    if (active !== undefined && active >= idx) {\n      active = Math.max(0, active - 1);\n    }\n\n    if (children.length === 0 && preserve && type === \"Stack\") {\n      const {\n        path,\n        style: { flexBasis },\n      } = getProps(child);\n      const placeHolder =\n        containerId === VuuShellLocation.Workspace\n          ? layoutFromJson(\n              {\n                props: {\n                  style: { flexGrow: 1, flexShrink: 1, flexBasis },\n                  title: \"Tab 1\",\n                },\n                type: \"Placeholder\",\n              },\n              path\n            )\n          : createPlaceHolder(path, flexBasis);\n      children.push(placeHolder);\n    } else if (\n      children.length === 1 &&\n      !preserve &&\n      path !== \"0\" &&\n      type.match(/Flexbox|Stack/)\n    ) {\n      return unwrap(container, children[0]);\n    }\n\n    if (!children.some(isFlexible) && children.some(canBeMadeFlexible)) {\n      children = makeFlexible(children);\n    }\n  } else {\n    children[idx] = _removeChild(children[idx], child) as ReactElement;\n  }\n\n  children = children.map((child, i) => resetPath(child, `${path}.${i}`));\n  return React.cloneElement(container, { active }, children);\n}\n\nfunction unwrap(container: ReactElement, child: ReactElement) {\n  const type = typeOf(container);\n  const {\n    path,\n    style: { flexBasis, flexGrow, flexShrink, width, height },\n  } = getProps(container);\n\n  let unwrappedChild = resetPath(child, path);\n  if (path === \"0\") {\n    unwrappedChild = React.cloneElement(unwrappedChild, {\n      style: {\n        ...child.props.style,\n        width,\n        height,\n      },\n    });\n  } else if (type === \"Flexbox\") {\n    const dim =\n      container.props.style.flexDirection === \"column\" ? \"height\" : \"width\";\n    const {\n      style: { [dim]: size, ...style },\n    } = unwrappedChild.props;\n    unwrappedChild = React.cloneElement(unwrappedChild, {\n      flexFill: undefined,\n      style: {\n        ...style,\n        flexGrow,\n        flexShrink,\n        flexBasis,\n        width,\n        height,\n      },\n    });\n  }\n  return unwrappedChild;\n}\n\nconst isFlexible = (element: ReactElement) => {\n  return element.props.style?.flexGrow > 0;\n};\n\nconst canBeMadeFlexible = (element: ReactElement) => {\n  if (element.props.style) {\n    const { width, height, flexGrow } = element.props.style;\n    return (\n      flexGrow === 0 && typeof width !== \"number\" && typeof height !== \"number\"\n    );\n  } else {\n    return false;\n  }\n};\n\nconst makeFlexible = (children: ReactElement[]) => {\n  return children.map((child) =>\n    canBeMadeFlexible(child)\n      ? React.cloneElement(child, {\n          style: {\n            ...child.props.style,\n            flexGrow: 1,\n          },\n        })\n      : child\n  );\n};\n\nconst hasAdjacentPlaceholders = (children: ReactElement[]) => {\n  if (children && children.length > 0) {\n    let wasPlaceholder = getProp(children[0], \"placeholder\");\n    let isPlaceholder = false;\n    for (let i = 1; i < children.length; i++) {\n      isPlaceholder = getProp(children[i], \"placeholder\");\n      if (wasPlaceholder && isPlaceholder) {\n        return true;\n      }\n      wasPlaceholder = isPlaceholder;\n    }\n  }\n};\n\nconst collapsePlaceholders = (\n  container: ReactElement,\n  target: ReactElement\n) => {\n  const { children: componentChildren, path } = getProps(container);\n  const { idx, finalStep } = nextStep(path, getProp(target, \"path\"));\n  let children = componentChildren.slice() as ReactElement[];\n  if (finalStep) {\n    children[idx] = _collapsePlaceHolders(target);\n  } else {\n    children[idx] = collapsePlaceholders(children[idx], target) as ReactElement;\n  }\n\n  children = children.map((child, i) => resetPath(child, `${path}.${i}`));\n  return React.cloneElement(container, undefined, children);\n};\n\nconst _collapsePlaceHolders = (container: ReactElement) => {\n  const { children } = getProps(container);\n  const newChildren = [];\n  const placeholders: ReactElement[] = [];\n\n  for (let i = 0; i < children.length; i++) {\n    if (getProp(children[i], \"placeholder\")) {\n      placeholders.push(children[i]);\n    } else {\n      if (placeholders.length === 1) {\n        newChildren.push(placeholders.pop());\n      } else if (placeholders.length > 0) {\n        newChildren.push(mergePlaceholders(placeholders));\n        placeholders.length = 0;\n      }\n      newChildren.push(children[i]);\n    }\n  }\n\n  if (placeholders.length === 1) {\n    newChildren.push(placeholders.pop());\n  } else if (placeholders.length > 0) {\n    newChildren.push(mergePlaceholders(placeholders));\n  }\n\n  const containerPath = getProp(container, \"path\");\n  return React.cloneElement(\n    container,\n    undefined,\n    newChildren.map((child, i) => resetPath(child, `${containerPath}.${i}`))\n  );\n};\n\nconst mergePlaceholders = ([placeholder, ...placeholders]: ReactElement[]) => {\n  const targetStyle = getProp(placeholder, \"style\");\n  let { flexBasis, flexGrow, flexShrink } = targetStyle;\n  for (const {\n    props: { style },\n  } of placeholders) {\n    flexBasis += style.flexBasis;\n    flexGrow = Math.max(flexGrow, style.flexGrow);\n    flexShrink = Math.max(flexShrink, style.flexShrink);\n  }\n  return React.cloneElement(placeholder, {\n    style: { ...targetStyle, flexBasis, flexGrow, flexShrink },\n  });\n};\n\nconst allOtherChildrenArePlaceholders = (\n  children: ReactElement[],\n  path?: string\n) =>\n  children.every(\n    (child) =>\n      getProp(child, \"placeholder\") || (path && getProp(child, \"path\") === path)\n  );\n"],"names":["followPath","followPathToParent","getProps","typeOf","getProp","swapChild","createPlaceHolder","children","flexBasis","display","flexDirection","style","nextStep","path","VuuShellLocation","layoutFromJson","child","resetPath"],"mappings":";;;;;;;;;;;AAiBO,SAAS,WAAY,CAAA,UAAA,EAA0B,EAAE,IAAA,EAAsB,EAAA;AAC5E,EAAM,MAAA,MAAA,GAASA,oBAAW,CAAA,UAAA,EAAY,IAAK,CAAA,CAAA;AAC3C,EAAI,IAAA,YAAA,GAAeC,4BAAmB,CAAA,UAAA,EAAY,IAAK,CAAA,CAAA;AACvD,EAAA,IAAI,iBAAiB,IAAM,EAAA;AACzB,IAAO,OAAA,UAAA,CAAA;AAAA,GACT;AACA,EAAA,MAAM,EAAE,QAAA,EAAa,GAAAC,kBAAA,CAAS,YAAY,CAAA,CAAA;AAC1C,EAAA;AAAA;AAAA,IAEE,QAAA,CAAS,SAAS,CAClB,IAAAC,aAAA,CAAO,YAAY,CAAM,KAAA,OAAA,IACzB,+BAAgC,CAAA,QAAA,EAAU,IAAI,CAAA;AAAA,IAC9C;AACA,IAAM,MAAA;AAAA,MACJ,OAAO,EAAE,SAAA,EAAW,OAAS,EAAA,aAAA,EAAe,GAAG,KAAM,EAAA;AAAA,KACvD,GAAID,mBAAS,YAAY,CAAA,CAAA;AACzB,IAAI,IAAA,aAAA,GAAgBE,iBAAQ,CAAA,YAAA,EAAc,MAAM,CAAA,CAAA;AAChD,IAAA,IAAI,SAAY,GAAAC,8BAAA;AAAA,MACd,UAAA;AAAA,MACA,YAAA;AAAA,MACAC,2BAAA,CAAkB,aAAe,EAAA,SAAA,EAAW,KAAK,CAAA;AAAA,KACnD,CAAA;AACA,IAAA,OAAQ,YAAe,GAAAL,4BAAA,CAAmB,SAAW,EAAA,aAAa,CAAI,EAAA;AACpE,MAAA,IAAIG,iBAAQ,CAAA,YAAA,EAAc,MAAM,CAAA,KAAM,GAAK,EAAA;AACzC,QAAA,MAAA;AAAA,OACF;AACA,MAAA,MAAM,EAAE,QAAA,EAAAG,SAAS,EAAA,GAAIL,mBAAS,YAAY,CAAA,CAAA;AAC1C,MAAI,IAAA,+BAAA,CAAgCK,SAAQ,CAAG,EAAA;AAC7C,QAAgB,aAAA,GAAAH,iBAAA,CAAQ,cAAc,MAAM,CAAA,CAAA;AAC5C,QAAM,MAAA;AAAA,UACJ,KAAA,EAAO,EAAE,SAAAI,EAAAA,UAAAA,EAAW,SAAAC,QAAS,EAAA,aAAA,EAAAC,cAAe,EAAA,GAAGC,MAAM,EAAA;AAAA,SACvD,GAAIT,mBAAS,YAAY,CAAA,CAAA;AACzB,QAAY,SAAA,GAAAG,8BAAA;AAAA,UACV,UAAA;AAAA,UACA,YAAA;AAAA,UACAC,2BAAA,CAAkB,aAAeE,EAAAA,UAAAA,EAAWG,MAAK,CAAA;AAAA,SACnD,CAAA;AAAA,OACF,MAAA,IAAW,uBAAwBJ,CAAAA,SAAQ,CAAG,EAAA;AAC5C,QAAY,SAAA,GAAA,oBAAA;AAAA,UACV,UAAA;AAAA,UACA,YAAA;AAAA,SACF,CAAA;AAAA,OACK,MAAA;AACL,QAAA,MAAA;AAAA,OACF;AAAA,KACF;AACA,IAAO,OAAA,SAAA,CAAA;AAAA,GACT;AACA,EAAO,OAAA,YAAA,CAAa,YAAY,MAAM,CAAA,CAAA;AACxC,CAAA;AAEA,SAAS,YAAA,CACP,WACA,KACc,EAAA;AACd,EAAM,MAAA,KAAA,GAAQL,mBAAS,SAAS,CAAA,CAAA;AAChC,EAAA,MAAM,EAAE,QAAA,EAAU,iBAAmB,EAAA,IAAA,EAAM,UAAa,GAAA,KAAA,CAAA;AACxD,EAAA,IAAI,EAAE,MAAA,EAAQ,EAAI,EAAA,WAAA,EAAgB,GAAA,KAAA,CAAA;AAClC,EAAM,MAAA,EAAE,KAAK,SAAU,EAAA,GAAIU,mBAAS,IAAM,EAAAR,iBAAA,CAAQ,KAAO,EAAA,MAAM,CAAC,CAAA,CAAA;AAChE,EAAM,MAAA,IAAA,GAAOD,cAAO,SAAS,CAAA,CAAA;AAC7B,EAAI,IAAA,QAAA,GAAW,kBAAkB,KAAM,EAAA,CAAA;AAEvC,EAAA,IAAI,SAAW,EAAA;AACb,IAAS,QAAA,CAAA,MAAA,CAAO,KAAK,CAAC,CAAA,CAAA;AAEtB,IAAI,IAAA,MAAA,KAAW,KAAa,CAAA,IAAA,MAAA,IAAU,GAAK,EAAA;AACzC,MAAA,MAAA,GAAS,IAAK,CAAA,GAAA,CAAI,CAAG,EAAA,MAAA,GAAS,CAAC,CAAA,CAAA;AAAA,KACjC;AAEA,IAAA,IAAI,QAAS,CAAA,MAAA,KAAW,CAAK,IAAA,QAAA,IAAY,SAAS,OAAS,EAAA;AACzD,MAAM,MAAA;AAAA,QACJ,IAAAU,EAAAA,KAAAA;AAAA,QACA,KAAA,EAAO,EAAE,SAAU,EAAA;AAAA,OACrB,GAAIX,mBAAS,KAAK,CAAA,CAAA;AAClB,MAAM,MAAA,WAAA,GACJ,WAAgB,KAAAY,yBAAA,CAAiB,SAC7B,GAAAC,0BAAA;AAAA,QACE;AAAA,UACE,KAAO,EAAA;AAAA,YACL,OAAO,EAAE,QAAA,EAAU,CAAG,EAAA,UAAA,EAAY,GAAG,SAAU,EAAA;AAAA,YAC/C,KAAO,EAAA,OAAA;AAAA,WACT;AAAA,UACA,IAAM,EAAA,aAAA;AAAA,SACR;AAAA,QACAF,KAAAA;AAAA,OACF,GACAP,2BAAkBO,CAAAA,KAAAA,EAAM,SAAS,CAAA,CAAA;AACvC,MAAA,QAAA,CAAS,KAAK,WAAW,CAAA,CAAA;AAAA,KAC3B,MAAA,IACE,QAAS,CAAA,MAAA,KAAW,CACpB,IAAA,CAAC,QACD,IAAA,IAAA,KAAS,GACT,IAAA,IAAA,CAAK,KAAM,CAAA,eAAe,CAC1B,EAAA;AACA,MAAA,OAAO,MAAO,CAAA,SAAA,EAAW,QAAS,CAAA,CAAC,CAAC,CAAA,CAAA;AAAA,KACtC;AAEA,IAAI,IAAA,CAAC,SAAS,IAAK,CAAA,UAAU,KAAK,QAAS,CAAA,IAAA,CAAK,iBAAiB,CAAG,EAAA;AAClE,MAAA,QAAA,GAAW,aAAa,QAAQ,CAAA,CAAA;AAAA,KAClC;AAAA,GACK,MAAA;AACL,IAAA,QAAA,CAAS,GAAG,CAAI,GAAA,YAAA,CAAa,QAAS,CAAA,GAAG,GAAG,KAAK,CAAA,CAAA;AAAA,GACnD;AAEA,EAAA,QAAA,GAAW,QAAS,CAAA,GAAA,CAAI,CAACG,MAAAA,EAAO,CAAM,KAAAC,mBAAA,CAAUD,MAAO,EAAA,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,CAAC,CAAA,CAAE,CAAC,CAAA,CAAA;AACtE,EAAA,OAAO,MAAM,YAAa,CAAA,SAAA,EAAW,EAAE,MAAA,IAAU,QAAQ,CAAA,CAAA;AAC3D,CAAA;AAEA,SAAS,MAAA,CAAO,WAAyB,KAAqB,EAAA;AAC5D,EAAM,MAAA,IAAA,GAAOb,cAAO,SAAS,CAAA,CAAA;AAC7B,EAAM,MAAA;AAAA,IACJ,IAAA;AAAA,IACA,OAAO,EAAE,SAAA,EAAW,QAAU,EAAA,UAAA,EAAY,OAAO,MAAO,EAAA;AAAA,GAC1D,GAAID,mBAAS,SAAS,CAAA,CAAA;AAEtB,EAAI,IAAA,cAAA,GAAiBe,mBAAU,CAAA,KAAA,EAAO,IAAI,CAAA,CAAA;AAC1C,EAAA,IAAI,SAAS,GAAK,EAAA;AAChB,IAAiB,cAAA,GAAA,KAAA,CAAM,aAAa,cAAgB,EAAA;AAAA,MAClD,KAAO,EAAA;AAAA,QACL,GAAG,MAAM,KAAM,CAAA,KAAA;AAAA,QACf,KAAA;AAAA,QACA,MAAA;AAAA,OACF;AAAA,KACD,CAAA,CAAA;AAAA,GACH,MAAA,IAAW,SAAS,SAAW,EAAA;AAC7B,IAAA,MAAM,MACJ,SAAU,CAAA,KAAA,CAAM,KAAM,CAAA,aAAA,KAAkB,WAAW,QAAW,GAAA,OAAA,CAAA;AAChE,IAAM,MAAA;AAAA,MACJ,OAAO,EAAE,CAAC,GAAG,GAAG,IAAA,EAAM,GAAG,KAAM,EAAA;AAAA,QAC7B,cAAe,CAAA,KAAA,CAAA;AACnB,IAAiB,cAAA,GAAA,KAAA,CAAM,aAAa,cAAgB,EAAA;AAAA,MAClD,QAAU,EAAA,KAAA,CAAA;AAAA,MACV,KAAO,EAAA;AAAA,QACL,GAAG,KAAA;AAAA,QACH,QAAA;AAAA,QACA,UAAA;AAAA,QACA,SAAA;AAAA,QACA,KAAA;AAAA,QACA,MAAA;AAAA,OACF;AAAA,KACD,CAAA,CAAA;AAAA,GACH;AACA,EAAO,OAAA,cAAA,CAAA;AACT,CAAA;AAEA,MAAM,UAAA,GAAa,CAAC,OAA0B,KAAA;AAC5C,EAAO,OAAA,OAAA,CAAQ,KAAM,CAAA,KAAA,EAAO,QAAW,GAAA,CAAA,CAAA;AACzC,CAAA,CAAA;AAEA,MAAM,iBAAA,GAAoB,CAAC,OAA0B,KAAA;AACnD,EAAI,IAAA,OAAA,CAAQ,MAAM,KAAO,EAAA;AACvB,IAAA,MAAM,EAAE,KAAO,EAAA,MAAA,EAAQ,QAAS,EAAA,GAAI,QAAQ,KAAM,CAAA,KAAA,CAAA;AAClD,IAAA,OACE,aAAa,CAAK,IAAA,OAAO,KAAU,KAAA,QAAA,IAAY,OAAO,MAAW,KAAA,QAAA,CAAA;AAAA,GAE9D,MAAA;AACL,IAAO,OAAA,KAAA,CAAA;AAAA,GACT;AACF,CAAA,CAAA;AAEA,MAAM,YAAA,GAAe,CAAC,QAA6B,KAAA;AACjD,EAAA,OAAO,QAAS,CAAA,GAAA;AAAA,IAAI,CAAC,KACnB,KAAA,iBAAA,CAAkB,KAAK,CACnB,GAAA,KAAA,CAAM,aAAa,KAAO,EAAA;AAAA,MACxB,KAAO,EAAA;AAAA,QACL,GAAG,MAAM,KAAM,CAAA,KAAA;AAAA,QACf,QAAU,EAAA,CAAA;AAAA,OACZ;AAAA,KACD,CACD,GAAA,KAAA;AAAA,GACN,CAAA;AACF,CAAA,CAAA;AAEA,MAAM,uBAAA,GAA0B,CAAC,QAA6B,KAAA;AAC5D,EAAI,IAAA,QAAA,IAAY,QAAS,CAAA,MAAA,GAAS,CAAG,EAAA;AACnC,IAAA,IAAI,cAAiB,GAAAb,iBAAA,CAAQ,QAAS,CAAA,CAAC,GAAG,aAAa,CAAA,CAAA;AACvD,IAAA,IAAI,aAAgB,GAAA,KAAA,CAAA;AACpB,IAAA,KAAA,IAAS,CAAI,GAAA,CAAA,EAAG,CAAI,GAAA,QAAA,CAAS,QAAQ,CAAK,EAAA,EAAA;AACxC,MAAA,aAAA,GAAgBA,iBAAQ,CAAA,QAAA,CAAS,CAAC,CAAA,EAAG,aAAa,CAAA,CAAA;AAClD,MAAA,IAAI,kBAAkB,aAAe,EAAA;AACnC,QAAO,OAAA,IAAA,CAAA;AAAA,OACT;AACA,MAAiB,cAAA,GAAA,aAAA,CAAA;AAAA,KACnB;AAAA,GACF;AACF,CAAA,CAAA;AAEA,MAAM,oBAAA,GAAuB,CAC3B,SAAA,EACA,MACG,KAAA;AACH,EAAA,MAAM,EAAE,QAAU,EAAA,iBAAA,EAAmB,IAAK,EAAA,GAAIF,mBAAS,SAAS,CAAA,CAAA;AAChE,EAAM,MAAA,EAAE,KAAK,SAAU,EAAA,GAAIU,mBAAS,IAAM,EAAAR,iBAAA,CAAQ,MAAQ,EAAA,MAAM,CAAC,CAAA,CAAA;AACjE,EAAI,IAAA,QAAA,GAAW,kBAAkB,KAAM,EAAA,CAAA;AACvC,EAAA,IAAI,SAAW,EAAA;AACb,IAAS,QAAA,CAAA,GAAG,CAAI,GAAA,qBAAA,CAAsB,MAAM,CAAA,CAAA;AAAA,GACvC,MAAA;AACL,IAAA,QAAA,CAAS,GAAG,CAAI,GAAA,oBAAA,CAAqB,QAAS,CAAA,GAAG,GAAG,MAAM,CAAA,CAAA;AAAA,GAC5D;AAEA,EAAA,QAAA,GAAW,QAAS,CAAA,GAAA,CAAI,CAAC,KAAA,EAAO,CAAM,KAAAa,mBAAA,CAAU,KAAO,EAAA,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,CAAC,CAAA,CAAE,CAAC,CAAA,CAAA;AACtE,EAAA,OAAO,KAAM,CAAA,YAAA,CAAa,SAAW,EAAA,KAAA,CAAA,EAAW,QAAQ,CAAA,CAAA;AAC1D,CAAA,CAAA;AAEA,MAAM,qBAAA,GAAwB,CAAC,SAA4B,KAAA;AACzD,EAAA,MAAM,EAAE,QAAA,EAAa,GAAAf,kBAAA,CAAS,SAAS,CAAA,CAAA;AACvC,EAAA,MAAM,cAAc,EAAC,CAAA;AACrB,EAAA,MAAM,eAA+B,EAAC,CAAA;AAEtC,EAAA,KAAA,IAAS,CAAI,GAAA,CAAA,EAAG,CAAI,GAAA,QAAA,CAAS,QAAQ,CAAK,EAAA,EAAA;AACxC,IAAA,IAAIE,iBAAQ,CAAA,QAAA,CAAS,CAAC,CAAA,EAAG,aAAa,CAAG,EAAA;AACvC,MAAa,YAAA,CAAA,IAAA,CAAK,QAAS,CAAA,CAAC,CAAC,CAAA,CAAA;AAAA,KACxB,MAAA;AACL,MAAI,IAAA,YAAA,CAAa,WAAW,CAAG,EAAA;AAC7B,QAAY,WAAA,CAAA,IAAA,CAAK,YAAa,CAAA,GAAA,EAAK,CAAA,CAAA;AAAA,OACrC,MAAA,IAAW,YAAa,CAAA,MAAA,GAAS,CAAG,EAAA;AAClC,QAAY,WAAA,CAAA,IAAA,CAAK,iBAAkB,CAAA,YAAY,CAAC,CAAA,CAAA;AAChD,QAAA,YAAA,CAAa,MAAS,GAAA,CAAA,CAAA;AAAA,OACxB;AACA,MAAY,WAAA,CAAA,IAAA,CAAK,QAAS,CAAA,CAAC,CAAC,CAAA,CAAA;AAAA,KAC9B;AAAA,GACF;AAEA,EAAI,IAAA,YAAA,CAAa,WAAW,CAAG,EAAA;AAC7B,IAAY,WAAA,CAAA,IAAA,CAAK,YAAa,CAAA,GAAA,EAAK,CAAA,CAAA;AAAA,GACrC,MAAA,IAAW,YAAa,CAAA,MAAA,GAAS,CAAG,EAAA;AAClC,IAAY,WAAA,CAAA,IAAA,CAAK,iBAAkB,CAAA,YAAY,CAAC,CAAA,CAAA;AAAA,GAClD;AAEA,EAAM,MAAA,aAAA,GAAgBA,iBAAQ,CAAA,SAAA,EAAW,MAAM,CAAA,CAAA;AAC/C,EAAA,OAAO,KAAM,CAAA,YAAA;AAAA,IACX,SAAA;AAAA,IACA,KAAA,CAAA;AAAA,IACA,WAAY,CAAA,GAAA,CAAI,CAAC,KAAA,EAAO,CAAM,KAAAa,mBAAA,CAAU,KAAO,EAAA,CAAA,EAAG,aAAa,CAAA,CAAA,EAAI,CAAC,CAAA,CAAE,CAAC,CAAA;AAAA,GACzE,CAAA;AACF,CAAA,CAAA;AAEA,MAAM,iBAAoB,GAAA,CAAC,CAAC,WAAA,EAAgB,eAAY,CAAsB,KAAA;AAC5E,EAAM,MAAA,WAAA,GAAcb,iBAAQ,CAAA,WAAA,EAAa,OAAO,CAAA,CAAA;AAChD,EAAA,IAAI,EAAE,SAAA,EAAW,QAAU,EAAA,UAAA,EAAe,GAAA,WAAA,CAAA;AAC1C,EAAW,KAAA,MAAA;AAAA,IACT,KAAA,EAAO,EAAE,KAAM,EAAA;AAAA,OACZ,YAAc,EAAA;AACjB,IAAA,SAAA,IAAa,KAAM,CAAA,SAAA,CAAA;AACnB,IAAA,QAAA,GAAW,IAAK,CAAA,GAAA,CAAI,QAAU,EAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAC5C,IAAA,UAAA,GAAa,IAAK,CAAA,GAAA,CAAI,UAAY,EAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAAA,GACpD;AACA,EAAO,OAAA,KAAA,CAAM,aAAa,WAAa,EAAA;AAAA,IACrC,OAAO,EAAE,GAAG,WAAa,EAAA,SAAA,EAAW,UAAU,UAAW,EAAA;AAAA,GAC1D,CAAA,CAAA;AACH,CAAA,CAAA;AAEA,MAAM,+BAAkC,GAAA,CACtC,QACA,EAAA,IAAA,KAEA,QAAS,CAAA,KAAA;AAAA,EACP,CAAC,KACC,KAAAA,iBAAA,CAAQ,KAAO,EAAA,aAAa,KAAM,IAAQ,IAAAA,iBAAA,CAAQ,KAAO,EAAA,MAAM,CAAM,KAAA,IAAA;AACzE,CAAA;;;;"}

package/cjs/placeholder/LayoutStartPanel.js

@@ -38,7 +38,7 @@ const LayoutStartPanel = (htmlAttributes) => {
   const showInitialState = displayState === "initial";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...htmlAttributes, className: classBase, children: [
     showInitialState ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("header", { className: `${classBase}-title`, children: "Start by adding a table" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${classBase}-title`, children: "Start by adding a table" }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${classBase}-text`, children: "To add a table, drag any of the Vuu Tables to this area or click the button below" })
     ] }) : null,
     /* @__PURE__ */ jsxRuntime.jsx(

package/cjs/placeholder/LayoutStartPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutStartPanel.js","sources":["../../src/placeholder/LayoutStartPanel.tsx"],"sourcesContent":["import { IconButton } from \"@vuu-ui/vuu-ui-controls\";\nimport { VuuShellLocation } from \"@vuu-ui/vuu-utils\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { HTMLAttributes, useMemo, useState } from \"react\";\nimport {\n  QueryReponse,\n  useViewContext,\n} from \"../layout-view-actions/ViewContext\";\n\nimport layoutStartPanelCss from \"./LayoutStartPanel.css\";\n\nconst classBase = \"vuuLayoutStartPanel\";\n\nexport interface LayoutStartPanelProps extends HTMLAttributes<HTMLDivElement> {\n  label?: string;\n}\n\nexport const LayoutStartPanel = (htmlAttributes: LayoutStartPanelProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-layout-start-panel\",\n    css: layoutStartPanelCss,\n    window: targetWindow,\n  });\n\n  const { dispatch, path } = useViewContext();\n  const [displayState, setDisplayState] = useState<\n    \"initial\" | \"nested\" | undefined\n  >();\n\n  useMemo(() => {\n    dispatch?.({\n      type: \"query\",\n      path,\n      query: \"PARENT_CONTAINER\",\n    }).then((response) => {\n      if (\n        (response as QueryReponse)?.parentContainerId ===\n        VuuShellLocation.Workspace\n      ) {\n        setDisplayState(\"initial\");\n      } else {\n        setDisplayState(\"nested\");\n      }\n    });\n  }, [dispatch, path]);\n\n  if (displayState === undefined) {\n    return null;\n  }\n\n  const showInitialState = displayState === \"initial\";\n\n  return (\n    <div {...htmlAttributes} className={classBase}>\n      {showInitialState ? (\n        <>\n          <header className={`${classBase}-title`}>\n            Start by adding a table\n          </header>\n          <div className={`${classBase}-text`}>\n            To add a table, drag any of the Vuu Tables to this area or click the\n            button below\n          </div>\n        </>\n      ) : null}\n      <IconButton\n        className={`${classBase}-addButton`}\n        icon=\"add\"\n        variant=\"cta\"\n      />\n    </div>\n  );\n};\n"],"names":["useWindow","useComponentCssInjection","layoutStartPanelCss","useViewContext","useState","useMemo","VuuShellLocation","jsxs","Fragment","jsx","IconButton"],"mappings":";;;;;;;;;;;AAYA,MAAM,SAAY,GAAA,qBAAA,CAAA;AAML,MAAA,gBAAA,GAAmB,CAAC,cAA0C,KAAA;AACzE,EAAA,MAAM,eAAeA,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,wBAAA;AAAA,IACR,GAAK,EAAAC,kBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,EAAE,QAAA,EAAU,IAAK,EAAA,GAAIC,0BAAe,EAAA,CAAA;AAC1C,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAIC,cAEtC,EAAA,CAAA;AAEF,EAAAC,aAAA,CAAQ,MAAM;AACZ,IAAW,QAAA,GAAA;AAAA,MACT,IAAM,EAAA,OAAA;AAAA,MACN,IAAA;AAAA,MACA,KAAO,EAAA,kBAAA;AAAA,KACR,CAAA,CAAE,IAAK,CAAA,CAAC,QAAa,KAAA;AACpB,MACG,IAAA,QAAA,EAA2B,iBAC5B,KAAAC,yBAAA,CAAiB,SACjB,EAAA;AACA,QAAA,eAAA,CAAgB,SAAS,CAAA,CAAA;AAAA,OACpB,MAAA;AACL,QAAA,eAAA,CAAgB,QAAQ,CAAA,CAAA;AAAA,OAC1B;AAAA,KACD,CAAA,CAAA;AAAA,GACA,EAAA,CAAC,QAAU,EAAA,IAAI,CAAC,CAAA,CAAA;AAEnB,EAAA,IAAI,iBAAiB,KAAW,CAAA,EAAA;AAC9B,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,MAAM,mBAAmB,YAAiB,KAAA,SAAA,CAAA;AAE1C,EAAA,uBACGC,eAAA,CAAA,KAAA,EAAA,EAAK,GAAG,cAAA,EAAgB,WAAW,SACjC,EAAA,QAAA,EAAA;AAAA,IAAA,gBAAA,mBAEGA,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,QAAO,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,UAAU,QAEzC,EAAA,yBAAA,EAAA,CAAA;AAAA,qCACC,KAAI,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,SAAS,QAGrC,EAAA,mFAAA,EAAA,CAAA;AAAA,KAAA,EACF,CACE,GAAA,IAAA;AAAA,oBACJA,cAAA;AAAA,MAACC,wBAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,GAAG,SAAS,CAAA,UAAA,CAAA;AAAA,QACvB,IAAK,EAAA,KAAA;AAAA,QACL,OAAQ,EAAA,KAAA;AAAA,OAAA;AAAA,KACV;AAAA,GACF,EAAA,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"LayoutStartPanel.js","sources":["../../src/placeholder/LayoutStartPanel.tsx"],"sourcesContent":["import { IconButton } from \"@vuu-ui/vuu-ui-controls\";\nimport { VuuShellLocation } from \"@vuu-ui/vuu-utils\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { HTMLAttributes, useMemo, useState } from \"react\";\nimport {\n  QueryReponse,\n  useViewContext,\n} from \"../layout-view-actions/ViewContext\";\n\nimport layoutStartPanelCss from \"./LayoutStartPanel.css\";\n\nconst classBase = \"vuuLayoutStartPanel\";\n\nexport interface LayoutStartPanelProps extends HTMLAttributes<HTMLDivElement> {\n  label?: string;\n}\n\nexport const LayoutStartPanel = (htmlAttributes: LayoutStartPanelProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-layout-start-panel\",\n    css: layoutStartPanelCss,\n    window: targetWindow,\n  });\n\n  const { dispatch, path } = useViewContext();\n  const [displayState, setDisplayState] = useState<\n    \"initial\" | \"nested\" | undefined\n  >();\n\n  useMemo(() => {\n    dispatch?.({\n      type: \"query\",\n      path,\n      query: \"PARENT_CONTAINER\",\n    }).then((response) => {\n      if (\n        (response as QueryReponse)?.parentContainerId ===\n        VuuShellLocation.Workspace\n      ) {\n        setDisplayState(\"initial\");\n      } else {\n        setDisplayState(\"nested\");\n      }\n    });\n  }, [dispatch, path]);\n\n  if (displayState === undefined) {\n    return null;\n  }\n\n  const showInitialState = displayState === \"initial\";\n\n  return (\n    <div {...htmlAttributes} className={classBase}>\n      {showInitialState ? (\n        <>\n          <div className={`${classBase}-title`}>Start by adding a table</div>\n          <div className={`${classBase}-text`}>\n            To add a table, drag any of the Vuu Tables to this area or click the\n            button below\n          </div>\n        </>\n      ) : null}\n      <IconButton\n        className={`${classBase}-addButton`}\n        icon=\"add\"\n        variant=\"cta\"\n      />\n    </div>\n  );\n};\n"],"names":["useWindow","useComponentCssInjection","layoutStartPanelCss","useViewContext","useState","useMemo","VuuShellLocation","jsxs","Fragment","jsx","IconButton"],"mappings":";;;;;;;;;;;AAYA,MAAM,SAAY,GAAA,qBAAA,CAAA;AAML,MAAA,gBAAA,GAAmB,CAAC,cAA0C,KAAA;AACzE,EAAA,MAAM,eAAeA,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,wBAAA;AAAA,IACR,GAAK,EAAAC,kBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,EAAE,QAAA,EAAU,IAAK,EAAA,GAAIC,0BAAe,EAAA,CAAA;AAC1C,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAIC,cAEtC,EAAA,CAAA;AAEF,EAAAC,aAAA,CAAQ,MAAM;AACZ,IAAW,QAAA,GAAA;AAAA,MACT,IAAM,EAAA,OAAA;AAAA,MACN,IAAA;AAAA,MACA,KAAO,EAAA,kBAAA;AAAA,KACR,CAAA,CAAE,IAAK,CAAA,CAAC,QAAa,KAAA;AACpB,MACG,IAAA,QAAA,EAA2B,iBAC5B,KAAAC,yBAAA,CAAiB,SACjB,EAAA;AACA,QAAA,eAAA,CAAgB,SAAS,CAAA,CAAA;AAAA,OACpB,MAAA;AACL,QAAA,eAAA,CAAgB,QAAQ,CAAA,CAAA;AAAA,OAC1B;AAAA,KACD,CAAA,CAAA;AAAA,GACA,EAAA,CAAC,QAAU,EAAA,IAAI,CAAC,CAAA,CAAA;AAEnB,EAAA,IAAI,iBAAiB,KAAW,CAAA,EAAA;AAC9B,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,MAAM,mBAAmB,YAAiB,KAAA,SAAA,CAAA;AAE1C,EAAA,uBACGC,eAAA,CAAA,KAAA,EAAA,EAAK,GAAG,cAAA,EAAgB,WAAW,SACjC,EAAA,QAAA,EAAA;AAAA,IAAA,gBAAA,mBAEGA,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,UAAU,QAAuB,EAAA,yBAAA,EAAA,CAAA;AAAA,qCAC5D,KAAI,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,SAAS,QAGrC,EAAA,mFAAA,EAAA,CAAA;AAAA,KAAA,EACF,CACE,GAAA,IAAA;AAAA,oBACJA,cAAA;AAAA,MAACC,wBAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,GAAG,SAAS,CAAA,UAAA,CAAA;AAAA,QACvB,IAAK,EAAA,KAAA;AAAA,QACL,OAAQ,EAAA,KAAA;AAAA,OAAA;AAAA,KACV;AAAA,GACF,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/cjs/stack/Stack.js

@@ -113,12 +113,12 @@ const Stack = React.forwardRef(function Stack2({
         showTabs ? /* @__PURE__ */ jsxRuntime.jsx(
           vuuUiControls.Tabstrip,
           {
+            "aria-label": "data tabs",
             ...TabstripProps2,
             activeTabIndex: TabstripProps2?.activeTabIndex ?? (child === null ? -1 : active),
             allowDragDrop: TabstripProps2.allowDragDrop !== false,
             animateSelectionThumb: true,
             className: cx("vuuTabHeader", tabstripClassName),
-            "aria-label": "data tabs",
             keyBoardActivation,
             onActiveChange: onTabSelectionChanged,
             onAddTab,

package/cjs/stack/Stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.js","sources":["../../src/stack/Stack.tsx"],"sourcesContent":["import { Tab, Tabstrip, TabstripProps } from \"@vuu-ui/vuu-ui-controls\";\nimport { useId } from \"@vuu-ui/vuu-utils\";\nimport cx from \"clsx\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport React, {\n  ForwardedRef,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useRef,\n} from \"react\";\nimport { getDefaultTabLabel } from \"../layout-reducer\";\nimport { StackProps } from \"./stackTypes\";\n\nimport stackCss from \"./Stack.css\";\n\nconst classBase = \"vuuTabs\";\n\nconst getDefaultTabIcon = () => undefined;\n\nconst getChildElements = <T extends ReactElement = ReactElement>(\n  children: ReactNode\n): T[] => {\n  const elements: T[] = [];\n  React.Children.forEach(children, (child) => {\n    if (React.isValidElement(child)) {\n      elements.push(child as T);\n    } else {\n      console.warn(`Stack has unexpected child element type`);\n    }\n  });\n  return elements;\n};\n\nconst DefaultTabstripProps: Partial<TabstripProps> = {\n  allowAddTab: false,\n  allowCloseTab: false,\n  allowRenameTab: false,\n};\n\nexport const Stack = forwardRef(function Stack(\n  {\n    TabstripProps = DefaultTabstripProps,\n    active = 0,\n    children,\n    className: classNameProp,\n    getTabIcon = getDefaultTabIcon,\n    getTabLabel = getDefaultTabLabel,\n    id: idProp,\n    keyBoardActivation = \"manual\",\n    // onMouseDown,\n    onAddTab,\n    onMoveTab,\n    onTabClose,\n    onTabEdit,\n    onTabSelectionChanged,\n    showTabs = \"top\",\n    style,\n  }: StackProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-stack\",\n    css: stackCss,\n    window: targetWindow,\n  });\n\n  const id = useId(idProp);\n  const tabLabels = useRef<string[]>([]);\n  const {\n    allowCloseTab,\n    allowRenameTab,\n    className: tabstripClassName,\n  } = TabstripProps;\n\n  const handleExitEditMode = useCallback(\n    (\n      _oldText: string,\n      newText: string,\n      _allowDeactivation: boolean,\n      tabIndex: number\n    ) => {\n      onTabEdit?.(tabIndex, newText);\n    },\n    [onTabEdit]\n  );\n\n  const activeChild = () => {\n    //TODO need to inject an id if child does not have one, so we can\n    // establish the aria-controls relationship. In a Vuu layout, there\n    // will always be an id.\n    if (React.isValidElement(children)) {\n      return children;\n    }\n    if (Array.isArray(children)) {\n      return children[active] ?? null;\n    }\n    return null;\n  };\n\n  const renderTabs = () =>\n    getChildElements(children).map((child, idx) => {\n      const {\n        closeable = allowCloseTab,\n        id: childId = `${id}-${idx}`,\n        \"data-tab-location\": tabLocation,\n      } = child.props;\n      const label = getTabLabel(child, idx, tabLabels.current);\n      tabLabels.current.push(label);\n      return (\n        <Tab\n          ariaControls={childId}\n          data-icon={getTabIcon(child, idx)}\n          key={childId}\n          id={`${childId}-tab`}\n          index={idx}\n          label={label}\n          location={tabLocation}\n          closeable={closeable}\n          editable={allowRenameTab}\n        />\n      );\n    });\n\n  const child = activeChild();\n  const isHorizontal = showTabs === \"left\" || showTabs === \"right\";\n  const tabstripOrientation = isHorizontal ? \"vertical\" : \"horizontal\";\n\n  return (\n    <div\n      className={cx(classBase, classNameProp, {\n        [`${classBase}-horizontal`]: isHorizontal,\n      })}\n      style={style}\n      id={id}\n      ref={ref}\n    >\n      {showTabs ? (\n        <Tabstrip\n          {...TabstripProps}\n          activeTabIndex={\n            TabstripProps?.activeTabIndex ?? (child === null ? -1 : active)\n          }\n          allowDragDrop={TabstripProps.allowDragDrop !== false}\n          animateSelectionThumb\n          className={cx(\"vuuTabHeader\", tabstripClassName)}\n          aria-label=\"data tabs\"\n          keyBoardActivation={keyBoardActivation}\n          onActiveChange={onTabSelectionChanged}\n          onAddTab={onAddTab}\n          onCloseTab={onTabClose}\n          onExitEditMode={handleExitEditMode}\n          onMoveTab={onMoveTab}\n          orientation={tabstripOrientation}\n        >\n          {renderTabs()}\n        </Tabstrip>\n      ) : null}\n      <div\n        aria-labelledby={`${id}-${active}`}\n        className={`${classBase}-tabPanel`}\n        role=\"tabpanel\"\n      >\n        {child}\n      </div>\n    </div>\n  );\n});\nStack.displayName = \"Stack\";\n"],"names":["forwardRef","Stack","TabstripProps","getDefaultTabLabel","useWindow","useComponentCssInjection","stackCss","useId","useRef","useCallback","child","jsx","Tab","jsxs","Tabstrip"],"mappings":"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"}
+{"version":3,"file":"Stack.js","sources":["../../src/stack/Stack.tsx"],"sourcesContent":["import { Tab, Tabstrip, TabstripProps } from \"@vuu-ui/vuu-ui-controls\";\nimport { useId } from \"@vuu-ui/vuu-utils\";\nimport cx from \"clsx\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport React, {\n  ForwardedRef,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useRef,\n} from \"react\";\nimport { getDefaultTabLabel } from \"../layout-reducer\";\nimport { StackProps } from \"./stackTypes\";\n\nimport stackCss from \"./Stack.css\";\n\nconst classBase = \"vuuTabs\";\n\nconst getDefaultTabIcon = () => undefined;\n\nconst getChildElements = <T extends ReactElement = ReactElement>(\n  children: ReactNode\n): T[] => {\n  const elements: T[] = [];\n  React.Children.forEach(children, (child) => {\n    if (React.isValidElement(child)) {\n      elements.push(child as T);\n    } else {\n      console.warn(`Stack has unexpected child element type`);\n    }\n  });\n  return elements;\n};\n\nconst DefaultTabstripProps: Partial<TabstripProps> = {\n  allowAddTab: false,\n  allowCloseTab: false,\n  allowRenameTab: false,\n};\n\nexport const Stack = forwardRef(function Stack(\n  {\n    TabstripProps = DefaultTabstripProps,\n    active = 0,\n    children,\n    className: classNameProp,\n    getTabIcon = getDefaultTabIcon,\n    getTabLabel = getDefaultTabLabel,\n    id: idProp,\n    keyBoardActivation = \"manual\",\n    // onMouseDown,\n    onAddTab,\n    onMoveTab,\n    onTabClose,\n    onTabEdit,\n    onTabSelectionChanged,\n    showTabs = \"top\",\n    style,\n  }: StackProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-stack\",\n    css: stackCss,\n    window: targetWindow,\n  });\n\n  const id = useId(idProp);\n  const tabLabels = useRef<string[]>([]);\n  const {\n    allowCloseTab,\n    allowRenameTab,\n    className: tabstripClassName,\n  } = TabstripProps;\n\n  const handleExitEditMode = useCallback(\n    (\n      _oldText: string,\n      newText: string,\n      _allowDeactivation: boolean,\n      tabIndex: number\n    ) => {\n      onTabEdit?.(tabIndex, newText);\n    },\n    [onTabEdit]\n  );\n\n  const activeChild = () => {\n    //TODO need to inject an id if child does not have one, so we can\n    // establish the aria-controls relationship. In a Vuu layout, there\n    // will always be an id.\n    if (React.isValidElement(children)) {\n      return children;\n    }\n    if (Array.isArray(children)) {\n      return children[active] ?? null;\n    }\n    return null;\n  };\n\n  const renderTabs = () =>\n    getChildElements(children).map((child, idx) => {\n      const {\n        closeable = allowCloseTab,\n        id: childId = `${id}-${idx}`,\n        \"data-tab-location\": tabLocation,\n      } = child.props;\n      const label = getTabLabel(child, idx, tabLabels.current);\n      tabLabels.current.push(label);\n      return (\n        <Tab\n          ariaControls={childId}\n          data-icon={getTabIcon(child, idx)}\n          key={childId}\n          id={`${childId}-tab`}\n          index={idx}\n          label={label}\n          location={tabLocation}\n          closeable={closeable}\n          editable={allowRenameTab}\n        />\n      );\n    });\n\n  const child = activeChild();\n  const isHorizontal = showTabs === \"left\" || showTabs === \"right\";\n  const tabstripOrientation = isHorizontal ? \"vertical\" : \"horizontal\";\n\n  return (\n    <div\n      className={cx(classBase, classNameProp, {\n        [`${classBase}-horizontal`]: isHorizontal,\n      })}\n      style={style}\n      id={id}\n      ref={ref}\n    >\n      {showTabs ? (\n        <Tabstrip\n          aria-label=\"data tabs\"\n          {...TabstripProps}\n          activeTabIndex={\n            TabstripProps?.activeTabIndex ?? (child === null ? -1 : active)\n          }\n          allowDragDrop={TabstripProps.allowDragDrop !== false}\n          animateSelectionThumb\n          className={cx(\"vuuTabHeader\", tabstripClassName)}\n          keyBoardActivation={keyBoardActivation}\n          onActiveChange={onTabSelectionChanged}\n          onAddTab={onAddTab}\n          onCloseTab={onTabClose}\n          onExitEditMode={handleExitEditMode}\n          onMoveTab={onMoveTab}\n          orientation={tabstripOrientation}\n        >\n          {renderTabs()}\n        </Tabstrip>\n      ) : null}\n      <div\n        aria-labelledby={`${id}-${active}`}\n        className={`${classBase}-tabPanel`}\n        role=\"tabpanel\"\n      >\n        {child}\n      </div>\n    </div>\n  );\n});\nStack.displayName = \"Stack\";\n"],"names":["forwardRef","Stack","TabstripProps","getDefaultTabLabel","useWindow","useComponentCssInjection","stackCss","useId","useRef","useCallback","child","jsx","Tab","jsxs","Tabstrip"],"mappings":"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"}

package/cjs/stack/StackLayout.js

@@ -6,12 +6,12 @@ var React = require('react');
 var LayoutProvider = require('../layout-provider/LayoutProvider.js');
 require('../layout-provider/LayoutProviderContext.js');
 var layoutUtils = require('../layout-reducer/layoutUtils.js');
+var useViewBroadcastChannel = require('../layout-view/useViewBroadcastChannel.js');
+require('../layout-view/View.js');
 var useViewActionDispatcher = require('../layout-view-actions/useViewActionDispatcher.js');
 require('../layout-view-actions/ViewContext.js');
 var usePersistentState = require('../use-persistent-state.js');
 var Stack = require('./Stack.js');
-var useViewBroadcastChannel = require('../layout-view/useViewBroadcastChannel.js');
-require('../layout-view/View.js');
 
 const StackLayout = (props) => {
   const rootRef = React.useRef(null);

package/cjs/stack/StackLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackLayout.js","sources":["../../src/stack/StackLayout.tsx"],"sourcesContent":["import { registerComponent, useId } from \"@vuu-ui/vuu-utils\";\nimport React, { useCallback, useRef } from \"react\";\nimport {\n  useLayoutCreateNewChild,\n  useLayoutProviderDispatch,\n} from \"../layout-provider\";\nimport { getDefaultTabLabel } from \"../layout-reducer\";\nimport { useViewActionDispatcher } from \"../layout-view-actions\";\nimport { usePersistentState } from \"../use-persistent-state\";\nimport { Stack } from \"./Stack\";\nimport { StackProps, TabLabelFactory } from \"./stackTypes\";\nimport { useViewBroadcastChannel } from \"../layout-view\";\n\nexport const StackLayout = (props: StackProps) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const dispatch = useLayoutProviderDispatch();\n  const { loadState } = usePersistentState();\n\n  const {\n    createNewChild: createNewChildProp,\n    id: idProp,\n    onTabSelectionChanged,\n    path,\n    ...restProps\n  } = props;\n\n  const { children } = props;\n\n  const id = useId(idProp);\n\n  const sendMessage = useViewBroadcastChannel();\n\n  const [dispatchViewAction] = useViewActionDispatcher(id, rootRef, path);\n  const createNewChildFromContext = useLayoutCreateNewChild();\n  const createNewChild = createNewChildProp ?? createNewChildFromContext;\n\n  const handleTabSelection = (nextIdx: number) => {\n    if (path) {\n      dispatch({ type: \"switch-tab\", id, path, nextIdx });\n      onTabSelectionChanged?.(nextIdx);\n    }\n  };\n\n  const handleTabClose = useCallback(\n    (tabIndex: number) => {\n      if (Array.isArray(children)) {\n        const {\n          props: { \"data-path\": dataPath, path = dataPath },\n        } = children[tabIndex];\n        sendMessage({ type: \"layout-closed\", path });\n        setTimeout(() => {\n          dispatch({ type: \"remove\", path });\n        }, 100);\n      }\n    },\n    [children, dispatch, sendMessage]\n  );\n\n  const handleTabAdd = useCallback(() => {\n    if (path) {\n      const tabIndex = React.Children.count(children);\n      dispatch({\n        type: \"add\",\n        path,\n        component: createNewChild(tabIndex),\n      });\n    }\n  }, [children, createNewChild, dispatch, path]);\n\n  const handleMoveTab = useCallback(\n    (fromIndex: number, toIndex: number) => {\n      if (path) {\n        dispatch({\n          fromIndex,\n          toIndex,\n          path,\n          type: \"move-child\",\n        });\n      }\n    },\n    [dispatch, path]\n  );\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const handleMouseDown = async (e: any, index: number) => {\n    let readyToDrag: undefined | ((value: unknown) => void);\n\n    const preDragActivity = async () =>\n      new Promise((resolve) => {\n        console.log(\"preDragActivity: Ok, gonna release the drag\");\n        readyToDrag = resolve;\n      });\n\n    const dragging = await dispatchViewAction(\n      { type: \"mousedown\", index, preDragActivity },\n      e\n    );\n\n    if (dragging) {\n      readyToDrag?.(undefined);\n    }\n  };\n\n  const handleTabEdit = (tabIndex: number, text: string) => {\n    dispatch({ type: \"set-title\", path: `${path}.${tabIndex}`, title: text });\n  };\n\n  const getTabLabel: TabLabelFactory = (component, idx, existingLabels) => {\n    const { id, title } = component.props;\n    return (\n      loadState(id, \"view-title\") ||\n      title ||\n      // This will normally never be called as title is always assigned in layout model\n      getDefaultTabLabel(component, idx, existingLabels)\n    );\n  };\n\n  return (\n    <Stack\n      {...restProps}\n      id={id}\n      getTabLabel={getTabLabel}\n      onMouseDown={handleMouseDown}\n      onMoveTab={handleMoveTab}\n      onAddTab={handleTabAdd}\n      onTabClose={handleTabClose}\n      onTabEdit={handleTabEdit}\n      onTabSelectionChanged={handleTabSelection}\n      ref={rootRef}\n    />\n  );\n};\nStackLayout.displayName = \"Stack\";\n\nregisterComponent(\"Stack\", StackLayout, \"container\");\n"],"names":["useRef","useLayoutProviderDispatch","usePersistentState","useId","useViewBroadcastChannel","useViewActionDispatcher","useLayoutCreateNewChild","useCallback","path","id","getDefaultTabLabel","jsx","Stack","registerComponent"],"mappings":"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"}
+{"version":3,"file":"StackLayout.js","sources":["../../src/stack/StackLayout.tsx"],"sourcesContent":["import { registerComponent, useId } from \"@vuu-ui/vuu-utils\";\nimport React, { useCallback, useRef } from \"react\";\nimport {\n  useLayoutCreateNewChild,\n  useLayoutProviderDispatch,\n} from \"../layout-provider\";\nimport { getDefaultTabLabel } from \"../layout-reducer\";\nimport { useViewBroadcastChannel } from \"../layout-view\";\nimport { useViewActionDispatcher } from \"../layout-view-actions\";\nimport { usePersistentState } from \"../use-persistent-state\";\nimport { Stack } from \"./Stack\";\nimport { StackProps, TabLabelFactory } from \"./stackTypes\";\n\nexport const StackLayout = (props: StackProps) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const dispatch = useLayoutProviderDispatch();\n  const { loadState } = usePersistentState();\n\n  const {\n    createNewChild: createNewChildProp,\n    id: idProp,\n    onTabSelectionChanged,\n    path,\n    ...restProps\n  } = props;\n\n  const { children } = props;\n\n  const id = useId(idProp);\n\n  const sendMessage = useViewBroadcastChannel();\n\n  const [dispatchViewAction] = useViewActionDispatcher(id, rootRef, path);\n  const createNewChildFromContext = useLayoutCreateNewChild();\n  const createNewChild = createNewChildProp ?? createNewChildFromContext;\n\n  const handleTabSelection = (nextIdx: number) => {\n    if (path) {\n      dispatch({ type: \"switch-tab\", id, path, nextIdx });\n      onTabSelectionChanged?.(nextIdx);\n    }\n  };\n\n  const handleTabClose = useCallback(\n    (tabIndex: number) => {\n      if (Array.isArray(children)) {\n        const {\n          props: { \"data-path\": dataPath, path = dataPath },\n        } = children[tabIndex];\n        sendMessage({ type: \"layout-closed\", path });\n        setTimeout(() => {\n          dispatch({ type: \"remove\", path });\n        }, 100);\n      }\n    },\n    [children, dispatch, sendMessage]\n  );\n\n  const handleTabAdd = useCallback(() => {\n    if (path) {\n      const tabIndex = React.Children.count(children);\n      dispatch({\n        type: \"add\",\n        path,\n        component: createNewChild(tabIndex),\n      });\n    }\n  }, [children, createNewChild, dispatch, path]);\n\n  const handleMoveTab = useCallback(\n    (fromIndex: number, toIndex: number) => {\n      if (path) {\n        dispatch({\n          fromIndex,\n          toIndex,\n          path,\n          type: \"move-child\",\n        });\n      }\n    },\n    [dispatch, path]\n  );\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const handleMouseDown = async (e: any, index: number) => {\n    let readyToDrag: undefined | ((value: unknown) => void);\n\n    const preDragActivity = async () =>\n      new Promise((resolve) => {\n        console.log(\"preDragActivity: Ok, gonna release the drag\");\n        readyToDrag = resolve;\n      });\n\n    const dragging = await dispatchViewAction(\n      { type: \"mousedown\", index, preDragActivity },\n      e\n    );\n\n    if (dragging) {\n      readyToDrag?.(undefined);\n    }\n  };\n\n  const handleTabEdit = (tabIndex: number, text: string) => {\n    dispatch({ type: \"set-title\", path: `${path}.${tabIndex}`, title: text });\n  };\n\n  const getTabLabel: TabLabelFactory = (component, idx, existingLabels) => {\n    const { id, title } = component.props;\n    return (\n      loadState(id, \"view-title\") ||\n      title ||\n      // This will normally never be called as title is always assigned in layout model\n      getDefaultTabLabel(component, idx, existingLabels)\n    );\n  };\n\n  return (\n    <Stack\n      {...restProps}\n      id={id}\n      getTabLabel={getTabLabel}\n      onMouseDown={handleMouseDown}\n      onMoveTab={handleMoveTab}\n      onAddTab={handleTabAdd}\n      onTabClose={handleTabClose}\n      onTabEdit={handleTabEdit}\n      onTabSelectionChanged={handleTabSelection}\n      ref={rootRef}\n    />\n  );\n};\nStackLayout.displayName = \"Stack\";\n\nregisterComponent(\"Stack\", StackLayout, \"container\");\n"],"names":["useRef","useLayoutProviderDispatch","usePersistentState","useId","useViewBroadcastChannel","useViewActionDispatcher","useLayoutCreateNewChild","useCallback","path","id","getDefaultTabLabel","jsx","Stack","registerComponent"],"mappings":"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"}

package/esm/layout-provider/LayoutProvider.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
-import { logger, VuuShellLocation } from '@vuu-ui/vuu-utils';
-import { useRef, useState, useCallback, useEffect, useContext } from 'react';
+import { logger, VuuShellLocation, usePlaceholderJSON } from '@vuu-ui/vuu-utils';
+import { useRef, useState, useCallback, useEffect, useContext, useMemo } from 'react';
 import { findTarget } from '../utils/pathUtils.js';
 import { getProps, getChildProp, getProp } from '../utils/propUtils.js';
 import { typeOf } from '../utils/typeOf.js';
@@ -9,18 +9,11 @@ import { LayoutActionType } from '../layout-reducer/layoutTypes.js';
 import { layoutToJSON, layoutQuery, layoutFromJson, cloneElementAddLayoutProps } from '../layout-reducer/layoutUtils.js';
 import { LayoutProviderContext } from './LayoutProviderContext.js';
 import { useLayoutDragDrop } from './useLayoutDragDrop.js';
-import { Placeholder } from '../placeholder/Placeholder.js';
 
 const { info } = logger("LayoutProvider");
 const isWorkspaceContainer = (props) => props.id === VuuShellLocation.WorkspaceContainer;
-const defaultCreateNewChild = () => /* @__PURE__ */ jsx(
-  Placeholder,
-  {
-    resizeable: true,
-    style: { flexGrow: 1, flexShrink: 0, flexBasis: 0 }
-  }
-);
 const shouldSave = (action) => [
+  "add",
   "drag-drop",
   "remove",
   "set-title",
@@ -39,6 +32,8 @@ const getLayoutChangeReason = (action) => {
       return "save-feature-props";
     case "drag-drop":
       return "drag-drop-operation";
+    case "add":
+      return "add-component";
     case "remove":
       return "remove-component";
     case "splitter-resize":
@@ -171,7 +166,46 @@ const useLayoutProviderDispatch = () => {
   return dispatchLayoutProvider;
 };
 const useLayoutCreateNewChild = () => {
+  const layoutPlaceholderJSON = usePlaceholderJSON();
   const { createNewChild } = useContext(LayoutProviderContext);
+  const defaultCreateNewChild = useMemo(
+    () => function createNewChild2() {
+      if (layoutPlaceholderJSON) {
+        const { props } = layoutPlaceholderJSON;
+        return layoutFromJson(
+          {
+            ...layoutPlaceholderJSON,
+            props: {
+              ...props,
+              resizeable: true,
+              style: {
+                ...props?.style,
+                flexGrow: 1,
+                flexShrink: 0,
+                flexBasis: 0
+              }
+            }
+          },
+          "0"
+        );
+      }
+      return layoutFromJson(
+        {
+          type: "Placeholder",
+          props: {
+            resizeable: true,
+            style: {
+              flexGrow: 1,
+              flexShrink: 0,
+              flexBasis: 0
+            }
+          }
+        },
+        "0"
+      );
+    },
+    [layoutPlaceholderJSON]
+  );
   return createNewChild ?? defaultCreateNewChild;
 };
 const useLayoutProviderVersion = () => {

package/esm/layout-provider/LayoutProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutProvider.js","sources":["../../src/layout-provider/LayoutProvider.tsx"],"sourcesContent":["import { VuuShellLocation, logger, type LayoutJSON } from \"@vuu-ui/vuu-utils\";\nimport {\n  MutableRefObject,\n  ReactElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  LayoutActionType,\n  layoutFromJson,\n  layoutQuery,\n  layoutReducer,\n  layoutToJSON,\n  cloneElementAddLayoutProps,\n  type LayoutChangeHandler,\n  type LayoutChangeReason,\n  type LayoutReducerAction,\n  LayoutProps,\n} from \"../layout-reducer\";\nimport type { SaveAction } from \"../layout-view\";\nimport { findTarget, getChildProp, getProp, getProps, typeOf } from \"../utils\";\nimport {\n  LayoutProviderContext,\n  LayoutProviderDispatch,\n} from \"./LayoutProviderContext\";\nimport { useLayoutDragDrop } from \"./useLayoutDragDrop\";\nimport { Placeholder } from \"../placeholder\";\n\nconst { info } = logger(\"LayoutProvider\");\n\nconst isWorkspaceContainer = (props: LayoutProps) =>\n  props.id === VuuShellLocation.WorkspaceContainer;\n\nconst defaultCreateNewChild = () => (\n  <Placeholder\n    resizeable\n    style={{ flexGrow: 1, flexShrink: 0, flexBasis: 0 }}\n  />\n);\n\nconst shouldSave = (action: LayoutReducerAction) =>\n  [\n    \"drag-drop\",\n    \"remove\",\n    \"set-title\",\n    \"splitter-resize\",\n    \"switch-tab\",\n  ].includes(action.type);\n\nconst getLayoutChangeReason = (\n  action: LayoutReducerAction | SaveAction\n): LayoutChangeReason => {\n  switch (action.type) {\n    case \"switch-tab\":\n      if (action.id === VuuShellLocation.Workspace) {\n        return \"switch-active-layout\";\n      } else {\n        return \"switch-active-tab\";\n      }\n    case \"save\":\n      return \"save-feature-props\";\n    case \"drag-drop\":\n      return \"drag-drop-operation\";\n    case \"remove\":\n      return \"remove-component\";\n    case \"splitter-resize\":\n      return \"resize-component\";\n    case \"set-title\":\n      return \"edit-feature-title\";\n    default:\n      throw Error(\"unknown layout action\");\n  }\n};\n\nexport interface LayoutProviderProps {\n  children: ReactElement;\n  createNewChild?: (index?: number) => ReactElement;\n  workspaceJSON?: LayoutJSON;\n  onLayoutChange?: LayoutChangeHandler;\n}\n\nexport const LayoutProviderVersion = () => {\n  const version = useLayoutProviderVersion();\n  return <div>{`Context: ${version} `}</div>;\n};\n\nconst pathToDropTarget = `#${VuuShellLocation.Workspace}.ACTIVE_CHILD`;\n\nexport const LayoutProvider = (props: LayoutProviderProps): ReactElement => {\n  const { children, createNewChild, workspaceJSON, onLayoutChange } = props;\n  const state = useRef<ReactElement | undefined>(undefined);\n  const childrenRef = useRef<ReactElement>(children);\n\n  const [, forceRefresh] = useState<unknown>(null);\n\n  const serializeState = useCallback(\n    (source, layoutChangeReason: LayoutChangeReason) => {\n      if (onLayoutChange) {\n        const workspaceContainer =\n          findTarget(source, isWorkspaceContainer) || state.current;\n        const isLayoutContainer =\n          typeOf(workspaceContainer) === \"LayoutContainer\";\n        const target = isLayoutContainer\n          ? getProps(workspaceContainer).children[0]\n          : workspaceContainer;\n        const serializedModel = layoutToJSON(target);\n        onLayoutChange(serializedModel, layoutChangeReason);\n      }\n    },\n    [onLayoutChange]\n  );\n\n  const dispatchLayoutAction = useCallback(\n    (action: LayoutReducerAction, suppressSave = false) => {\n      const nextState = layoutReducer(state.current as ReactElement, action);\n      if (nextState !== state.current) {\n        state.current = nextState;\n        forceRefresh({});\n        if (!suppressSave && shouldSave(action)) {\n          serializeState(nextState, getLayoutChangeReason(action));\n        }\n      }\n    },\n    [forceRefresh, serializeState]\n  );\n\n  const layoutActionDispatcher = useCallback<LayoutProviderDispatch>(\n    (action) => {\n      switch (action.type) {\n        case \"drag-start\": {\n          prepareToDragLayout(action);\n          break;\n        }\n        case \"save\": {\n          serializeState(state.current, getLayoutChangeReason(action));\n          break;\n        }\n        case \"query\":\n          if (action.query === \"PARENT_CONTAINER\") {\n            return layoutQuery(action.query, action.path, state.current);\n          }\n          break;\n\n        default: {\n          dispatchLayoutAction(action);\n          break;\n        }\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [dispatchLayoutAction, serializeState]\n  );\n\n  const prepareToDragLayout = useLayoutDragDrop(\n    state as MutableRefObject<ReactElement>,\n    layoutActionDispatcher,\n    pathToDropTarget\n  );\n\n  useEffect(() => {\n    if (workspaceJSON) {\n      info?.(\"workspaceJSON changed. inject new layout into application\");\n      const targetContainer = findTarget(\n        state.current,\n        isWorkspaceContainer\n      ) as ReactElement;\n      if (targetContainer) {\n        const target = getChildProp(targetContainer);\n        const newLayout = layoutFromJson(\n          workspaceJSON,\n          `${targetContainer.props.path}.0`\n        );\n        const action = target\n          ? {\n              type: LayoutActionType.REPLACE,\n              target,\n              replacement: newLayout,\n            }\n          : {\n              type: LayoutActionType.ADD,\n              path: targetContainer.props.path,\n              component: newLayout,\n            };\n        dispatchLayoutAction(action, true);\n      } else if (workspaceJSON.id === getProp(state.current, \"id\")) {\n        const newLayout = layoutFromJson(workspaceJSON, \"0\");\n        const action = {\n          type: LayoutActionType.REPLACE,\n          target: state.current,\n          replacement: newLayout,\n        };\n        dispatchLayoutAction(action, true);\n      }\n    }\n  }, [dispatchLayoutAction, workspaceJSON]);\n\n  if (state.current === undefined) {\n    state.current = cloneElementAddLayoutProps(children);\n  } else if (children !== childrenRef.current) {\n    state.current = cloneElementAddLayoutProps(children, state.current);\n    childrenRef.current = children;\n  }\n\n  return (\n    <LayoutProviderContext.Provider\n      value={{\n        createNewChild,\n        dispatchLayoutProvider: layoutActionDispatcher,\n        version: 0,\n      }}\n    >\n      {state.current}\n    </LayoutProviderContext.Provider>\n  );\n};\n\nexport const useLayoutProviderDispatch = () => {\n  const { dispatchLayoutProvider } = useContext(LayoutProviderContext);\n  return dispatchLayoutProvider;\n};\n\nexport const useLayoutCreateNewChild = () => {\n  const { createNewChild } = useContext(LayoutProviderContext);\n  return createNewChild ?? defaultCreateNewChild;\n};\n\nexport const useLayoutProviderVersion = () => {\n  const { version } = useContext(LayoutProviderContext);\n  return version;\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"LayoutProvider.js","sources":["../../src/layout-provider/LayoutProvider.tsx"],"sourcesContent":["import {\n  VuuShellLocation,\n  logger,\n  usePlaceholderJSON,\n  type LayoutJSON,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type MutableRefObject,\n  type ReactElement,\n} from \"react\";\nimport {\n  LayoutActionType,\n  LayoutProps,\n  cloneElementAddLayoutProps,\n  layoutFromJson,\n  layoutQuery,\n  layoutReducer,\n  layoutToJSON,\n  type LayoutChangeHandler,\n  type LayoutChangeReason,\n  type LayoutReducerAction,\n} from \"../layout-reducer\";\nimport type { SaveAction } from \"../layout-view\";\nimport { findTarget, getChildProp, getProp, getProps, typeOf } from \"../utils\";\nimport {\n  LayoutProviderContext,\n  LayoutProviderDispatch,\n} from \"./LayoutProviderContext\";\nimport { useLayoutDragDrop } from \"./useLayoutDragDrop\";\n\nconst { info } = logger(\"LayoutProvider\");\n\nconst isWorkspaceContainer = (props: LayoutProps) =>\n  props.id === VuuShellLocation.WorkspaceContainer;\n\nconst shouldSave = (action: LayoutReducerAction) =>\n  [\n    \"add\",\n    \"drag-drop\",\n    \"remove\",\n    \"set-title\",\n    \"splitter-resize\",\n    \"switch-tab\",\n  ].includes(action.type);\n\nconst getLayoutChangeReason = (\n  action: LayoutReducerAction | SaveAction\n): LayoutChangeReason => {\n  switch (action.type) {\n    case \"switch-tab\":\n      if (action.id === VuuShellLocation.Workspace) {\n        return \"switch-active-layout\";\n      } else {\n        return \"switch-active-tab\";\n      }\n    case \"save\":\n      return \"save-feature-props\";\n    case \"drag-drop\":\n      return \"drag-drop-operation\";\n    case \"add\":\n      return \"add-component\";\n    case \"remove\":\n      return \"remove-component\";\n    case \"splitter-resize\":\n      return \"resize-component\";\n    case \"set-title\":\n      return \"edit-feature-title\";\n    default:\n      throw Error(\"unknown layout action\");\n  }\n};\n\nexport interface LayoutProviderProps {\n  children: ReactElement;\n  createNewChild?: (index?: number) => ReactElement;\n  workspaceJSON?: LayoutJSON;\n  onLayoutChange?: LayoutChangeHandler;\n}\n\nexport const LayoutProviderVersion = () => {\n  const version = useLayoutProviderVersion();\n  return <div>{`Context: ${version} `}</div>;\n};\n\nconst pathToDropTarget = `#${VuuShellLocation.Workspace}.ACTIVE_CHILD`;\n\nexport const LayoutProvider = (props: LayoutProviderProps): ReactElement => {\n  const { children, createNewChild, workspaceJSON, onLayoutChange } = props;\n  const state = useRef<ReactElement | undefined>(undefined);\n  const childrenRef = useRef<ReactElement>(children);\n\n  const [, forceRefresh] = useState<unknown>(null);\n\n  const serializeState = useCallback(\n    (source, layoutChangeReason: LayoutChangeReason) => {\n      if (onLayoutChange) {\n        const workspaceContainer =\n          findTarget(source, isWorkspaceContainer) || state.current;\n        const isLayoutContainer =\n          typeOf(workspaceContainer) === \"LayoutContainer\";\n        const target = isLayoutContainer\n          ? getProps(workspaceContainer).children[0]\n          : workspaceContainer;\n        const serializedModel = layoutToJSON(target);\n        onLayoutChange(serializedModel, layoutChangeReason);\n      }\n    },\n    [onLayoutChange]\n  );\n\n  const dispatchLayoutAction = useCallback(\n    (action: LayoutReducerAction, suppressSave = false) => {\n      const nextState = layoutReducer(state.current as ReactElement, action);\n      if (nextState !== state.current) {\n        state.current = nextState;\n        forceRefresh({});\n        if (!suppressSave && shouldSave(action)) {\n          serializeState(nextState, getLayoutChangeReason(action));\n        }\n      }\n    },\n    [forceRefresh, serializeState]\n  );\n\n  const layoutActionDispatcher = useCallback<LayoutProviderDispatch>(\n    (action) => {\n      switch (action.type) {\n        case \"drag-start\": {\n          prepareToDragLayout(action);\n          break;\n        }\n        case \"save\": {\n          serializeState(state.current, getLayoutChangeReason(action));\n          break;\n        }\n        case \"query\":\n          if (action.query === \"PARENT_CONTAINER\") {\n            return layoutQuery(action.query, action.path, state.current);\n          }\n          break;\n\n        default: {\n          dispatchLayoutAction(action);\n          break;\n        }\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [dispatchLayoutAction, serializeState]\n  );\n\n  const prepareToDragLayout = useLayoutDragDrop(\n    state as MutableRefObject<ReactElement>,\n    layoutActionDispatcher,\n    pathToDropTarget\n  );\n\n  useEffect(() => {\n    if (workspaceJSON) {\n      info?.(\"workspaceJSON changed. inject new layout into application\");\n      const targetContainer = findTarget(\n        state.current,\n        isWorkspaceContainer\n      ) as ReactElement;\n      if (targetContainer) {\n        const target = getChildProp(targetContainer);\n        const newLayout = layoutFromJson(\n          workspaceJSON,\n          `${targetContainer.props.path}.0`\n        );\n        const action = target\n          ? {\n              type: LayoutActionType.REPLACE,\n              target,\n              replacement: newLayout,\n            }\n          : {\n              type: LayoutActionType.ADD,\n              path: targetContainer.props.path,\n              component: newLayout,\n            };\n        dispatchLayoutAction(action, true);\n      } else if (workspaceJSON.id === getProp(state.current, \"id\")) {\n        const newLayout = layoutFromJson(workspaceJSON, \"0\");\n        const action = {\n          type: LayoutActionType.REPLACE,\n          target: state.current,\n          replacement: newLayout,\n        };\n        dispatchLayoutAction(action, true);\n      }\n    }\n  }, [dispatchLayoutAction, workspaceJSON]);\n\n  if (state.current === undefined) {\n    state.current = cloneElementAddLayoutProps(children);\n  } else if (children !== childrenRef.current) {\n    state.current = cloneElementAddLayoutProps(children, state.current);\n    childrenRef.current = children;\n  }\n\n  return (\n    <LayoutProviderContext.Provider\n      value={{\n        createNewChild,\n        dispatchLayoutProvider: layoutActionDispatcher,\n        version: 0,\n      }}\n    >\n      {state.current}\n    </LayoutProviderContext.Provider>\n  );\n};\n\nexport const useLayoutProviderDispatch = () => {\n  const { dispatchLayoutProvider } = useContext(LayoutProviderContext);\n  return dispatchLayoutProvider;\n};\n\nexport const useLayoutCreateNewChild = () => {\n  const layoutPlaceholderJSON = usePlaceholderJSON();\n  const { createNewChild } = useContext(LayoutProviderContext);\n\n  const defaultCreateNewChild = useMemo(\n    () =>\n      function createNewChild() {\n        if (layoutPlaceholderJSON) {\n          const { props } = layoutPlaceholderJSON;\n          return layoutFromJson(\n            {\n              ...layoutPlaceholderJSON,\n              props: {\n                ...props,\n                resizeable: true,\n                style: {\n                  ...props?.style,\n                  flexGrow: 1,\n                  flexShrink: 0,\n                  flexBasis: 0,\n                },\n              },\n            },\n            \"0\"\n          );\n        }\n        return layoutFromJson(\n          {\n            type: \"Placeholder\",\n            props: {\n              resizeable: true,\n              style: {\n                flexGrow: 1,\n                flexShrink: 0,\n                flexBasis: 0,\n              },\n            },\n          },\n          \"0\"\n        );\n      },\n    [layoutPlaceholderJSON]\n  );\n\n  return createNewChild ?? defaultCreateNewChild;\n};\n\nexport const useLayoutProviderVersion = () => {\n  const { version } = useContext(LayoutProviderContext);\n  return version;\n};\n"],"names":["createNewChild"],"mappings":"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"}

package/esm/layout-reducer/layoutTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"layoutTypes.js","sources":["../../src/layout-reducer/layoutTypes.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { LayoutJSON } from \"@vuu-ui/vuu-utils\";\nimport { ReactElement } from \"react\";\nimport { DragDropRect, DragInstructions } from \"../drag-drop\";\nimport { DropTarget } from \"../drag-drop/DropTarget\";\n\nexport type layoutType = \"Flexbox\" | \"View\" | \"LayoutContainer\" | \"Stack\";\n\n// TODO duplicated in layout-action\nexport const LayoutActionType = {\n  ADD: \"add\",\n  DRAG_START: \"drag-start\",\n  DRAG_DROP: \"drag-drop\",\n  LAYOUT_RESIZE: \"layout-resize\",\n  MAXIMIZE: \"maximize\",\n  MINIMIZE: \"minimize\",\n  MOVE_CHILD: \"move-child\",\n  QUERY: \"query\",\n  REMOVE: \"remove\",\n  REPLACE: \"replace\",\n  RESTORE: \"restore\",\n  SET_PROP: \"set-prop\",\n  SET_PROPS: \"set-props\",\n  SET_TITLE: \"set-title\",\n  SPLITTER_RESIZE: \"splitter-resize\",\n  SWITCH_TAB: \"switch-tab\",\n  TEAROUT: \"tearout\",\n} as const;\n\nexport type AddAction = {\n  component: any;\n  path: string;\n  type: typeof LayoutActionType.ADD;\n};\n\nexport type DragDropAction = {\n  draggedReactElement: ReactElement;\n  dragInstructions: any;\n  dropTarget: Partial<DropTarget>;\n  type: typeof LayoutActionType.DRAG_DROP;\n};\n\nexport type MaximizeAction = {\n  path?: string;\n  type: typeof LayoutActionType.MAXIMIZE;\n};\n\nexport type MinimizeAction = {\n  path?: string;\n  type: typeof LayoutActionType.MINIMIZE;\n};\n\nexport type MoveChildAction = {\n  fromIndex: number;\n  toIndex: number;\n  path: string;\n  type: typeof LayoutActionType.MOVE_CHILD;\n};\n\nexport type QueryAction = {\n  path?: string;\n  query: string;\n  type: typeof LayoutActionType.QUERY;\n};\n\nexport type RemoveAction = {\n  path?: string;\n  type: typeof LayoutActionType.REMOVE;\n};\n\nexport type ReplaceAction = {\n  replacement: any;\n  target: any;\n  type: typeof LayoutActionType.REPLACE;\n};\n\nexport type RestoreAction = {\n  path?: string;\n  type: typeof LayoutActionType.RESTORE;\n};\n\nexport type SetPropAction = {\n  path: string;\n  propName: string;\n  propValue: string | number | boolean;\n  type: typeof LayoutActionType.SET_PROP;\n};\n\nexport type SetPropsAction = {\n  path: string;\n  props: { [key: string]: unknown };\n  type: typeof LayoutActionType.SET_PROPS;\n};\n\nexport type SetTitleAction = {\n  path: string;\n  title: string;\n  type: typeof LayoutActionType.SET_TITLE;\n};\n\nexport type SplitterResizeAction = {\n  path: string;\n  sizes: { currentSize: number; flexBasis: number }[];\n  type: typeof LayoutActionType.SPLITTER_RESIZE;\n};\n\nexport type LayoutResizeAction = {\n  path: string;\n  size: number;\n  type: typeof LayoutActionType.LAYOUT_RESIZE;\n};\n\nexport type SwitchTabAction = {\n  id?: string;\n  nextIdx: number;\n  path: string;\n  type: typeof LayoutActionType.SWITCH_TAB;\n};\n\nexport type TearoutAction = {\n  path?: string;\n  type: typeof LayoutActionType.TEAROUT;\n};\n\nexport type LayoutReducerAction =\n  | AddAction\n  | DragDropAction\n  | LayoutResizeAction\n  | MaximizeAction\n  | MinimizeAction\n  | MoveChildAction\n  | RemoveAction\n  | ReplaceAction\n  | RestoreAction\n  | SetPropAction\n  | SetPropsAction\n  | SetTitleAction\n  | SplitterResizeAction\n  | SwitchTabAction;\n\nexport type MousedownViewAction = {\n  preDragActivity?: any;\n  index?: number;\n  type: \"mousedown\";\n};\n\nexport type DragStartAction = {\n  payload?: ReactElement;\n  dragContainerPath?: string;\n  dragElement?: HTMLElement;\n  dragRect: DragDropRect;\n  dropTargets?: string[];\n  evt: MouseEvent;\n  instructions?: DragInstructions;\n  path: string;\n  type: typeof LayoutActionType.DRAG_START;\n};\n\nexport type LayoutLevelChange =\n  | \"switch-active-tab\"\n  | \"edit-feature-title\"\n  | \"save-feature-props\"\n  | \"resize-component\"\n  | \"remove-component\"\n  | \"drag-drop-operation\";\n\nexport type ApplicationLevelChange =\n  | \"switch-active-layout\"\n  | \"open-layout\"\n  | \"close-layout\"\n  | \"rename-layout\"\n  | \"resize-application-chrome\";\n\nexport type LayoutChangeReason = LayoutLevelChange | ApplicationLevelChange;\n\nexport type LayoutChangeHandler = (\n  layout: LayoutJSON,\n  layoutChangeReason: LayoutChangeReason\n) => void;\n\nexport const isApplicationLevelChange = (\n  layoutChangeReason: LayoutChangeReason\n): layoutChangeReason is ApplicationLevelChange =>\n  [\n    \"switch-active-layout\",\n    \"open-layout\",\n    \"close-layout\",\n    \"rename-layout\",\n  ].includes(layoutChangeReason);\n\nexport const isLayoutLevelChange = (\n  layoutChangeReason: LayoutChangeReason\n): layoutChangeReason is LayoutLevelChange =>\n  [\n    \"switch-active-tab\",\n    \"edit-feature-title\",\n    \"save-feature-props\",\n    \"remove-component\",\n    \"resize-component\",\n    \"drag-drop-operation\",\n  ].includes(layoutChangeReason);\n"],"names":[],"mappings":"AASO,MAAM,gBAAmB,GAAA;AAAA,EAC9B,GAAK,EAAA,KAAA;AAAA,EACL,UAAY,EAAA,YAAA;AAAA,EACZ,SAAW,EAAA,WAAA;AAAA,EACX,aAAe,EAAA,eAAA;AAAA,EACf,QAAU,EAAA,UAAA;AAAA,EACV,QAAU,EAAA,UAAA;AAAA,EACV,UAAY,EAAA,YAAA;AAAA,EACZ,KAAO,EAAA,OAAA;AAAA,EACP,MAAQ,EAAA,QAAA;AAAA,EACR,OAAS,EAAA,SAAA;AAAA,EACT,OAAS,EAAA,SAAA;AAAA,EACT,QAAU,EAAA,UAAA;AAAA,EACV,SAAW,EAAA,WAAA;AAAA,EACX,SAAW,EAAA,WAAA;AAAA,EACX,eAAiB,EAAA,iBAAA;AAAA,EACjB,UAAY,EAAA,YAAA;AAAA,EACZ,OAAS,EAAA,SAAA;AACX,EAAA;AAyJa,MAAA,wBAAA,GAA2B,CACtC,kBAEA,KAAA;AAAA,EACE,sBAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AACF,CAAA,CAAE,SAAS,kBAAkB,EAAA;AAElB,MAAA,mBAAA,GAAsB,CACjC,kBAEA,KAAA;AAAA,EACE,mBAAA;AAAA,EACA,oBAAA;AAAA,EACA,oBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,qBAAA;AACF,CAAA,CAAE,SAAS,kBAAkB;;;;"}
+{"version":3,"file":"layoutTypes.js","sources":["../../src/layout-reducer/layoutTypes.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { LayoutJSON } from \"@vuu-ui/vuu-utils\";\nimport { ReactElement } from \"react\";\nimport { DragDropRect, DragInstructions } from \"../drag-drop\";\nimport { DropTarget } from \"../drag-drop/DropTarget\";\n\nexport type layoutType = \"Flexbox\" | \"View\" | \"LayoutContainer\" | \"Stack\";\n\n// TODO duplicated in layout-action\nexport const LayoutActionType = {\n  ADD: \"add\",\n  DRAG_START: \"drag-start\",\n  DRAG_DROP: \"drag-drop\",\n  LAYOUT_RESIZE: \"layout-resize\",\n  MAXIMIZE: \"maximize\",\n  MINIMIZE: \"minimize\",\n  MOVE_CHILD: \"move-child\",\n  QUERY: \"query\",\n  REMOVE: \"remove\",\n  REPLACE: \"replace\",\n  RESTORE: \"restore\",\n  SET_PROP: \"set-prop\",\n  SET_PROPS: \"set-props\",\n  SET_TITLE: \"set-title\",\n  SPLITTER_RESIZE: \"splitter-resize\",\n  SWITCH_TAB: \"switch-tab\",\n  TEAROUT: \"tearout\",\n} as const;\n\nexport type AddAction = {\n  component: any;\n  path: string;\n  type: typeof LayoutActionType.ADD;\n};\n\nexport type DragDropAction = {\n  draggedReactElement: ReactElement;\n  dragInstructions: any;\n  dropTarget: Partial<DropTarget>;\n  type: typeof LayoutActionType.DRAG_DROP;\n};\n\nexport type MaximizeAction = {\n  path?: string;\n  type: typeof LayoutActionType.MAXIMIZE;\n};\n\nexport type MinimizeAction = {\n  path?: string;\n  type: typeof LayoutActionType.MINIMIZE;\n};\n\nexport type MoveChildAction = {\n  fromIndex: number;\n  toIndex: number;\n  path: string;\n  type: typeof LayoutActionType.MOVE_CHILD;\n};\n\nexport type QueryAction = {\n  path?: string;\n  query: string;\n  type: typeof LayoutActionType.QUERY;\n};\n\nexport type RemoveAction = {\n  path?: string;\n  type: typeof LayoutActionType.REMOVE;\n};\n\nexport type ReplaceAction = {\n  replacement: any;\n  target: any;\n  type: typeof LayoutActionType.REPLACE;\n};\n\nexport type RestoreAction = {\n  path?: string;\n  type: typeof LayoutActionType.RESTORE;\n};\n\nexport type SetPropAction = {\n  path: string;\n  propName: string;\n  propValue: string | number | boolean;\n  type: typeof LayoutActionType.SET_PROP;\n};\n\nexport type SetPropsAction = {\n  path: string;\n  props: { [key: string]: unknown };\n  type: typeof LayoutActionType.SET_PROPS;\n};\n\nexport type SetTitleAction = {\n  path: string;\n  title: string;\n  type: typeof LayoutActionType.SET_TITLE;\n};\n\nexport type SplitterResizeAction = {\n  path: string;\n  sizes: { currentSize: number; flexBasis: number }[];\n  type: typeof LayoutActionType.SPLITTER_RESIZE;\n};\n\nexport type LayoutResizeAction = {\n  path: string;\n  size: number;\n  type: typeof LayoutActionType.LAYOUT_RESIZE;\n};\n\nexport type SwitchTabAction = {\n  id?: string;\n  nextIdx: number;\n  path: string;\n  type: typeof LayoutActionType.SWITCH_TAB;\n};\n\nexport type TearoutAction = {\n  path?: string;\n  type: typeof LayoutActionType.TEAROUT;\n};\n\nexport type LayoutReducerAction =\n  | AddAction\n  | DragDropAction\n  | LayoutResizeAction\n  | MaximizeAction\n  | MinimizeAction\n  | MoveChildAction\n  | RemoveAction\n  | ReplaceAction\n  | RestoreAction\n  | SetPropAction\n  | SetPropsAction\n  | SetTitleAction\n  | SplitterResizeAction\n  | SwitchTabAction;\n\nexport type MousedownViewAction = {\n  preDragActivity?: any;\n  index?: number;\n  type: \"mousedown\";\n};\n\nexport type DragStartAction = {\n  payload?: ReactElement;\n  dragContainerPath?: string;\n  dragElement?: HTMLElement;\n  dragRect: DragDropRect;\n  dropTargets?: string[];\n  evt: MouseEvent;\n  instructions?: DragInstructions;\n  path: string;\n  type: typeof LayoutActionType.DRAG_START;\n};\n\nexport type LayoutLevelChange =\n  | \"add-component\"\n  | \"drag-drop-operation\"\n  | \"edit-feature-title\"\n  | \"remove-component\"\n  | \"resize-component\"\n  | \"switch-active-tab\"\n  | \"save-feature-props\";\n\nexport type ApplicationLevelChange =\n  | \"switch-active-layout\"\n  | \"open-layout\"\n  | \"close-layout\"\n  | \"rename-layout\"\n  | \"resize-application-chrome\";\n\nexport type LayoutChangeReason = LayoutLevelChange | ApplicationLevelChange;\n\nexport type LayoutChangeHandler = (\n  layout: LayoutJSON,\n  layoutChangeReason: LayoutChangeReason\n) => void;\n\nexport const isApplicationLevelChange = (\n  layoutChangeReason: LayoutChangeReason\n): layoutChangeReason is ApplicationLevelChange =>\n  [\n    \"switch-active-layout\",\n    \"open-layout\",\n    \"close-layout\",\n    \"rename-layout\",\n  ].includes(layoutChangeReason);\n\nexport const isLayoutLevelChange = (\n  layoutChangeReason: LayoutChangeReason\n): layoutChangeReason is LayoutLevelChange =>\n  [\n    \"switch-active-tab\",\n    \"edit-feature-title\",\n    \"save-feature-props\",\n    \"remove-component\",\n    \"resize-component\",\n    \"drag-drop-operation\",\n  ].includes(layoutChangeReason);\n"],"names":[],"mappings":"AASO,MAAM,gBAAmB,GAAA;AAAA,EAC9B,GAAK,EAAA,KAAA;AAAA,EACL,UAAY,EAAA,YAAA;AAAA,EACZ,SAAW,EAAA,WAAA;AAAA,EACX,aAAe,EAAA,eAAA;AAAA,EACf,QAAU,EAAA,UAAA;AAAA,EACV,QAAU,EAAA,UAAA;AAAA,EACV,UAAY,EAAA,YAAA;AAAA,EACZ,KAAO,EAAA,OAAA;AAAA,EACP,MAAQ,EAAA,QAAA;AAAA,EACR,OAAS,EAAA,SAAA;AAAA,EACT,OAAS,EAAA,SAAA;AAAA,EACT,QAAU,EAAA,UAAA;AAAA,EACV,SAAW,EAAA,WAAA;AAAA,EACX,SAAW,EAAA,WAAA;AAAA,EACX,eAAiB,EAAA,iBAAA;AAAA,EACjB,UAAY,EAAA,YAAA;AAAA,EACZ,OAAS,EAAA,SAAA;AACX,EAAA;AA0Ja,MAAA,wBAAA,GAA2B,CACtC,kBAEA,KAAA;AAAA,EACE,sBAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AACF,CAAA,CAAE,SAAS,kBAAkB,EAAA;AAElB,MAAA,mBAAA,GAAsB,CACjC,kBAEA,KAAA;AAAA,EACE,mBAAA;AAAA,EACA,oBAAA;AAAA,EACA,oBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,qBAAA;AACF,CAAA,CAAE,SAAS,kBAAkB;;;;"}

package/esm/layout-reducer/remove-layout-element.js

@@ -130,11 +130,15 @@ function unwrap(container, child) {
   return unwrappedChild;
 }
 const isFlexible = (element) => {
-  return element.props.style.flexGrow > 0;
+  return element.props.style?.flexGrow > 0;
 };
 const canBeMadeFlexible = (element) => {
-  const { width, height, flexGrow } = element.props.style;
-  return flexGrow === 0 && typeof width !== "number" && typeof height !== "number";
+  if (element.props.style) {
+    const { width, height, flexGrow } = element.props.style;
+    return flexGrow === 0 && typeof width !== "number" && typeof height !== "number";
+  } else {
+    return false;
+  }
 };
 const makeFlexible = (children) => {
   return children.map(

package/esm/layout-reducer/remove-layout-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"remove-layout-element.js","sources":["../../src/layout-reducer/remove-layout-element.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { VuuShellLocation } from \"@vuu-ui/vuu-utils\";\nimport React, { ReactElement } from \"react\";\nimport {\n  followPath,\n  followPathToParent,\n  getProp,\n  getProps,\n  nextStep,\n  resetPath,\n  typeOf,\n} from \"../utils\";\nimport { createPlaceHolder } from \"./flexUtils\";\nimport { RemoveAction } from \"./layoutTypes\";\nimport { layoutFromJson } from \"./layoutUtils\";\nimport { swapChild } from \"./replace-layout-element\";\n\nexport function removeChild(layoutRoot: ReactElement, { path }: RemoveAction) {\n  const target = followPath(layoutRoot, path!) as ReactElement;\n  let targetParent = followPathToParent(layoutRoot, path!);\n  if (targetParent === null) {\n    return layoutRoot;\n  }\n  const { children } = getProps(targetParent);\n  if (\n    // this is very specific to explicitly sized components\n    children.length > 1 &&\n    typeOf(targetParent) !== \"Stack\" &&\n    allOtherChildrenArePlaceholders(children, path)\n  ) {\n    const {\n      style: { flexBasis, display, flexDirection, ...style },\n    } = getProps(targetParent);\n    let containerPath = getProp(targetParent, \"path\");\n    let newLayout = swapChild(\n      layoutRoot,\n      targetParent,\n      createPlaceHolder(containerPath, flexBasis, style)\n    );\n    while ((targetParent = followPathToParent(newLayout, containerPath))) {\n      if (getProp(targetParent, \"path\") === \"0\") {\n        break;\n      }\n      const { children } = getProps(targetParent);\n      if (allOtherChildrenArePlaceholders(children)) {\n        containerPath = getProp(targetParent, \"path\");\n        const {\n          style: { flexBasis, display, flexDirection, ...style },\n        } = getProps(targetParent);\n        newLayout = swapChild(\n          layoutRoot,\n          targetParent,\n          createPlaceHolder(containerPath, flexBasis, style)\n        );\n      } else if (hasAdjacentPlaceholders(children)) {\n        newLayout = collapsePlaceholders(\n          layoutRoot,\n          targetParent as ReactElement\n        );\n      } else {\n        break;\n      }\n    }\n    return newLayout;\n  }\n  return _removeChild(layoutRoot, target);\n}\n\nfunction _removeChild(\n  container: ReactElement,\n  child: ReactElement\n): ReactElement {\n  const props = getProps(container);\n  const { children: componentChildren, path, preserve } = props;\n  let { active, id: containerId } = props;\n  const { idx, finalStep } = nextStep(path, getProp(child, \"path\"));\n  const type = typeOf(container) as string;\n  let children = componentChildren.slice() as ReactElement[];\n\n  if (finalStep) {\n    children.splice(idx, 1);\n\n    if (active !== undefined && active >= idx) {\n      active = Math.max(0, active - 1);\n    }\n\n    if (children.length === 0 && preserve && type === \"Stack\") {\n      const {\n        path,\n        style: { flexBasis },\n      } = getProps(child);\n      const placeHolder =\n        containerId === VuuShellLocation.Workspace\n          ? layoutFromJson(\n              {\n                props: {\n                  style: { flexGrow: 1, flexShrink: 1, flexBasis },\n                  title: \"Tab 1\",\n                },\n                type: \"Placeholder\",\n              },\n              path\n            )\n          : createPlaceHolder(path, flexBasis);\n      children.push(placeHolder);\n    } else if (\n      children.length === 1 &&\n      !preserve &&\n      path !== \"0\" &&\n      type.match(/Flexbox|Stack/)\n    ) {\n      return unwrap(container, children[0]);\n    }\n\n    if (!children.some(isFlexible) && children.some(canBeMadeFlexible)) {\n      children = makeFlexible(children);\n    }\n  } else {\n    children[idx] = _removeChild(children[idx], child) as ReactElement;\n  }\n\n  children = children.map((child, i) => resetPath(child, `${path}.${i}`));\n  return React.cloneElement(container, { active }, children);\n}\n\nfunction unwrap(container: ReactElement, child: ReactElement) {\n  const type = typeOf(container);\n  const {\n    path,\n    style: { flexBasis, flexGrow, flexShrink, width, height },\n  } = getProps(container);\n\n  let unwrappedChild = resetPath(child, path);\n  if (path === \"0\") {\n    unwrappedChild = React.cloneElement(unwrappedChild, {\n      style: {\n        ...child.props.style,\n        width,\n        height,\n      },\n    });\n  } else if (type === \"Flexbox\") {\n    const dim =\n      container.props.style.flexDirection === \"column\" ? \"height\" : \"width\";\n    const {\n      style: { [dim]: size, ...style },\n    } = unwrappedChild.props;\n    unwrappedChild = React.cloneElement(unwrappedChild, {\n      flexFill: undefined,\n      style: {\n        ...style,\n        flexGrow,\n        flexShrink,\n        flexBasis,\n        width,\n        height,\n      },\n    });\n  }\n  return unwrappedChild;\n}\n\nconst isFlexible = (element: ReactElement) => {\n  return element.props.style.flexGrow > 0;\n};\n\nconst canBeMadeFlexible = (element: ReactElement) => {\n  const { width, height, flexGrow } = element.props.style;\n  return (\n    flexGrow === 0 && typeof width !== \"number\" && typeof height !== \"number\"\n  );\n};\n\nconst makeFlexible = (children: ReactElement[]) => {\n  return children.map((child) =>\n    canBeMadeFlexible(child)\n      ? React.cloneElement(child, {\n          style: {\n            ...child.props.style,\n            flexGrow: 1,\n          },\n        })\n      : child\n  );\n};\n\nconst hasAdjacentPlaceholders = (children: ReactElement[]) => {\n  if (children && children.length > 0) {\n    let wasPlaceholder = getProp(children[0], \"placeholder\");\n    let isPlaceholder = false;\n    for (let i = 1; i < children.length; i++) {\n      isPlaceholder = getProp(children[i], \"placeholder\");\n      if (wasPlaceholder && isPlaceholder) {\n        return true;\n      }\n      wasPlaceholder = isPlaceholder;\n    }\n  }\n};\n\nconst collapsePlaceholders = (\n  container: ReactElement,\n  target: ReactElement\n) => {\n  const { children: componentChildren, path } = getProps(container);\n  const { idx, finalStep } = nextStep(path, getProp(target, \"path\"));\n  let children = componentChildren.slice() as ReactElement[];\n  if (finalStep) {\n    children[idx] = _collapsePlaceHolders(target);\n  } else {\n    children[idx] = collapsePlaceholders(children[idx], target) as ReactElement;\n  }\n\n  children = children.map((child, i) => resetPath(child, `${path}.${i}`));\n  return React.cloneElement(container, undefined, children);\n};\n\nconst _collapsePlaceHolders = (container: ReactElement) => {\n  const { children } = getProps(container);\n  const newChildren = [];\n  const placeholders: ReactElement[] = [];\n\n  for (let i = 0; i < children.length; i++) {\n    if (getProp(children[i], \"placeholder\")) {\n      placeholders.push(children[i]);\n    } else {\n      if (placeholders.length === 1) {\n        newChildren.push(placeholders.pop());\n      } else if (placeholders.length > 0) {\n        newChildren.push(mergePlaceholders(placeholders));\n        placeholders.length = 0;\n      }\n      newChildren.push(children[i]);\n    }\n  }\n\n  if (placeholders.length === 1) {\n    newChildren.push(placeholders.pop());\n  } else if (placeholders.length > 0) {\n    newChildren.push(mergePlaceholders(placeholders));\n  }\n\n  const containerPath = getProp(container, \"path\");\n  return React.cloneElement(\n    container,\n    undefined,\n    newChildren.map((child, i) => resetPath(child, `${containerPath}.${i}`))\n  );\n};\n\nconst mergePlaceholders = ([placeholder, ...placeholders]: ReactElement[]) => {\n  const targetStyle = getProp(placeholder, \"style\");\n  let { flexBasis, flexGrow, flexShrink } = targetStyle;\n  for (const {\n    props: { style },\n  } of placeholders) {\n    flexBasis += style.flexBasis;\n    flexGrow = Math.max(flexGrow, style.flexGrow);\n    flexShrink = Math.max(flexShrink, style.flexShrink);\n  }\n  return React.cloneElement(placeholder, {\n    style: { ...targetStyle, flexBasis, flexGrow, flexShrink },\n  });\n};\n\nconst allOtherChildrenArePlaceholders = (\n  children: ReactElement[],\n  path?: string\n) =>\n  children.every(\n    (child) =>\n      getProp(child, \"placeholder\") || (path && getProp(child, \"path\") === path)\n  );\n"],"names":["children","flexBasis","display","flexDirection","style","path","child"],"mappings":"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"}
+{"version":3,"file":"remove-layout-element.js","sources":["../../src/layout-reducer/remove-layout-element.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { VuuShellLocation } from \"@vuu-ui/vuu-utils\";\nimport React, { ReactElement } from \"react\";\nimport {\n  followPath,\n  followPathToParent,\n  getProp,\n  getProps,\n  nextStep,\n  resetPath,\n  typeOf,\n} from \"../utils\";\nimport { createPlaceHolder } from \"./flexUtils\";\nimport { RemoveAction } from \"./layoutTypes\";\nimport { layoutFromJson } from \"./layoutUtils\";\nimport { swapChild } from \"./replace-layout-element\";\n\nexport function removeChild(layoutRoot: ReactElement, { path }: RemoveAction) {\n  const target = followPath(layoutRoot, path!) as ReactElement;\n  let targetParent = followPathToParent(layoutRoot, path!);\n  if (targetParent === null) {\n    return layoutRoot;\n  }\n  const { children } = getProps(targetParent);\n  if (\n    // this is very specific to explicitly sized components\n    children.length > 1 &&\n    typeOf(targetParent) !== \"Stack\" &&\n    allOtherChildrenArePlaceholders(children, path)\n  ) {\n    const {\n      style: { flexBasis, display, flexDirection, ...style },\n    } = getProps(targetParent);\n    let containerPath = getProp(targetParent, \"path\");\n    let newLayout = swapChild(\n      layoutRoot,\n      targetParent,\n      createPlaceHolder(containerPath, flexBasis, style)\n    );\n    while ((targetParent = followPathToParent(newLayout, containerPath))) {\n      if (getProp(targetParent, \"path\") === \"0\") {\n        break;\n      }\n      const { children } = getProps(targetParent);\n      if (allOtherChildrenArePlaceholders(children)) {\n        containerPath = getProp(targetParent, \"path\");\n        const {\n          style: { flexBasis, display, flexDirection, ...style },\n        } = getProps(targetParent);\n        newLayout = swapChild(\n          layoutRoot,\n          targetParent,\n          createPlaceHolder(containerPath, flexBasis, style)\n        );\n      } else if (hasAdjacentPlaceholders(children)) {\n        newLayout = collapsePlaceholders(\n          layoutRoot,\n          targetParent as ReactElement\n        );\n      } else {\n        break;\n      }\n    }\n    return newLayout;\n  }\n  return _removeChild(layoutRoot, target);\n}\n\nfunction _removeChild(\n  container: ReactElement,\n  child: ReactElement\n): ReactElement {\n  const props = getProps(container);\n  const { children: componentChildren, path, preserve } = props;\n  let { active, id: containerId } = props;\n  const { idx, finalStep } = nextStep(path, getProp(child, \"path\"));\n  const type = typeOf(container) as string;\n  let children = componentChildren.slice() as ReactElement[];\n\n  if (finalStep) {\n    children.splice(idx, 1);\n\n    if (active !== undefined && active >= idx) {\n      active = Math.max(0, active - 1);\n    }\n\n    if (children.length === 0 && preserve && type === \"Stack\") {\n      const {\n        path,\n        style: { flexBasis },\n      } = getProps(child);\n      const placeHolder =\n        containerId === VuuShellLocation.Workspace\n          ? layoutFromJson(\n              {\n                props: {\n                  style: { flexGrow: 1, flexShrink: 1, flexBasis },\n                  title: \"Tab 1\",\n                },\n                type: \"Placeholder\",\n              },\n              path\n            )\n          : createPlaceHolder(path, flexBasis);\n      children.push(placeHolder);\n    } else if (\n      children.length === 1 &&\n      !preserve &&\n      path !== \"0\" &&\n      type.match(/Flexbox|Stack/)\n    ) {\n      return unwrap(container, children[0]);\n    }\n\n    if (!children.some(isFlexible) && children.some(canBeMadeFlexible)) {\n      children = makeFlexible(children);\n    }\n  } else {\n    children[idx] = _removeChild(children[idx], child) as ReactElement;\n  }\n\n  children = children.map((child, i) => resetPath(child, `${path}.${i}`));\n  return React.cloneElement(container, { active }, children);\n}\n\nfunction unwrap(container: ReactElement, child: ReactElement) {\n  const type = typeOf(container);\n  const {\n    path,\n    style: { flexBasis, flexGrow, flexShrink, width, height },\n  } = getProps(container);\n\n  let unwrappedChild = resetPath(child, path);\n  if (path === \"0\") {\n    unwrappedChild = React.cloneElement(unwrappedChild, {\n      style: {\n        ...child.props.style,\n        width,\n        height,\n      },\n    });\n  } else if (type === \"Flexbox\") {\n    const dim =\n      container.props.style.flexDirection === \"column\" ? \"height\" : \"width\";\n    const {\n      style: { [dim]: size, ...style },\n    } = unwrappedChild.props;\n    unwrappedChild = React.cloneElement(unwrappedChild, {\n      flexFill: undefined,\n      style: {\n        ...style,\n        flexGrow,\n        flexShrink,\n        flexBasis,\n        width,\n        height,\n      },\n    });\n  }\n  return unwrappedChild;\n}\n\nconst isFlexible = (element: ReactElement) => {\n  return element.props.style?.flexGrow > 0;\n};\n\nconst canBeMadeFlexible = (element: ReactElement) => {\n  if (element.props.style) {\n    const { width, height, flexGrow } = element.props.style;\n    return (\n      flexGrow === 0 && typeof width !== \"number\" && typeof height !== \"number\"\n    );\n  } else {\n    return false;\n  }\n};\n\nconst makeFlexible = (children: ReactElement[]) => {\n  return children.map((child) =>\n    canBeMadeFlexible(child)\n      ? React.cloneElement(child, {\n          style: {\n            ...child.props.style,\n            flexGrow: 1,\n          },\n        })\n      : child\n  );\n};\n\nconst hasAdjacentPlaceholders = (children: ReactElement[]) => {\n  if (children && children.length > 0) {\n    let wasPlaceholder = getProp(children[0], \"placeholder\");\n    let isPlaceholder = false;\n    for (let i = 1; i < children.length; i++) {\n      isPlaceholder = getProp(children[i], \"placeholder\");\n      if (wasPlaceholder && isPlaceholder) {\n        return true;\n      }\n      wasPlaceholder = isPlaceholder;\n    }\n  }\n};\n\nconst collapsePlaceholders = (\n  container: ReactElement,\n  target: ReactElement\n) => {\n  const { children: componentChildren, path } = getProps(container);\n  const { idx, finalStep } = nextStep(path, getProp(target, \"path\"));\n  let children = componentChildren.slice() as ReactElement[];\n  if (finalStep) {\n    children[idx] = _collapsePlaceHolders(target);\n  } else {\n    children[idx] = collapsePlaceholders(children[idx], target) as ReactElement;\n  }\n\n  children = children.map((child, i) => resetPath(child, `${path}.${i}`));\n  return React.cloneElement(container, undefined, children);\n};\n\nconst _collapsePlaceHolders = (container: ReactElement) => {\n  const { children } = getProps(container);\n  const newChildren = [];\n  const placeholders: ReactElement[] = [];\n\n  for (let i = 0; i < children.length; i++) {\n    if (getProp(children[i], \"placeholder\")) {\n      placeholders.push(children[i]);\n    } else {\n      if (placeholders.length === 1) {\n        newChildren.push(placeholders.pop());\n      } else if (placeholders.length > 0) {\n        newChildren.push(mergePlaceholders(placeholders));\n        placeholders.length = 0;\n      }\n      newChildren.push(children[i]);\n    }\n  }\n\n  if (placeholders.length === 1) {\n    newChildren.push(placeholders.pop());\n  } else if (placeholders.length > 0) {\n    newChildren.push(mergePlaceholders(placeholders));\n  }\n\n  const containerPath = getProp(container, \"path\");\n  return React.cloneElement(\n    container,\n    undefined,\n    newChildren.map((child, i) => resetPath(child, `${containerPath}.${i}`))\n  );\n};\n\nconst mergePlaceholders = ([placeholder, ...placeholders]: ReactElement[]) => {\n  const targetStyle = getProp(placeholder, \"style\");\n  let { flexBasis, flexGrow, flexShrink } = targetStyle;\n  for (const {\n    props: { style },\n  } of placeholders) {\n    flexBasis += style.flexBasis;\n    flexGrow = Math.max(flexGrow, style.flexGrow);\n    flexShrink = Math.max(flexShrink, style.flexShrink);\n  }\n  return React.cloneElement(placeholder, {\n    style: { ...targetStyle, flexBasis, flexGrow, flexShrink },\n  });\n};\n\nconst allOtherChildrenArePlaceholders = (\n  children: ReactElement[],\n  path?: string\n) =>\n  children.every(\n    (child) =>\n      getProp(child, \"placeholder\") || (path && getProp(child, \"path\") === path)\n  );\n"],"names":["children","flexBasis","display","flexDirection","style","path","child"],"mappings":"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"}

package/esm/placeholder/LayoutStartPanel.js

@@ -36,7 +36,7 @@ const LayoutStartPanel = (htmlAttributes) => {
   const showInitialState = displayState === "initial";
   return /* @__PURE__ */ jsxs("div", { ...htmlAttributes, className: classBase, children: [
     showInitialState ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("header", { className: `${classBase}-title`, children: "Start by adding a table" }),
+      /* @__PURE__ */ jsx("div", { className: `${classBase}-title`, children: "Start by adding a table" }),
       /* @__PURE__ */ jsx("div", { className: `${classBase}-text`, children: "To add a table, drag any of the Vuu Tables to this area or click the button below" })
     ] }) : null,
     /* @__PURE__ */ jsx(

package/esm/placeholder/LayoutStartPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutStartPanel.js","sources":["../../src/placeholder/LayoutStartPanel.tsx"],"sourcesContent":["import { IconButton } from \"@vuu-ui/vuu-ui-controls\";\nimport { VuuShellLocation } from \"@vuu-ui/vuu-utils\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { HTMLAttributes, useMemo, useState } from \"react\";\nimport {\n  QueryReponse,\n  useViewContext,\n} from \"../layout-view-actions/ViewContext\";\n\nimport layoutStartPanelCss from \"./LayoutStartPanel.css\";\n\nconst classBase = \"vuuLayoutStartPanel\";\n\nexport interface LayoutStartPanelProps extends HTMLAttributes<HTMLDivElement> {\n  label?: string;\n}\n\nexport const LayoutStartPanel = (htmlAttributes: LayoutStartPanelProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-layout-start-panel\",\n    css: layoutStartPanelCss,\n    window: targetWindow,\n  });\n\n  const { dispatch, path } = useViewContext();\n  const [displayState, setDisplayState] = useState<\n    \"initial\" | \"nested\" | undefined\n  >();\n\n  useMemo(() => {\n    dispatch?.({\n      type: \"query\",\n      path,\n      query: \"PARENT_CONTAINER\",\n    }).then((response) => {\n      if (\n        (response as QueryReponse)?.parentContainerId ===\n        VuuShellLocation.Workspace\n      ) {\n        setDisplayState(\"initial\");\n      } else {\n        setDisplayState(\"nested\");\n      }\n    });\n  }, [dispatch, path]);\n\n  if (displayState === undefined) {\n    return null;\n  }\n\n  const showInitialState = displayState === \"initial\";\n\n  return (\n    <div {...htmlAttributes} className={classBase}>\n      {showInitialState ? (\n        <>\n          <header className={`${classBase}-title`}>\n            Start by adding a table\n          </header>\n          <div className={`${classBase}-text`}>\n            To add a table, drag any of the Vuu Tables to this area or click the\n            button below\n          </div>\n        </>\n      ) : null}\n      <IconButton\n        className={`${classBase}-addButton`}\n        icon=\"add\"\n        variant=\"cta\"\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAYA,MAAM,SAAY,GAAA,qBAAA,CAAA;AAML,MAAA,gBAAA,GAAmB,CAAC,cAA0C,KAAA;AACzE,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,wBAAA;AAAA,IACR,GAAK,EAAA,mBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,EAAE,QAAA,EAAU,IAAK,EAAA,GAAI,cAAe,EAAA,CAAA;AAC1C,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,QAEtC,EAAA,CAAA;AAEF,EAAA,OAAA,CAAQ,MAAM;AACZ,IAAW,QAAA,GAAA;AAAA,MACT,IAAM,EAAA,OAAA;AAAA,MACN,IAAA;AAAA,MACA,KAAO,EAAA,kBAAA;AAAA,KACR,CAAA,CAAE,IAAK,CAAA,CAAC,QAAa,KAAA;AACpB,MACG,IAAA,QAAA,EAA2B,iBAC5B,KAAA,gBAAA,CAAiB,SACjB,EAAA;AACA,QAAA,eAAA,CAAgB,SAAS,CAAA,CAAA;AAAA,OACpB,MAAA;AACL,QAAA,eAAA,CAAgB,QAAQ,CAAA,CAAA;AAAA,OAC1B;AAAA,KACD,CAAA,CAAA;AAAA,GACA,EAAA,CAAC,QAAU,EAAA,IAAI,CAAC,CAAA,CAAA;AAEnB,EAAA,IAAI,iBAAiB,KAAW,CAAA,EAAA;AAC9B,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,MAAM,mBAAmB,YAAiB,KAAA,SAAA,CAAA;AAE1C,EAAA,uBACG,IAAA,CAAA,KAAA,EAAA,EAAK,GAAG,cAAA,EAAgB,WAAW,SACjC,EAAA,QAAA,EAAA;AAAA,IAAA,gBAAA,mBAEG,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,QAAO,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,UAAU,QAEzC,EAAA,yBAAA,EAAA,CAAA;AAAA,0BACC,KAAI,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,SAAS,QAGrC,EAAA,mFAAA,EAAA,CAAA;AAAA,KAAA,EACF,CACE,GAAA,IAAA;AAAA,oBACJ,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,GAAG,SAAS,CAAA,UAAA,CAAA;AAAA,QACvB,IAAK,EAAA,KAAA;AAAA,QACL,OAAQ,EAAA,KAAA;AAAA,OAAA;AAAA,KACV;AAAA,GACF,EAAA,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"LayoutStartPanel.js","sources":["../../src/placeholder/LayoutStartPanel.tsx"],"sourcesContent":["import { IconButton } from \"@vuu-ui/vuu-ui-controls\";\nimport { VuuShellLocation } from \"@vuu-ui/vuu-utils\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { HTMLAttributes, useMemo, useState } from \"react\";\nimport {\n  QueryReponse,\n  useViewContext,\n} from \"../layout-view-actions/ViewContext\";\n\nimport layoutStartPanelCss from \"./LayoutStartPanel.css\";\n\nconst classBase = \"vuuLayoutStartPanel\";\n\nexport interface LayoutStartPanelProps extends HTMLAttributes<HTMLDivElement> {\n  label?: string;\n}\n\nexport const LayoutStartPanel = (htmlAttributes: LayoutStartPanelProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-layout-start-panel\",\n    css: layoutStartPanelCss,\n    window: targetWindow,\n  });\n\n  const { dispatch, path } = useViewContext();\n  const [displayState, setDisplayState] = useState<\n    \"initial\" | \"nested\" | undefined\n  >();\n\n  useMemo(() => {\n    dispatch?.({\n      type: \"query\",\n      path,\n      query: \"PARENT_CONTAINER\",\n    }).then((response) => {\n      if (\n        (response as QueryReponse)?.parentContainerId ===\n        VuuShellLocation.Workspace\n      ) {\n        setDisplayState(\"initial\");\n      } else {\n        setDisplayState(\"nested\");\n      }\n    });\n  }, [dispatch, path]);\n\n  if (displayState === undefined) {\n    return null;\n  }\n\n  const showInitialState = displayState === \"initial\";\n\n  return (\n    <div {...htmlAttributes} className={classBase}>\n      {showInitialState ? (\n        <>\n          <div className={`${classBase}-title`}>Start by adding a table</div>\n          <div className={`${classBase}-text`}>\n            To add a table, drag any of the Vuu Tables to this area or click the\n            button below\n          </div>\n        </>\n      ) : null}\n      <IconButton\n        className={`${classBase}-addButton`}\n        icon=\"add\"\n        variant=\"cta\"\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAYA,MAAM,SAAY,GAAA,qBAAA,CAAA;AAML,MAAA,gBAAA,GAAmB,CAAC,cAA0C,KAAA;AACzE,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,wBAAA;AAAA,IACR,GAAK,EAAA,mBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,EAAE,QAAA,EAAU,IAAK,EAAA,GAAI,cAAe,EAAA,CAAA;AAC1C,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,QAEtC,EAAA,CAAA;AAEF,EAAA,OAAA,CAAQ,MAAM;AACZ,IAAW,QAAA,GAAA;AAAA,MACT,IAAM,EAAA,OAAA;AAAA,MACN,IAAA;AAAA,MACA,KAAO,EAAA,kBAAA;AAAA,KACR,CAAA,CAAE,IAAK,CAAA,CAAC,QAAa,KAAA;AACpB,MACG,IAAA,QAAA,EAA2B,iBAC5B,KAAA,gBAAA,CAAiB,SACjB,EAAA;AACA,QAAA,eAAA,CAAgB,SAAS,CAAA,CAAA;AAAA,OACpB,MAAA;AACL,QAAA,eAAA,CAAgB,QAAQ,CAAA,CAAA;AAAA,OAC1B;AAAA,KACD,CAAA,CAAA;AAAA,GACA,EAAA,CAAC,QAAU,EAAA,IAAI,CAAC,CAAA,CAAA;AAEnB,EAAA,IAAI,iBAAiB,KAAW,CAAA,EAAA;AAC9B,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,MAAM,mBAAmB,YAAiB,KAAA,SAAA,CAAA;AAE1C,EAAA,uBACG,IAAA,CAAA,KAAA,EAAA,EAAK,GAAG,cAAA,EAAgB,WAAW,SACjC,EAAA,QAAA,EAAA;AAAA,IAAA,gBAAA,mBAEG,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,UAAU,QAAuB,EAAA,yBAAA,EAAA,CAAA;AAAA,0BAC5D,KAAI,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,SAAS,QAGrC,EAAA,mFAAA,EAAA,CAAA;AAAA,KAAA,EACF,CACE,GAAA,IAAA;AAAA,oBACJ,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,GAAG,SAAS,CAAA,UAAA,CAAA;AAAA,QACvB,IAAK,EAAA,KAAA;AAAA,QACL,OAAQ,EAAA,KAAA;AAAA,OAAA;AAAA,KACV;AAAA,GACF,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/esm/stack/Stack.js

@@ -111,12 +111,12 @@ const Stack = forwardRef(function Stack2({
         showTabs ? /* @__PURE__ */ jsx(
           Tabstrip,
           {
+            "aria-label": "data tabs",
             ...TabstripProps2,
             activeTabIndex: TabstripProps2?.activeTabIndex ?? (child === null ? -1 : active),
             allowDragDrop: TabstripProps2.allowDragDrop !== false,
             animateSelectionThumb: true,
             className: cx("vuuTabHeader", tabstripClassName),
-            "aria-label": "data tabs",
             keyBoardActivation,
             onActiveChange: onTabSelectionChanged,
             onAddTab,

package/esm/stack/Stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.js","sources":["../../src/stack/Stack.tsx"],"sourcesContent":["import { Tab, Tabstrip, TabstripProps } from \"@vuu-ui/vuu-ui-controls\";\nimport { useId } from \"@vuu-ui/vuu-utils\";\nimport cx from \"clsx\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport React, {\n  ForwardedRef,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useRef,\n} from \"react\";\nimport { getDefaultTabLabel } from \"../layout-reducer\";\nimport { StackProps } from \"./stackTypes\";\n\nimport stackCss from \"./Stack.css\";\n\nconst classBase = \"vuuTabs\";\n\nconst getDefaultTabIcon = () => undefined;\n\nconst getChildElements = <T extends ReactElement = ReactElement>(\n  children: ReactNode\n): T[] => {\n  const elements: T[] = [];\n  React.Children.forEach(children, (child) => {\n    if (React.isValidElement(child)) {\n      elements.push(child as T);\n    } else {\n      console.warn(`Stack has unexpected child element type`);\n    }\n  });\n  return elements;\n};\n\nconst DefaultTabstripProps: Partial<TabstripProps> = {\n  allowAddTab: false,\n  allowCloseTab: false,\n  allowRenameTab: false,\n};\n\nexport const Stack = forwardRef(function Stack(\n  {\n    TabstripProps = DefaultTabstripProps,\n    active = 0,\n    children,\n    className: classNameProp,\n    getTabIcon = getDefaultTabIcon,\n    getTabLabel = getDefaultTabLabel,\n    id: idProp,\n    keyBoardActivation = \"manual\",\n    // onMouseDown,\n    onAddTab,\n    onMoveTab,\n    onTabClose,\n    onTabEdit,\n    onTabSelectionChanged,\n    showTabs = \"top\",\n    style,\n  }: StackProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-stack\",\n    css: stackCss,\n    window: targetWindow,\n  });\n\n  const id = useId(idProp);\n  const tabLabels = useRef<string[]>([]);\n  const {\n    allowCloseTab,\n    allowRenameTab,\n    className: tabstripClassName,\n  } = TabstripProps;\n\n  const handleExitEditMode = useCallback(\n    (\n      _oldText: string,\n      newText: string,\n      _allowDeactivation: boolean,\n      tabIndex: number\n    ) => {\n      onTabEdit?.(tabIndex, newText);\n    },\n    [onTabEdit]\n  );\n\n  const activeChild = () => {\n    //TODO need to inject an id if child does not have one, so we can\n    // establish the aria-controls relationship. In a Vuu layout, there\n    // will always be an id.\n    if (React.isValidElement(children)) {\n      return children;\n    }\n    if (Array.isArray(children)) {\n      return children[active] ?? null;\n    }\n    return null;\n  };\n\n  const renderTabs = () =>\n    getChildElements(children).map((child, idx) => {\n      const {\n        closeable = allowCloseTab,\n        id: childId = `${id}-${idx}`,\n        \"data-tab-location\": tabLocation,\n      } = child.props;\n      const label = getTabLabel(child, idx, tabLabels.current);\n      tabLabels.current.push(label);\n      return (\n        <Tab\n          ariaControls={childId}\n          data-icon={getTabIcon(child, idx)}\n          key={childId}\n          id={`${childId}-tab`}\n          index={idx}\n          label={label}\n          location={tabLocation}\n          closeable={closeable}\n          editable={allowRenameTab}\n        />\n      );\n    });\n\n  const child = activeChild();\n  const isHorizontal = showTabs === \"left\" || showTabs === \"right\";\n  const tabstripOrientation = isHorizontal ? \"vertical\" : \"horizontal\";\n\n  return (\n    <div\n      className={cx(classBase, classNameProp, {\n        [`${classBase}-horizontal`]: isHorizontal,\n      })}\n      style={style}\n      id={id}\n      ref={ref}\n    >\n      {showTabs ? (\n        <Tabstrip\n          {...TabstripProps}\n          activeTabIndex={\n            TabstripProps?.activeTabIndex ?? (child === null ? -1 : active)\n          }\n          allowDragDrop={TabstripProps.allowDragDrop !== false}\n          animateSelectionThumb\n          className={cx(\"vuuTabHeader\", tabstripClassName)}\n          aria-label=\"data tabs\"\n          keyBoardActivation={keyBoardActivation}\n          onActiveChange={onTabSelectionChanged}\n          onAddTab={onAddTab}\n          onCloseTab={onTabClose}\n          onExitEditMode={handleExitEditMode}\n          onMoveTab={onMoveTab}\n          orientation={tabstripOrientation}\n        >\n          {renderTabs()}\n        </Tabstrip>\n      ) : null}\n      <div\n        aria-labelledby={`${id}-${active}`}\n        className={`${classBase}-tabPanel`}\n        role=\"tabpanel\"\n      >\n        {child}\n      </div>\n    </div>\n  );\n});\nStack.displayName = \"Stack\";\n"],"names":["Stack","TabstripProps","child"],"mappings":"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"}
+{"version":3,"file":"Stack.js","sources":["../../src/stack/Stack.tsx"],"sourcesContent":["import { Tab, Tabstrip, TabstripProps } from \"@vuu-ui/vuu-ui-controls\";\nimport { useId } from \"@vuu-ui/vuu-utils\";\nimport cx from \"clsx\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport React, {\n  ForwardedRef,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useRef,\n} from \"react\";\nimport { getDefaultTabLabel } from \"../layout-reducer\";\nimport { StackProps } from \"./stackTypes\";\n\nimport stackCss from \"./Stack.css\";\n\nconst classBase = \"vuuTabs\";\n\nconst getDefaultTabIcon = () => undefined;\n\nconst getChildElements = <T extends ReactElement = ReactElement>(\n  children: ReactNode\n): T[] => {\n  const elements: T[] = [];\n  React.Children.forEach(children, (child) => {\n    if (React.isValidElement(child)) {\n      elements.push(child as T);\n    } else {\n      console.warn(`Stack has unexpected child element type`);\n    }\n  });\n  return elements;\n};\n\nconst DefaultTabstripProps: Partial<TabstripProps> = {\n  allowAddTab: false,\n  allowCloseTab: false,\n  allowRenameTab: false,\n};\n\nexport const Stack = forwardRef(function Stack(\n  {\n    TabstripProps = DefaultTabstripProps,\n    active = 0,\n    children,\n    className: classNameProp,\n    getTabIcon = getDefaultTabIcon,\n    getTabLabel = getDefaultTabLabel,\n    id: idProp,\n    keyBoardActivation = \"manual\",\n    // onMouseDown,\n    onAddTab,\n    onMoveTab,\n    onTabClose,\n    onTabEdit,\n    onTabSelectionChanged,\n    showTabs = \"top\",\n    style,\n  }: StackProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-stack\",\n    css: stackCss,\n    window: targetWindow,\n  });\n\n  const id = useId(idProp);\n  const tabLabels = useRef<string[]>([]);\n  const {\n    allowCloseTab,\n    allowRenameTab,\n    className: tabstripClassName,\n  } = TabstripProps;\n\n  const handleExitEditMode = useCallback(\n    (\n      _oldText: string,\n      newText: string,\n      _allowDeactivation: boolean,\n      tabIndex: number\n    ) => {\n      onTabEdit?.(tabIndex, newText);\n    },\n    [onTabEdit]\n  );\n\n  const activeChild = () => {\n    //TODO need to inject an id if child does not have one, so we can\n    // establish the aria-controls relationship. In a Vuu layout, there\n    // will always be an id.\n    if (React.isValidElement(children)) {\n      return children;\n    }\n    if (Array.isArray(children)) {\n      return children[active] ?? null;\n    }\n    return null;\n  };\n\n  const renderTabs = () =>\n    getChildElements(children).map((child, idx) => {\n      const {\n        closeable = allowCloseTab,\n        id: childId = `${id}-${idx}`,\n        \"data-tab-location\": tabLocation,\n      } = child.props;\n      const label = getTabLabel(child, idx, tabLabels.current);\n      tabLabels.current.push(label);\n      return (\n        <Tab\n          ariaControls={childId}\n          data-icon={getTabIcon(child, idx)}\n          key={childId}\n          id={`${childId}-tab`}\n          index={idx}\n          label={label}\n          location={tabLocation}\n          closeable={closeable}\n          editable={allowRenameTab}\n        />\n      );\n    });\n\n  const child = activeChild();\n  const isHorizontal = showTabs === \"left\" || showTabs === \"right\";\n  const tabstripOrientation = isHorizontal ? \"vertical\" : \"horizontal\";\n\n  return (\n    <div\n      className={cx(classBase, classNameProp, {\n        [`${classBase}-horizontal`]: isHorizontal,\n      })}\n      style={style}\n      id={id}\n      ref={ref}\n    >\n      {showTabs ? (\n        <Tabstrip\n          aria-label=\"data tabs\"\n          {...TabstripProps}\n          activeTabIndex={\n            TabstripProps?.activeTabIndex ?? (child === null ? -1 : active)\n          }\n          allowDragDrop={TabstripProps.allowDragDrop !== false}\n          animateSelectionThumb\n          className={cx(\"vuuTabHeader\", tabstripClassName)}\n          keyBoardActivation={keyBoardActivation}\n          onActiveChange={onTabSelectionChanged}\n          onAddTab={onAddTab}\n          onCloseTab={onTabClose}\n          onExitEditMode={handleExitEditMode}\n          onMoveTab={onMoveTab}\n          orientation={tabstripOrientation}\n        >\n          {renderTabs()}\n        </Tabstrip>\n      ) : null}\n      <div\n        aria-labelledby={`${id}-${active}`}\n        className={`${classBase}-tabPanel`}\n        role=\"tabpanel\"\n      >\n        {child}\n      </div>\n    </div>\n  );\n});\nStack.displayName = \"Stack\";\n"],"names":["Stack","TabstripProps","child"],"mappings":"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"}

package/esm/stack/StackLayout.js

@@ -4,12 +4,12 @@ import React, { useRef, useCallback } from 'react';
 import { useLayoutProviderDispatch, useLayoutCreateNewChild } from '../layout-provider/LayoutProvider.js';
 import '../layout-provider/LayoutProviderContext.js';
 import { getDefaultTabLabel } from '../layout-reducer/layoutUtils.js';
+import { useViewBroadcastChannel } from '../layout-view/useViewBroadcastChannel.js';
+import '../layout-view/View.js';
 import { useViewActionDispatcher } from '../layout-view-actions/useViewActionDispatcher.js';
 import '../layout-view-actions/ViewContext.js';
 import { usePersistentState } from '../use-persistent-state.js';
 import { Stack } from './Stack.js';
-import { useViewBroadcastChannel } from '../layout-view/useViewBroadcastChannel.js';
-import '../layout-view/View.js';
 
 const StackLayout = (props) => {
   const rootRef = useRef(null);

package/esm/stack/StackLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackLayout.js","sources":["../../src/stack/StackLayout.tsx"],"sourcesContent":["import { registerComponent, useId } from \"@vuu-ui/vuu-utils\";\nimport React, { useCallback, useRef } from \"react\";\nimport {\n  useLayoutCreateNewChild,\n  useLayoutProviderDispatch,\n} from \"../layout-provider\";\nimport { getDefaultTabLabel } from \"../layout-reducer\";\nimport { useViewActionDispatcher } from \"../layout-view-actions\";\nimport { usePersistentState } from \"../use-persistent-state\";\nimport { Stack } from \"./Stack\";\nimport { StackProps, TabLabelFactory } from \"./stackTypes\";\nimport { useViewBroadcastChannel } from \"../layout-view\";\n\nexport const StackLayout = (props: StackProps) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const dispatch = useLayoutProviderDispatch();\n  const { loadState } = usePersistentState();\n\n  const {\n    createNewChild: createNewChildProp,\n    id: idProp,\n    onTabSelectionChanged,\n    path,\n    ...restProps\n  } = props;\n\n  const { children } = props;\n\n  const id = useId(idProp);\n\n  const sendMessage = useViewBroadcastChannel();\n\n  const [dispatchViewAction] = useViewActionDispatcher(id, rootRef, path);\n  const createNewChildFromContext = useLayoutCreateNewChild();\n  const createNewChild = createNewChildProp ?? createNewChildFromContext;\n\n  const handleTabSelection = (nextIdx: number) => {\n    if (path) {\n      dispatch({ type: \"switch-tab\", id, path, nextIdx });\n      onTabSelectionChanged?.(nextIdx);\n    }\n  };\n\n  const handleTabClose = useCallback(\n    (tabIndex: number) => {\n      if (Array.isArray(children)) {\n        const {\n          props: { \"data-path\": dataPath, path = dataPath },\n        } = children[tabIndex];\n        sendMessage({ type: \"layout-closed\", path });\n        setTimeout(() => {\n          dispatch({ type: \"remove\", path });\n        }, 100);\n      }\n    },\n    [children, dispatch, sendMessage]\n  );\n\n  const handleTabAdd = useCallback(() => {\n    if (path) {\n      const tabIndex = React.Children.count(children);\n      dispatch({\n        type: \"add\",\n        path,\n        component: createNewChild(tabIndex),\n      });\n    }\n  }, [children, createNewChild, dispatch, path]);\n\n  const handleMoveTab = useCallback(\n    (fromIndex: number, toIndex: number) => {\n      if (path) {\n        dispatch({\n          fromIndex,\n          toIndex,\n          path,\n          type: \"move-child\",\n        });\n      }\n    },\n    [dispatch, path]\n  );\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const handleMouseDown = async (e: any, index: number) => {\n    let readyToDrag: undefined | ((value: unknown) => void);\n\n    const preDragActivity = async () =>\n      new Promise((resolve) => {\n        console.log(\"preDragActivity: Ok, gonna release the drag\");\n        readyToDrag = resolve;\n      });\n\n    const dragging = await dispatchViewAction(\n      { type: \"mousedown\", index, preDragActivity },\n      e\n    );\n\n    if (dragging) {\n      readyToDrag?.(undefined);\n    }\n  };\n\n  const handleTabEdit = (tabIndex: number, text: string) => {\n    dispatch({ type: \"set-title\", path: `${path}.${tabIndex}`, title: text });\n  };\n\n  const getTabLabel: TabLabelFactory = (component, idx, existingLabels) => {\n    const { id, title } = component.props;\n    return (\n      loadState(id, \"view-title\") ||\n      title ||\n      // This will normally never be called as title is always assigned in layout model\n      getDefaultTabLabel(component, idx, existingLabels)\n    );\n  };\n\n  return (\n    <Stack\n      {...restProps}\n      id={id}\n      getTabLabel={getTabLabel}\n      onMouseDown={handleMouseDown}\n      onMoveTab={handleMoveTab}\n      onAddTab={handleTabAdd}\n      onTabClose={handleTabClose}\n      onTabEdit={handleTabEdit}\n      onTabSelectionChanged={handleTabSelection}\n      ref={rootRef}\n    />\n  );\n};\nStackLayout.displayName = \"Stack\";\n\nregisterComponent(\"Stack\", StackLayout, \"container\");\n"],"names":["path","id"],"mappings":"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"}
+{"version":3,"file":"StackLayout.js","sources":["../../src/stack/StackLayout.tsx"],"sourcesContent":["import { registerComponent, useId } from \"@vuu-ui/vuu-utils\";\nimport React, { useCallback, useRef } from \"react\";\nimport {\n  useLayoutCreateNewChild,\n  useLayoutProviderDispatch,\n} from \"../layout-provider\";\nimport { getDefaultTabLabel } from \"../layout-reducer\";\nimport { useViewBroadcastChannel } from \"../layout-view\";\nimport { useViewActionDispatcher } from \"../layout-view-actions\";\nimport { usePersistentState } from \"../use-persistent-state\";\nimport { Stack } from \"./Stack\";\nimport { StackProps, TabLabelFactory } from \"./stackTypes\";\n\nexport const StackLayout = (props: StackProps) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const dispatch = useLayoutProviderDispatch();\n  const { loadState } = usePersistentState();\n\n  const {\n    createNewChild: createNewChildProp,\n    id: idProp,\n    onTabSelectionChanged,\n    path,\n    ...restProps\n  } = props;\n\n  const { children } = props;\n\n  const id = useId(idProp);\n\n  const sendMessage = useViewBroadcastChannel();\n\n  const [dispatchViewAction] = useViewActionDispatcher(id, rootRef, path);\n  const createNewChildFromContext = useLayoutCreateNewChild();\n  const createNewChild = createNewChildProp ?? createNewChildFromContext;\n\n  const handleTabSelection = (nextIdx: number) => {\n    if (path) {\n      dispatch({ type: \"switch-tab\", id, path, nextIdx });\n      onTabSelectionChanged?.(nextIdx);\n    }\n  };\n\n  const handleTabClose = useCallback(\n    (tabIndex: number) => {\n      if (Array.isArray(children)) {\n        const {\n          props: { \"data-path\": dataPath, path = dataPath },\n        } = children[tabIndex];\n        sendMessage({ type: \"layout-closed\", path });\n        setTimeout(() => {\n          dispatch({ type: \"remove\", path });\n        }, 100);\n      }\n    },\n    [children, dispatch, sendMessage]\n  );\n\n  const handleTabAdd = useCallback(() => {\n    if (path) {\n      const tabIndex = React.Children.count(children);\n      dispatch({\n        type: \"add\",\n        path,\n        component: createNewChild(tabIndex),\n      });\n    }\n  }, [children, createNewChild, dispatch, path]);\n\n  const handleMoveTab = useCallback(\n    (fromIndex: number, toIndex: number) => {\n      if (path) {\n        dispatch({\n          fromIndex,\n          toIndex,\n          path,\n          type: \"move-child\",\n        });\n      }\n    },\n    [dispatch, path]\n  );\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const handleMouseDown = async (e: any, index: number) => {\n    let readyToDrag: undefined | ((value: unknown) => void);\n\n    const preDragActivity = async () =>\n      new Promise((resolve) => {\n        console.log(\"preDragActivity: Ok, gonna release the drag\");\n        readyToDrag = resolve;\n      });\n\n    const dragging = await dispatchViewAction(\n      { type: \"mousedown\", index, preDragActivity },\n      e\n    );\n\n    if (dragging) {\n      readyToDrag?.(undefined);\n    }\n  };\n\n  const handleTabEdit = (tabIndex: number, text: string) => {\n    dispatch({ type: \"set-title\", path: `${path}.${tabIndex}`, title: text });\n  };\n\n  const getTabLabel: TabLabelFactory = (component, idx, existingLabels) => {\n    const { id, title } = component.props;\n    return (\n      loadState(id, \"view-title\") ||\n      title ||\n      // This will normally never be called as title is always assigned in layout model\n      getDefaultTabLabel(component, idx, existingLabels)\n    );\n  };\n\n  return (\n    <Stack\n      {...restProps}\n      id={id}\n      getTabLabel={getTabLabel}\n      onMouseDown={handleMouseDown}\n      onMoveTab={handleMoveTab}\n      onAddTab={handleTabAdd}\n      onTabClose={handleTabClose}\n      onTabEdit={handleTabEdit}\n      onTabSelectionChanged={handleTabSelection}\n      ref={rootRef}\n    />\n  );\n};\nStackLayout.displayName = \"Stack\";\n\nregisterComponent(\"Stack\", StackLayout, \"container\");\n"],"names":["path","id"],"mappings":"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"}

package/package.json

@@ -1,22 +1,22 @@
 {
-  "version": "0.8.76",
+  "version": "0.8.78",
   "description": "VUU Layout Components",
   "author": "heswell",
   "license": "Apache-2.0",
   "types": "types/index.d.ts",
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "0.8.76",
-    "@vuu-ui/vuu-filter-types": "0.8.76"
+    "@vuu-ui/vuu-data-types": "0.8.78",
+    "@vuu-ui/vuu-filter-types": "0.8.78"
   },
   "dependencies": {
     "@salt-ds/core": "1.27.1",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1",
-    "@vuu-ui/vuu-filters": "0.8.76",
-    "@vuu-ui/vuu-popups": "0.8.76",
-    "@vuu-ui/vuu-table": "0.8.76",
-    "@vuu-ui/vuu-ui-controls": "0.8.76",
-    "@vuu-ui/vuu-utils": "0.8.76"
+    "@vuu-ui/vuu-filters": "0.8.78",
+    "@vuu-ui/vuu-popups": "0.8.78",
+    "@vuu-ui/vuu-table": "0.8.78",
+    "@vuu-ui/vuu-ui-controls": "0.8.78",
+    "@vuu-ui/vuu-utils": "0.8.78"
   },
   "peerDependencies": {
     "clsx": "^2.0.0",

package/types/layout-provider/LayoutProvider.d.ts

@@ -1,5 +1,5 @@
 import { type LayoutJSON } from "@vuu-ui/vuu-utils";
-import { ReactElement } from "react";
+import { type ReactElement } from "react";
 import { type LayoutChangeHandler } from "../layout-reducer";
 import { LayoutProviderDispatch } from "./LayoutProviderContext";
 export interface LayoutProviderProps {
@@ -11,5 +11,5 @@ export interface LayoutProviderProps {
 export declare const LayoutProviderVersion: () => JSX.Element;
 export declare const LayoutProvider: (props: LayoutProviderProps) => ReactElement;
 export declare const useLayoutProviderDispatch: () => LayoutProviderDispatch;
-export declare const useLayoutCreateNewChild: () => ((index?: number | undefined) => ReactElement<any, string | import("react").JSXElementConstructor<any>>) | (() => JSX.Element);
+export declare const useLayoutCreateNewChild: () => (index?: number | undefined) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 export declare const useLayoutProviderVersion: () => number;

package/types/layout-reducer/layoutTypes.d.ts

@@ -123,7 +123,7 @@ export type DragStartAction = {
     path: string;
     type: typeof LayoutActionType.DRAG_START;
 };
-export type LayoutLevelChange = "switch-active-tab" | "edit-feature-title" | "save-feature-props" | "resize-component" | "remove-component" | "drag-drop-operation";
+export type LayoutLevelChange = "add-component" | "drag-drop-operation" | "edit-feature-title" | "remove-component" | "resize-component" | "switch-active-tab" | "save-feature-props";
 export type ApplicationLevelChange = "switch-active-layout" | "open-layout" | "close-layout" | "rename-layout" | "resize-application-chrome";
 export type LayoutChangeReason = LayoutLevelChange | ApplicationLevelChange;
 export type LayoutChangeHandler = (layout: LayoutJSON, layoutChangeReason: LayoutChangeReason) => void;

package/types/layout-reducer/layoutUtils.d.ts

@@ -29,7 +29,7 @@ export declare const cloneElementAddLayoutProps: (layoutElement: ReactElement, p
 export declare const applyLayout: (type: layoutType, props: LayoutProps, previousLayout?: LayoutModel) => LayoutModel;
 export declare function layoutFromJson({ id, type, children, props, state }: LayoutJSON, path: string): ReactElement;
 export declare function layoutToJSON(component: ReactElement): LayoutJSON<{
-    [key: string]: unknown;
+    [key: string]: any;
 }>;
 export declare function componentToJson(component: ReactElement): LayoutJSON;
 export declare function serializeProps(props?: LayoutProps): {

package/types/utils/typeOf.d.ts

@@ -3,5 +3,5 @@ import { ReactElement } from "react";
 export declare function typeOf(element?: LayoutModel | WithType): string | undefined;
 export declare const isTypeOf: (element: ReactElement, type: string) => boolean;
 export declare const isLayoutJSON: (layout: LayoutJSON) => layout is LayoutJSON<{
-    [key: string]: unknown;
+    [key: string]: any;
 }>;