@vuu-ui/vuu-layout 0.13.60 → 0.13.63

package/cjs/index.js

@@ -1,11 +1,10 @@
 'use strict';
 
+var Component = require('./Component.js');
 var DockLayout = require('./dock-layout/DockLayout.js');
 var Drawer = require('./dock-layout/Drawer.js');
-var Component = require('./Component.js');
 var Draggable = require('./drag-drop/Draggable.js');
 var DropTarget = require('./drag-drop/DropTarget.js');
-var LayoutContainer = require('./LayoutContainer.js');
 var Flexbox = require('./flexbox/Flexbox.js');
 var FlexboxLayout = require('./flexbox/FlexboxLayout.js');
 var layoutAction = require('./layout-action.js');
@@ -16,10 +15,9 @@ var flexUtils = require('./layout-reducer/flexUtils.js');
 var layoutReducer = require('./layout-reducer/layout-reducer.js');
 var layoutTypes = require('./layout-reducer/layoutTypes.js');
 var layoutUtils = require('./layout-reducer/layoutUtils.js');
-var useViewBroadcastChannel = require('./layout-view/useViewBroadcastChannel.js');
-var View = require('./layout-view/View.js');
 var useViewActionDispatcher = require('./layout-view-actions/useViewActionDispatcher.js');
 var ViewContext = require('./layout-view-actions/ViewContext.js');
+var LayoutContainer = require('./LayoutContainer.js');
 var Palette = require('./palette/Palette.js');
 var Placeholder = require('./placeholder/Placeholder.js');
 var useResizeObserver = require('./responsive/useResizeObserver.js');
@@ -32,17 +30,18 @@ var propUtils = require('./utils/propUtils.js');
 var refUtils = require('./utils/refUtils.js');
 var styleUtils = require('./utils/styleUtils.js');
 var typeOf = require('./utils/typeOf.js');
+var View = require('./layout-view/View.js');
+var useViewBroadcastChannel = require('./layout-view/useViewBroadcastChannel.js');
 
 
 
+exports.Component = Component;
 exports.DockLayout = DockLayout;
 exports.Drawer = Drawer;
-exports.Component = Component;
 exports.Draggable = Draggable.Draggable;
 exports.DropTarget = DropTarget.DropTarget;
 exports.identifyDropTarget = DropTarget.identifyDropTarget;
 exports.isTabstrip = DropTarget.isTabstrip;
-exports.LayoutContainer = LayoutContainer.LayoutContainer;
 exports.Flexbox = Flexbox;
 exports.FlexboxLayout = FlexboxLayout.FlexboxLayout;
 exports.Action = layoutAction.Action;
@@ -77,12 +76,11 @@ exports.layoutFromJson = layoutUtils.layoutFromJson;
 exports.layoutQuery = layoutUtils.layoutQuery;
 exports.layoutToJSON = layoutUtils.layoutToJSON;
 exports.serializeProps = layoutUtils.serializeProps;
-exports.useViewBroadcastChannel = useViewBroadcastChannel.useViewBroadcastChannel;
-exports.View = View.View;
 exports.useViewActionDispatcher = useViewActionDispatcher.useViewActionDispatcher;
 exports.ViewContext = ViewContext.ViewContext;
 exports.useViewContext = ViewContext.useViewContext;
 exports.useViewDispatch = ViewContext.useViewDispatch;
+exports.LayoutContainer = LayoutContainer.LayoutContainer;
 exports.Palette = Palette.Palette;
 exports.PaletteItem = Palette.PaletteItem;
 exports.Placeholder = Placeholder.Placeholder;
@@ -119,4 +117,6 @@ exports.expandFlex = styleUtils.expandFlex;
 exports.isLayoutJSON = typeOf.isLayoutJSON;
 exports.isTypeOf = typeOf.isTypeOf;
 exports.typeOf = typeOf.typeOf;
+exports.View = View.View;
+exports.useViewBroadcastChannel = useViewBroadcastChannel.useViewBroadcastChannel;
 //# sourceMappingURL=index.js.map

package/cjs/layout-header/Header.js

@@ -1,9 +1,9 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var vuuUiControls = require('@vuu-ui/vuu-ui-controls');
 var styles = require('@salt-ds/styles');
 var window = require('@salt-ds/window');
+var vuuUiControls = require('@vuu-ui/vuu-ui-controls');
 var cx = require('clsx');
 var React = require('react');
 var useHeader = require('./useHeader.js');

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

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../../packages/vuu-layout/src/layout-header/Header.tsx"],"sourcesContent":["import { EditableLabel, IconButton } from \"@vuu-ui/vuu-ui-controls\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport { HTMLAttributes, MouseEvent, ReactElement, cloneElement } from \"react\";\nimport { Contribution } from \"../layout-view\";\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":["useWindow","useComponentCssInjection","headerCss","useHeader","cloneElement","jsx","IconButton","EditableLabel"],"mappings":"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"}
+{"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":["useWindow","useComponentCssInjection","headerCss","useHeader","cloneElement","jsx","IconButton","EditableLabel"],"mappings":"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"}

package/cjs/layout-header/useHeader.js

@@ -1,7 +1,6 @@
 'use strict';
 
 var React = require('react');
-require('../layout-provider/LayoutProvider.js');
 var ViewContext = require('../layout-view-actions/ViewContext.js');
 var vuuUtils = require('@vuu-ui/vuu-utils');
 

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

@@ -1 +1 @@
-{"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\";\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":["useState","useRef","useViewDispatch","useCallback","queryClosest"],"mappings":"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"}
+{"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":["useState","useRef","useViewDispatch","useCallback","queryClosest"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutProvider.js","sources":["../../../../packages/vuu-layout/src/layout-provider/LayoutProvider.tsx"],"sourcesContent":["import {\n  VuuShellLocation,\n  logger,\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 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 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      info?.(\"workspaceJSON changed. inject new layout into application\");\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":["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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"}
+{"version":3,"file":"LayoutProvider.js","sources":["../../../../packages/vuu-layout/src/layout-provider/LayoutProvider.tsx"],"sourcesContent":["import {\n  VuuShellLocation,\n  logger,\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 { info } = logger(\"LayoutProvider\");\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      info?.(\"workspaceJSON changed. inject new layout into application\");\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":["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-provider/LayoutProviderContext.js.map

@@ -1 +1 @@
-{"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 { SaveAction } from \"../layout-view\";\nimport { LayoutJSON } from \"@vuu-ui/vuu-utils\";\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":["createContext"],"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,wBAAwBA,mBAA0C,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;;;;;"}
+{"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":["createContext"],"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,wBAAwBA,mBAA0C,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;;;;;"}

package/cjs/layout-view/View.js

@@ -10,7 +10,6 @@ var React = require('react');
 var Header = require('../layout-header/Header.js');
 var useView = require('./useView.js');
 var useViewResize = require('./useViewResize.js');
-require('../layout-provider/LayoutProvider.js');
 var ViewContext = require('../layout-view-actions/ViewContext.js');
 var View$1 = require('./View.css.js');
 
@@ -64,13 +63,11 @@ const View = React.forwardRef(function View2(props, forwardedRef) {
     contributions,
     dispatchViewAction,
     load,
-    loadSession,
     onConfigChange,
     onEditTitle,
     purge,
     restoredState,
     save,
-    saveSession,
     title
   } = useView.useView({
     id,
@@ -99,23 +96,19 @@ const View = React.forwardRef(function View2(props, forwardedRef) {
       path,
       title,
       load,
-      loadSession,
       onConfigChange,
       purge,
       save,
-      saveSession,
       setComponentProps
     }),
     [
       dispatchViewAction,
       id,
       load,
-      loadSession,
       onConfigChange,
       path,
       purge,
       save,
-      saveSession,
       setComponentProps,
       title
     ]

package/cjs/layout-view/View.js.map

@@ -1 +1 @@
-{"version":3,"file":"View.js","sources":["../../../../packages/vuu-layout/src/layout-view/View.tsx"],"sourcesContent":["import { registerComponent, useId } from \"@vuu-ui/vuu-utils\";\nimport { useForkRef } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport React, {\n  ForwardedRef,\n  forwardRef,\n  ReactElement,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Header as VuuHeader } from \"../layout-header/Header\";\nimport { useView } from \"./useView\";\nimport { useViewResize } from \"./useViewResize\";\nimport { ViewContext, ViewContextAPI } from \"../layout-view-actions\";\nimport { ViewProps } from \"./viewTypes\";\n\nimport viewCss from \"./View.css\";\n\nconst classBase = \"vuuView\";\n\ntype Props = { [key: string]: unknown };\n\nconst getProps = (state?: Props, props?: Props) => {\n  if (state && props) {\n    return {\n      ...state,\n      ...props,\n    };\n  } else return state || props;\n};\n\n/**\n * View is the leaf-level entity managed by the Vuu layout system. It may represent a component\n * or a group of components. It also offers an API (via useViewContext) for persistence.\n */\nconst View = forwardRef(function View(\n  props: ViewProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    Header = VuuHeader,\n    allowRename,\n    children,\n    className,\n    collapsed,\n    closeable,\n    \"data-path\": dataPath,\n    \"data-resizeable\": dataResizeable,\n    dropTargets,\n    expanded,\n    flexFill,\n    id: idProp,\n    header,\n    onCollapse,\n    onExpand,\n    orientation = \"horizontal\",\n    path = dataPath,\n    resize = \"responsive\",\n    resizeable = dataResizeable,\n    restoreStyle,\n    tearOut,\n    style = {},\n    title: titleProp,\n    ...restProps\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-view\",\n    css: viewCss,\n    window: targetWindow,\n  });\n\n  const id = useId(idProp);\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const mainRef = useRef<HTMLDivElement>(null);\n  const [componentProps, _setComponentProps] = useState<Props>();\n  const {\n    contributions,\n    dispatchViewAction,\n    load,\n    loadSession,\n    onConfigChange,\n    onEditTitle,\n    purge,\n    restoredState,\n    save,\n    saveSession,\n    title,\n  } = useView({\n    id,\n    rootRef,\n    path,\n    dropTargets,\n    title: titleProp,\n  });\n\n  useViewResize({ mainRef, resize, rootRef });\n\n  const setComponentProps = useCallback((props?: Props) => {\n    _setComponentProps(props);\n  }, []);\n\n  const getContent = () => {\n    if (React.isValidElement(children) && (restoredState || componentProps)) {\n      return React.cloneElement(\n        children,\n        getProps(restoredState, componentProps),\n      );\n    }\n    return children;\n  };\n\n  const viewContextValue: ViewContextAPI = useMemo(\n    () => ({\n      dispatch: dispatchViewAction,\n      id,\n      path,\n      title,\n      load,\n      loadSession,\n      onConfigChange,\n      purge,\n      save,\n      saveSession,\n      setComponentProps,\n    }),\n    [\n      dispatchViewAction,\n      id,\n      load,\n      loadSession,\n      onConfigChange,\n      path,\n      purge,\n      save,\n      saveSession,\n      setComponentProps,\n      title,\n    ],\n  );\n\n  const headerProps = typeof header === \"object\" ? header : {};\n\n  return (\n    <div\n      {...restProps}\n      className={cx(classBase, className, {\n        [`${classBase}-collapsed`]: collapsed,\n        [`${classBase}-expanded`]: expanded,\n        [`${classBase}-resize-defer`]: resize === \"defer\",\n      })}\n      data-resizeable={resizeable}\n      id={id}\n      ref={useForkRef(forwardedRef, rootRef)}\n      style={style}\n      tabIndex={-1}\n    >\n      <ViewContext.Provider value={viewContextValue}>\n        {header ? (\n          <Header\n            {...headerProps}\n            allowRename={allowRename}\n            collapsed={collapsed}\n            contributions={contributions}\n            expanded={expanded}\n            closeable={closeable}\n            onCollapse={onCollapse}\n            onEditTitle={onEditTitle}\n            onExpand={onExpand}\n            orientation={orientation}\n            tearOut={tearOut}\n            title={title}\n          />\n        ) : null}\n        <div className={`${classBase}-main`} ref={mainRef}>\n          {getContent()}\n        </div>\n      </ViewContext.Provider>\n    </div>\n  );\n});\nView.displayName = \"View\";\n\ninterface ViewComponentType {\n  (\n    props: ViewProps & {\n      ref?: ForwardedRef<HTMLDivElement>;\n    },\n  ): ReactElement<ViewProps>;\n  displayName?: string;\n}\n\nconst MemoView = React.memo(View) as ViewComponentType;\n\nMemoView.displayName = \"View\";\n\nregisterComponent(\"View\", MemoView, \"view\");\n\nexport { MemoView as View };\n"],"names":["forwardRef","View","Header","VuuHeader","useWindow","useComponentCssInjection","viewCss","useId","useRef","useState","useView","useViewResize","useCallback","props","useMemo","jsx","useForkRef","jsxs","ViewContext","registerComponent"],"mappings":"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"}
+{"version":3,"file":"View.js","sources":["../../../../packages/vuu-layout/src/layout-view/View.tsx"],"sourcesContent":["import { registerComponent, useId } from \"@vuu-ui/vuu-utils\";\nimport { useForkRef } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport React, {\n  ForwardedRef,\n  forwardRef,\n  ReactElement,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Header as VuuHeader } from \"../layout-header/Header\";\nimport { useView } from \"./useView\";\nimport { useViewResize } from \"./useViewResize\";\nimport {\n  ViewContext,\n  ViewContextAPI,\n} from \"../layout-view-actions/ViewContext\";\nimport { ViewProps } from \"./viewTypes\";\n\nimport viewCss from \"./View.css\";\n\nconst classBase = \"vuuView\";\n\ntype Props = { [key: string]: unknown };\n\nconst getProps = (state?: Props, props?: Props) => {\n  if (state && props) {\n    return {\n      ...state,\n      ...props,\n    };\n  } else return state || props;\n};\n\n/**\n * View is the leaf-level entity managed by the Vuu layout system. It may represent a component\n * or a group of components. It also offers an API (via useViewContext) for persistence.\n */\nconst View = forwardRef(function View(\n  props: ViewProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    Header = VuuHeader,\n    allowRename,\n    children,\n    className,\n    collapsed,\n    closeable,\n    \"data-path\": dataPath,\n    \"data-resizeable\": dataResizeable,\n    dropTargets,\n    expanded,\n    flexFill,\n    id: idProp,\n    header,\n    onCollapse,\n    onExpand,\n    orientation = \"horizontal\",\n    path = dataPath,\n    resize = \"responsive\",\n    resizeable = dataResizeable,\n    restoreStyle,\n    tearOut,\n    style = {},\n    title: titleProp,\n    ...restProps\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-view\",\n    css: viewCss,\n    window: targetWindow,\n  });\n\n  const id = useId(idProp);\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const mainRef = useRef<HTMLDivElement>(null);\n  const [componentProps, _setComponentProps] = useState<Props>();\n  const {\n    contributions,\n    dispatchViewAction,\n    load,\n    onConfigChange,\n    onEditTitle,\n    purge,\n    restoredState,\n    save,\n    title,\n  } = useView({\n    id,\n    rootRef,\n    path,\n    dropTargets,\n    title: titleProp,\n  });\n\n  useViewResize({ mainRef, resize, rootRef });\n\n  const setComponentProps = useCallback((props?: Props) => {\n    _setComponentProps(props);\n  }, []);\n\n  const getContent = () => {\n    if (React.isValidElement(children) && (restoredState || componentProps)) {\n      return React.cloneElement(\n        children,\n        getProps(restoredState, componentProps),\n      );\n    }\n    return children;\n  };\n\n  const viewContextValue: ViewContextAPI = useMemo(\n    () => ({\n      dispatch: dispatchViewAction,\n      id,\n      path,\n      title,\n      load,\n      onConfigChange,\n      purge,\n      save,\n      setComponentProps,\n    }),\n    [\n      dispatchViewAction,\n      id,\n      load,\n      onConfigChange,\n      path,\n      purge,\n      save,\n      setComponentProps,\n      title,\n    ],\n  );\n\n  const headerProps = typeof header === \"object\" ? header : {};\n\n  return (\n    <div\n      {...restProps}\n      className={cx(classBase, className, {\n        [`${classBase}-collapsed`]: collapsed,\n        [`${classBase}-expanded`]: expanded,\n        [`${classBase}-resize-defer`]: resize === \"defer\",\n      })}\n      data-resizeable={resizeable}\n      id={id}\n      ref={useForkRef(forwardedRef, rootRef)}\n      style={style}\n      tabIndex={-1}\n    >\n      <ViewContext.Provider value={viewContextValue}>\n        {header ? (\n          <Header\n            {...headerProps}\n            allowRename={allowRename}\n            collapsed={collapsed}\n            contributions={contributions}\n            expanded={expanded}\n            closeable={closeable}\n            onCollapse={onCollapse}\n            onEditTitle={onEditTitle}\n            onExpand={onExpand}\n            orientation={orientation}\n            tearOut={tearOut}\n            title={title}\n          />\n        ) : null}\n        <div className={`${classBase}-main`} ref={mainRef}>\n          {getContent()}\n        </div>\n      </ViewContext.Provider>\n    </div>\n  );\n});\nView.displayName = \"View\";\n\ninterface ViewComponentType {\n  (\n    props: ViewProps & {\n      ref?: ForwardedRef<HTMLDivElement>;\n    },\n  ): ReactElement<ViewProps>;\n  displayName?: string;\n}\n\nconst MemoView = React.memo(View) as ViewComponentType;\n\nMemoView.displayName = \"View\";\n\nregisterComponent(\"View\", MemoView, \"view\");\n\nexport { MemoView as View };\n"],"names":["forwardRef","View","Header","VuuHeader","useWindow","useComponentCssInjection","viewCss","useId","useRef","useState","useView","useViewResize","useCallback","props","useMemo","jsx","useForkRef","jsxs","ViewContext","registerComponent"],"mappings":"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"}

package/cjs/layout-view/useView.js

@@ -13,13 +13,7 @@ const useView = ({
   title: titleProp
 }) => {
   const layoutDispatch = LayoutProvider.useLayoutProviderDispatch();
-  const {
-    loadState,
-    loadSessionState,
-    purgeState,
-    saveState,
-    saveSessionState
-  } = usePersistentState.usePersistentState();
+  const { loadState, purgeState, saveState } = usePersistentState.usePersistentState();
   const [dispatchViewAction, contributions] = useViewActionDispatcher.useViewActionDispatcher(
     id,
     rootRef,
@@ -57,14 +51,6 @@ const useView = ({
     },
     [id, layoutDispatch, saveState]
   );
-  const loadSession = React.useCallback(
-    (key) => loadSessionState(id, key),
-    [id, loadSessionState]
-  );
-  const saveSession = React.useCallback(
-    (state, key) => saveSessionState(id, key, state),
-    [id, saveSessionState]
-  );
   const onConfigChange = React.useCallback(
     ({ type: key, ...config }) => {
       const { [key]: data } = config;
@@ -76,13 +62,11 @@ const useView = ({
     contributions,
     dispatchViewAction,
     load,
-    loadSession,
     onConfigChange,
     onEditTitle,
     purge,
     restoredState,
     save,
-    saveSession,
     title
   };
 };

package/cjs/layout-view/useView.js.map

@@ -1 +1 @@
-{"version":3,"file":"useView.js","sources":["../../../../packages/vuu-layout/src/layout-view/useView.tsx"],"sourcesContent":["import { RefObject, useCallback, useMemo } from \"react\";\nimport { useLayoutProviderDispatch } from \"../layout-provider/LayoutProvider\";\nimport { usePersistentState } from \"../use-persistent-state\";\nimport { useViewActionDispatcher } from \"../layout-view-actions/useViewActionDispatcher\";\nimport { ConfigChangeHandler } from \"../layout-view-actions\";\n\nexport interface ViewHookProps {\n  id: string;\n  rootRef: RefObject<HTMLDivElement | null>;\n  path?: string;\n  dropTargets?: string[];\n  title?: string;\n}\n\nexport const useView = ({\n  id,\n  rootRef,\n  path,\n  dropTargets,\n  title: titleProp,\n}: ViewHookProps) => {\n  const layoutDispatch = useLayoutProviderDispatch();\n\n  const {\n    loadState,\n    loadSessionState,\n    purgeState,\n    saveState,\n    saveSessionState,\n  } = usePersistentState();\n\n  const [dispatchViewAction, contributions] = useViewActionDispatcher(\n    id,\n    rootRef,\n    path,\n    dropTargets,\n  );\n\n  const title = useMemo(\n    () => loadState(\"view-title\") ?? titleProp,\n    [loadState, titleProp],\n  );\n\n  const onEditTitle = useCallback(\n    (title: string) => {\n      if (path) {\n        layoutDispatch({ type: \"set-title\", path, title });\n      }\n    },\n    [layoutDispatch, path],\n  );\n\n  const restoredState = useMemo(() => loadState(id), [id, loadState]);\n\n  const load = useCallback(\n    (key?: string) => loadState(id, key),\n    [id, loadState],\n  );\n\n  const purge = useCallback(\n    (key: string) => {\n      purgeState(id, key);\n      layoutDispatch({ type: \"save\" });\n    },\n    [id, layoutDispatch, purgeState],\n  );\n\n  const save = useCallback(\n    (state: unknown, key: string) => {\n      saveState(id, key, state);\n      layoutDispatch({ type: \"save\" });\n    },\n    [id, layoutDispatch, saveState],\n  );\n  const loadSession = useCallback(\n    (key?: string) => loadSessionState(id, key),\n    [id, loadSessionState],\n  );\n  const saveSession = useCallback(\n    (state: unknown, key: string) => saveSessionState(id, key, state),\n    [id, saveSessionState],\n  );\n\n  const onConfigChange = useCallback<ConfigChangeHandler>(\n    ({ type: key, ...config }) => {\n      const { [key]: data } = config;\n      save(data, key);\n    },\n    [save],\n  );\n\n  return {\n    contributions,\n    dispatchViewAction,\n    load,\n    loadSession,\n    onConfigChange,\n    onEditTitle,\n    purge,\n    restoredState,\n    save,\n    saveSession,\n    title,\n  };\n};\n"],"names":["useLayoutProviderDispatch","usePersistentState","useViewActionDispatcher","useMemo","useCallback","title"],"mappings":"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"}
+{"version":3,"file":"useView.js","sources":["../../../../packages/vuu-layout/src/layout-view/useView.tsx"],"sourcesContent":["import { RefObject, useCallback, useMemo } from \"react\";\nimport { useLayoutProviderDispatch } from \"../layout-provider/LayoutProvider\";\nimport { usePersistentState } from \"../use-persistent-state\";\nimport { useViewActionDispatcher } from \"../layout-view-actions/useViewActionDispatcher\";\nimport { ConfigChangeHandler } from \"../layout-view-actions/ViewContext\";\n\nexport interface ViewHookProps {\n  id: string;\n  rootRef: RefObject<HTMLDivElement | null>;\n  path?: string;\n  dropTargets?: string[];\n  title?: string;\n}\n\nexport const useView = ({\n  id,\n  rootRef,\n  path,\n  dropTargets,\n  title: titleProp,\n}: ViewHookProps) => {\n  const layoutDispatch = useLayoutProviderDispatch();\n\n  const { loadState, purgeState, saveState } = usePersistentState();\n\n  const [dispatchViewAction, contributions] = useViewActionDispatcher(\n    id,\n    rootRef,\n    path,\n    dropTargets,\n  );\n\n  const title = useMemo(\n    () => loadState(\"view-title\") ?? titleProp,\n    [loadState, titleProp],\n  );\n\n  const onEditTitle = useCallback(\n    (title: string) => {\n      if (path) {\n        layoutDispatch({ type: \"set-title\", path, title });\n      }\n    },\n    [layoutDispatch, path],\n  );\n\n  const restoredState = useMemo(() => loadState(id), [id, loadState]);\n\n  const load = useCallback(\n    (key?: string) => loadState(id, key),\n    [id, loadState],\n  );\n\n  const purge = useCallback(\n    (key: string) => {\n      purgeState(id, key);\n      layoutDispatch({ type: \"save\" });\n    },\n    [id, layoutDispatch, purgeState],\n  );\n\n  const save = useCallback(\n    (state: unknown, key: string) => {\n      saveState(id, key, state);\n      layoutDispatch({ type: \"save\" });\n    },\n    [id, layoutDispatch, saveState],\n  );\n\n  const onConfigChange = useCallback<ConfigChangeHandler>(\n    ({ type: key, ...config }) => {\n      const { [key]: data } = config;\n      save(data, key);\n    },\n    [save],\n  );\n\n  return {\n    contributions,\n    dispatchViewAction,\n    load,\n    onConfigChange,\n    onEditTitle,\n    purge,\n    restoredState,\n    save,\n    title,\n  };\n};\n"],"names":["useLayoutProviderDispatch","usePersistentState","useViewActionDispatcher","useMemo","useCallback","title"],"mappings":";;;;;;;AAcO,MAAM,UAAU,CAAC;AAAA,EACtB,EAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA;AAAA,EACA,KAAO,EAAA;AACT,CAAqB,KAAA;AACnB,EAAA,MAAM,iBAAiBA,wCAA0B,EAAA;AAEjD,EAAA,MAAM,EAAE,SAAA,EAAW,UAAY,EAAA,SAAA,KAAcC,qCAAmB,EAAA;AAEhE,EAAM,MAAA,CAAC,kBAAoB,EAAA,aAAa,CAAI,GAAAC,+CAAA;AAAA,IAC1C,EAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,MAAM,KAAQ,GAAAC,aAAA;AAAA,IACZ,MAAM,SAAU,CAAA,YAAY,CAAK,IAAA,SAAA;AAAA,IACjC,CAAC,WAAW,SAAS;AAAA,GACvB;AAEA,EAAA,MAAM,WAAc,GAAAC,iBAAA;AAAA,IAClB,CAACC,MAAkB,KAAA;AACjB,MAAA,IAAI,IAAM,EAAA;AACR,QAAA,cAAA,CAAe,EAAE,IAAM,EAAA,WAAA,EAAa,IAAM,EAAA,KAAA,EAAAA,QAAO,CAAA;AAAA;AACnD,KACF;AAAA,IACA,CAAC,gBAAgB,IAAI;AAAA,GACvB;AAEA,EAAM,MAAA,aAAA,GAAgBF,cAAQ,MAAM,SAAA,CAAU,EAAE,CAAG,EAAA,CAAC,EAAI,EAAA,SAAS,CAAC,CAAA;AAElE,EAAA,MAAM,IAAO,GAAAC,iBAAA;AAAA,IACX,CAAC,GAAA,KAAiB,SAAU,CAAA,EAAA,EAAI,GAAG,CAAA;AAAA,IACnC,CAAC,IAAI,SAAS;AAAA,GAChB;AAEA,EAAA,MAAM,KAAQ,GAAAA,iBAAA;AAAA,IACZ,CAAC,GAAgB,KAAA;AACf,MAAA,UAAA,CAAW,IAAI,GAAG,CAAA;AAClB,MAAe,cAAA,CAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,CAAA;AAAA,KACjC;AAAA,IACA,CAAC,EAAI,EAAA,cAAA,EAAgB,UAAU;AAAA,GACjC;AAEA,EAAA,MAAM,IAAO,GAAAA,iBAAA;AAAA,IACX,CAAC,OAAgB,GAAgB,KAAA;AAC/B,MAAU,SAAA,CAAA,EAAA,EAAI,KAAK,KAAK,CAAA;AACxB,MAAe,cAAA,CAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,CAAA;AAAA,KACjC;AAAA,IACA,CAAC,EAAI,EAAA,cAAA,EAAgB,SAAS;AAAA,GAChC;AAEA,EAAA,MAAM,cAAiB,GAAAA,iBAAA;AAAA,IACrB,CAAC,EAAE,IAAA,EAAM,GAAK,EAAA,GAAG,QAAa,KAAA;AAC5B,MAAA,MAAM,EAAE,CAAC,GAAG,GAAG,MAAS,GAAA,MAAA;AACxB,MAAA,IAAA,CAAK,MAAM,GAAG,CAAA;AAAA,KAChB;AAAA,IACA,CAAC,IAAI;AAAA,GACP;AAEA,EAAO,OAAA;AAAA,IACL,aAAA;AAAA,IACA,kBAAA;AAAA,IACA,IAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAA;AAAA,IACA,IAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/cjs/layout-view-actions/ViewContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewContext.js","sources":["../../../../packages/vuu-layout/src/layout-view-actions/ViewContext.ts"],"sourcesContent":["import React, { SyntheticEvent, useContext } from \"react\";\nimport type { ViewAction } from \"../layout-view\";\n\nexport type QueryReponse = { [key: string]: unknown };\n\nexport type ConfigChangeHandler = (config: {\n  [key: string]: unknown;\n  type: string;\n}) => void;\n\nexport type ViewDispatch = <Action extends ViewAction = ViewAction>(\n  action: Action,\n  evt?: SyntheticEvent,\n) => Promise<boolean | QueryReponse | void>;\n\n/**\n * This API is available to any Feature hosted within Vuu (as all Features are wrapped\n * with View component). It offers metadata about the View as well as access to the\n * Vuu persistencew API;\n */\nexport interface ViewContextAPI {\n  /**\n   * dispatcher for View actions. These are a subset of LayoutActions, specifically for\n   * View manipulation\n   */\n  dispatch?: ViewDispatch | null;\n  id?: string;\n  load?: <T = unknown>(key?: string) => T;\n  loadSession?: (key?: string) => unknown;\n  onConfigChange?: ConfigChangeHandler;\n  path?: string;\n  purge?: (key: string) => void;\n  save?: (state: unknown, key: string) => void;\n  saveSession?: (state: unknown, key: string) => void;\n  setComponentProps: (props: { [key: string]: unknown }) => void;\n  title?: string;\n}\n\nconst NO_CONTEXT = { dispatch: null } as ViewContextAPI;\nexport const ViewContext = React.createContext<ViewContextAPI>(NO_CONTEXT);\n\nexport const useViewDispatch = () => {\n  const context = useContext(ViewContext);\n  return context?.dispatch ?? null;\n};\n\nexport const useViewContext = () => useContext(ViewContext);\n"],"names":["useContext"],"mappings":";;;;AAsCA,MAAM,UAAA,GAAa,EAAE,QAAA,EAAU,IAAK,EAAA;AACvB,MAAA,WAAA,GAAc,KAAM,CAAA,aAAA,CAA8B,UAAU;AAElE,MAAM,kBAAkB,MAAM;AACnC,EAAM,MAAA,OAAA,GAAUA,iBAAW,WAAW,CAAA;AACtC,EAAA,OAAO,SAAS,QAAY,IAAA,IAAA;AAC9B;AAEa,MAAA,cAAA,GAAiB,MAAMA,gBAAA,CAAW,WAAW;;;;;;"}
+{"version":3,"file":"ViewContext.js","sources":["../../../../packages/vuu-layout/src/layout-view-actions/ViewContext.ts"],"sourcesContent":["import React, { SyntheticEvent, useContext } from \"react\";\nimport { ViewAction } from \"../layout-view/viewTypes\";\n\nexport type QueryResponse = { [key: string]: unknown };\n\nexport type ConfigChangeHandler = (config: {\n  [key: string]: unknown;\n  type: string;\n}) => void;\n\nexport type ViewDispatch = <Action extends ViewAction = ViewAction>(\n  action: Action,\n  evt?: SyntheticEvent,\n) => Promise<boolean | QueryResponse | void>;\n\n/**\n * This API is available to any Feature hosted within Vuu (as all Features are wrapped\n * with View component). It offers metadata about the View as well as access to the\n * Vuu persistencew API;\n */\nexport interface ViewContextAPI {\n  /**\n   * dispatcher for View actions. These are a subset of LayoutActions, specifically for\n   * View manipulation\n   */\n  dispatch?: ViewDispatch | null;\n  id?: string;\n  load?: <T = unknown>(key?: string) => T;\n  onConfigChange?: ConfigChangeHandler;\n  path?: string;\n  purge?: (key: string) => void;\n  save?: (state: unknown, key: string) => void;\n  setComponentProps: (props: { [key: string]: unknown }) => void;\n  title?: string;\n}\n\nconst NO_CONTEXT = { dispatch: null } as ViewContextAPI;\nexport const ViewContext = React.createContext<ViewContextAPI>(NO_CONTEXT);\n\nexport const useViewDispatch = () => {\n  const context = useContext(ViewContext);\n  return context?.dispatch ?? null;\n};\n\nexport const useViewContext = () => useContext(ViewContext);\n"],"names":["useContext"],"mappings":";;;;AAoCA,MAAM,UAAA,GAAa,EAAE,QAAA,EAAU,IAAK,EAAA;AACvB,MAAA,WAAA,GAAc,KAAM,CAAA,aAAA,CAA8B,UAAU;AAElE,MAAM,kBAAkB,MAAM;AACnC,EAAM,MAAA,OAAA,GAAUA,iBAAW,WAAW,CAAA;AACtC,EAAA,OAAO,SAAS,QAAY,IAAA,IAAA;AAC9B;AAEa,MAAA,cAAA,GAAiB,MAAMA,gBAAA,CAAW,WAAW;;;;;;"}

package/cjs/layout-view-actions/useViewActionDispatcher.js

@@ -1,38 +1,21 @@
 'use strict';
 
+var vuuDataReact = require('@vuu-ui/vuu-data-react');
 var React = require('react');
 var LayoutProvider = require('../layout-provider/LayoutProvider.js');
-var usePersistentState = require('../use-persistent-state.js');
 var useViewBroadcastChannel = require('../layout-view/useViewBroadcastChannel.js');
+var usePersistentState = require('../use-persistent-state.js');
+var useViewContributions = require('./useViewContributions.js');
 
 const useViewActionDispatcher = (id, rootRef, viewPath, dropTargets) => {
-  const { loadSessionState, purgeSessionState, purgeState, saveSessionState } = usePersistentState.usePersistentState();
-  const [contributions, setContributions] = React.useState(
-    loadSessionState(id, "contributions") ?? []
-  );
+  const { purgeState } = usePersistentState.usePersistentState();
+  const { clearDataSource: clearDataSourceFromSessionState } = vuuDataReact.useSessionDataSource();
+  const { clearContributions, contributions, updateContributions } = useViewContributions.useViewContributions({ sessionKey: id });
   const dispatchLayoutAction = LayoutProvider.useLayoutProviderDispatch();
-  const updateContributions = React.useCallback(
-    (location, content) => {
-      const updatedContributions = contributions.concat([
-        { location, content }
-      ]);
-      saveSessionState(id, "contributions", updatedContributions);
-      setContributions(updatedContributions);
-    },
-    [contributions, id, saveSessionState]
-  );
-  const clearContributions = React.useCallback(() => {
-    purgeSessionState(id, "contributions");
-    setContributions([]);
-  }, [id, purgeSessionState]);
   const unsubscribeAndClearState = React.useCallback(() => {
-    const ds = loadSessionState(id, "data-source");
-    if (ds) {
-      ds.unsubscribe();
-    }
-    purgeSessionState(id);
+    clearDataSourceFromSessionState(id, true);
     purgeState(id);
-  }, [id, loadSessionState, purgeSessionState, purgeState]);
+  }, [clearDataSourceFromSessionState, id, purgeState]);
   const handleRemove = React.useCallback(() => {
     unsubscribeAndClearState();
     dispatchLayoutAction({ type: "remove", path: viewPath });

package/cjs/layout-view-actions/useViewActionDispatcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"useViewActionDispatcher.js","sources":["../../../../packages/vuu-layout/src/layout-view-actions/useViewActionDispatcher.ts"],"sourcesContent":["import { DataSource } from \"@vuu-ui/vuu-data-types\";\nimport {\n  ReactElement,\n  RefObject,\n  SyntheticEvent,\n  useCallback,\n  useState,\n} from \"react\";\nimport { useLayoutProviderDispatch } from \"../layout-provider/LayoutProvider\";\nimport { DragStartAction } from \"../layout-reducer\";\nimport { usePersistentState } from \"../use-persistent-state\";\nimport { QueryReponse, ViewDispatch } from \"./ViewContext\";\nimport type {\n  BroadcastMessageHandler,\n  Contribution,\n  ContributionLocation,\n  ViewAction,\n} from \"../layout-view\";\nimport { useViewBroadcastChannel } from \"../layout-view/useViewBroadcastChannel\";\n\nexport const useViewActionDispatcher = (\n  id: string,\n  rootRef: RefObject<HTMLDivElement | null>,\n  viewPath?: string,\n  dropTargets?: string[],\n): [ViewDispatch, Contribution[] | undefined] => {\n  const { loadSessionState, purgeSessionState, purgeState, saveSessionState } =\n    usePersistentState();\n\n  const [contributions, setContributions] = useState<Contribution[]>(\n    loadSessionState(id, \"contributions\") ?? [],\n  );\n  const dispatchLayoutAction = useLayoutProviderDispatch();\n  const updateContributions = useCallback(\n    (location: ContributionLocation, content: ReactElement) => {\n      const updatedContributions = contributions.concat([\n        { location, content },\n      ]);\n      saveSessionState(id, \"contributions\", updatedContributions);\n      setContributions(updatedContributions);\n    },\n    [contributions, id, saveSessionState],\n  );\n\n  const clearContributions = useCallback(() => {\n    purgeSessionState(id, \"contributions\");\n    setContributions([]);\n  }, [id, purgeSessionState]);\n\n  // This assumes datasource has been stored in session state\n  // we should extend to accommodate multiple dataSources\n  const unsubscribeAndClearState = useCallback(() => {\n    const ds = loadSessionState(id, \"data-source\") as DataSource;\n    if (ds) {\n      ds.unsubscribe();\n    }\n    purgeSessionState(id);\n    purgeState(id);\n  }, [id, loadSessionState, purgeSessionState, purgeState]);\n\n  const handleRemove = useCallback(() => {\n    unsubscribeAndClearState();\n    dispatchLayoutAction({ type: \"remove\", path: viewPath });\n  }, [unsubscribeAndClearState, dispatchLayoutAction, viewPath]);\n\n  const handleMouseDown = useCallback(\n    async (\n      evt: MouseEvent,\n      index: number,\n      preDragActivity: unknown,\n    ): Promise<boolean> => {\n      evt.stopPropagation();\n      const dragRect = rootRef.current?.getBoundingClientRect();\n      return new Promise((resolve, reject) => {\n        dispatchLayoutAction({\n          type: \"drag-start\",\n          evt,\n          path: index === undefined ? viewPath : `${viewPath}.${index}`,\n          dragRect,\n          preDragActivity,\n          dropTargets,\n          resolveDragStart: resolve,\n          rejectDragStart: reject,\n        } as DragStartAction);\n      });\n    },\n    [rootRef, dispatchLayoutAction, viewPath, dropTargets],\n  );\n\n  const handleMessageReceived = useCallback<BroadcastMessageHandler>(\n    (message) => {\n      switch (message.type) {\n        case \"highlight-on\":\n          rootRef?.current?.classList.add(\"vuuHighlighted\");\n          break;\n        case \"highlight-off\":\n          rootRef?.current?.classList.remove(\"vuuHighlighted\");\n          break;\n        case \"layout-closed\":\n          unsubscribeAndClearState();\n          break;\n        default:\n          console.log(`received ${message.type} message`);\n      }\n    },\n    [rootRef, unsubscribeAndClearState],\n  );\n\n  const sendMessage = useViewBroadcastChannel(\n    id,\n    viewPath,\n    handleMessageReceived,\n  );\n\n  const dispatchAction = useCallback(\n    async <A extends ViewAction = ViewAction>(\n      action: A,\n      evt?: MouseEvent | SyntheticEvent,\n    ): Promise<boolean | QueryReponse | void> => {\n      const { type } = action;\n      switch (type) {\n        case \"collapse\":\n        case \"expand\":\n          return dispatchLayoutAction({ type, path: action.path ?? viewPath });\n        case \"remove\":\n          return handleRemove();\n        case \"mousedown\":\n          // TODO fix types\n          return handleMouseDown(\n            evt as MouseEvent,\n            action.index as number,\n            action.preDragActivity,\n          );\n        case \"add-toolbar-contribution\":\n          return updateContributions(action.location, action.content);\n        case \"remove-toolbar-contribution\":\n          return clearContributions();\n        case \"query\":\n          return dispatchLayoutAction({\n            type,\n            path: action.path,\n            query: action.query,\n          });\n        case \"broadcast-message\":\n          sendMessage(action.message);\n          break;\n\n        default: {\n          return undefined;\n        }\n      }\n    },\n    [\n      dispatchLayoutAction,\n      viewPath,\n      handleRemove,\n      handleMouseDown,\n      updateContributions,\n      clearContributions,\n      sendMessage,\n    ],\n  );\n\n  return [dispatchAction, contributions];\n};\n"],"names":["usePersistentState","useState","useLayoutProviderDispatch","useCallback","useViewBroadcastChannel"],"mappings":"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"}
+{"version":3,"file":"useViewActionDispatcher.js","sources":["../../../../packages/vuu-layout/src/layout-view-actions/useViewActionDispatcher.ts"],"sourcesContent":["import { useSessionDataSource } from \"@vuu-ui/vuu-data-react\";\nimport { RefObject, SyntheticEvent, useCallback } from \"react\";\nimport { useLayoutProviderDispatch } from \"../layout-provider/LayoutProvider\";\nimport { DragStartAction } from \"../layout-reducer\";\nimport {\n  BroadcastMessageHandler,\n  useViewBroadcastChannel,\n} from \"../layout-view/useViewBroadcastChannel\";\nimport { usePersistentState } from \"../use-persistent-state\";\nimport { useViewContributions } from \"./useViewContributions\";\nimport { QueryResponse, ViewDispatch } from \"./ViewContext\";\nimport { Contribution, ViewAction } from \"../layout-view/viewTypes\";\n\nexport const useViewActionDispatcher = (\n  id: string,\n  rootRef: RefObject<HTMLDivElement | null>,\n  viewPath?: string,\n  dropTargets?: string[],\n): [ViewDispatch, Contribution[] | undefined] => {\n  const { purgeState } = usePersistentState();\n\n  const { clearDataSource: clearDataSourceFromSessionState } =\n    useSessionDataSource();\n\n  const { clearContributions, contributions, updateContributions } =\n    useViewContributions({ sessionKey: id });\n\n  const dispatchLayoutAction = useLayoutProviderDispatch();\n\n  // This assumes datasource has been stored in session state\n  // we should extend to accommodate multiple dataSources\n  const unsubscribeAndClearState = useCallback(() => {\n    clearDataSourceFromSessionState(id, true);\n    purgeState(id);\n  }, [clearDataSourceFromSessionState, id, purgeState]);\n\n  const handleRemove = useCallback(() => {\n    unsubscribeAndClearState();\n    dispatchLayoutAction({ type: \"remove\", path: viewPath });\n  }, [unsubscribeAndClearState, dispatchLayoutAction, viewPath]);\n\n  const handleMouseDown = useCallback(\n    async (\n      evt: MouseEvent,\n      index: number,\n      preDragActivity: unknown,\n    ): Promise<boolean> => {\n      evt.stopPropagation();\n      const dragRect = rootRef.current?.getBoundingClientRect();\n      return new Promise((resolve, reject) => {\n        dispatchLayoutAction({\n          type: \"drag-start\",\n          evt,\n          path: index === undefined ? viewPath : `${viewPath}.${index}`,\n          dragRect,\n          preDragActivity,\n          dropTargets,\n          resolveDragStart: resolve,\n          rejectDragStart: reject,\n        } as DragStartAction);\n      });\n    },\n    [rootRef, dispatchLayoutAction, viewPath, dropTargets],\n  );\n\n  const handleMessageReceived = useCallback<BroadcastMessageHandler>(\n    (message) => {\n      switch (message.type) {\n        case \"highlight-on\":\n          rootRef?.current?.classList.add(\"vuuHighlighted\");\n          break;\n        case \"highlight-off\":\n          rootRef?.current?.classList.remove(\"vuuHighlighted\");\n          break;\n        case \"layout-closed\":\n          unsubscribeAndClearState();\n          break;\n        default:\n          console.log(`received ${message.type} message`);\n      }\n    },\n    [rootRef, unsubscribeAndClearState],\n  );\n\n  const sendMessage = useViewBroadcastChannel(\n    id,\n    viewPath,\n    handleMessageReceived,\n  );\n\n  const dispatchAction = useCallback(\n    async <A extends ViewAction = ViewAction>(\n      action: A,\n      evt?: MouseEvent | SyntheticEvent,\n    ): Promise<boolean | QueryResponse | void> => {\n      const { type } = action;\n      switch (type) {\n        case \"collapse\":\n        case \"expand\":\n          return dispatchLayoutAction({ type, path: action.path ?? viewPath });\n        case \"remove\":\n          return handleRemove();\n        case \"mousedown\":\n          // TODO fix types\n          return handleMouseDown(\n            evt as MouseEvent,\n            action.index as number,\n            action.preDragActivity,\n          );\n        case \"add-toolbar-contribution\":\n          return updateContributions(action.location, action.content);\n        case \"remove-toolbar-contribution\":\n          return clearContributions();\n        case \"query\":\n          return dispatchLayoutAction({\n            type,\n            path: action.path,\n            query: action.query,\n          });\n        case \"broadcast-message\":\n          sendMessage(action.message);\n          break;\n\n        default: {\n          return undefined;\n        }\n      }\n    },\n    [\n      dispatchLayoutAction,\n      viewPath,\n      handleRemove,\n      handleMouseDown,\n      updateContributions,\n      clearContributions,\n      sendMessage,\n    ],\n  );\n\n  return [dispatchAction, contributions];\n};\n"],"names":["usePersistentState","useSessionDataSource","useViewContributions","useLayoutProviderDispatch","useCallback","useViewBroadcastChannel"],"mappings":"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"}

package/cjs/layout-view-actions/useViewContributions.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var React = require('react');
+
+const sessionState = /* @__PURE__ */ new Map();
+const EMPTY_ARRAY = [];
+const useViewContributions = ({
+  sessionKey
+}) => {
+  const [contributions, setContributions] = React.useState(EMPTY_ARRAY);
+  const updateContributions = React.useCallback(
+    (location, content) => {
+      const updatedContributions = contributions.concat([
+        { location, content }
+      ]);
+      sessionState.set(sessionKey, updatedContributions);
+      setContributions(updatedContributions);
+    },
+    [contributions, sessionKey]
+  );
+  const clearContributions = React.useCallback(() => {
+    sessionState.delete(sessionKey);
+    setContributions([]);
+  }, [sessionKey]);
+  return {
+    clearContributions,
+    contributions,
+    updateContributions
+  };
+};
+
+exports.useViewContributions = useViewContributions;
+//# sourceMappingURL=useViewContributions.js.map

package/cjs/layout-view-actions/useViewContributions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useViewContributions.js","sources":["../../../../packages/vuu-layout/src/layout-view-actions/useViewContributions.ts"],"sourcesContent":["import { ReactElement, useCallback, useState } from \"react\";\nimport type {\n  Contribution,\n  ContributionLocation,\n} from \"../layout-view/viewTypes\";\n\nconst sessionState = new Map<string, Contribution[]>();\n\nconst EMPTY_ARRAY: Contribution[] = [];\n\nexport const useViewContributions = ({\n  sessionKey,\n}: {\n  sessionKey: string;\n}) => {\n  const [contributions, setContributions] =\n    useState<Contribution[]>(EMPTY_ARRAY);\n\n  const updateContributions = useCallback(\n    (location: ContributionLocation, content: ReactElement) => {\n      const updatedContributions = contributions.concat([\n        { location, content },\n      ]);\n      sessionState.set(sessionKey, updatedContributions);\n      setContributions(updatedContributions);\n    },\n    [contributions, sessionKey],\n  );\n\n  const clearContributions = useCallback(() => {\n    sessionState.delete(sessionKey);\n    setContributions([]);\n  }, [sessionKey]);\n\n  return {\n    clearContributions,\n    contributions,\n    updateContributions,\n  };\n};\n"],"names":["useState","useCallback"],"mappings":";;;;AAMA,MAAM,YAAA,uBAAmB,GAA4B,EAAA;AAErD,MAAM,cAA8B,EAAC;AAE9B,MAAM,uBAAuB,CAAC;AAAA,EACnC;AACF,CAEM,KAAA;AACJ,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GACpCA,eAAyB,WAAW,CAAA;AAEtC,EAAA,MAAM,mBAAsB,GAAAC,iBAAA;AAAA,IAC1B,CAAC,UAAgC,OAA0B,KAAA;AACzD,MAAM,MAAA,oBAAA,GAAuB,cAAc,MAAO,CAAA;AAAA,QAChD,EAAE,UAAU,OAAQ;AAAA,OACrB,CAAA;AACD,MAAa,YAAA,CAAA,GAAA,CAAI,YAAY,oBAAoB,CAAA;AACjD,MAAA,gBAAA,CAAiB,oBAAoB,CAAA;AAAA,KACvC;AAAA,IACA,CAAC,eAAe,UAAU;AAAA,GAC5B;AAEA,EAAM,MAAA,kBAAA,GAAqBA,kBAAY,MAAM;AAC3C,IAAA,YAAA,CAAa,OAAO,UAAU,CAAA;AAC9B,IAAA,gBAAA,CAAiB,EAAE,CAAA;AAAA,GACrB,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAO,OAAA;AAAA,IACL,kBAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/cjs/palette/Palette.js

@@ -1,8 +1,8 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var vuuUtils = require('@vuu-ui/vuu-utils');
 var core = require('@salt-ds/core');
+var vuuUtils = require('@vuu-ui/vuu-utils');
 var styles = require('@salt-ds/styles');
 var window = require('@salt-ds/window');
 var cx = require('clsx');
@@ -30,7 +30,7 @@ const PaletteItem = React.memo(
     idx,
     key,
     value,
-    ViewProps: ViewProps2,
+    ViewProps,
     ...props
   }) => {
     const targetWindow = window.useWindow();
@@ -63,11 +63,11 @@ const PaletteItem = React.memo(
             dragThreshold: 10
           },
           path: "*",
-          payload: wrapInView(component, ViewProps2),
+          payload: wrapInView(component, ViewProps),
           type: "drag-start"
         });
       },
-      [ViewProps2, component, dispatch]
+      [ViewProps, component, dispatch]
     );
     return /* @__PURE__ */ jsxRuntime.jsx(
       core.Option,
@@ -85,7 +85,7 @@ const PaletteItem = React.memo(
 PaletteItem.displayName = "PaletteItem";
 const Palette = ({
   ListBoxProps: ListBoxProps2,
-  ViewProps: ViewProps2,
+  ViewProps,
   children,
   className,
   orientation = "horizontal",