@vuu-ui/vuu-layout 2.1.18 → 2.1.19-beta.2

package/esm/layout-header/Header.js

@@ -1,150 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { IconButton, EditableLabel } from '@vuu-ui/vuu-ui-controls';
-import cx from 'clsx';
-import { cloneElement } from 'react';
-import { useHeader } from './useHeader.js';
-import headerCss from './Header.css.js';
-
-const classBase = "vuuHeader";
-const Header = ({
-  allowRename = false,
-  className: classNameProp,
-  contributions,
-  collapsed,
-  closeable,
-  onCollapse,
-  onEditTitle,
-  onExpand,
-  orientation: orientationProp = "horizontal",
-  style,
-  title = "Untitled"
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-header",
-    css: headerCss,
-    window: targetWindow
-  });
-  const {
-    editing,
-    focusTitle,
-    labelFieldRef,
-    onClickEdit,
-    onClose,
-    onExitEditMode,
-    onMouseDown,
-    onTitleKeyDown,
-    onToggleCollapse,
-    onToggleExpand,
-    setValue,
-    value
-  } = useHeader({
-    onCollapse,
-    onEditTitle,
-    onExpand,
-    title
-  });
-  const handleButtonMouseDown = (evt) => {
-    evt.stopPropagation();
-  };
-  const orientation = collapsed || orientationProp;
-  const className = cx(classBase, classNameProp, `${classBase}-${orientation}`);
-  const toolbarItems = [];
-  const postTitleContributedItems = [];
-  const actionButtons = [];
-  const allowCollapse = typeof collapsed === "boolean" || typeof collapsed === "string";
-  contributions?.forEach((contribution, i) => {
-    switch (contribution.location) {
-      case "pre-title":
-        toolbarItems.push(cloneElement(contribution.content, { key: i }));
-        break;
-      default:
-        postTitleContributedItems.push(
-          cloneElement(contribution.content, { key: i })
-        );
-    }
-  });
-  allowCollapse && toolbarItems.push(
-    /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        className: cx(`${classBase}-toggle`, {
-          [`${classBase}-collapsed`]: collapsed
-        }),
-        "data-embedded": true,
-        icon: collapsed ? "chevron-open" : "chevron-down",
-        onClick: collapsed ? onToggleExpand : onToggleCollapse,
-        size: 20,
-        tabIndex: 0,
-        appearance: "transparent",
-        sentiment: "neutral"
-      },
-      "collapse-button"
-    )
-  );
-  title && toolbarItems.push(
-    /* @__PURE__ */ jsx(
-      EditableLabel,
-      {
-        className: `${classBase}-title`,
-        editing,
-        value,
-        onChange: setValue,
-        onMouseDownCapture: focusTitle,
-        onExitEditMode,
-        onKeyDown: onTitleKeyDown,
-        ref: labelFieldRef
-      },
-      "title"
-    )
-  );
-  allowRename && toolbarItems.push(
-    /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        className: `${classBase}-edit`,
-        "data-embedded": true,
-        icon: "edit",
-        onClick: onClickEdit,
-        onMouseDown: handleButtonMouseDown,
-        tabIndex: 0,
-        variant: "secondary"
-      },
-      "edit-button"
-    )
-  );
-  closeable && actionButtons.push(
-    /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        appearance: "transparent",
-        "data-embedded": true,
-        icon: "close",
-        onClick: onClose,
-        onMouseDown: handleButtonMouseDown,
-        sentiment: "neutral"
-      },
-      "close"
-    )
-  );
-  postTitleContributedItems.length > 0 && toolbarItems.push(
-    /* @__PURE__ */ jsx("div", { "data-align": "end", children: postTitleContributedItems }, "contributions")
-  );
-  actionButtons.length > 0 && toolbarItems.push(
-    /* @__PURE__ */ jsx("div", { "data-align": "end", children: actionButtons }, "actions")
-  );
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cx("vuuToolbarProxy", className),
-      style,
-      onMouseDown,
-      children: toolbarItems
-    }
-  );
-};
-
-export { Header };
-//# sourceMappingURL=Header.js.map

package/esm/layout-header/Header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Header.js","sources":["../../../../packages/vuu-layout/src/layout-header/Header.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { EditableLabel, IconButton } from \"@vuu-ui/vuu-ui-controls\";\nimport cx from \"clsx\";\nimport { HTMLAttributes, MouseEvent, ReactElement, cloneElement } from \"react\";\nimport { Contribution } from \"../layout-view/viewTypes\";\nimport { useHeader } from \"./useHeader\";\n\nimport headerCss from \"./Header.css\";\n\nexport interface HeaderProps extends HTMLAttributes<HTMLDivElement> {\n  allowRename?: boolean;\n  collapsed?: boolean;\n  contributions?: Contribution[];\n  expanded?: boolean;\n  closeable?: boolean;\n  onCollapse?: () => void;\n  onEditTitle?: (value: string) => void;\n  onExpand?: () => void;\n  orientation?: \"horizontal\" | \"vertical\";\n  tearOut?: boolean;\n}\n\nconst classBase = \"vuuHeader\";\n\nexport const Header = ({\n  allowRename = false,\n  className: classNameProp,\n  contributions,\n  collapsed,\n  closeable,\n  onCollapse,\n  onEditTitle,\n  onExpand,\n  orientation: orientationProp = \"horizontal\",\n  style,\n  title = \"Untitled\",\n}: HeaderProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-header\",\n    css: headerCss,\n    window: targetWindow,\n  });\n\n  const {\n    editing,\n    focusTitle,\n    labelFieldRef,\n    onClickEdit,\n    onClose,\n    onExitEditMode,\n    onMouseDown,\n    onTitleKeyDown,\n    onToggleCollapse,\n    onToggleExpand,\n    setValue,\n    value,\n  } = useHeader({\n    onCollapse,\n    onEditTitle,\n    onExpand,\n    title,\n  });\n\n  const handleButtonMouseDown = (evt: MouseEvent) => {\n    // do not allow drag to be initiated\n    evt.stopPropagation();\n  };\n\n  const orientation = collapsed || orientationProp;\n\n  const className = cx(classBase, classNameProp, `${classBase}-${orientation}`);\n\n  const toolbarItems: ReactElement[] = [];\n  const postTitleContributedItems: ReactElement[] = [];\n  const actionButtons: ReactElement[] = [];\n  const allowCollapse =\n    typeof collapsed === \"boolean\" || typeof collapsed === \"string\";\n\n  contributions?.forEach((contribution, i) => {\n    switch (contribution.location) {\n      case \"pre-title\":\n        toolbarItems.push(cloneElement(contribution.content, { key: i }));\n        break;\n      default:\n        postTitleContributedItems.push(\n          cloneElement(contribution.content, { key: i }),\n        );\n    }\n  });\n\n  allowCollapse &&\n    toolbarItems.push(\n      <IconButton\n        className={cx(`${classBase}-toggle`, {\n          [`${classBase}-collapsed`]: collapsed,\n        })}\n        data-embedded\n        icon={collapsed ? \"chevron-open\" : \"chevron-down\"}\n        key=\"collapse-button\"\n        onClick={collapsed ? onToggleExpand : onToggleCollapse}\n        size={20}\n        tabIndex={0}\n        appearance=\"transparent\"\n        sentiment=\"neutral\"\n      />,\n    );\n\n  title &&\n    toolbarItems.push(\n      <EditableLabel\n        className={`${classBase}-title`}\n        editing={editing}\n        key=\"title\"\n        value={value}\n        onChange={setValue}\n        onMouseDownCapture={focusTitle}\n        onExitEditMode={onExitEditMode}\n        onKeyDown={onTitleKeyDown}\n        ref={labelFieldRef}\n      />,\n    );\n\n  allowRename &&\n    toolbarItems.push(\n      <IconButton\n        className={`${classBase}-edit`}\n        data-embedded\n        icon=\"edit\"\n        key=\"edit-button\"\n        onClick={onClickEdit}\n        onMouseDown={handleButtonMouseDown}\n        tabIndex={0}\n        variant=\"secondary\"\n      />,\n    );\n\n  closeable &&\n    actionButtons.push(\n      <IconButton\n        appearance=\"transparent\"\n        data-embedded\n        icon=\"close\"\n        key=\"close\"\n        onClick={onClose}\n        onMouseDown={handleButtonMouseDown}\n        sentiment=\"neutral\"\n      />,\n    );\n\n  postTitleContributedItems.length > 0 &&\n    toolbarItems.push(\n      <div data-align=\"end\" key=\"contributions\">\n        {postTitleContributedItems}\n      </div>,\n    );\n\n  actionButtons.length > 0 &&\n    toolbarItems.push(\n      <div data-align=\"end\" key=\"actions\">\n        {actionButtons}\n      </div>,\n    );\n\n  return (\n    <div\n      className={cx(\"vuuToolbarProxy\", className)}\n      style={style}\n      onMouseDown={onMouseDown}\n    >\n      {toolbarItems}\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/esm/layout-header/useHeader.js

@@ -1,83 +0,0 @@
-import { useState, useRef, useCallback } from 'react';
-import { useViewDispatch } from '../layout-view-actions/ViewContext.js';
-import { queryClosest } from '@vuu-ui/vuu-utils';
-
-const useHeader = ({
-  onCollapse,
-  onEditTitle,
-  onExpand,
-  title
-}) => {
-  const [editing, setEditing] = useState(false);
-  const [value, setValue] = useState(title);
-  const labelFieldRef = useRef(null);
-  const viewDispatch = useViewDispatch();
-  const handleClose = useCallback(
-    (evt) => viewDispatch?.({ type: "remove" }, evt),
-    [viewDispatch]
-  );
-  const focusTitle = useCallback(() => {
-    labelFieldRef.current?.focus();
-  }, []);
-  const handleClickEdit = useCallback(() => {
-    focusTitle();
-    setEditing((isEditing) => !isEditing);
-  }, [focusTitle]);
-  const handleTitleKeyDown = (evt) => {
-    if (evt.key === "Enter") {
-      setEditing(true);
-    }
-  };
-  const handleMouseDown = useCallback(
-    (e) => {
-      const button = queryClosest(e.target, ".saltButton");
-      if (button === null) {
-        viewDispatch?.({ type: "mousedown" }, e);
-      }
-    },
-    [viewDispatch]
-  );
-  const handleExitEditMode = (originalValue = "", finalValue = "", allowDeactivation = true, editCancelled = false) => {
-    setEditing(false);
-    if (editCancelled) {
-      setValue(originalValue);
-    } else if (finalValue !== originalValue) {
-      setValue(finalValue);
-      onEditTitle?.(finalValue);
-    }
-    if (allowDeactivation === false) {
-      labelFieldRef.current?.focus();
-    }
-  };
-  const handleToggleCollapse = useCallback(
-    (e) => {
-      viewDispatch?.({ type: "collapse" }, e);
-      onCollapse?.();
-    },
-    [onCollapse, viewDispatch]
-  );
-  const handleToggleExpand = useCallback(
-    (e) => {
-      viewDispatch?.({ type: "expand" }, e);
-      onExpand?.();
-    },
-    [onExpand, viewDispatch]
-  );
-  return {
-    editing,
-    focusTitle,
-    labelFieldRef,
-    onClickEdit: handleClickEdit,
-    onClose: handleClose,
-    onExitEditMode: handleExitEditMode,
-    onMouseDown: handleMouseDown,
-    onToggleCollapse: handleToggleCollapse,
-    onToggleExpand: handleToggleExpand,
-    onTitleKeyDown: handleTitleKeyDown,
-    setValue,
-    value
-  };
-};
-
-export { useHeader };
-//# sourceMappingURL=useHeader.js.map

package/esm/layout-header/useHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useHeader.js","sources":["../../../../packages/vuu-layout/src/layout-header/useHeader.ts"],"sourcesContent":["import {\n  KeyboardEvent,\n  MouseEventHandler,\n  useCallback,\n  useRef,\n  useState,\n} from \"react\";\nimport type { HeaderProps } from \"./Header\";\nimport { useViewDispatch } from \"../layout-view-actions/ViewContext\";\nimport { queryClosest } from \"@vuu-ui/vuu-utils\";\n\nexport interface HeaderHookProps\n  extends Pick<HeaderProps, \"onCollapse\" | \"onEditTitle\" | \"onExpand\"> {\n  debugString?: string;\n  title: string;\n}\n\nexport const useHeader = ({\n  onCollapse,\n  onEditTitle,\n  onExpand,\n  title,\n}: HeaderHookProps) => {\n  const [editing, setEditing] = useState<boolean>(false);\n  const [value, setValue] = useState<string>(title);\n  const labelFieldRef = useRef<HTMLDivElement>(null);\n\n  const viewDispatch = useViewDispatch();\n  const handleClose = useCallback<MouseEventHandler>(\n    (evt) => viewDispatch?.({ type: \"remove\" }, evt),\n    [viewDispatch],\n  );\n\n  const focusTitle = useCallback(() => {\n    labelFieldRef.current?.focus();\n  }, []);\n\n  const handleClickEdit = useCallback(() => {\n    focusTitle();\n    setEditing((isEditing) => !isEditing);\n  }, [focusTitle]);\n\n  const handleTitleKeyDown = (evt: KeyboardEvent<HTMLDivElement>) => {\n    if (evt.key === \"Enter\") {\n      setEditing(true);\n    }\n  };\n\n  const handleMouseDown = useCallback<MouseEventHandler>(\n    (e) => {\n      const button = queryClosest(e.target, \".saltButton\");\n      if (button === null) {\n        // This is for drag start detection.\n        viewDispatch?.({ type: \"mousedown\" }, e);\n      }\n    },\n    [viewDispatch],\n  );\n\n  const handleExitEditMode = (\n    originalValue = \"\",\n    finalValue = \"\",\n    allowDeactivation = true,\n    editCancelled = false,\n  ) => {\n    setEditing(false);\n    if (editCancelled) {\n      setValue(originalValue);\n    } else if (finalValue !== originalValue) {\n      setValue(finalValue);\n      onEditTitle?.(finalValue);\n    }\n    if (allowDeactivation === false) {\n      labelFieldRef.current?.focus();\n    }\n  };\n\n  const handleToggleCollapse = useCallback<MouseEventHandler>(\n    (e) => {\n      viewDispatch?.({ type: \"collapse\" }, e);\n      onCollapse?.();\n    },\n    [onCollapse, viewDispatch],\n  );\n\n  const handleToggleExpand = useCallback<MouseEventHandler>(\n    (e) => {\n      viewDispatch?.({ type: \"expand\" }, e);\n      onExpand?.();\n    },\n    [onExpand, viewDispatch],\n  );\n\n  return {\n    editing,\n    focusTitle,\n    labelFieldRef,\n    onClickEdit: handleClickEdit,\n    onClose: handleClose,\n    onExitEditMode: handleExitEditMode,\n    onMouseDown: handleMouseDown,\n    onToggleCollapse: handleToggleCollapse,\n    onToggleExpand: handleToggleExpand,\n    onTitleKeyDown: handleTitleKeyDown,\n    setValue,\n    value,\n  };\n};\n"],"names":[],"mappings":"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"}

package/esm/layout-provider/LayoutProvider.js

@@ -1,297 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { 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';
-import { layoutReducer } from '../layout-reducer/layout-reducer.js';
-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';
-
-const isWorkspaceContainer = (props) => props.id === VuuShellLocation.WorkspaceContainer;
-const isMultiWorkspaceContainer = (props) => props.id === VuuShellLocation.MultiWorkspaceContainer;
-const shouldSave = (action) => [
-  "add",
-  "drag-drop",
-  "remove",
-  "set-title",
-  "splitter-resize",
-  "switch-tab"
-].includes(action.type);
-const getLayoutChangeReason = (action) => {
-  switch (action.type) {
-    case "switch-tab":
-      if (action.id === VuuShellLocation.Workspace) {
-        return "switch-active-layout";
-      } else {
-        return "switch-active-tab";
-      }
-    case "save":
-      return "save-feature-props";
-    case "drag-drop":
-      return "drag-drop-operation";
-    case "add":
-      return "add-component";
-    case "remove":
-      return "remove-component";
-    case "splitter-resize":
-      return "resize-component";
-    case "set-title":
-      return "edit-feature-title";
-    default:
-      throw Error("unknown layout action");
-  }
-};
-const LayoutProviderVersion = () => {
-  const version = useLayoutProviderVersion();
-  return /* @__PURE__ */ jsx("div", { children: `Context: ${version} ` });
-};
-const pathToDropTarget = `#${VuuShellLocation.Workspace}.ACTIVE_CHILD`;
-const LayoutProvider = (props) => {
-  const { children, createNewChild, workspaceJSON, onLayoutChange } = props;
-  const state = useRef(void 0);
-  const childrenRef = useRef(children);
-  const [, forceRefresh] = useState(null);
-  const serializeState = useCallback(
-    (source, layoutChangeReason) => {
-      if (onLayoutChange) {
-        const workspaceContainer = findTarget(source, isWorkspaceContainer) || state.current;
-        const isLayoutContainer = typeOf(workspaceContainer) === "LayoutContainer";
-        const target = isLayoutContainer ? getProps(workspaceContainer).children[0] : workspaceContainer;
-        const serializedModel = layoutToJSON(target);
-        onLayoutChange(serializedModel, layoutChangeReason);
-      }
-    },
-    [onLayoutChange]
-  );
-  const dispatchLayoutAction = useCallback(
-    (action, suppressSave = false) => {
-      const nextState = layoutReducer(state.current, action);
-      if (nextState !== state.current) {
-        state.current = nextState;
-        forceRefresh({});
-        if (!suppressSave && shouldSave(action)) {
-          serializeState(nextState, getLayoutChangeReason(action));
-        }
-      }
-    },
-    [forceRefresh, serializeState]
-  );
-  const addComponentToWorkspace = useCallback(
-    (component) => {
-      dispatchLayoutAction({
-        type: "add",
-        path: `#${VuuShellLocation.Workspace}`,
-        component
-      });
-    },
-    [dispatchLayoutAction]
-  );
-  const switchWorkspace = useCallback(
-    (idx) => {
-      dispatchLayoutAction({
-        type: "switch-tab",
-        nextIdx: idx,
-        path: `#${VuuShellLocation.MultiWorkspaceContainer}`
-      });
-    },
-    [dispatchLayoutAction]
-  );
-  const showComponentInContextPanel = useCallback(
-    (component, title, onContextPanelClose) => {
-      dispatchLayoutAction({
-        type: "set-props",
-        path: `#${VuuShellLocation.ContextPanel}`,
-        props: {
-          expanded: true,
-          content: component,
-          onClose: onContextPanelClose,
-          title
-        }
-      });
-    },
-    [dispatchLayoutAction]
-  );
-  const layoutActionDispatcher = useCallback(
-    (action) => {
-      switch (action.type) {
-        case "drag-start": {
-          prepareToDragLayout(action);
-          break;
-        }
-        case "save": {
-          if (state.current) {
-            serializeState(state.current, getLayoutChangeReason(action));
-          }
-          break;
-        }
-        case "query":
-          if (action.query === "PARENT_CONTAINER") {
-            return layoutQuery(action.query, action.path, state.current);
-          }
-          break;
-        default: {
-          dispatchLayoutAction(action);
-          break;
-        }
-      }
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [dispatchLayoutAction, serializeState]
-  );
-  const prepareToDragLayout = useLayoutDragDrop(
-    state,
-    layoutActionDispatcher,
-    pathToDropTarget
-  );
-  useEffect(() => {
-    if (workspaceJSON) {
-      if (Array.isArray(workspaceJSON)) {
-        const targetContainer = findTarget(
-          state.current,
-          isMultiWorkspaceContainer
-        );
-        if (targetContainer) {
-          const { path: targetContainerPath } = targetContainer.props;
-          const target = getChildProp(targetContainer);
-          const newLayouts = workspaceJSON.map(
-            (ws, i) => layoutFromJson(ws, `${targetContainerPath}.${i}`)
-          );
-          const action = target ? {
-            type: LayoutActionType.REPLACE,
-            target,
-            replacement: newLayouts
-          } : {
-            type: LayoutActionType.ADD,
-            path: targetContainerPath,
-            component: newLayouts
-          };
-          dispatchLayoutAction(action, true);
-        }
-      } else {
-        const targetContainer = findTarget(
-          state.current,
-          isWorkspaceContainer
-        );
-        if (targetContainer) {
-          const { path: targetContainerPath } = targetContainer.props;
-          const target = getChildProp(targetContainer);
-          const newLayout = layoutFromJson(
-            workspaceJSON,
-            `${targetContainerPath}.0`
-          );
-          const action = target ? {
-            type: LayoutActionType.REPLACE,
-            target,
-            replacement: newLayout
-          } : {
-            type: LayoutActionType.ADD,
-            path: targetContainerPath,
-            component: newLayout
-          };
-          dispatchLayoutAction(action, true);
-        } else if (workspaceJSON.id === getProp(state.current, "id")) {
-          const newLayout = layoutFromJson(workspaceJSON, "0");
-          const action = {
-            type: LayoutActionType.REPLACE,
-            target: state.current,
-            replacement: newLayout
-          };
-          dispatchLayoutAction(action, true);
-        } else {
-          throw Error(
-            `LayoutProvider unable to render new workspaceJson, no valid target container. Use a valid Shell Layout Template or include a container with the standard workspace id '${VuuShellLocation.Workspace}' `
-          );
-        }
-      }
-    }
-  }, [dispatchLayoutAction, workspaceJSON]);
-  if (state.current === void 0) {
-    state.current = cloneElementAddLayoutProps(children);
-  } else if (children !== childrenRef.current) {
-    state.current = cloneElementAddLayoutProps(children, state.current);
-    childrenRef.current = children;
-  }
-  return /* @__PURE__ */ jsx(
-    LayoutProviderContext.Provider,
-    {
-      value: {
-        addComponentToWorkspace,
-        createNewChild,
-        dispatchLayoutProvider: layoutActionDispatcher,
-        showComponentInContextPanel,
-        switchWorkspace,
-        version: 0
-      },
-      children: state.current
-    }
-  );
-};
-const useLayoutProviderDispatch = () => {
-  const { dispatchLayoutProvider } = useContext(LayoutProviderContext);
-  return dispatchLayoutProvider;
-};
-const useLayoutOperation = () => {
-  const {
-    addComponentToWorkspace,
-    showComponentInContextPanel,
-    switchWorkspace
-  } = useContext(LayoutProviderContext);
-  return {
-    addComponentToWorkspace,
-    showComponentInContextPanel,
-    switchWorkspace
-  };
-};
-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 = () => {
-  const { version } = useContext(LayoutProviderContext);
-  return version;
-};
-
-export { LayoutProvider, LayoutProviderVersion, useLayoutCreateNewChild, useLayoutOperation, useLayoutProviderDispatch, useLayoutProviderVersion };
-//# sourceMappingURL=LayoutProvider.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutProvider.js","sources":["../../../../packages/vuu-layout/src/layout-provider/LayoutProvider.tsx"],"sourcesContent":["import {\n  VuuShellLocation,\n  usePlaceholderJSON,\n  type LayoutJSON,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  RefObject,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\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 { findTarget, getChildProp, getProp, getProps, typeOf } from \"../utils\";\nimport {\n  LayoutProviderContext,\n  LayoutProviderDispatch,\n} from \"./LayoutProviderContext\";\nimport { useLayoutDragDrop } from \"./useLayoutDragDrop\";\nimport { SaveAction } from \"../layout-view/viewTypes\";\n\nconst isWorkspaceContainer = (props: LayoutProps) =>\n  props.id === VuuShellLocation.WorkspaceContainer;\n\nconst isMultiWorkspaceContainer = (props: LayoutProps) =>\n  props.id === VuuShellLocation.MultiWorkspaceContainer;\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 | 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: ReactElement, 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 addComponentToWorkspace = useCallback(\n    (component: ReactElement) => {\n      dispatchLayoutAction({\n        type: \"add\",\n        path: `#${VuuShellLocation.Workspace}`,\n        component,\n      });\n    },\n    [dispatchLayoutAction],\n  );\n\n  const switchWorkspace = useCallback(\n    (idx: number) => {\n      dispatchLayoutAction({\n        type: \"switch-tab\",\n        nextIdx: idx,\n        path: `#${VuuShellLocation.MultiWorkspaceContainer}`,\n      });\n    },\n    [dispatchLayoutAction],\n  );\n\n  const showComponentInContextPanel = useCallback(\n    (\n      component: ReactElement | LayoutJSON,\n      title?: string,\n      onContextPanelClose?: () => void,\n    ) => {\n      dispatchLayoutAction({\n        type: \"set-props\",\n        path: `#${VuuShellLocation.ContextPanel}`,\n        props: {\n          expanded: true,\n          content: component,\n          onClose: onContextPanelClose,\n          title,\n        },\n      });\n    },\n    [dispatchLayoutAction],\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          if (state.current) {\n            serializeState(state.current, getLayoutChangeReason(action));\n          }\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 RefObject<ReactElement>,\n    layoutActionDispatcher,\n    pathToDropTarget,\n  );\n\n  useEffect(() => {\n    if (workspaceJSON) {\n      if (Array.isArray(workspaceJSON)) {\n        const targetContainer = findTarget(\n          state.current,\n          isMultiWorkspaceContainer,\n        ) as ReactElement;\n        if (targetContainer) {\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          const { path: targetContainerPath } = targetContainer.props as any;\n          const target = getChildProp(targetContainer);\n          const newLayouts = workspaceJSON.map((ws, i) =>\n            layoutFromJson(ws, `${targetContainerPath}.${i}`),\n          );\n          const action = target\n            ? {\n                type: LayoutActionType.REPLACE,\n                target,\n                replacement: newLayouts,\n              }\n            : {\n                type: LayoutActionType.ADD,\n                path: targetContainerPath,\n                component: newLayouts,\n              };\n          dispatchLayoutAction(action, true);\n        }\n      } else {\n        const targetContainer = findTarget(\n          state.current,\n          isWorkspaceContainer,\n        ) as ReactElement;\n        if (targetContainer) {\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          const { path: targetContainerPath } = targetContainer.props as any;\n          const target = getChildProp(targetContainer);\n          const newLayout = layoutFromJson(\n            workspaceJSON,\n            `${targetContainerPath}.0`,\n          );\n          const action = target\n            ? {\n                type: LayoutActionType.REPLACE,\n                target,\n                replacement: newLayout,\n              }\n            : {\n                type: LayoutActionType.ADD,\n                path: targetContainerPath,\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        } else {\n          throw Error(\n            `LayoutProvider unable to render new workspaceJson, no valid target container. Use a valid Shell Layout Template or include a container with the standard workspace id '${VuuShellLocation.Workspace}' `,\n          );\n        }\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        addComponentToWorkspace,\n        createNewChild,\n        dispatchLayoutProvider: layoutActionDispatcher,\n        showComponentInContextPanel,\n        switchWorkspace,\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 useLayoutOperation = () => {\n  const {\n    addComponentToWorkspace,\n    showComponentInContextPanel,\n    switchWorkspace,\n  } = useContext(LayoutProviderContext);\n  return {\n    addComponentToWorkspace,\n    showComponentInContextPanel,\n    switchWorkspace,\n  };\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-provider/LayoutProviderContext.js

@@ -1,20 +0,0 @@
-import { createContext } from 'react';
-
-const unconfiguredLayoutProviderDispatch = (action) => console.log(
-  `dispatch ${action.type}, have you forgotten to provide a LayoutProvider ?`
-);
-const unconfiguredService = (message) => () => console.log(`${message}, have you forgotten to provide a LayoutProvider ?`);
-const MissingLayoutContextPanel = unconfiguredService(
-  "showComponentInContextPanel"
-);
-const isUnconfiguredProperty = (property) => property === MissingLayoutContextPanel;
-const LayoutProviderContext = createContext({
-  addComponentToWorkspace: unconfiguredService("addComponentToWorkspace"),
-  dispatchLayoutProvider: unconfiguredLayoutProviderDispatch,
-  showComponentInContextPanel: MissingLayoutContextPanel,
-  switchWorkspace: unconfiguredService("switchWorkspace"),
-  version: -1
-});
-
-export { LayoutProviderContext, isUnconfiguredProperty };
-//# sourceMappingURL=LayoutProviderContext.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutProviderContext.js","sources":["../../../../packages/vuu-layout/src/layout-provider/LayoutProviderContext.ts"],"sourcesContent":["import { createContext, Dispatch, ReactElement } from \"react\";\nimport {\n  DragStartAction,\n  LayoutReducerAction,\n  QueryAction,\n} from \"../layout-reducer\";\nimport { LayoutJSON } from \"@vuu-ui/vuu-utils\";\nimport { SaveAction } from \"../layout-view/viewTypes\";\n\nconst unconfiguredLayoutProviderDispatch: LayoutProviderDispatch = (action) =>\n  console.log(\n    `dispatch ${action.type}, have you forgotten to provide a LayoutProvider ?`,\n  );\n\nconst unconfiguredService = (message: string) => () =>\n  console.log(`${message}, have you forgotten to provide a LayoutProvider ?`);\n\nconst MissingLayoutContextPanel = unconfiguredService(\n  \"showComponentInContextPanel\",\n);\n\nexport const isUnconfiguredProperty = (property: unknown): boolean =>\n  property === MissingLayoutContextPanel;\n\nexport type LayoutProviderDispatch = Dispatch<\n  LayoutReducerAction | SaveAction | DragStartAction | QueryAction\n>;\n\nexport interface LayoutProviderContextProps {\n  addComponentToWorkspace: (component: ReactElement) => void;\n  createNewChild?: (index?: number) => ReactElement;\n  dispatchLayoutProvider: LayoutProviderDispatch;\n  showComponentInContextPanel: (\n    component: ReactElement | LayoutJSON,\n    title?: string,\n    onContextPanelClose?: () => void,\n  ) => void;\n  switchWorkspace: (idx: number) => void;\n  version: number;\n}\n\nexport const LayoutProviderContext = createContext<LayoutProviderContextProps>({\n  addComponentToWorkspace: unconfiguredService(\"addComponentToWorkspace\"),\n  dispatchLayoutProvider: unconfiguredLayoutProviderDispatch,\n  showComponentInContextPanel: MissingLayoutContextPanel,\n  switchWorkspace: unconfiguredService(\"switchWorkspace\"),\n  version: -1,\n});\n"],"names":[],"mappings":";;AASA,MAAM,kCAAA,GAA6D,CAAC,MAAA,KAClE,OAAQ,CAAA,GAAA;AAAA,EACN,CAAA,SAAA,EAAY,OAAO,IAAI,CAAA,kDAAA;AACzB,CAAA;AAEF,MAAM,mBAAA,GAAsB,CAAC,OAAoB,KAAA,MAC/C,QAAQ,GAAI,CAAA,CAAA,EAAG,OAAO,CAAoD,kDAAA,CAAA,CAAA;AAE5E,MAAM,yBAA4B,GAAA,mBAAA;AAAA,EAChC;AACF,CAAA;AAEa,MAAA,sBAAA,GAAyB,CAAC,QAAA,KACrC,QAAa,KAAA;AAmBR,MAAM,wBAAwB,aAA0C,CAAA;AAAA,EAC7E,uBAAA,EAAyB,oBAAoB,yBAAyB,CAAA;AAAA,EACtE,sBAAwB,EAAA,kCAAA;AAAA,EACxB,2BAA6B,EAAA,yBAAA;AAAA,EAC7B,eAAA,EAAiB,oBAAoB,iBAAiB,CAAA;AAAA,EACtD,OAAS,EAAA,CAAA;AACX,CAAC;;;;"}