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

package/cjs/drag-drop/DragState.js

@@ -1,161 +0,0 @@
-'use strict';
-
-var BoxModel = require('./BoxModel.js');
-
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-const SCALE_FACTOR = 0.4;
-class DragState {
-  constructor(zone, mouseX, mouseY, measurements, intrinsicSize) {
-    __publicField(this, "constraint");
-    __publicField(this, "x");
-    __publicField(this, "y");
-    __publicField(this, "intrinsicSize");
-    this.init(zone, mouseX, mouseY, measurements, intrinsicSize);
-  }
-  init(zone, mouseX, mouseY, rect, intrinsicSize) {
-    const { left: x, top: y } = rect;
-    const { pctX, pctY } = BoxModel.pointPositionWithinRect(mouseX, mouseY, rect);
-    const scaleFactor = SCALE_FACTOR;
-    const leadX = pctX * rect.width;
-    const trailX = rect.width - leadX;
-    const leadY = pctY * rect.height;
-    const trailY = rect.height - leadY;
-    const scaledWidth = rect.width * scaleFactor, scaledHeight = rect.height * scaleFactor;
-    const scaleDiff = 1 - scaleFactor;
-    const leadXScaleDiff = leadX * scaleDiff;
-    const leadYScaleDiff = leadY * scaleDiff;
-    const trailXScaleDiff = trailX * scaleDiff;
-    const trailYScaleDiff = trailY * scaleDiff;
-    this.intrinsicSize = intrinsicSize;
-    this.constraint = {
-      zone: {
-        x: {
-          lo: zone.left,
-          hi: zone.right
-        },
-        y: {
-          lo: zone.top,
-          hi: zone.bottom
-        }
-      },
-      pos: {
-        x: {
-          lo: (
-            /* left */
-            zone.left - leadXScaleDiff
-          ),
-          hi: (
-            /* right */
-            zone.right - rect.width + trailXScaleDiff
-          )
-        },
-        y: {
-          lo: (
-            /* top */
-            zone.top - leadYScaleDiff
-          ),
-          hi: (
-            /* bottom */
-            zone.bottom - rect.height + trailYScaleDiff
-          )
-        }
-      },
-      mouse: {
-        x: {
-          lo: (
-            /* left */
-            zone.left + scaledWidth * pctX
-          ),
-          hi: (
-            /* right */
-            zone.right - scaledWidth * (1 - pctX)
-          )
-        },
-        y: {
-          lo: (
-            /* top */
-            zone.top + scaledHeight * pctY
-          ),
-          hi: (
-            /* bottom */
-            zone.bottom - scaledHeight * (1 - pctY)
-          )
-        }
-      }
-    };
-    this.x = {
-      pos: x,
-      lo: false,
-      hi: false,
-      mousePos: mouseX,
-      mousePct: pctX
-    };
-    this.y = {
-      pos: y,
-      lo: false,
-      hi: false,
-      mousePos: mouseY,
-      mousePct: pctY
-    };
-  }
-  outOfBounds() {
-    return this.x.lo || this.x.hi || this.y.lo || this.y.hi;
-  }
-  inBounds() {
-    return !this.outOfBounds();
-  }
-  dropX() {
-    return this.dropXY("x");
-  }
-  dropY() {
-    return this.dropXY("y");
-  }
-  hasIntrinsicSize() {
-    return this?.intrinsicSize?.height && this?.intrinsicSize?.width;
-  }
-  /*
-   *  diff = mouse movement, signed int
-   *  xy = 'x' or 'y'
-   */
-  //todo, diff can be calculated in here
-  update(xy, mousePos) {
-    const state = this[xy], mouseConstraint = this.constraint.mouse[xy], posConstraint = this.constraint.pos[xy], previousPos = state.pos;
-    const diff = mousePos - state.mousePos;
-    if (diff < 0) {
-      if (state.lo) ; else if (mousePos < mouseConstraint.lo) {
-        state.lo = true;
-        state.pos = posConstraint.lo;
-      } else if (state.hi) {
-        if (mousePos < mouseConstraint.hi) {
-          state.hi = false;
-          state.pos += diff;
-        }
-      } else {
-        state.pos += diff;
-      }
-    } else if (diff > 0) {
-      if (state.hi) ; else if (mousePos > mouseConstraint.hi) {
-        state.hi = true;
-        state.pos = posConstraint.hi;
-      } else if (state.lo) {
-        if (mousePos > mouseConstraint.lo) {
-          state.lo = false;
-          state.pos += diff;
-        }
-      } else {
-        state.pos += diff;
-      }
-    }
-    state.mousePos = mousePos;
-    return previousPos !== state.pos;
-  }
-  dropXY(dir) {
-    const pos = this[dir], rect = this.constraint.zone[dir];
-    return pos.lo ? Math.max(rect.lo, pos.mousePos) : pos.hi ? Math.min(pos.mousePos, Math.round(rect.hi) - 1) : pos.mousePos;
-  }
-}
-
-exports.DragState = DragState;
-//# sourceMappingURL=DragState.js.map

package/cjs/drag-drop/DragState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DragState.js","sources":["../../../../packages/vuu-layout/src/drag-drop/DragState.ts"],"sourcesContent":["import { pointPositionWithinRect } from './BoxModel';\nimport { DragDropRect } from './dragDropTypes';\n\nconst SCALE_FACTOR = 0.4;\n\nexport type IntrinsicSizes = {\n  height?: number;\n  width?: number;\n};\n\ninterface ZoneRange {\n  hi: number;\n  lo: number;\n}\ntype DragConstraint = {\n  zone: {\n    x: ZoneRange;\n    y: ZoneRange;\n  };\n  pos: {\n    x: ZoneRange;\n    y: ZoneRange;\n  };\n  mouse: {\n    x: ZoneRange;\n    y: ZoneRange;\n  };\n};\n\ninterface ExtendedZoneRange {\n  lo: boolean;\n  hi: boolean;\n  mousePct: number;\n  mousePos: number;\n  pos: number;\n}\n\nexport class DragState {\n  public constraint!: DragConstraint;\n  public x!: ExtendedZoneRange;\n  public y!: ExtendedZoneRange;\n  public intrinsicSize: IntrinsicSizes | undefined;\n\n  constructor(\n    zone: DragDropRect,\n    mouseX: number,\n    mouseY: number,\n    measurements: DragDropRect,\n    intrinsicSize?: IntrinsicSizes\n  ) {\n    this.init(zone, mouseX, mouseY, measurements, intrinsicSize);\n  }\n\n  init(\n    zone: DragDropRect,\n    mouseX: number,\n    mouseY: number,\n    rect: DragDropRect,\n    intrinsicSize?: IntrinsicSizes\n  ) {\n    const { left: x, top: y } = rect;\n\n    const { pctX, pctY } = pointPositionWithinRect(mouseX, mouseY, rect);\n\n    // We are applying a scale factor of 0.4 to the draggee. This is purely a visual\n    // effect - the actual box size remains the original size. The 'leading' values\n    // represent the difference between the visual scaled down box and the actual box.\n\n    const scaleFactor = SCALE_FACTOR;\n\n    const leadX = pctX * rect.width;\n    const trailX = rect.width - leadX;\n    const leadY = pctY * rect.height;\n    const trailY = rect.height - leadY;\n\n    // When we assign position to rect using css. positioning units are applied to the\n    // unscaled shape, so we have to adjust values to take scaling into account.\n    const scaledWidth = rect.width * scaleFactor,\n      scaledHeight = rect.height * scaleFactor;\n\n    const scaleDiff = 1 - scaleFactor;\n    const leadXScaleDiff = leadX * scaleDiff;\n    const leadYScaleDiff = leadY * scaleDiff;\n    const trailXScaleDiff = trailX * scaleDiff;\n    const trailYScaleDiff = trailY * scaleDiff;\n\n    this.intrinsicSize = intrinsicSize;\n\n    this.constraint = {\n      zone: {\n        x: {\n          lo: zone.left,\n          hi: zone.right\n        },\n        y: {\n          lo: zone.top,\n          hi: zone.bottom\n        }\n      },\n\n      pos: {\n        x: {\n          lo: /* left */ zone.left - leadXScaleDiff,\n          hi: /* right */ zone.right - rect.width + trailXScaleDiff\n        },\n        y: {\n          lo: /* top */ zone.top - leadYScaleDiff,\n          hi: /* bottom */ zone.bottom - rect.height + trailYScaleDiff\n        }\n      },\n      mouse: {\n        x: {\n          lo: /* left */ zone.left + scaledWidth * pctX,\n          hi: /* right */ zone.right - scaledWidth * (1 - pctX)\n        },\n        y: {\n          lo: /* top */ zone.top + scaledHeight * pctY,\n          hi: /* bottom */ zone.bottom - scaledHeight * (1 - pctY)\n        }\n      }\n    };\n\n    this.x = {\n      pos: x,\n      lo: false,\n      hi: false,\n      mousePos: mouseX,\n      mousePct: pctX\n    };\n    this.y = {\n      pos: y,\n      lo: false,\n      hi: false,\n      mousePos: mouseY,\n      mousePct: pctY\n    };\n  }\n\n  outOfBounds() {\n    return this.x.lo || this.x.hi || this.y.lo || this.y.hi;\n  }\n\n  inBounds() {\n    return !this.outOfBounds();\n  }\n\n  dropX() {\n    return this.dropXY('x');\n  }\n\n  dropY() {\n    return this.dropXY('y');\n  }\n\n  hasIntrinsicSize(): number | undefined {\n    return this?.intrinsicSize?.height && this?.intrinsicSize?.width;\n  }\n\n  /*\n   *  diff = mouse movement, signed int\n   *  xy = 'x' or 'y'\n   */\n  //todo, diff can be calculated in here\n  update(xy: 'x' | 'y', mousePos: number) {\n    const state = this[xy],\n      mouseConstraint = this.constraint.mouse[xy],\n      posConstraint = this.constraint.pos[xy],\n      previousPos = state.pos;\n\n    const diff = mousePos - state.mousePos;\n\n    //xy==='x' && console.log(`update: state.lo=${state.lo}, mPos=${mousePos}, mC.lo=${mouseConstraint.lo}, prevPos=${previousPos}, diff=${diff} `  );\n\n    if (diff < 0) {\n      if (state.lo) {\n        /* do nothing */\n      } else if (mousePos < mouseConstraint.lo) {\n        state.lo = true;\n        state.pos = posConstraint.lo;\n      } else if (state.hi) {\n        if (mousePos < mouseConstraint.hi) {\n          state.hi = false;\n          state.pos += diff;\n        }\n      } else {\n        state.pos += diff;\n      }\n    } else if (diff > 0) {\n      if (state.hi) {\n        /* do nothing */\n      } else if (mousePos > mouseConstraint.hi) {\n        state.hi = true;\n        state.pos = posConstraint.hi;\n      } else if (state.lo) {\n        if (mousePos > mouseConstraint.lo) {\n          state.lo = false;\n          state.pos += diff;\n        }\n      } else {\n        state.pos += diff;\n      }\n    }\n\n    state.mousePos = mousePos;\n\n    return previousPos !== state.pos;\n  }\n\n  private dropXY(this: DragState, dir: 'x' | 'y') {\n    const pos = this[dir],\n      rect = this.constraint.zone[dir];\n    // why not do the rounding +/- 1 on the rect initially - this is all it is usef for\n    return pos.lo\n      ? Math.max(rect.lo, pos.mousePos)\n      : pos.hi\n      ? Math.min(pos.mousePos, Math.round(rect.hi) - 1)\n      : pos.mousePos;\n  }\n}\n"],"names":["pointPositionWithinRect"],"mappings":"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"}

package/cjs/drag-drop/Draggable.js

@@ -1,192 +0,0 @@
-'use strict';
-
-var pathUtils = require('../utils/pathUtils.js');
-var propUtils = require('../utils/propUtils.js');
-var BoxModel = require('./BoxModel.js');
-var DragState = require('./DragState.js');
-var DropTarget = require('./DropTarget.js');
-var DropTargetRenderer = require('./DropTargetRenderer.js');
-
-let _dragStartCallback;
-let _dragMoveCallback;
-let _dragEndCallback;
-let _dragStartX;
-let _dragStartY;
-let _dragContainer;
-let _dragState;
-let _dropTarget = null;
-let _validDropTargetPaths;
-let _dragInstructions;
-let _measurements;
-let _simpleDrag;
-let _dragThreshold;
-let _mouseDownTimer = null;
-const DEFAULT_DRAG_THRESHOLD = 3;
-const _dropTargetRenderer = new DropTargetRenderer();
-const SCALE_FACTOR = 0.4;
-function getDragContainer(rootContainer, dragContainerPath) {
-  if (dragContainerPath) {
-    return pathUtils.followPath(rootContainer, dragContainerPath);
-  } else {
-    return pathUtils.findTarget(
-      rootContainer,
-      // TODO dropTarget is not good
-      (props) => props.dropTarget
-    );
-  }
-}
-const Draggable = {
-  handleMousedown(e, dragStartCallback, dragInstructions = {}) {
-    _dragStartCallback = dragStartCallback;
-    _dragInstructions = dragInstructions;
-    _dragStartX = e.clientX;
-    _dragStartY = e.clientY;
-    _dragThreshold = dragInstructions.dragThreshold === void 0 ? DEFAULT_DRAG_THRESHOLD : dragInstructions.dragThreshold;
-    if (_dragThreshold === 0) {
-      _dragStartCallback(e, 0, 0);
-    } else {
-      window.addEventListener("mousemove", preDragMousemoveHandler, false);
-      window.addEventListener("mouseup", preDragMouseupHandler, false);
-      _mouseDownTimer = window.setTimeout(() => {
-        window.removeEventListener("mousemove", preDragMousemoveHandler, false);
-        window.removeEventListener("mouseup", preDragMouseupHandler, false);
-        _dragStartCallback?.(e, 0, 0);
-      }, 500);
-    }
-    e.preventDefault();
-  },
-  // called from handleDragStart (_dragCallback)
-  initDrag(rootContainer, dragContainerPath, { top, left, right, bottom }, dragPos, dragHandler, intrinsicSize, dropTargets) {
-    ({ drag: _dragMoveCallback, drop: _dragEndCallback } = dragHandler);
-    return initDrag(
-      rootContainer,
-      dragContainerPath,
-      { top, left, right, bottom },
-      dragPos,
-      intrinsicSize,
-      dropTargets
-    );
-  }
-};
-function preDragMousemoveHandler(e) {
-  const x_diff = e.clientX - _dragStartX ;
-  const y_diff = e.clientY - _dragStartY ;
-  const mouseMoveDistance = Math.max(Math.abs(x_diff), Math.abs(y_diff));
-  if (mouseMoveDistance > _dragThreshold) {
-    window.removeEventListener("mousemove", preDragMousemoveHandler, false);
-    window.removeEventListener("mouseup", preDragMouseupHandler, false);
-    _dragStartCallback?.(e, x_diff, y_diff);
-    _dragStartCallback = null;
-  }
-}
-function preDragMouseupHandler() {
-  if (_mouseDownTimer) {
-    window.clearTimeout(_mouseDownTimer);
-    _mouseDownTimer = null;
-  }
-  window.removeEventListener("mousemove", preDragMousemoveHandler, false);
-  window.removeEventListener("mouseup", preDragMouseupHandler, false);
-}
-function initDrag(rootContainer, dragContainerPath, dragRect, dragPos, intrinsicSize, dropTargets) {
-  _dragContainer = getDragContainer(rootContainer, dragContainerPath);
-  const { "data-path": dataPath, path = dataPath } = propUtils.getProps(_dragContainer);
-  if (dropTargets) {
-    const dropPaths = dropTargets.map((id) => pathUtils.findTarget(rootContainer, (props) => props.id === id)).map((target) => target.props.path);
-    _validDropTargetPaths = dropPaths;
-  }
-  _measurements = BoxModel.BoxModel.measure(_dragContainer, dropTargets);
-  const dragZone = _measurements[path];
-  _dragState = new DragState.DragState(
-    dragZone,
-    dragPos.x,
-    dragPos.y,
-    dragRect,
-    intrinsicSize
-  );
-  const pctX = Math.round(_dragState.x.mousePct * 100);
-  const pctY = Math.round(_dragState.y.mousePct * 100);
-  window.addEventListener("mousemove", dragMousemoveHandler, false);
-  window.addEventListener("mouseup", dragMouseupHandler, false);
-  window.addEventListener("keydown", dragKeydownHandler, false);
-  _simpleDrag = false;
-  _dropTargetRenderer.prepare(dragRect, "tab-only");
-  return _dragInstructions.DoNotTransform ? "transform:none" : (
-    // scale factor should be applied in caller, not here
-    `transform:scale(${SCALE_FACTOR},${SCALE_FACTOR});transform-origin:${pctX}% ${pctY}%;`
-  );
-}
-function dragMousemoveHandler(evt) {
-  const x = evt.clientX;
-  const y = evt.clientY;
-  const dragState = _dragState;
-  const currentDropTarget = _dropTarget;
-  let dropTarget;
-  let newX, newY;
-  if (dragState.update("x", x)) {
-    newX = dragState.x.pos;
-  }
-  if (dragState.update("y", y)) {
-    newY = dragState.y.pos;
-  }
-  if (newX === void 0 && newY === void 0) ; else {
-    _dragMoveCallback?.(newX, newY);
-  }
-  if (_simpleDrag || _dragContainer === void 0) {
-    return;
-  }
-  if (dragState.inBounds()) {
-    dropTarget = DropTarget.identifyDropTarget(
-      x,
-      y,
-      _dragContainer,
-      _measurements,
-      dragState.hasIntrinsicSize(),
-      _validDropTargetPaths
-    );
-  } else {
-    dropTarget = DropTarget.identifyDropTarget(
-      dragState.dropX(),
-      dragState.dropY(),
-      _dragContainer,
-      _measurements
-    );
-  }
-  if (currentDropTarget) {
-    if (dropTarget == null || dropTarget.box !== currentDropTarget.box) {
-      _dropTarget = null;
-    }
-  }
-  if (dropTarget) {
-    _dropTargetRenderer.draw(dropTarget, dragState);
-    _dropTarget = dropTarget;
-  }
-}
-function dragKeydownHandler(evt) {
-  if (evt.key === "Escape") {
-    _dropTarget = null;
-    onDragEnd();
-  }
-}
-function dragMouseupHandler() {
-  onDragEnd();
-}
-function onDragEnd() {
-  if (_dropTarget) {
-    const dropTarget = _dropTargetRenderer.hoverDropTarget || DropTarget.DropTarget.getActiveDropTarget(_dropTarget);
-    _dragEndCallback?.(dropTarget);
-    _dropTarget = null;
-  } else {
-    _dragEndCallback?.();
-  }
-  _dragMoveCallback = null;
-  _dragEndCallback = null;
-  _dragContainer = void 0;
-  _dropTargetRenderer.clear();
-  _validDropTargetPaths = void 0;
-  window.removeEventListener("mousemove", dragMousemoveHandler, false);
-  window.removeEventListener("mouseup", dragMouseupHandler, false);
-  window.removeEventListener("keydown", dragKeydownHandler, false);
-}
-
-exports.Draggable = Draggable;
-//# sourceMappingURL=Draggable.js.map

package/cjs/drag-drop/Draggable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Draggable.js","sources":["../../../../packages/vuu-layout/src/drag-drop/Draggable.ts"],"sourcesContent":["import { rect } from \"@vuu-ui/vuu-utils\";\nimport { ReactElement } from \"react\";\nimport { findTarget, followPath, getProps } from \"../utils\";\nimport { BoxModel, Measurements } from \"./BoxModel\";\nimport { DragDropRect } from \"./dragDropTypes\";\nimport { DragState, IntrinsicSizes } from \"./DragState\";\nimport { DropTarget, identifyDropTarget } from \"./DropTarget\";\nimport DropTargetRenderer from \"./DropTargetRenderer\";\n\nexport type DragStartCallback = (e: MouseEvent, x: number, y: number) => void;\nexport type DragMoveCallback = (\n  x: number | undefined,\n  y: number | undefined,\n) => void;\nexport type DragEndCallback = (droppedTarget?: Partial<DropTarget>) => void;\nexport type DragInstructions = {\n  DoNotRemove?: boolean;\n  DoNotTransform?: boolean;\n  dragThreshold?: number;\n  DriftHomeIfNoDropTarget?: boolean;\n  RemoveDraggableOnDragEnd?: boolean;\n};\n\nlet _dragStartCallback: DragStartCallback | null;\nlet _dragMoveCallback: DragMoveCallback | null;\nlet _dragEndCallback: DragEndCallback | null;\n\nlet _dragStartX: number;\nlet _dragStartY: number;\nlet _dragContainer: ReactElement | undefined;\nlet _dragState: DragState;\nlet _dropTarget: DropTarget | null = null;\nlet _validDropTargetPaths: string[] | undefined;\nlet _dragInstructions: DragInstructions;\nlet _measurements: Measurements;\nlet _simpleDrag: boolean;\nlet _dragThreshold: number;\nlet _mouseDownTimer: number | null = null;\n\nconst DEFAULT_DRAG_THRESHOLD = 3;\nconst _dropTargetRenderer = new DropTargetRenderer();\nconst SCALE_FACTOR = 0.4;\n\nfunction getDragContainer(\n  rootContainer: ReactElement,\n  dragContainerPath: string,\n) {\n  if (dragContainerPath) {\n    return followPath(rootContainer, dragContainerPath) as ReactElement;\n  } else {\n    return findTarget(\n      rootContainer,\n      // TODO dropTarget is not good\n      (props) => props.dropTarget,\n    ) as ReactElement;\n  }\n}\n\nexport const Draggable = {\n  handleMousedown(\n    e: MouseEvent,\n    dragStartCallback: DragStartCallback,\n    dragInstructions: DragInstructions = {},\n  ) {\n    _dragStartCallback = dragStartCallback;\n    _dragInstructions = dragInstructions;\n\n    _dragStartX = e.clientX;\n    _dragStartY = e.clientY;\n\n    _dragThreshold =\n      dragInstructions.dragThreshold === undefined\n        ? DEFAULT_DRAG_THRESHOLD\n        : dragInstructions.dragThreshold;\n\n    if (_dragThreshold === 0) {\n      // maybe this should be -1\n      _dragStartCallback(e, 0, 0);\n    } else {\n      window.addEventListener(\"mousemove\", preDragMousemoveHandler, false);\n      window.addEventListener(\"mouseup\", preDragMouseupHandler, false);\n\n      _mouseDownTimer = window.setTimeout(() => {\n        window.removeEventListener(\"mousemove\", preDragMousemoveHandler, false);\n        window.removeEventListener(\"mouseup\", preDragMouseupHandler, false);\n        _dragStartCallback?.(e, 0, 0);\n      }, 500);\n    }\n\n    e.preventDefault();\n  },\n\n  // called from handleDragStart (_dragCallback)\n  initDrag(\n    rootContainer: ReactElement,\n    dragContainerPath: string,\n    { top, left, right, bottom }: rect,\n    dragPos: { x: number; y: number },\n    dragHandler: {\n      drag: DragMoveCallback;\n      drop: DragEndCallback;\n    },\n    intrinsicSize?: IntrinsicSizes,\n    dropTargets?: string[],\n  ) {\n    ({ drag: _dragMoveCallback, drop: _dragEndCallback } = dragHandler);\n    return initDrag(\n      rootContainer,\n      dragContainerPath,\n      { top, left, right, bottom } as DragDropRect,\n      dragPos,\n      intrinsicSize,\n      dropTargets,\n    );\n  },\n};\n\nfunction preDragMousemoveHandler(e: MouseEvent) {\n  const x = true;\n  const y = true;\n\n  const x_diff = x ? e.clientX - _dragStartX : 0;\n  const y_diff = y ? e.clientY - _dragStartY : 0;\n  const mouseMoveDistance = Math.max(Math.abs(x_diff), Math.abs(y_diff));\n\n  // when we do finally move the draggee, we are going to 'jump' by the amount of the drag threshold, should we\n  // attempt to animate this ?\n  if (mouseMoveDistance > _dragThreshold) {\n    window.removeEventListener(\"mousemove\", preDragMousemoveHandler, false);\n    window.removeEventListener(\"mouseup\", preDragMouseupHandler, false);\n    _dragStartCallback?.(e, x_diff, y_diff);\n    _dragStartCallback = null;\n  }\n}\n\nfunction preDragMouseupHandler() {\n  if (_mouseDownTimer) {\n    window.clearTimeout(_mouseDownTimer);\n    _mouseDownTimer = null;\n  }\n  window.removeEventListener(\"mousemove\", preDragMousemoveHandler, false);\n  window.removeEventListener(\"mouseup\", preDragMouseupHandler, false);\n}\n\nfunction initDrag(\n  rootContainer: ReactElement,\n  dragContainerPath: string,\n  dragRect: DragDropRect,\n  dragPos: { x: number; y: number },\n  intrinsicSize?: IntrinsicSizes,\n  dropTargets?: string[],\n) {\n  _dragContainer = getDragContainer(rootContainer, dragContainerPath);\n\n  const { \"data-path\": dataPath, path = dataPath } = getProps(_dragContainer);\n\n  if (dropTargets) {\n    const dropPaths = dropTargets\n      .map((id) => findTarget(rootContainer, (props) => props.id === id))\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      .map((target) => (target as any).props.path);\n    _validDropTargetPaths = dropPaths;\n  }\n\n  // const start = window.performance.now();\n  // translate the layout $position to drag-oriented co-ordinates, ignoring splitters\n\n  _measurements = BoxModel.measure(_dragContainer, dropTargets);\n  // console.log({ _measurements });\n  // onsole.log({ measurements: _measurements });\n  // const end = window.performance.now();\n  // console.log(`[Draggable] measurements took ${end - start}ms`, _measurements);\n\n  const dragZone = _measurements[path];\n\n  _dragState = new DragState(\n    dragZone,\n    dragPos.x,\n    dragPos.y,\n    dragRect,\n    intrinsicSize,\n  );\n\n  const pctX = Math.round(_dragState.x.mousePct * 100);\n  const pctY = Math.round(_dragState.y.mousePct * 100);\n\n  window.addEventListener(\"mousemove\", dragMousemoveHandler, false);\n  window.addEventListener(\"mouseup\", dragMouseupHandler, false);\n  window.addEventListener(\"keydown\", dragKeydownHandler, false);\n\n  _simpleDrag = false;\n\n  _dropTargetRenderer.prepare(dragRect, \"tab-only\");\n\n  return _dragInstructions.DoNotTransform\n    ? \"transform:none\"\n    : // scale factor should be applied in caller, not here\n      `transform:scale(${SCALE_FACTOR},${SCALE_FACTOR});transform-origin:${pctX}% ${pctY}%;`;\n}\n\nfunction dragMousemoveHandler(evt: MouseEvent) {\n  const x = evt.clientX;\n  const y = evt.clientY;\n  const dragState = _dragState;\n  const currentDropTarget = _dropTarget;\n  let dropTarget;\n  let newX, newY;\n\n  if (dragState.update(\"x\", x)) {\n    newX = dragState.x.pos;\n  }\n\n  if (dragState.update(\"y\", y)) {\n    newY = dragState.y.pos;\n  }\n\n  if (newX === undefined && newY === undefined) {\n    //onsole.log('both x and y are unchanged');\n  } else {\n    _dragMoveCallback?.(newX, newY);\n  }\n\n  if (_simpleDrag || _dragContainer === undefined) {\n    return;\n  }\n\n  if (dragState.inBounds()) {\n    dropTarget = identifyDropTarget(\n      x,\n      y,\n      _dragContainer,\n      _measurements,\n      dragState.hasIntrinsicSize(),\n      _validDropTargetPaths,\n    );\n  } else {\n    dropTarget = identifyDropTarget(\n      dragState.dropX(),\n      dragState.dropY(),\n      _dragContainer,\n      _measurements,\n    );\n  }\n\n  // did we have an existing droptarget which is no longer such ...\n  if (currentDropTarget) {\n    if (dropTarget == null || dropTarget.box !== currentDropTarget.box) {\n      _dropTarget = null;\n    }\n  }\n\n  if (dropTarget) {\n    _dropTargetRenderer.draw(dropTarget, dragState);\n    _dropTarget = dropTarget;\n  }\n}\n\nfunction dragKeydownHandler(evt: KeyboardEvent) {\n  if (evt.key === \"Escape\") {\n    _dropTarget = null;\n    onDragEnd();\n  }\n}\n\nfunction dragMouseupHandler() {\n  onDragEnd();\n}\n\nfunction onDragEnd() {\n  if (_dropTarget) {\n    const dropTarget =\n      _dropTargetRenderer.hoverDropTarget ||\n      DropTarget.getActiveDropTarget(_dropTarget);\n\n    _dragEndCallback?.(dropTarget as DropTarget);\n\n    _dropTarget = null;\n  } else {\n    _dragEndCallback?.();\n  }\n\n  _dragMoveCallback = null;\n  _dragEndCallback = null;\n\n  _dragContainer = undefined;\n  _dropTargetRenderer.clear();\n  _validDropTargetPaths = undefined;\n  window.removeEventListener(\"mousemove\", dragMousemoveHandler, false);\n  window.removeEventListener(\"mouseup\", dragMouseupHandler, false);\n  window.removeEventListener(\"keydown\", dragKeydownHandler, false);\n}\n"],"names":["followPath","findTarget","getProps","BoxModel","DragState","identifyDropTarget","DropTarget"],"mappings":"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"}

package/cjs/drag-drop/DropTarget.js

@@ -1,257 +0,0 @@
-'use strict';
-
-require('@vuu-ui/vuu-utils');
-require('react');
-var propUtils = require('../utils/propUtils.js');
-var typeOf = require('../utils/typeOf.js');
-var BoxModel = require('./BoxModel.js');
-
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-const isTabstrip = (dropTarget) => dropTarget.pos.tab && typeOf.typeOf(dropTarget.component) === "Stack" && dropTarget.pos.position.Header;
-const { north, south, east, west } = BoxModel.positionValues;
-const eastwest = east + west;
-const northsouth = north + south;
-class DropTarget {
-  constructor({
-    component,
-    pos,
-    clientRect,
-    nextDropTarget
-  }) {
-    __publicField(this, "active");
-    __publicField(this, "box");
-    __publicField(this, "clientRect");
-    __publicField(this, "component");
-    __publicField(this, "dropRect");
-    __publicField(this, "nextDropTarget");
-    __publicField(this, "pos");
-    this.component = component;
-    this.pos = pos;
-    this.clientRect = clientRect;
-    this.nextDropTarget = nextDropTarget;
-    this.active = false;
-    this.dropRect = void 0;
-  }
-  targetTabPos(tab) {
-    const { left: tabLeft, width: tabWidth, positionRelativeToTab } = tab;
-    return positionRelativeToTab === BoxModel.RelativeDropPosition.BEFORE ? tabLeft : tabLeft + tabWidth;
-  }
-  /**
-   * Determine what will be rendered by the dropTargetRenderer
-   *
-   * @param {*} lineWidth
-   * @param {*} dragState
-   * @returns {l, t, r, b, tabLeft, tabWidth, tabHeight}
-   */
-  getTargetDropOutline(lineWidth, dragState) {
-    if (this.pos.tab) {
-      return this.getDropTabOutline(lineWidth, this.pos.tab);
-    } else if (dragState && dragState.hasIntrinsicSize()) {
-      return this.getIntrinsicDropRect(dragState);
-    } else {
-      const [l, t, r, b] = this.getDropRectOutline(
-        lineWidth,
-        dragState
-      );
-      return { l, t, r, b };
-    }
-  }
-  getDropTabOutline(lineWidth, tab) {
-    const {
-      clientRect: { top, left, right, bottom, header }
-    } = this;
-    const inset = 0;
-    const gap = Math.round(lineWidth / 2) + inset;
-    const t = Math.round(top);
-    const l = Math.round(left + gap);
-    const r = Math.round(right - gap);
-    const b = Math.round(bottom - gap);
-    const tabLeft = this.targetTabPos(tab);
-    const tabWidth = 60;
-    const tabHeight = (header?.bottom ?? 0) - (header?.top ?? 0);
-    return { l, t, r, b, tabLeft, tabWidth, tabHeight };
-  }
-  getIntrinsicDropRect(dragState) {
-    const { pos, clientRect: rect2 } = this;
-    const { x, y } = dragState;
-    let height = dragState.intrinsicSize?.height ?? 0;
-    let width = dragState.intrinsicSize?.height ?? 0;
-    if (height && height > rect2.height) {
-      console.log(`DropTarget: we're going to blow the gaff`);
-      height = rect2.height;
-    } else if (width && width > rect2.width) {
-      console.log(`DropTarget: we're going to blow the gaff`);
-      width = rect2.width;
-    }
-    const left = Math.min(
-      rect2.right - width,
-      Math.max(rect2.left, Math.round(pos.x - x.mousePct * width))
-    );
-    const top = Math.min(
-      rect2.bottom - height,
-      Math.max(rect2.top, Math.round(pos.y - y.mousePct * height))
-    );
-    const [l, t, r, b] = this.dropRect = [
-      left,
-      top,
-      left + width,
-      top + height
-    ];
-    const guideLines = pos.position.EastOrWest ? [l, rect2.top, l, rect2.bottom, r, rect2.top, r, rect2.bottom] : [rect2.left, t, rect2.right, t, rect2.left, b, rect2.right, b];
-    return { l, r, t, b, guideLines };
-  }
-  /**
-   * @returns  [left, top, right, bottom]
-   */
-  getDropRectOutline(lineWidth, dragState) {
-    const { pos, clientRect: rect2 } = this;
-    const { width: suggestedWidth, height: suggestedHeight, position } = pos;
-    const { width: intrinsicWidth, height: intrinsicHeight } = dragState?.intrinsicSize ?? {};
-    const sizeHeight = intrinsicHeight ?? suggestedHeight ?? 0;
-    const sizeWidth = intrinsicWidth ?? suggestedWidth ?? 0;
-    this.dropRect = void 0;
-    const { top: t, left: l, right: r, bottom: b } = rect2;
-    const inset = 0;
-    const gap = Math.round(lineWidth / 2) + inset;
-    switch (position) {
-      case BoxModel.Position.North:
-      case BoxModel.Position.Header: {
-        const halfHeight = Math.round((b - t) / 2);
-        const height = sizeHeight ? Math.min(halfHeight, Math.round(sizeHeight)) : halfHeight;
-        return sizeWidth && l + sizeWidth < r ? [l + gap, t + gap, l + sizeWidth - gap, t + gap + height] : [l + gap, t + gap, r - gap, t + gap + height];
-      }
-      case BoxModel.Position.West: {
-        const halfWidth = Math.round((r - l) / 2);
-        const width = sizeWidth ? Math.min(halfWidth, Math.round(sizeWidth)) : halfWidth;
-        return sizeHeight && t + sizeHeight < b ? [l + gap, t + gap, l - gap + width, t + sizeHeight + gap] : [l + gap, t + gap, l - gap + width, b - gap];
-      }
-      case BoxModel.Position.East: {
-        const halfWidth = Math.round((r - l) / 2);
-        const width = sizeWidth ? Math.min(halfWidth, Math.round(sizeWidth)) : halfWidth;
-        return sizeHeight && t + sizeHeight < b ? [r - gap - width, t + gap, r - gap, t + sizeHeight + gap] : [r - gap - width, t + gap, r - gap, b - gap];
-      }
-      case BoxModel.Position.South: {
-        const halfHeight = Math.round((b - t) / 2);
-        const height = sizeHeight ? Math.min(halfHeight, Math.round(sizeHeight)) : halfHeight;
-        return sizeWidth && l + sizeWidth < r ? [l + gap, b - gap - height, l + sizeWidth - gap, b - gap] : [l + gap, b - gap - height, r - gap, b - gap];
-      }
-      case BoxModel.Position.Centre: {
-        return [l + gap, t + gap, r - gap, b - gap];
-      }
-      default:
-        console.warn(`DropTarget does not recognize position ${position}`);
-        return null;
-    }
-  }
-  activate() {
-    this.active = true;
-    return this;
-  }
-  toArray() {
-    let dropTarget = this;
-    const dropTargets = [dropTarget];
-    while (dropTarget = dropTarget.nextDropTarget) {
-      dropTargets.push(dropTarget);
-    }
-    return dropTargets;
-  }
-  static getActiveDropTarget(dropTarget) {
-    return dropTarget === null ? null : dropTarget?.active ? dropTarget : DropTarget.getActiveDropTarget(dropTarget.nextDropTarget);
-  }
-}
-function identifyDropTarget(x, y, rootLayout, measurements, intrinsicSize, validDropTargets) {
-  let dropTarget = null;
-  const allBoxesContainingPoint = BoxModel.BoxModel.allBoxesContainingPoint(
-    rootLayout,
-    measurements,
-    x,
-    y,
-    validDropTargets
-  );
-  if (allBoxesContainingPoint.length) {
-    const [component, ...containers] = allBoxesContainingPoint;
-    const {
-      "data-path": dataPath,
-      path = dataPath,
-      "data-row-placeholder": isRowPlaceholder
-    } = propUtils.getProps(component);
-    const clientRect = measurements[path];
-    const placeholderOrientation = intrinsicSize && isRowPlaceholder ? "row" : void 0;
-    const pos = BoxModel.getPosition(x, y, clientRect, placeholderOrientation);
-    const box = measurements[path];
-    const nextDropTarget = ([nextTarget, ...targets]) => {
-      if (pos.position?.Header || pos.closeToTheEdge) {
-        const targetPosition = getTargetPosition(
-          nextTarget,
-          pos,
-          box,
-          measurements,
-          x,
-          y
-        );
-        if (targetPosition) {
-          const [containerPos, clientRect2] = targetPosition;
-          return new DropTarget({
-            component: nextTarget,
-            pos: containerPos,
-            clientRect: clientRect2,
-            nextDropTarget: nextDropTarget(targets) ?? null
-          });
-        } else if (targets.length) {
-          return nextDropTarget(targets);
-        }
-      }
-    };
-    dropTarget = new DropTarget({
-      component,
-      pos,
-      clientRect,
-      nextDropTarget: nextDropTarget(containers) ?? null
-    }).activate();
-  }
-  return dropTarget;
-}
-function getTargetPosition(container, { closeToTheEdge, position }, box, measurements, x, y) {
-  if (!container || container.type === "LayoutContainer") {
-    return;
-  }
-  const containingBox = measurements[container.props.path];
-  const closeToTop = closeToTheEdge & BoxModel.positionValues.north;
-  const closeToRight = closeToTheEdge & BoxModel.positionValues.east;
-  const closeToBottom = closeToTheEdge & BoxModel.positionValues.south;
-  const closeToLeft = closeToTheEdge & BoxModel.positionValues.west;
-  const atTop = (closeToTop || position.Header) && Math.round(box.top) === Math.round(containingBox.top);
-  const atRight = closeToRight && Math.round(box.right) === Math.round(containingBox.right);
-  const atBottom = closeToBottom && Math.round(box.bottom) === Math.round(containingBox.bottom);
-  const atLeft = closeToLeft && Math.round(box.left) === Math.round(containingBox.left);
-  if (atTop || atRight || atBottom || atLeft) {
-    const { "data-path": dataPath, path = dataPath } = container.props;
-    const clientRect = measurements[path];
-    const containerPos = BoxModel.getPosition(x, y, clientRect);
-    if ((isVBox(container) || isTabbedContainer(container)) && closeToTheEdge & eastwest) {
-      containerPos.width = 120;
-      return [containerPos, clientRect];
-    } else if ((isHBox(container) || isTabbedContainer(container)) && (position.Header || closeToTheEdge & northsouth)) {
-      containerPos.height = 120;
-      return [containerPos, clientRect];
-    }
-  }
-}
-function isTabbedContainer(component) {
-  return typeOf.typeOf(component) === "Stack";
-}
-function isVBox(component) {
-  return typeOf.typeOf(component) === "Flexbox" && // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  component.props.style.flexDirection === "column";
-}
-function isHBox(component) {
-  return typeOf.typeOf(component) === "Flexbox" && // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  component.props.style.flexDirection === "row";
-}
-
-exports.DropTarget = DropTarget;
-exports.identifyDropTarget = identifyDropTarget;
-exports.isTabstrip = isTabstrip;
-//# sourceMappingURL=DropTarget.js.map