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

package/esm/layout-provider/useLayoutDragDrop.js

@@ -1,175 +0,0 @@
-import { useRef, useCallback } from 'react';
-import { Draggable } from '../drag-drop/Draggable.js';
-import { followPath, resolvePath } from '../utils/pathUtils.js';
-import '../drag-drop/BoxModel.js';
-import { getIntrinsicSize } from '../layout-reducer/flexUtils.js';
-
-const NO_INSTRUCTIONS = {};
-const NO_OFFSETS = [0, 0];
-const getDragElement = (rect, id, dragElement) => {
-  const wrapper = document.createElement("div");
-  wrapper.className = "vuuSimpleDraggableWrapper";
-  wrapper.classList.add(
-    "vuuSimpleDraggableWrapper",
-    "salt-theme",
-    "salt-density-medium"
-  );
-  wrapper.dataset.dragging = "true";
-  const div = dragElement ?? document.createElement("div");
-  div.id = id;
-  wrapper.appendChild(div);
-  document.body.appendChild(wrapper);
-  const cssText = `top:${rect.top}px;left:${rect.left}px;width:${rect.width}px;height:${rect.height}px;`;
-  return [wrapper, cssText, rect.left, rect.top];
-};
-const determineDragOffsets = (draggedElement) => {
-  const { offsetParent } = draggedElement;
-  if (offsetParent === null) {
-    return NO_OFFSETS;
-  } else {
-    const { left: offsetLeft, top: offsetTop } = offsetParent.getBoundingClientRect();
-    return [offsetLeft, offsetTop];
-  }
-};
-const useLayoutDragDrop = (rootLayoutRef, dispatch, pathToDropTarget) => {
-  const dragActionRef = useRef(void 0);
-  const dragOperationRef = useRef(void 0);
-  const draggableHTMLElementRef = useRef(void 0);
-  const handleDrag = useCallback((x, y) => {
-    if (dragOperationRef.current && draggableHTMLElementRef.current) {
-      const {
-        dragOffsets: [offsetX, offsetY],
-        targetPosition
-      } = dragOperationRef.current;
-      const left = typeof x === "number" ? x - offsetX : targetPosition.left;
-      const top = typeof y === "number" ? y - offsetY : targetPosition.top;
-      if (left !== targetPosition.left || top !== targetPosition.top) {
-        dragOperationRef.current.targetPosition.left = left;
-        dragOperationRef.current.targetPosition.top = top;
-        draggableHTMLElementRef.current.style.top = top + "px";
-        draggableHTMLElementRef.current.style.left = left + "px";
-      }
-    }
-  }, []);
-  const handleDrop = useCallback(
-    (dropTarget) => {
-      if (dragOperationRef.current) {
-        const {
-          dragInstructions,
-          payload: draggedReactElement,
-          originalCSS
-        } = dragOperationRef.current;
-        if (dropTarget) {
-          dispatch({
-            type: "drag-drop",
-            draggedReactElement,
-            dragInstructions,
-            dropTarget
-          });
-        }
-        if (draggableHTMLElementRef.current) {
-          if (!dropTarget && dragInstructions.DriftHomeIfNoDropTarget) {
-            console.log("drift back to start");
-            document.body.removeChild(draggableHTMLElementRef.current);
-          } else if (dragInstructions.RemoveDraggableOnDragEnd) {
-            document.body.removeChild(draggableHTMLElementRef.current);
-          } else {
-            draggableHTMLElementRef.current.style.cssText = originalCSS;
-            delete draggableHTMLElementRef.current.dataset.dragging;
-          }
-        }
-        dragActionRef.current = void 0;
-        dragOperationRef.current = void 0;
-        draggableHTMLElementRef.current = void 0;
-      }
-    },
-    [dispatch]
-  );
-  const handleDragStart = useCallback(
-    (evt) => {
-      if (dragActionRef.current) {
-        const {
-          payload: component,
-          dragContainerPath,
-          dragElement,
-          dragRect,
-          instructions = NO_INSTRUCTIONS,
-          path
-        } = dragActionRef.current;
-        const { current: rootLayout } = rootLayoutRef;
-        const dragPos = { x: evt.clientX, y: evt.clientY };
-        const dragPayload = component ?? followPath(rootLayout, path, true);
-        const { id: dragPayloadId } = dragPayload.props;
-        const intrinsicSize = getIntrinsicSize(dragPayload);
-        let originalCSS = "", dragCSS = "", dragTransform = "";
-        let dragStartLeft = -1;
-        let dragStartTop = -1;
-        let dragOffsets = NO_OFFSETS;
-        let element = document.getElementById(dragPayloadId);
-        if (element === null) {
-          [element, dragCSS, dragStartLeft, dragStartTop] = getDragElement(
-            dragRect,
-            dragPayloadId,
-            dragElement
-          );
-        } else {
-          dragOffsets = determineDragOffsets(element);
-          const [offsetLeft, offsetTop] = dragOffsets;
-          const { width, height, left, top } = element.getBoundingClientRect();
-          dragStartLeft = left - offsetLeft;
-          dragStartTop = top - offsetTop;
-          dragCSS = `width:${width}px;height:${height}px;left:${dragStartLeft}px;top:${dragStartTop}px;z-index: 100;background-color:#ccc;opacity: 0.6;`;
-          element.dataset.dragging = "true";
-          originalCSS = element.style.cssText;
-        }
-        dragTransform = Draggable.initDrag(
-          rootLayoutRef.current,
-          dragContainerPath,
-          dragRect,
-          dragPos,
-          {
-            drag: handleDrag,
-            drop: handleDrop
-          },
-          intrinsicSize
-          // dropTargets
-        );
-        element.style.cssText = dragCSS + dragTransform;
-        draggableHTMLElementRef.current = element;
-        dragOperationRef.current = {
-          payload: dragPayload,
-          originalCSS,
-          dragRect,
-          dragOffsets,
-          dragInstructions: instructions,
-          targetPosition: { left: dragStartLeft, top: dragStartTop }
-        };
-      }
-    },
-    [handleDrag, handleDrop, rootLayoutRef]
-  );
-  const prepareToDrag = useCallback(
-    (action) => {
-      const { evt, ...options } = action;
-      try {
-        dragActionRef.current = {
-          ...options,
-          dragContainerPath: resolvePath(
-            rootLayoutRef.current,
-            pathToDropTarget
-          )
-        };
-        Draggable.handleMousedown(evt, handleDragStart, options.instructions);
-      } catch (err) {
-        console.warn(
-          `[useLayoutDragDrop] path ${pathToDropTarget} not resolved, the application layout does not have the required elements to support drag drop`
-        );
-      }
-    },
-    [handleDragStart, pathToDropTarget, rootLayoutRef]
-  );
-  return prepareToDrag;
-};
-
-export { useLayoutDragDrop };
-//# sourceMappingURL=useLayoutDragDrop.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useLayoutDragDrop.js","sources":["../../../../packages/vuu-layout/src/layout-provider/useLayoutDragDrop.ts"],"sourcesContent":["import { MutableRefObject, ReactElement, useCallback, useRef } from \"react\";\nimport {\n  DragDropRect,\n  DragEndCallback,\n  Draggable,\n  DragInstructions,\n  DragMoveCallback,\n} from \"../drag-drop\";\nimport { DragStartAction } from \"../layout-reducer\";\nimport { getIntrinsicSize } from \"../layout-reducer/flexUtils\";\nimport { followPath, resolvePath } from \"../utils\";\nimport { LayoutProviderDispatch } from \"./LayoutProviderContext\";\n\nconst NO_INSTRUCTIONS = {} as DragInstructions;\nconst NO_OFFSETS: [number, number] = [0, 0];\n\ninterface CurrentDragAction extends Omit<DragStartAction, \"evt\" | \"type\"> {\n  dragContainerPath: string;\n}\n\ninterface DragOperation {\n  payload: ReactElement;\n  originalCSS: string;\n  dragRect: unknown;\n  dragInstructions: DragInstructions;\n  dragOffsets: [number, number];\n  targetPosition: { left: number; top: number };\n}\n\nconst getDragElement = (\n  rect: DragDropRect,\n  id: string,\n  dragElement?: HTMLElement,\n): [HTMLElement, string, number, number] => {\n  const wrapper = document.createElement(\"div\");\n  wrapper.className = \"vuuSimpleDraggableWrapper\";\n  wrapper.classList.add(\n    \"vuuSimpleDraggableWrapper\",\n    \"salt-theme\",\n    \"salt-density-medium\",\n  );\n  wrapper.dataset.dragging = \"true\";\n\n  const div = dragElement ?? document.createElement(\"div\");\n  div.id = id;\n\n  wrapper.appendChild(div);\n  document.body.appendChild(wrapper);\n  const cssText = `top:${rect.top}px;left:${rect.left}px;width:${rect.width}px;height:${rect.height}px;`;\n  return [wrapper, cssText, rect.left, rect.top];\n};\n\nconst determineDragOffsets = (\n  draggedElement: HTMLElement,\n): [number, number] => {\n  const { offsetParent } = draggedElement;\n  if (offsetParent === null) {\n    return NO_OFFSETS;\n  } else {\n    const { left: offsetLeft, top: offsetTop } =\n      offsetParent.getBoundingClientRect();\n    return [offsetLeft, offsetTop];\n  }\n};\n\nexport const useLayoutDragDrop = (\n  rootLayoutRef: MutableRefObject<ReactElement>,\n  dispatch: LayoutProviderDispatch,\n  pathToDropTarget?: string,\n) => {\n  const dragActionRef = useRef<CurrentDragAction>(undefined);\n  const dragOperationRef = useRef<DragOperation>(undefined);\n  const draggableHTMLElementRef = useRef<HTMLElement>(undefined);\n\n  const handleDrag = useCallback<DragMoveCallback>((x, y) => {\n    if (dragOperationRef.current && draggableHTMLElementRef.current) {\n      const {\n        dragOffsets: [offsetX, offsetY],\n        targetPosition,\n      } = dragOperationRef.current;\n      const left = typeof x === \"number\" ? x - offsetX : targetPosition.left;\n      const top = typeof y === \"number\" ? y - offsetY : targetPosition.top;\n      if (left !== targetPosition.left || top !== targetPosition.top) {\n        dragOperationRef.current.targetPosition.left = left;\n        dragOperationRef.current.targetPosition.top = top;\n        draggableHTMLElementRef.current.style.top = top + \"px\";\n        draggableHTMLElementRef.current.style.left = left + \"px\";\n      }\n    }\n  }, []);\n\n  const handleDrop: DragEndCallback = useCallback(\n    (dropTarget) => {\n      if (dragOperationRef.current) {\n        const {\n          dragInstructions,\n          payload: draggedReactElement,\n          originalCSS,\n        } = dragOperationRef.current;\n\n        if (dropTarget) {\n          dispatch({\n            type: \"drag-drop\",\n            draggedReactElement,\n            dragInstructions,\n            dropTarget,\n          });\n        }\n\n        if (draggableHTMLElementRef.current) {\n          if (!dropTarget && dragInstructions.DriftHomeIfNoDropTarget) {\n            console.log(\"drift back to start\");\n            document.body.removeChild(draggableHTMLElementRef.current);\n          } else if (dragInstructions.RemoveDraggableOnDragEnd) {\n            document.body.removeChild(draggableHTMLElementRef.current);\n          } else {\n            draggableHTMLElementRef.current.style.cssText = originalCSS;\n            delete draggableHTMLElementRef.current.dataset.dragging;\n          }\n        }\n\n        dragActionRef.current = undefined;\n        dragOperationRef.current = undefined;\n        draggableHTMLElementRef.current = undefined;\n      }\n    },\n    [dispatch],\n  );\n\n  const handleDragStart = useCallback(\n    (evt: MouseEvent) => {\n      if (dragActionRef.current) {\n        const {\n          payload: component,\n          dragContainerPath,\n          dragElement,\n          dragRect,\n          instructions = NO_INSTRUCTIONS,\n          path,\n        } = dragActionRef.current;\n        const { current: rootLayout } = rootLayoutRef;\n        const dragPos = { x: evt.clientX, y: evt.clientY };\n        const dragPayload = component ?? followPath(rootLayout, path, true);\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const { id: dragPayloadId } = dragPayload.props as any;\n        const intrinsicSize = getIntrinsicSize(dragPayload);\n        let originalCSS = \"\",\n          dragCSS = \"\",\n          dragTransform = \"\";\n\n        let dragStartLeft = -1;\n        let dragStartTop = -1;\n        let dragOffsets: [number, number] = NO_OFFSETS;\n\n        let element = document.getElementById(dragPayloadId);\n\n        if (element === null) {\n          [element, dragCSS, dragStartLeft, dragStartTop] = getDragElement(\n            dragRect,\n            dragPayloadId,\n            dragElement,\n          );\n        } else {\n          dragOffsets = determineDragOffsets(element);\n          const [offsetLeft, offsetTop] = dragOffsets;\n          const { width, height, left, top } = element.getBoundingClientRect();\n          dragStartLeft = left - offsetLeft;\n          dragStartTop = top - offsetTop;\n          dragCSS = `width:${width}px;height:${height}px;left:${dragStartLeft}px;top:${dragStartTop}px;z-index: 100;background-color:#ccc;opacity: 0.6;`;\n          element.dataset.dragging = \"true\";\n          originalCSS = element.style.cssText;\n        }\n\n        dragTransform = Draggable.initDrag(\n          rootLayoutRef.current,\n          dragContainerPath,\n          dragRect,\n          dragPos,\n          {\n            drag: handleDrag,\n            drop: handleDrop,\n          },\n          intrinsicSize,\n          // dropTargets\n        );\n\n        element.style.cssText = dragCSS + dragTransform;\n        draggableHTMLElementRef.current = element;\n\n        dragOperationRef.current = {\n          payload: dragPayload,\n          originalCSS,\n          dragRect,\n          dragOffsets,\n          dragInstructions: instructions,\n          targetPosition: { left: dragStartLeft, top: dragStartTop },\n        };\n      }\n    },\n    [handleDrag, handleDrop, rootLayoutRef],\n  );\n\n  const prepareToDrag = useCallback(\n    (action: DragStartAction) => {\n      const { evt, ...options } = action;\n      try {\n        dragActionRef.current = {\n          ...options,\n          dragContainerPath: resolvePath(\n            rootLayoutRef.current,\n            pathToDropTarget,\n          ),\n        };\n        Draggable.handleMousedown(evt, handleDragStart, options.instructions);\n      } catch (err) {\n        console.warn(\n          `[useLayoutDragDrop] path ${pathToDropTarget} not resolved, the application layout does not have the required elements to support drag drop`,\n        );\n      }\n    },\n    [handleDragStart, pathToDropTarget, rootLayoutRef],\n  );\n\n  return prepareToDrag;\n};\n"],"names":[],"mappings":"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"}

package/esm/layout-reducer/flexUtils.js

@@ -1,218 +0,0 @@
-import { uuid, getLayoutComponent } from '@vuu-ui/vuu-utils';
-import React from 'react';
-import { resetPath } from '../utils/pathUtils.js';
-import { getProps } from '../utils/propUtils.js';
-
-const placeHolderProps = { "data-placeholder": true, "data-resizeable": true };
-const NO_STYLE = {};
-const auto = "auto";
-const defaultFlexStyle = {
-  flexBasis: 0,
-  flexGrow: 1,
-  flexShrink: 1,
-  height: auto,
-  width: auto
-};
-const CROSS_DIMENSION = {
-  height: "width",
-  width: "height"
-};
-const getFlexDimensions = (flexDirection = "row") => {
-  if (flexDirection === "row") {
-    return ["width", "height", "column"];
-  } else {
-    return ["height", "width", "row"];
-  }
-};
-const isPercentageSize = (value) => typeof value === "string" && value.endsWith("%");
-const getIntrinsicSize = (component) => {
-  const { style: { width = auto, height = auto } = NO_STYLE } = (
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    component.props
-  );
-  const numHeight = typeof height === "number";
-  const numWidth = typeof width === "number";
-  if (numHeight && numWidth) {
-    return { height, width };
-  } else if (numHeight) {
-    return { height };
-  } else if (numWidth) {
-    return { width };
-  } else {
-    return void 0;
-  }
-};
-function getFlexStyle(component, dimension2, pos) {
-  const crossDimension = CROSS_DIMENSION[dimension2];
-  const {
-    style: {
-      [crossDimension]: intrinsicCrossSize = auto,
-      ...intrinsicStyles
-    } = NO_STYLE
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  } = component.props;
-  if (pos && pos[dimension2]) {
-    return {
-      ...intrinsicStyles,
-      ...defaultFlexStyle,
-      flexBasis: pos[dimension2],
-      flexGrow: 0,
-      flexShrink: 0
-    };
-  } else {
-    return {
-      ...intrinsicStyles,
-      ...defaultFlexStyle,
-      [crossDimension]: intrinsicCrossSize
-    };
-  }
-}
-function hasUnboundedFlexStyle(component) {
-  const { style: { flex, flexGrow, flexShrink, flexBasis } = NO_STYLE } = (
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    component.props
-  );
-  if (typeof flex === "number") {
-    return true;
-  }
-  if (flexBasis === 0 && flexGrow === 1 && flexShrink === 1) {
-    return true;
-  }
-  if (typeof flexBasis === "number") {
-    return false;
-  }
-  return true;
-}
-function getFlexOrIntrinsicStyle(component, dimension2, pos) {
-  const crossDimension = CROSS_DIMENSION[dimension2];
-  const {
-    style: {
-      [dimension2]: intrinsicSize = auto,
-      [crossDimension]: intrinsicCrossSize = auto,
-      ...intrinsicStyles
-    } = NO_STYLE
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  } = component.props;
-  if (intrinsicSize !== auto) {
-    if (isPercentageSize(intrinsicSize)) {
-      return {
-        flexBasis: 0,
-        flexGrow: 1,
-        flexShrink: 1,
-        [dimension2]: void 0,
-        [crossDimension]: intrinsicCrossSize
-      };
-    }
-    return {
-      flexBasis: intrinsicSize,
-      flexGrow: 0,
-      flexShrink: 0,
-      [dimension2]: intrinsicSize,
-      [crossDimension]: intrinsicCrossSize
-    };
-  }
-  if (pos && pos[dimension2]) {
-    return {
-      ...intrinsicStyles,
-      ...defaultFlexStyle,
-      flexBasis: pos[dimension2],
-      flexGrow: 0,
-      flexShrink: 0
-    };
-  }
-  return {
-    ...intrinsicStyles,
-    [crossDimension]: intrinsicCrossSize
-  };
-}
-function wrapIntrinsicSizeComponentWithFlexbox(component, flexDirection, path, clientRect, dropRect) {
-  const wrappedChildren = [];
-  let pathIndex = 0;
-  let endPlaceholder;
-  if (clientRect && dropRect) {
-    let startPlaceholder;
-    const [dropLeft, dropTop, dropRight, dropBottom] = dropRect;
-    [startPlaceholder, endPlaceholder] = flexDirection === "column" ? [dropTop - clientRect.top, clientRect.bottom - dropBottom] : [dropLeft - clientRect.left, clientRect.right - dropRight];
-    if (startPlaceholder) {
-      wrappedChildren.push(
-        createPlaceHolder(`${path}.${pathIndex++}`, startPlaceholder, {
-          flexGrow: 0,
-          flexShrink: 0
-        })
-      );
-    }
-  } else {
-    endPlaceholder = true;
-  }
-  const { version = 0, style } = getProps(component);
-  wrappedChildren.push(
-    resetPath(component, `${path}.${pathIndex++}`, {
-      version: version + 1,
-      style: {
-        ...style,
-        flexBasis: "auto",
-        flexGrow: 0,
-        flexShrink: 0
-      }
-    })
-  );
-  if (endPlaceholder) {
-    wrappedChildren.push(
-      createPlaceHolder(`${path}.${pathIndex++}`, 0, void 0, {
-        [`data-${flexDirection}-placeholder`]: true
-      })
-    );
-  }
-  return createFlexbox(
-    flexDirection,
-    { resizeable: false, style: { flexBasis: "auto" } },
-    wrappedChildren,
-    path
-  );
-}
-const getFlexValue = (flexBasis, flexFill) => {
-  if (flexFill) {
-    return void 0;
-  }
-  return flexBasis === 0 ? 1 : 0;
-};
-function createFlexbox(flexDirection, props, children, path) {
-  const id = uuid();
-  const { flexFill, style, resizeable = true } = props;
-  const { flexBasis = flexFill ? void 0 : "auto" } = style;
-  const flex = getFlexValue(flexBasis, flexFill);
-  const FlexboxLayout = getLayoutComponent("Flexbox");
-  return React.createElement(
-    FlexboxLayout,
-    {
-      id,
-      key: id,
-      path,
-      flexFill,
-      style: {
-        ...style,
-        flexDirection,
-        flexBasis,
-        flexGrow: flex,
-        flexShrink: flex
-      },
-      resizeable
-    },
-    children
-  );
-}
-const baseStyle = { flexGrow: 1, flexShrink: 1 };
-function createPlaceHolder(path, size, style, props) {
-  const id = uuid();
-  return React.createElement("div", {
-    ...placeHolderProps,
-    ...props,
-    "data-path": path,
-    id,
-    key: id,
-    style: { ...baseStyle, ...style, flexBasis: size }
-  });
-}
-
-export { createFlexbox, createPlaceHolder, getFlexDimensions, getFlexOrIntrinsicStyle, getFlexStyle, getIntrinsicSize, hasUnboundedFlexStyle, wrapIntrinsicSizeComponentWithFlexbox };
-//# sourceMappingURL=flexUtils.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"flexUtils.js","sources":["../../../../packages/vuu-layout/src/layout-reducer/flexUtils.ts"],"sourcesContent":["import {\n  dimension,\n  getLayoutComponent,\n  rect,\n  rectTuple,\n  uuid,\n} from \"@vuu-ui/vuu-utils\";\nimport React, { CSSProperties, ReactElement, ReactNode } from \"react\";\nimport { DropPos } from \"../drag-drop/dragDropTypes\";\nimport { getProps, resetPath } from \"../utils\";\nconst placeHolderProps = { \"data-placeholder\": true, \"data-resizeable\": true };\n\nconst NO_STYLE = {};\nconst auto = \"auto\";\nconst defaultFlexStyle = {\n  flexBasis: 0,\n  flexGrow: 1,\n  flexShrink: 1,\n  height: auto,\n  width: auto,\n};\n\nconst CROSS_DIMENSION = {\n  height: \"width\",\n  width: \"height\",\n};\n\nexport type flexDirection = \"row\" | \"column\";\n\ntype contraDimension = dimension;\ntype flexDimensionTuple = [dimension, contraDimension, flexDirection];\nexport type position = {\n  height?: number;\n  width?: number;\n};\n\nexport const getFlexDimensions = (flexDirection: flexDirection = \"row\") => {\n  if (flexDirection === \"row\") {\n    return [\"width\", \"height\", \"column\"] as flexDimensionTuple;\n  } else {\n    return [\"height\", \"width\", \"row\"] as flexDimensionTuple;\n  }\n};\n\nconst isPercentageSize = (value: string | number) =>\n  typeof value === \"string\" && value.endsWith(\"%\");\n\nexport const getIntrinsicSize = (\n  component: ReactElement,\n): { height?: number; width?: number } | undefined => {\n  const { style: { width = auto, height = auto } = NO_STYLE } =\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    component.props as any;\n\n  const numHeight = typeof height === \"number\";\n  const numWidth = typeof width === \"number\";\n\n  if (numHeight && numWidth) {\n    return { height, width };\n  } else if (numHeight) {\n    return { height };\n  } else if (numWidth) {\n    return { width };\n  } else {\n    return undefined;\n  }\n};\n\nexport function getFlexStyle(\n  component: ReactElement,\n  dimension: dimension,\n  pos?: DropPos,\n) {\n  const crossDimension = CROSS_DIMENSION[dimension];\n  const {\n    style: {\n      [crossDimension]: intrinsicCrossSize = auto,\n      ...intrinsicStyles\n    } = NO_STYLE,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  } = component.props as any;\n\n  if (pos && pos[dimension]) {\n    return {\n      ...intrinsicStyles,\n      ...defaultFlexStyle,\n      flexBasis: pos[dimension],\n      flexGrow: 0,\n      flexShrink: 0,\n    };\n  } else {\n    return {\n      ...intrinsicStyles,\n      ...defaultFlexStyle,\n      [crossDimension]: intrinsicCrossSize,\n    };\n  }\n}\n\nexport function hasUnboundedFlexStyle(component: ReactElement) {\n  const { style: { flex, flexGrow, flexShrink, flexBasis } = NO_STYLE } =\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    component.props as any;\n  if (typeof flex === \"number\") {\n    return true;\n  }\n  if (flexBasis === 0 && flexGrow === 1 && flexShrink === 1) {\n    return true;\n  }\n  if (typeof flexBasis === \"number\") {\n    return false;\n  }\n  return true;\n}\n\nexport function getFlexOrIntrinsicStyle(\n  component: ReactElement,\n  dimension: dimension,\n  pos: position,\n) {\n  const crossDimension = CROSS_DIMENSION[dimension];\n  const {\n    style: {\n      [dimension]: intrinsicSize = auto,\n      [crossDimension]: intrinsicCrossSize = auto,\n      ...intrinsicStyles\n    } = NO_STYLE,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  } = component.props as any;\n\n  if (intrinsicSize !== auto) {\n    if (isPercentageSize(intrinsicSize)) {\n      return {\n        flexBasis: 0,\n        flexGrow: 1,\n        flexShrink: 1,\n        [dimension]: undefined,\n        [crossDimension]: intrinsicCrossSize,\n      };\n    }\n    return {\n      flexBasis: intrinsicSize,\n      flexGrow: 0,\n      flexShrink: 0,\n      [dimension]: intrinsicSize,\n      [crossDimension]: intrinsicCrossSize,\n    };\n  }\n  if (pos && pos[dimension]) {\n    return {\n      ...intrinsicStyles,\n      ...defaultFlexStyle,\n      flexBasis: pos[dimension],\n      flexGrow: 0,\n      flexShrink: 0,\n    };\n  }\n  return {\n    ...intrinsicStyles,\n    [crossDimension]: intrinsicCrossSize,\n  };\n}\n\nexport function wrapIntrinsicSizeComponentWithFlexbox(\n  component: ReactElement,\n  flexDirection: flexDirection,\n  path: string,\n  clientRect?: rect,\n  dropRect?: rectTuple,\n) {\n  const wrappedChildren = [];\n  let pathIndex = 0;\n  let endPlaceholder;\n\n  if (clientRect && dropRect) {\n    let startPlaceholder;\n    const [dropLeft, dropTop, dropRight, dropBottom] = dropRect;\n    [startPlaceholder, endPlaceholder] =\n      flexDirection === \"column\"\n        ? [dropTop - clientRect.top, clientRect.bottom - dropBottom]\n        : [dropLeft - clientRect.left, clientRect.right - dropRight];\n\n    if (startPlaceholder) {\n      wrappedChildren.push(\n        createPlaceHolder(`${path}.${pathIndex++}`, startPlaceholder, {\n          flexGrow: 0,\n          flexShrink: 0,\n        }),\n      );\n    }\n  } else {\n    endPlaceholder = true;\n  }\n\n  const { version = 0, style } = getProps(component);\n\n  wrappedChildren.push(\n    resetPath(component, `${path}.${pathIndex++}`, {\n      version: version + 1,\n      style: {\n        ...style,\n        flexBasis: \"auto\",\n        flexGrow: 0,\n        flexShrink: 0,\n      },\n    }),\n  );\n\n  if (endPlaceholder) {\n    wrappedChildren.push(\n      createPlaceHolder(`${path}.${pathIndex++}`, 0, undefined, {\n        [`data-${flexDirection}-placeholder`]: true,\n      }),\n    );\n  }\n\n  return createFlexbox(\n    flexDirection,\n    { resizeable: false, style: { flexBasis: \"auto\" } },\n    wrappedChildren,\n    path,\n  );\n}\n\nconst getFlexValue = (\n  flexBasis: number,\n  flexFill: boolean,\n): number | undefined => {\n  if (flexFill) {\n    return undefined;\n  }\n  return flexBasis === 0 ? 1 : 0;\n};\n\nexport function createFlexbox(\n  flexDirection: flexDirection,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  props: any,\n  children: ReactNode,\n  path: string,\n) {\n  const id = uuid();\n  const { flexFill, style, resizeable = true } = props;\n  const { flexBasis = flexFill ? undefined : \"auto\" } = style;\n  const flex = getFlexValue(flexBasis, flexFill);\n  // A direct import triggers a circular ref chain\n  const FlexboxLayout = getLayoutComponent(\"Flexbox\");\n  return React.createElement(\n    FlexboxLayout,\n    {\n      id,\n      key: id,\n      path,\n      flexFill,\n      style: {\n        ...style,\n        flexDirection,\n        flexBasis,\n        flexGrow: flex,\n        flexShrink: flex,\n      },\n      resizeable,\n    },\n    children,\n  );\n}\n\nconst baseStyle = { flexGrow: 1, flexShrink: 1 };\n\nexport function createPlaceHolder(\n  path: string,\n  size: number,\n  style?: CSSProperties,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  props?: any,\n) {\n  const id = uuid();\n  return React.createElement(\"div\", {\n    ...placeHolderProps,\n    ...props,\n    \"data-path\": path,\n    id,\n    key: id,\n    style: { ...baseStyle, ...style, flexBasis: size },\n  });\n}\n"],"names":["dimension"],"mappings":"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"}