@vuu-ui/vuu-layout 0.8.34 → 0.8.35

package/esm/flexbox/useSplitterResizing.js

@@ -1,207 +0,0 @@
-import { getUniqueId } from '@vuu-ui/vuu-utils';
-import React, { useRef, useState, useMemo, useCallback } from 'react';
-import { Placeholder } from '../placeholder/Placeholder.js';
-import { Splitter } from './Splitter.js';
-import { identifyResizeParties, gatherChildMeta, findSplitterAndPlaceholderPositions, PLACEHOLDER, SPLITTER } from './flexbox-utils.js';
-
-const originalContentOnly = (meta) => !meta.splitter && !meta.placeholder;
-const useSplitterResizing = ({
-  children: childrenProp,
-  onSplitterMoved,
-  style
-}) => {
-  const rootRef = useRef(null);
-  const metaRef = useRef();
-  const contentRef = useRef();
-  const assignedKeys = useRef([]);
-  const [, forceUpdate] = useState({});
-  const setContent = (content) => {
-    contentRef.current = content;
-    forceUpdate({});
-  };
-  const isColumn = style?.flexDirection === "column";
-  const dimension = isColumn ? "height" : "width";
-  const children = useMemo(
-    () => Array.isArray(childrenProp) ? childrenProp : React.isValidElement(childrenProp) ? [childrenProp] : [],
-    [childrenProp]
-  );
-  const handleDragStart = useCallback(
-    (index) => {
-      const { current: contentMeta } = metaRef;
-      if (contentMeta) {
-        const [participants, bystanders] = identifyResizeParties(
-          contentMeta,
-          index
-        );
-        if (participants) {
-          participants.forEach((index2) => {
-            const el = rootRef.current?.childNodes[index2];
-            if (el) {
-              const { size, minSize } = measureElement(el, dimension);
-              contentMeta[index2].currentSize = size;
-              contentMeta[index2].minSize = minSize;
-            }
-          });
-          if (bystanders) {
-            bystanders.forEach((index2) => {
-              const el = rootRef.current?.childNodes[index2];
-              if (el) {
-                const { [dimension]: size } = el.getBoundingClientRect();
-                contentMeta[index2].flexBasis = size;
-              }
-            });
-          }
-        }
-      }
-    },
-    [dimension]
-  );
-  const handleDrag = useCallback(
-    (idx, distance) => {
-      if (contentRef.current && metaRef.current) {
-        setContent(
-          resizeContent(
-            contentRef.current,
-            metaRef.current,
-            distance,
-            dimension
-          )
-        );
-      }
-    },
-    [dimension]
-  );
-  const handleDragEnd = useCallback(() => {
-    const contentMeta = metaRef.current;
-    if (contentMeta) {
-      onSplitterMoved?.(contentMeta.filter(originalContentOnly));
-    }
-    contentMeta?.forEach((meta) => {
-      meta.currentSize = void 0;
-      meta.flexBasis = void 0;
-      meta.flexOpen = false;
-    });
-  }, [onSplitterMoved]);
-  const createSplitter = useCallback(
-    (i) => {
-      return React.createElement(Splitter, {
-        column: isColumn,
-        index: i,
-        key: `splitter-${i}`,
-        onDrag: handleDrag,
-        onDragEnd: handleDragEnd,
-        onDragStart: handleDragStart
-      });
-    },
-    [handleDrag, handleDragEnd, handleDragStart, isColumn]
-  );
-  useMemo(() => {
-    const [content, meta] = buildContent(
-      children,
-      dimension,
-      createSplitter,
-      assignedKeys.current
-    );
-    metaRef.current = meta;
-    contentRef.current = content;
-  }, [children, createSplitter, dimension]);
-  return {
-    content: contentRef.current || [],
-    rootRef
-  };
-};
-function buildContent(children, dimension, createSplitter, keys) {
-  const childMeta = gatherChildMeta(children, dimension);
-  const splitterAndPlaceholderPositions = findSplitterAndPlaceholderPositions(childMeta);
-  const content = [];
-  const meta = [];
-  for (let i = 0; i < children.length; i++) {
-    const child = children[i];
-    if (i === 0 && splitterAndPlaceholderPositions[i] & PLACEHOLDER) {
-      content.push(createPlaceholder(i));
-      meta.push({ placeholder: true, shim: true });
-    }
-    if (child.key == null) {
-      const key = keys[i] || (keys[i] = getUniqueId());
-      content.push(React.cloneElement(child, { key }));
-    } else {
-      content.push(child);
-    }
-    meta.push(childMeta[i]);
-    if (i > 0 && splitterAndPlaceholderPositions[i] & PLACEHOLDER) {
-      content.push(createPlaceholder(i));
-      meta.push({ placeholder: true });
-    } else if (splitterAndPlaceholderPositions[i] & SPLITTER) {
-      content.push(createSplitter(content.length));
-      meta.push({ splitter: true });
-    }
-  }
-  return [content, meta];
-}
-function resizeContent(content, contentMeta, distance, dimension) {
-  const metaUpdated = updateMeta(contentMeta, distance);
-  if (!metaUpdated) {
-    return content;
-  }
-  return content.map((child, idx) => {
-    const meta = contentMeta[idx];
-    const { currentSize, flexOpen, flexBasis } = meta;
-    const hasCurrentSize = currentSize !== void 0;
-    if (hasCurrentSize || flexOpen) {
-      const { flexBasis: actualFlexBasis } = child.props.style || {};
-      const size = hasCurrentSize ? meta.currentSize : flexBasis;
-      if (size !== actualFlexBasis) {
-        return React.cloneElement(child, {
-          style: {
-            ...child.props.style,
-            flexBasis: size,
-            [dimension]: "auto"
-          }
-        });
-      } else {
-        return child;
-      }
-    } else {
-      return child;
-    }
-  });
-}
-function updateMeta(contentMeta, distance) {
-  const resizeTargets = [];
-  contentMeta.forEach((meta, idx) => {
-    if (meta.currentSize !== void 0) {
-      resizeTargets.push(idx);
-    }
-  });
-  const target1 = distance < 0 ? resizeTargets[0] : resizeTargets[1];
-  const { currentSize = 0, minSize = 0 } = contentMeta[target1];
-  if (currentSize === minSize) {
-    return false;
-  } else if (Math.abs(distance) > currentSize - minSize) {
-    const multiplier = distance < 0 ? -1 : 1;
-    distance = Math.max(0, currentSize - minSize) * multiplier;
-  }
-  const leadingItem = contentMeta[resizeTargets[0]];
-  const { currentSize: leadingSize = 0 } = leadingItem;
-  leadingItem.currentSize = leadingSize + distance;
-  const trailingItem = contentMeta[resizeTargets[1]];
-  const { currentSize: trailingSize = 0 } = trailingItem;
-  trailingItem.currentSize = trailingSize - distance;
-  return true;
-}
-function createPlaceholder(index) {
-  return React.createElement(Placeholder, {
-    shim: index === 0,
-    key: `placeholder-${index}`
-  });
-}
-function measureElement(el, dimension) {
-  const { [dimension]: size } = el.getBoundingClientRect();
-  const style = getComputedStyle(el);
-  const minSizeVal = style.getPropertyValue(`min-${dimension}`);
-  const minSize = minSizeVal.endsWith("px") ? parseInt(minSizeVal, 10) : 0;
-  return { size, minSize };
-}
-
-export { useSplitterResizing };
-//# sourceMappingURL=useSplitterResizing.js.map

package/esm/flexbox/useSplitterResizing.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSplitterResizing.js","sources":["../../src/flexbox/useSplitterResizing.ts"],"sourcesContent":["import { getUniqueId } from \"@vuu-ui/vuu-utils\";\nimport React, {\n  ReactElement,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Placeholder } from \"../placeholder\";\nimport { Splitter } from \"./Splitter\";\n\nimport {\n  findSplitterAndPlaceholderPositions,\n  gatherChildMeta,\n  identifyResizeParties,\n  PLACEHOLDER,\n  SPLITTER,\n} from \"./flexbox-utils\";\nimport {\n  ContentMeta,\n  FlexSize,\n  SplitterFactory,\n  SplitterHookProps,\n  SplitterHookResult,\n} from \"./flexboxTypes\";\n\nconst originalContentOnly = (meta: ContentMeta) =>\n  !meta.splitter && !meta.placeholder;\n\nexport const useSplitterResizing = ({\n  children: childrenProp,\n  onSplitterMoved,\n  style,\n}: SplitterHookProps): SplitterHookResult => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const metaRef = useRef<ContentMeta[]>();\n  const contentRef = useRef<ReactElement[]>();\n  const assignedKeys = useRef([]);\n  const [, forceUpdate] = useState({});\n\n  const setContent = (content: ReactElement[]) => {\n    contentRef.current = content;\n    forceUpdate({});\n  };\n\n  const isColumn = style?.flexDirection === \"column\";\n  const dimension = isColumn ? \"height\" : \"width\";\n  const children = useMemo(\n    () =>\n      Array.isArray(childrenProp)\n        ? childrenProp\n        : React.isValidElement(childrenProp)\n        ? [childrenProp]\n        : [],\n    [childrenProp]\n  );\n\n  const handleDragStart = useCallback(\n    (index) => {\n      const { current: contentMeta } = metaRef;\n      if (contentMeta) {\n        const [participants, bystanders] = identifyResizeParties(\n          contentMeta,\n          index\n        );\n        if (participants) {\n          participants.forEach((index) => {\n            const el = rootRef.current?.childNodes[index] as HTMLElement;\n            if (el) {\n              const { size, minSize } = measureElement(el, dimension);\n              contentMeta[index].currentSize = size;\n              contentMeta[index].minSize = minSize;\n            }\n          });\n          if (bystanders) {\n            bystanders.forEach((index) => {\n              const el = rootRef.current?.childNodes[index] as HTMLElement;\n              if (el) {\n                const { [dimension]: size } = el.getBoundingClientRect();\n                contentMeta[index].flexBasis = size;\n              }\n            });\n          }\n        }\n      }\n    },\n    [dimension]\n  );\n\n  const handleDrag = useCallback(\n    (idx, distance) => {\n      if (contentRef.current && metaRef.current) {\n        setContent(\n          resizeContent(\n            contentRef.current,\n            metaRef.current,\n            distance,\n            dimension\n          )\n        );\n      }\n    },\n    [dimension]\n  );\n\n  const handleDragEnd = useCallback(() => {\n    const contentMeta = metaRef.current;\n    if (contentMeta) {\n      onSplitterMoved?.(contentMeta.filter(originalContentOnly));\n    }\n    contentMeta?.forEach((meta) => {\n      meta.currentSize = undefined;\n      meta.flexBasis = undefined;\n      meta.flexOpen = false;\n    });\n  }, [onSplitterMoved]);\n\n  const createSplitter: SplitterFactory = useCallback(\n    (i) => {\n      return React.createElement(Splitter, {\n        column: isColumn,\n        index: i,\n        key: `splitter-${i}`,\n        onDrag: handleDrag,\n        onDragEnd: handleDragEnd,\n        onDragStart: handleDragStart,\n      });\n    },\n    [handleDrag, handleDragEnd, handleDragStart, isColumn]\n  );\n\n  useMemo(() => {\n    const [content, meta] = buildContent(\n      children,\n      dimension,\n      createSplitter,\n      assignedKeys.current\n    );\n    metaRef.current = meta;\n    contentRef.current = content;\n  }, [children, createSplitter, dimension]);\n\n  return {\n    content: contentRef.current || [],\n    rootRef,\n  };\n};\n\nfunction buildContent(\n  children: ReactElement[],\n  dimension: \"width\" | \"height\",\n  createSplitter: SplitterFactory,\n  keys: any[]\n): [any[], ContentMeta[]] {\n  const childMeta = gatherChildMeta(children, dimension);\n  const splitterAndPlaceholderPositions =\n    findSplitterAndPlaceholderPositions(childMeta);\n  const content = [];\n  const meta: ContentMeta[] = [];\n  for (let i = 0; i < children.length; i++) {\n    const child = children[i];\n    if (i === 0 && splitterAndPlaceholderPositions[i] & PLACEHOLDER) {\n      content.push(createPlaceholder(i));\n      meta.push({ placeholder: true, shim: true });\n    }\n    if (child.key == null) {\n      const key = keys[i] || (keys[i] = getUniqueId());\n      content.push(React.cloneElement(child, { key }));\n    } else {\n      content.push(child);\n    }\n    meta.push(childMeta[i]);\n\n    if (i > 0 && splitterAndPlaceholderPositions[i] & PLACEHOLDER) {\n      content.push(createPlaceholder(i));\n      meta.push({ placeholder: true });\n    } else if (splitterAndPlaceholderPositions[i] & SPLITTER) {\n      content.push(createSplitter(content.length));\n      meta.push({ splitter: true });\n    }\n  }\n  return [content, meta];\n}\n\nfunction resizeContent(\n  content: ReactElement[],\n  contentMeta: ContentMeta[],\n  distance: number,\n  dimension: \"width\" | \"height\"\n) {\n  const metaUpdated = updateMeta(contentMeta, distance);\n  if (!metaUpdated) {\n    return content;\n  }\n\n  return content.map((child, idx) => {\n    const meta = contentMeta[idx];\n    const { currentSize, flexOpen, flexBasis } = meta;\n    const hasCurrentSize = currentSize !== undefined;\n    if (hasCurrentSize || flexOpen) {\n      const { flexBasis: actualFlexBasis } = child.props.style || {};\n      const size = hasCurrentSize ? meta.currentSize : flexBasis;\n      if (size !== actualFlexBasis) {\n        return React.cloneElement(child, {\n          style: {\n            ...child.props.style,\n            flexBasis: size,\n            [dimension]: \"auto\",\n          },\n        });\n      } else {\n        return child;\n      }\n    } else {\n      return child;\n    }\n  });\n}\n\n//TODO detect cursor move beyond drag limit and suspend further resize until cursoe re-engages with splitter\nfunction updateMeta(contentMeta: ContentMeta[], distance: number) {\n  const resizeTargets: number[] = [];\n\n  contentMeta.forEach((meta, idx) => {\n    if (meta.currentSize !== undefined) {\n      resizeTargets.push(idx);\n    }\n  });\n\n  // we want the target being reduced first, this may limit the distance we can apply\n  const target1 = distance < 0 ? resizeTargets[0] : resizeTargets[1];\n\n  const { currentSize = 0, minSize = 0 } = contentMeta[target1];\n  if (currentSize === minSize) {\n    // size is already 0, we cannot go further\n    return false;\n  } else if (Math.abs(distance) > currentSize - minSize) {\n    // reduce to 0\n    const multiplier = distance < 0 ? -1 : 1;\n    distance = Math.max(0, currentSize - minSize) * multiplier;\n  }\n\n  const leadingItem = contentMeta[resizeTargets[0]] as ContentMeta;\n  const { currentSize: leadingSize = 0 } = leadingItem;\n  leadingItem.currentSize = leadingSize + distance;\n\n  const trailingItem = contentMeta[resizeTargets[1]] as ContentMeta;\n  const { currentSize: trailingSize = 0 } = trailingItem;\n  trailingItem.currentSize = trailingSize - distance;\n\n  return true;\n}\n\nfunction createPlaceholder(index: number) {\n  return React.createElement(Placeholder, {\n    shim: index === 0,\n    key: `placeholder-${index}`,\n  } as any);\n}\n\nfunction measureElement(\n  el: HTMLElement,\n  dimension: \"width\" | \"height\"\n): FlexSize {\n  const { [dimension]: size } = el.getBoundingClientRect();\n  const style = getComputedStyle(el);\n  const minSizeVal = style.getPropertyValue(`min-${dimension}`);\n  const minSize = minSizeVal.endsWith(\"px\") ? parseInt(minSizeVal, 10) : 0;\n  return { size, minSize };\n}\n"],"names":["index"],"mappings":"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"}

package/esm/index.js

@@ -1,37 +0,0 @@
-export { default as DockLayout } from './dock-layout/DockLayout.js';
-export { default as Drawer } from './dock-layout/Drawer.js';
-export { default as Component } from './Component.js';
-export { Draggable } from './drag-drop/Draggable.js';
-export { DropMenu, computeMenuPosition } from './drag-drop/DropMenu.js';
-export { DropTarget, identifyDropTarget, isTabstrip } from './drag-drop/DropTarget.js';
-export { DraggableLayout } from './DraggableLayout.js';
-export { default as Flexbox } from './flexbox/Flexbox.js';
-export { FlexboxLayout } from './flexbox/FlexboxLayout.js';
-export { FluidGrid } from './flexbox/FluidGrid.js';
-export { FluidGridLayout } from './flexbox/FluidGridLayout.js';
-export { Action } from './layout-action.js';
-export { Header } from './layout-header/Header.js';
-export { LayoutProvider, LayoutProviderVersion, useLayoutCreateNewChild, useLayoutProviderDispatch, useLayoutProviderVersion } from './layout-provider/LayoutProvider.js';
-export { LayoutProviderContext } from './layout-provider/LayoutProviderContext.js';
-export { createFlexbox, createPlaceHolder, getFlexDimensions, getFlexOrIntrinsicStyle, getFlexStyle, getIntrinsicSize, hasUnboundedFlexStyle, wrapIntrinsicSizeComponentWithFlexbox } from './layout-reducer/flexUtils.js';
-export { layoutReducer } from './layout-reducer/layout-reducer.js';
-export { LayoutActionType, isApplicationLevelChange, isLayoutLevelChange } from './layout-reducer/layoutTypes.js';
-export { applyLayout, applyLayoutProps, componentToJson, getDefaultTabLabel, getManagedDimension, layoutFromJson, layoutQuery, layoutToJSON, processLayoutElement, serializeProps } from './layout-reducer/layoutUtils.js';
-export { View } from './layout-view/View.js';
-export { useViewActionDispatcher } from './layout-view-actions/useViewActionDispatcher.js';
-export { ViewContext, useViewContext, useViewDispatch } from './layout-view-actions/ViewContext.js';
-export { Palette, PaletteItem } from './palette/Palette.js';
-export { Placeholder } from './placeholder/Placeholder.js';
-export { ComponentRegistry, isContainer, isLayoutComponent, isView, registerComponent } from './registry/ComponentRegistry.js';
-export { useBreakpoints } from './responsive/use-breakpoints.js';
-export { HeightOnly, WidthHeight, WidthOnly, resizeObserver, useResizeObserver } from './responsive/useResizeObserver.js';
-export { extractResponsiveProps, isResponsiveAttribute } from './responsive/utils.js';
-export { Stack } from './stack/Stack.js';
-export { StackLayout } from './stack/StackLayout.js';
-export { getPersistentState, hasPersistentState, setPersistentState, usePersistentState } from './use-persistent-state.js';
-export { containerOf, findTarget, followPath, followPathToComponent, followPathToParent, getChild, nextLeaf, nextStep, previousLeaf, resetPath, resolveJSONPath, resolvePath } from './utils/pathUtils.js';
-export { getChildProp, getProp, getProps } from './utils/propUtils.js';
-export { setRef } from './utils/refUtils.js';
-export { expandFlex } from './utils/styleUtils.js';
-export { isLayoutJSON, isTypeOf, typeOf } from './utils/typeOf.js';
-//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/esm/layout-action.js

@@ -1,25 +0,0 @@
-const Action = {
-  ADD: "add",
-  BLUR: "blur",
-  BLUR_SPLITTER: "blur-splitter",
-  DRAG_START: "drag-start",
-  DRAG_STARTED: "drag-started",
-  DRAG_DROP: "drag-drop",
-  FOCUS: "focus",
-  FOCUS_SPLITTER: "focus-splitter",
-  INITIALIZE: "initialize",
-  LAYOUT_RESIZE: "layout-resize",
-  MAXIMIZE: "maximize",
-  MINIMIZE: "minimize",
-  REMOVE: "remove",
-  REPLACE: "replace",
-  RESTORE: "restore",
-  SAVE: "save",
-  SET_TITLE: "set-title",
-  SPLITTER_RESIZE: "splitter-resize",
-  SWITCH_TAB: "switch-tab",
-  TEAR_OUT: "tear-out"
-};
-
-export { Action };
-//# sourceMappingURL=layout-action.js.map

package/esm/layout-action.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"layout-action.js","sources":["../src/layout-action.ts"],"sourcesContent":["export const Action = {\n  ADD: \"add\",\n  BLUR: \"blur\",\n  BLUR_SPLITTER: \"blur-splitter\",\n  DRAG_START: \"drag-start\",\n  DRAG_STARTED: \"drag-started\",\n  DRAG_DROP: \"drag-drop\",\n  FOCUS: \"focus\",\n  FOCUS_SPLITTER: \"focus-splitter\",\n  INITIALIZE: \"initialize\",\n  LAYOUT_RESIZE: \"layout-resize\",\n  MAXIMIZE: \"maximize\",\n  MINIMIZE: \"minimize\",\n  REMOVE: \"remove\",\n  REPLACE: \"replace\",\n  RESTORE: \"restore\",\n  SAVE: \"save\",\n  SET_TITLE: \"set-title\",\n  SPLITTER_RESIZE: \"splitter-resize\",\n  SWITCH_TAB: \"switch-tab\",\n  TEAR_OUT: \"tear-out\",\n};\n"],"names":[],"mappings":"AAAO,MAAM,MAAS,GAAA;AAAA,EACpB,GAAK,EAAA,KAAA;AAAA,EACL,IAAM,EAAA,MAAA;AAAA,EACN,aAAe,EAAA,eAAA;AAAA,EACf,UAAY,EAAA,YAAA;AAAA,EACZ,YAAc,EAAA,cAAA;AAAA,EACd,SAAW,EAAA,WAAA;AAAA,EACX,KAAO,EAAA,OAAA;AAAA,EACP,cAAgB,EAAA,gBAAA;AAAA,EAChB,UAAY,EAAA,YAAA;AAAA,EACZ,aAAe,EAAA,eAAA;AAAA,EACf,QAAU,EAAA,UAAA;AAAA,EACV,QAAU,EAAA,UAAA;AAAA,EACV,MAAQ,EAAA,QAAA;AAAA,EACR,OAAS,EAAA,SAAA;AAAA,EACT,OAAS,EAAA,SAAA;AAAA,EACT,IAAM,EAAA,MAAA;AAAA,EACN,SAAW,EAAA,WAAA;AAAA,EACX,eAAiB,EAAA,iBAAA;AAAA,EACjB,UAAY,EAAA,YAAA;AAAA,EACZ,QAAU,EAAA,UAAA;AACZ;;;;"}

package/esm/layout-header/Header.css

@@ -1,9 +0,0 @@
-.vuuHeader {
-  --saltButton-height: 24px;
-  --saltButton-width: 24px;
-}
-
-.salt-density-high .vuuHeader {
---saltToolbarField-marginTop: 0;
-}
-

package/esm/layout-header/Header.js

@@ -1,120 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { EditableLabel, IconButton } from '@vuu-ui/vuu-ui-controls';
-import cx from 'clsx';
-import { useRef, useState, cloneElement } from 'react';
-import '@vuu-ui/vuu-utils';
-import '../layout-provider/LayoutProviderContext.js';
-import '../drag-drop/Draggable.js';
-import '../drag-drop/BoxModel.js';
-import { useViewDispatch } from '../layout-view-actions/ViewContext.js';
-
-const classBase = "vuuHeader";
-const Header = ({
-  className: classNameProp,
-  contributions,
-  collapsed,
-  closeable,
-  onEditTitle,
-  orientation: orientationProp = "horizontal",
-  style,
-  title = "Untitled"
-}) => {
-  const labelFieldRef = useRef(null);
-  const [value, setValue] = useState(title);
-  const [editing, setEditing] = useState(false);
-  const viewDispatch = useViewDispatch();
-  const handleClose = (evt) => viewDispatch?.({ type: "remove" }, evt);
-  const handleTitleMouseDown = () => {
-    labelFieldRef.current?.focus();
-  };
-  const handleButtonMouseDown = (evt) => {
-    evt.stopPropagation();
-  };
-  const orientation = collapsed || orientationProp;
-  const className = cx(classBase, classNameProp, `${classBase}-${orientation}`);
-  const handleEnterEditMode = () => {
-    setEditing(true);
-  };
-  const handleTitleKeyDown = (evt) => {
-    if (evt.key === "Enter") {
-      setEditing(true);
-    }
-  };
-  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 handleMouseDown = (e) => {
-    viewDispatch?.({ type: "mousedown" }, e);
-  };
-  const toolbarItems = [];
-  const postTitleContributedItems = [];
-  const actionButtons = [];
-  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 })
-        );
-    }
-  });
-  title && toolbarItems.push(
-    /* @__PURE__ */ jsx(
-      EditableLabel,
-      {
-        className: `${classBase}-title`,
-        editing,
-        value,
-        onChange: setValue,
-        onMouseDownCapture: handleTitleMouseDown,
-        onEnterEditMode: handleEnterEditMode,
-        onExitEditMode: handleExitEditMode,
-        onKeyDown: handleTitleKeyDown,
-        ref: labelFieldRef,
-        tabIndex: 0
-      },
-      "title"
-    )
-  );
-  closeable && actionButtons.push(
-    /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        icon: "close",
-        onClick: handleClose,
-        onMouseDown: handleButtonMouseDown,
-        variant: "secondary"
-      },
-      "close"
-    )
-  );
-  postTitleContributedItems.length > 0 && toolbarItems.push(
-    /* @__PURE__ */ jsx("div", { className: "vuuTooltrayProxy", "data-align": "end", children: postTitleContributedItems }, "contributions")
-  );
-  actionButtons.length > 0 && toolbarItems.push(
-    /* @__PURE__ */ jsx("div", { className: "vuuTooltrayProxy", "data-align": "end", children: actionButtons }, "actions")
-  );
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cx("vuuToolbarProxy", className),
-      style,
-      onMouseDown: handleMouseDown,
-      children: toolbarItems
-    }
-  );
-};
-
-export { Header };
-//# sourceMappingURL=Header.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Header.js","sources":["../../src/layout-header/Header.tsx"],"sourcesContent":["import { EditableLabel, IconButton } from \"@vuu-ui/vuu-ui-controls\";\nimport cx from \"clsx\";\nimport {\n  cloneElement,\n  HTMLAttributes,\n  KeyboardEvent,\n  MouseEvent,\n  ReactElement,\n  useRef,\n  useState,\n} from \"react\";\nimport { Contribution, useViewDispatch } from \"../layout-view-actions\";\n\nimport \"./Header.css\";\n\nexport interface HeaderProps extends HTMLAttributes<HTMLDivElement> {\n  collapsed?: boolean;\n  contributions?: Contribution[];\n  expanded?: boolean;\n  closeable?: boolean;\n  onEditTitle: (value: string) => void;\n  orientation?: \"horizontal\" | \"vertical\";\n  tearOut?: boolean;\n}\n\nconst classBase = \"vuuHeader\";\n\nexport const Header = ({\n  className: classNameProp,\n  contributions,\n  collapsed,\n  closeable,\n  onEditTitle,\n  orientation: orientationProp = \"horizontal\",\n  style,\n  title = \"Untitled\",\n}: HeaderProps) => {\n  const labelFieldRef = useRef<HTMLDivElement>(null);\n  const [value, setValue] = useState<string>(title);\n  const [editing, setEditing] = useState<boolean>(false);\n\n  const viewDispatch = useViewDispatch();\n  const handleClose = (evt: MouseEvent) =>\n    viewDispatch?.({ type: \"remove\" }, evt);\n\n  const handleTitleMouseDown = () => {\n    labelFieldRef.current?.focus();\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 handleEnterEditMode = () => {\n    setEditing(true);\n  };\n\n  const handleTitleKeyDown = (evt: KeyboardEvent<HTMLDivElement>) => {\n    if (evt.key === \"Enter\") {\n      setEditing(true);\n    }\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 handleMouseDown = (e: MouseEvent) => {\n    viewDispatch?.({ type: \"mousedown\" }, e);\n  };\n\n  const toolbarItems: ReactElement[] = [];\n  const postTitleContributedItems: ReactElement[] = [];\n  const actionButtons: ReactElement[] = [];\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  title &&\n    toolbarItems.push(\n      <EditableLabel\n        className={`${classBase}-title`}\n        editing={editing}\n        key=\"title\"\n        value={value}\n        onChange={setValue}\n        onMouseDownCapture={handleTitleMouseDown}\n        onEnterEditMode={handleEnterEditMode}\n        onExitEditMode={handleExitEditMode}\n        onKeyDown={handleTitleKeyDown}\n        ref={labelFieldRef}\n        tabIndex={0}\n      />\n    );\n\n  closeable &&\n    actionButtons.push(\n      <IconButton\n        icon=\"close\"\n        key=\"close\"\n        onClick={handleClose}\n        onMouseDown={handleButtonMouseDown}\n        variant=\"secondary\"\n      />\n    );\n\n  postTitleContributedItems.length > 0 &&\n    toolbarItems.push(\n      <div className=\"vuuTooltrayProxy\" data-align=\"end\" key=\"contributions\">\n        {postTitleContributedItems}\n      </div>\n    );\n\n  actionButtons.length > 0 &&\n    toolbarItems.push(\n      <div className=\"vuuTooltrayProxy\" 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={handleMouseDown}\n    >\n      {toolbarItems}\n      {/* \n      {collapsed === false ? (\n        <ActionButton\n          aria-label=\"Minimize View\"\n          actionId=\"minimize\"\n          iconName=\"minimize\"\n          onClick={handleAction}\n          onMouseDown={handleButtonMouseDown}\n        />\n      ) : null}\n      {collapsed ? (\n        <ActionButton\n          aria-label=\"Restore View\"\n          actionId=\"restore\"\n          iconName=\"double-chevron-right\"\n          onClick={handleAction}\n          onMouseDown={handleButtonMouseDown}\n        />\n      ) : null}\n      {expanded === false ? (\n        <ActionButton\n          aria-label=\"Maximize View\"\n          actionId=\"maximize\"\n          iconName=\"maximize\"\n          onClick={handleAction}\n          onMouseDown={handleButtonMouseDown}\n        />\n      ) : null}\n      {expanded ? (\n        <ActionButton\n          aria-label=\"Restore View\"\n          actionId=\"restore\"\n          iconName=\"restore\"\n          onClick={handleAction}\n          onMouseDown={handleButtonMouseDown}\n        />\n      ) : null}\n      {tearOut ? (\n        <ActionButton\n          aria-label=\"Tear out View\"\n          actionId=\"tearout\"\n          iconName=\"tear-out\"\n          onClick={handleAction}\n          onMouseDown={handleButtonMouseDown}\n        />\n      ) : null}\n      {closeable ? (\n        <Button\n          aria-label=\"close\"\n          data-icon\n          onClick={handleClose}\n          onMouseDown={handleButtonMouseDown}\n        />\n      ) : null} */}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAyBA,MAAM,SAAY,GAAA,WAAA,CAAA;AAEX,MAAM,SAAS,CAAC;AAAA,EACrB,SAAW,EAAA,aAAA;AAAA,EACX,aAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,aAAa,eAAkB,GAAA,YAAA;AAAA,EAC/B,KAAA;AAAA,EACA,KAAQ,GAAA,UAAA;AACV,CAAmB,KAAA;AACjB,EAAM,MAAA,aAAA,GAAgB,OAAuB,IAAI,CAAA,CAAA;AACjD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAiB,KAAK,CAAA,CAAA;AAChD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAkB,KAAK,CAAA,CAAA;AAErD,EAAA,MAAM,eAAe,eAAgB,EAAA,CAAA;AACrC,EAAM,MAAA,WAAA,GAAc,CAAC,GACnB,KAAA,YAAA,GAAe,EAAE,IAAM,EAAA,QAAA,IAAY,GAAG,CAAA,CAAA;AAExC,EAAA,MAAM,uBAAuB,MAAM;AACjC,IAAA,aAAA,CAAc,SAAS,KAAM,EAAA,CAAA;AAAA,GAC/B,CAAA;AAEA,EAAM,MAAA,qBAAA,GAAwB,CAAC,GAAoB,KAAA;AAEjD,IAAA,GAAA,CAAI,eAAgB,EAAA,CAAA;AAAA,GACtB,CAAA;AAEA,EAAA,MAAM,cAAc,SAAa,IAAA,eAAA,CAAA;AAEjC,EAAM,MAAA,SAAA,GAAY,GAAG,SAAW,EAAA,aAAA,EAAe,GAAG,SAAS,CAAA,CAAA,EAAI,WAAW,CAAE,CAAA,CAAA,CAAA;AAE5E,EAAA,MAAM,sBAAsB,MAAM;AAChC,IAAA,UAAA,CAAW,IAAI,CAAA,CAAA;AAAA,GACjB,CAAA;AAEA,EAAM,MAAA,kBAAA,GAAqB,CAAC,GAAuC,KAAA;AACjE,IAAI,IAAA,GAAA,CAAI,QAAQ,OAAS,EAAA;AACvB,MAAA,UAAA,CAAW,IAAI,CAAA,CAAA;AAAA,KACjB;AAAA,GACF,CAAA;AAEA,EAAM,MAAA,kBAAA,GAAqB,CACzB,aAAgB,GAAA,EAAA,EAChB,aAAa,EACb,EAAA,iBAAA,GAAoB,IACpB,EAAA,aAAA,GAAgB,KACb,KAAA;AACH,IAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAChB,IAAA,IAAI,aAAe,EAAA;AACjB,MAAA,QAAA,CAAS,aAAa,CAAA,CAAA;AAAA,KACxB,MAAA,IAAW,eAAe,aAAe,EAAA;AACvC,MAAA,QAAA,CAAS,UAAU,CAAA,CAAA;AACnB,MAAA,WAAA,GAAc,UAAU,CAAA,CAAA;AAAA,KAC1B;AACA,IAAA,IAAI,sBAAsB,KAAO,EAAA;AAC/B,MAAA,aAAA,CAAc,SAAS,KAAM,EAAA,CAAA;AAAA,KAC/B;AAAA,GACF,CAAA;AAEA,EAAM,MAAA,eAAA,GAAkB,CAAC,CAAkB,KAAA;AACzC,IAAA,YAAA,GAAe,EAAE,IAAA,EAAM,WAAY,EAAA,EAAG,CAAC,CAAA,CAAA;AAAA,GACzC,CAAA;AAEA,EAAA,MAAM,eAA+B,EAAC,CAAA;AACtC,EAAA,MAAM,4BAA4C,EAAC,CAAA;AACnD,EAAA,MAAM,gBAAgC,EAAC,CAAA;AAEvC,EAAe,aAAA,EAAA,OAAA,CAAQ,CAAC,YAAA,EAAc,CAAM,KAAA;AAC1C,IAAA,QAAQ,aAAa,QAAU;AAAA,MAC7B,KAAK,WAAA;AACH,QAAa,YAAA,CAAA,IAAA,CAAK,aAAa,YAAa,CAAA,OAAA,EAAS,EAAE,GAAK,EAAA,CAAA,EAAG,CAAC,CAAA,CAAA;AAChE,QAAA,MAAA;AAAA,MACF;AACE,QAA0B,yBAAA,CAAA,IAAA;AAAA,UACxB,aAAa,YAAa,CAAA,OAAA,EAAS,EAAE,GAAA,EAAK,GAAG,CAAA;AAAA,SAC/C,CAAA;AAAA,KACJ;AAAA,GACD,CAAA,CAAA;AAED,EAAA,KAAA,IACE,YAAa,CAAA,IAAA;AAAA,oBACX,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,GAAG,SAAS,CAAA,MAAA,CAAA;AAAA,QACvB,OAAA;AAAA,QAEA,KAAA;AAAA,QACA,QAAU,EAAA,QAAA;AAAA,QACV,kBAAoB,EAAA,oBAAA;AAAA,QACpB,eAAiB,EAAA,mBAAA;AAAA,QACjB,cAAgB,EAAA,kBAAA;AAAA,QAChB,SAAW,EAAA,kBAAA;AAAA,QACX,GAAK,EAAA,aAAA;AAAA,QACL,QAAU,EAAA,CAAA;AAAA,OAAA;AAAA,MARN,OAAA;AAAA,KASN;AAAA,GACF,CAAA;AAEF,EAAA,SAAA,IACE,aAAc,CAAA,IAAA;AAAA,oBACZ,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,OAAA;AAAA,QAEL,OAAS,EAAA,WAAA;AAAA,QACT,WAAa,EAAA,qBAAA;AAAA,QACb,OAAQ,EAAA,WAAA;AAAA,OAAA;AAAA,MAHJ,OAAA;AAAA,KAIN;AAAA,GACF,CAAA;AAEF,EAA0B,yBAAA,CAAA,MAAA,GAAS,KACjC,YAAa,CAAA,IAAA;AAAA,wBACV,KAAI,EAAA,EAAA,SAAA,EAAU,oBAAmB,YAAW,EAAA,KAAA,EAC1C,uCADoD,eAEvD,CAAA;AAAA,GACF,CAAA;AAEF,EAAc,aAAA,CAAA,MAAA,GAAS,KACrB,YAAa,CAAA,IAAA;AAAA,wBACV,KAAI,EAAA,EAAA,SAAA,EAAU,oBAAmB,YAAW,EAAA,KAAA,EAC1C,2BADoD,SAEvD,CAAA;AAAA,GACF,CAAA;AAEF,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAG,CAAA,iBAAA,EAAmB,SAAS,CAAA;AAAA,MAC1C,KAAA;AAAA,MACA,WAAa,EAAA,eAAA;AAAA,MAEZ,QAAA,EAAA,YAAA;AAAA,KAAA;AAAA,GAuDH,CAAA;AAEJ;;;;"}

package/esm/layout-provider/LayoutProvider.js

@@ -1,172 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useRef, useState, useCallback, useEffect, useContext } from 'react';
-import '@vuu-ui/vuu-utils';
-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, processLayoutElement } from '../layout-reducer/layoutUtils.js';
-import { LayoutProviderContext } from './LayoutProviderContext.js';
-import { useLayoutDragDrop } from './useLayoutDragDrop.js';
-
-const withDropTarget = (props) => props.dropTarget;
-const shouldSave = (action) => [
-  "drag-drop",
-  "remove",
-  "set-title",
-  "splitter-resize",
-  "switch-tab"
-].includes(action.type);
-const getLayoutChangeReason = (action) => {
-  switch (action.type) {
-    case "switch-tab":
-      if (action.id === "main-tabs") {
-        return "switch-active-layout";
-      } else {
-        return "switch-active-tab";
-      }
-    case "save":
-      return "save-feature-props";
-    case "drag-drop":
-      return "drag-drop-operation";
-    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 LayoutProvider = (props) => {
-  const { children, createNewChild, pathToDropTarget, layout, onLayoutChange } = props;
-  const state = useRef(void 0);
-  const childrenRef = useRef(children);
-  const [, forceRefresh] = useState(null);
-  const serializeState = useCallback(
-    (source, layoutChangeReason) => {
-      if (onLayoutChange) {
-        const targetContainer = findTarget(source, withDropTarget) || state.current;
-        const isDraggableLayout = typeOf(targetContainer) === "DraggableLayout";
-        const target = isDraggableLayout ? getProps(targetContainer).children[0] : targetContainer;
-        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 layoutActionDispatcher = useCallback(
-    (action) => {
-      switch (action.type) {
-        case "drag-start": {
-          prepareToDragLayout(action);
-          break;
-        }
-        case "save": {
-          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 (layout) {
-      const targetContainer = findTarget(
-        state.current,
-        withDropTarget
-      );
-      if (targetContainer) {
-        const target = getChildProp(targetContainer);
-        const newLayout = layoutFromJson(
-          layout,
-          `${targetContainer.props.path}.0`
-        );
-        const action = target ? {
-          type: LayoutActionType.REPLACE,
-          target,
-          replacement: newLayout
-        } : {
-          type: LayoutActionType.ADD,
-          path: targetContainer.props.path,
-          component: newLayout
-        };
-        dispatchLayoutAction(action, true);
-      } else if (layout.id === getProp(state.current, "id")) {
-        const newLayout = layoutFromJson(layout, "0");
-        const action = {
-          type: LayoutActionType.REPLACE,
-          target: state.current,
-          replacement: newLayout
-        };
-        dispatchLayoutAction(action, true);
-      }
-    }
-  }, [dispatchLayoutAction, layout]);
-  if (state.current === void 0) {
-    state.current = processLayoutElement(children);
-  } else if (children !== childrenRef.current) {
-    state.current = processLayoutElement(children, state.current);
-    childrenRef.current = children;
-  }
-  return /* @__PURE__ */ jsx(
-    LayoutProviderContext.Provider,
-    {
-      value: {
-        createNewChild,
-        dispatchLayoutProvider: layoutActionDispatcher,
-        version: 0
-      },
-      children: state.current
-    }
-  );
-};
-const useLayoutProviderDispatch = () => {
-  const { dispatchLayoutProvider } = useContext(LayoutProviderContext);
-  return dispatchLayoutProvider;
-};
-const useLayoutCreateNewChild = () => {
-  const { createNewChild } = useContext(LayoutProviderContext);
-  return createNewChild;
-};
-const useLayoutProviderVersion = () => {
-  const { version } = useContext(LayoutProviderContext);
-  return version;
-};
-
-export { LayoutProvider, LayoutProviderVersion, useLayoutCreateNewChild, useLayoutProviderDispatch, useLayoutProviderVersion };
-//# sourceMappingURL=LayoutProvider.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutProvider.js","sources":["../../src/layout-provider/LayoutProvider.tsx"],"sourcesContent":["import {\n  MutableRefObject,\n  ReactElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  LayoutActionType,\n  LayoutChangeHandler,\n  LayoutChangeReason,\n  layoutFromJson,\n  LayoutJSON,\n  layoutQuery,\n  layoutReducer,\n  LayoutReducerAction,\n  layoutToJSON,\n  processLayoutElement,\n  SaveAction,\n} from \"../layout-reducer\";\nimport { findTarget, getChildProp, getProp, getProps, typeOf } from \"../utils\";\nimport {\n  LayoutProviderContext,\n  LayoutProviderDispatch,\n} from \"./LayoutProviderContext\";\nimport { useLayoutDragDrop } from \"./useLayoutDragDrop\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst withDropTarget = (props: any) => props.dropTarget;\nconst shouldSave = (action: LayoutReducerAction) =>\n  [\n    \"drag-drop\",\n    \"remove\",\n    \"set-title\",\n    \"splitter-resize\",\n    \"switch-tab\",\n  ].includes(action.type);\n\nconst getLayoutChangeReason = (\n  action: LayoutReducerAction | SaveAction\n): LayoutChangeReason => {\n  switch (action.type) {\n    case \"switch-tab\":\n      // TODO how can we make this more robust, shouldn't rely on 'main-tabs'\n      if (action.id === \"main-tabs\") {\n        return \"switch-active-layout\";\n      } else {\n        return \"switch-active-tab\";\n      }\n    case \"save\":\n      return \"save-feature-props\";\n    case \"drag-drop\":\n      return \"drag-drop-operation\";\n    case \"remove\":\n      return \"remove-component\";\n    case \"splitter-resize\":\n      return \"resize-component\";\n    case \"set-title\":\n      return \"edit-feature-title\";\n    default:\n      throw Error(\"unknown layout action\");\n  }\n};\n\nexport interface LayoutProviderProps {\n  children: ReactElement;\n  createNewChild?: (index?: number) => ReactElement;\n  pathToDropTarget?: string;\n  layout?: LayoutJSON;\n  onLayoutChange?: LayoutChangeHandler;\n}\n\nexport const LayoutProviderVersion = () => {\n  const version = useLayoutProviderVersion();\n  return <div>{`Context: ${version} `}</div>;\n};\n\nexport const LayoutProvider = (props: LayoutProviderProps): ReactElement => {\n  const { children, createNewChild, pathToDropTarget, layout, onLayoutChange } =\n    props;\n  const state = useRef<ReactElement | undefined>(undefined);\n  const childrenRef = useRef<ReactElement>(children);\n\n  const [, forceRefresh] = useState<unknown>(null);\n\n  const serializeState = useCallback(\n    (source, layoutChangeReason: LayoutChangeReason) => {\n      if (onLayoutChange) {\n        const targetContainer =\n          findTarget(source, withDropTarget) || state.current;\n        const isDraggableLayout = typeOf(targetContainer) === \"DraggableLayout\";\n        const target = isDraggableLayout\n          ? getProps(targetContainer).children[0]\n          : targetContainer;\n        const serializedModel = layoutToJSON(target);\n        onLayoutChange(serializedModel, layoutChangeReason);\n      }\n    },\n    [onLayoutChange]\n  );\n\n  const dispatchLayoutAction = useCallback(\n    (action: LayoutReducerAction, suppressSave = false) => {\n      const nextState = layoutReducer(state.current as ReactElement, action);\n      if (nextState !== state.current) {\n        state.current = nextState;\n        forceRefresh({});\n        if (!suppressSave && shouldSave(action)) {\n          serializeState(nextState, getLayoutChangeReason(action));\n        }\n      }\n    },\n    [forceRefresh, serializeState]\n  );\n\n  const layoutActionDispatcher = useCallback<LayoutProviderDispatch>(\n    (action) => {\n      switch (action.type) {\n        case \"drag-start\": {\n          prepareToDragLayout(action);\n          break;\n        }\n        case \"save\": {\n          serializeState(state.current, getLayoutChangeReason(action));\n          break;\n        }\n        case \"query\":\n          if (action.query === \"PARENT_CONTAINER\") {\n            return layoutQuery(action.query, action.path, state.current);\n          }\n          break;\n\n        default: {\n          dispatchLayoutAction(action);\n          break;\n        }\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [dispatchLayoutAction, serializeState]\n  );\n\n  const prepareToDragLayout = useLayoutDragDrop(\n    state as MutableRefObject<ReactElement>,\n    layoutActionDispatcher,\n    pathToDropTarget\n  );\n\n  useEffect(() => {\n    if (layout) {\n      const targetContainer = findTarget(\n        state.current as never,\n        withDropTarget\n      ) as ReactElement;\n      if (targetContainer) {\n        const target = getChildProp(targetContainer);\n        const newLayout = layoutFromJson(\n          layout,\n          `${targetContainer.props.path}.0`\n        );\n        const action = target\n          ? {\n              type: LayoutActionType.REPLACE,\n              target,\n              replacement: newLayout,\n            }\n          : {\n              type: LayoutActionType.ADD,\n              path: targetContainer.props.path,\n              component: newLayout,\n            };\n        dispatchLayoutAction(action, true);\n      } else if (layout.id === getProp(state.current, \"id\")) {\n        const newLayout = layoutFromJson(layout, \"0\");\n        const action = {\n          type: LayoutActionType.REPLACE,\n          target: state.current,\n          replacement: newLayout,\n        };\n        dispatchLayoutAction(action, true);\n      }\n    }\n  }, [dispatchLayoutAction, layout]);\n\n  if (state.current === undefined) {\n    state.current = processLayoutElement(children);\n  } else if (children !== childrenRef.current) {\n    state.current = processLayoutElement(children, state.current);\n    childrenRef.current = children;\n  }\n\n  return (\n    <LayoutProviderContext.Provider\n      value={{\n        createNewChild,\n        dispatchLayoutProvider: layoutActionDispatcher,\n        version: 0,\n      }}\n    >\n      {state.current}\n    </LayoutProviderContext.Provider>\n  );\n};\n\nexport const useLayoutProviderDispatch = () => {\n  const { dispatchLayoutProvider } = useContext(LayoutProviderContext);\n  return dispatchLayoutProvider;\n};\n\nexport const useLayoutCreateNewChild = () => {\n  const { createNewChild } = useContext(LayoutProviderContext);\n  return createNewChild;\n};\n\nexport const useLayoutProviderVersion = () => {\n  const { version } = useContext(LayoutProviderContext);\n  return version;\n};\n"],"names":[],"mappings":"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"}