@vuu-ui/vuu-layout 0.8.34 → 0.8.35

package/esm/drag-drop/BoxModel.js

@@ -1,415 +0,0 @@
-import { boxContainsPoint } from '@vuu-ui/vuu-utils';
-import { isContainer } from '../registry/ComponentRegistry.js';
-import 'react';
-import { getProps } from '../utils/propUtils.js';
-import { typeOf } from '../utils/typeOf.js';
-
-const positionValues = {
-  north: 1,
-  east: 2,
-  south: 4,
-  west: 8,
-  header: 16,
-  centre: 32,
-  absolute: 64
-};
-const RelativeDropPosition = {
-  AFTER: "after",
-  BEFORE: "before"
-};
-const Position = Object.freeze({
-  North: _position("north"),
-  East: _position("east"),
-  South: _position("south"),
-  West: _position("west"),
-  Header: _position("header"),
-  Centre: _position("centre"),
-  Absolute: _position("absolute")
-});
-function _position(str) {
-  return Object.freeze({
-    offset: str === "north" || str === "west" ? 0 : str === "south" || str === "east" ? 1 : NaN,
-    valueOf: function() {
-      return positionValues[str];
-    },
-    toString: function() {
-      return str;
-    },
-    North: str === "north",
-    South: str === "south",
-    East: str === "east",
-    West: str === "west",
-    Header: str === "header",
-    Centre: str === "centre",
-    NorthOrSouth: str === "north" || str === "south",
-    EastOrWest: str === "east" || str === "west",
-    NorthOrWest: str === "north" || str === "west",
-    SouthOrEast: str === "east" || str === "south",
-    Absolute: str === "absolute"
-  });
-}
-const NORTH = Position.North, SOUTH = Position.South, EAST = Position.East, WEST = Position.West, HEADER = Position.Header, CENTRE = Position.Centre;
-class BoxModel {
-  //TODO we should accept initial let,top offsets here
-  // if dropTargets are supplied, we will only allow drop operations directly on these targets
-  // TODO we will need to make this more flexible e.g allowing drop anywhere within these target
-  static measure(model, dropTargetPaths = []) {
-    const measurements = {};
-    measureRootComponent(model, measurements, dropTargetPaths);
-    return measurements;
-  }
-  static allBoxesContainingPoint(layout, measurements, x, y, validDropTargets) {
-    return allBoxesContainingPoint(
-      layout,
-      measurements,
-      x,
-      y,
-      validDropTargets
-    ).reverse();
-  }
-}
-function pointPositionWithinRect(x, y, rect, borderZone = 30) {
-  const width = rect.right - rect.left;
-  const height = rect.bottom - rect.top;
-  const posX = x - rect.left;
-  const posY = y - rect.top;
-  let closeToTheEdge = 0;
-  if (posX < borderZone)
-    closeToTheEdge += 8;
-  if (posX > width - borderZone)
-    closeToTheEdge += 2;
-  if (posY < borderZone)
-    closeToTheEdge += 1;
-  if (posY > height - borderZone)
-    closeToTheEdge += 4;
-  return { pctX: posX / width, pctY: posY / height, closeToTheEdge };
-}
-function getPosition(x, y, rect, targetOrientation) {
-  const { BEFORE, AFTER } = RelativeDropPosition;
-  const { pctX, pctY, closeToTheEdge } = pointPositionWithinRect(x, y, rect);
-  let position;
-  let tab;
-  if (targetOrientation === "row") {
-    position = pctX < 0.5 ? WEST : EAST;
-  } else if (rect.header && boxContainsPoint(rect.header, x, y)) {
-    position = HEADER;
-    if (rect.Stack) {
-      const tabCount = rect.Stack.length;
-      if (tabCount === 0) {
-        tab = {
-          index: -1,
-          left: rect.left,
-          positionRelativeToTab: AFTER,
-          width: 0
-        };
-      } else {
-        const targetTab = rect.Stack.find(
-          ({ left, right }) => x >= left && x <= right
-        );
-        if (targetTab) {
-          const tabWidth = targetTab.right - targetTab.left;
-          tab = {
-            index: rect.Stack.indexOf(targetTab),
-            left: targetTab.left,
-            positionRelativeToTab: (x - targetTab.left) / tabWidth < 0.5 ? BEFORE : AFTER,
-            width: tabWidth
-          };
-        } else {
-          const lastTab = rect.Stack[tabCount - 1];
-          tab = {
-            left: lastTab.right,
-            width: 0,
-            index: tabCount,
-            positionRelativeToTab: AFTER
-          };
-        }
-      }
-    } else if (rect.header.titleWidth) {
-      const tabWidth = rect.header.titleWidth;
-      tab = {
-        index: -1,
-        left: rect.left,
-        positionRelativeToTab: (x - rect.left) / tabWidth < 0.5 ? BEFORE : AFTER,
-        width: tabWidth
-      };
-    } else {
-      tab = {
-        left: rect.left,
-        width: 0,
-        positionRelativeToTab: BEFORE,
-        index: -1
-      };
-    }
-  } else {
-    position = getPositionWithinBox(x, y, rect, pctX, pctY);
-  }
-  return { position, x, y, closeToTheEdge, tab };
-}
-function getPositionWithinBox(x, y, rect, pctX, pctY) {
-  const centerBox = getCenteredBox(rect, 0.2);
-  if (boxContainsPoint(centerBox, x, y)) {
-    return CENTRE;
-  } else {
-    const quadrant = `${pctY < 0.5 ? "north" : "south"}${pctX < 0.5 ? "west" : "east"}`;
-    switch (quadrant) {
-      case "northwest":
-        return pctX > pctY ? NORTH : WEST;
-      case "northeast":
-        return 1 - pctX > pctY ? NORTH : EAST;
-      case "southeast":
-        return pctX > pctY ? EAST : SOUTH;
-      case "southwest":
-        return 1 - pctX > pctY ? WEST : SOUTH;
-    }
-  }
-}
-function getCenteredBox({ right, left, top, bottom }, pctSize) {
-  const pctOffset = (1 - pctSize) / 2;
-  const w = (right - left) * pctOffset;
-  const h = (bottom - top) * pctOffset;
-  return { left: left + w, top: top + h, right: right - w, bottom: bottom - h };
-}
-function measureRootComponent(rootComponent, measurements, dropTargets) {
-  const {
-    id,
-    "data-path": dataPath,
-    path = dataPath
-  } = getProps(rootComponent);
-  const type = typeOf(rootComponent);
-  if (id && path) {
-    const [rect, el] = measureComponentDomElement(rootComponent);
-    measureComponent(rootComponent, rect, el, measurements);
-    if (isContainer(type)) {
-      collectChildMeasurements(rootComponent, measurements, dropTargets);
-    }
-  }
-}
-function measureComponent(component, rect, el, measurements) {
-  const {
-    "data-path": dataPath,
-    path = dataPath,
-    header
-  } = getProps(component);
-  measurements[path] = rect;
-  const type = typeOf(component);
-  if (header || type === "Stack") {
-    const query = type === "Stack" ? ".vuuTabstrip" : ".vuuHeader";
-    const headerEl = el.querySelector(query);
-    if (headerEl) {
-      const { top, left, right, bottom } = headerEl.getBoundingClientRect();
-      measurements[path].header = {
-        top: Math.round(top),
-        left: Math.round(left),
-        right: Math.round(right),
-        bottom: Math.round(bottom)
-      };
-      if (type === "Stack") {
-        measurements[path].Stack = Array.from(
-          headerEl.querySelectorAll(".vuuTab")
-        ).map((tab) => tab.getBoundingClientRect()).map(({ left: left2, right: right2 }) => ({ left: left2, right: right2 }));
-      } else {
-        const titleEl = headerEl.querySelector('[class^="vuuHeader-title"]');
-        const { header: header2 } = measurements[path];
-        if (titleEl && header2) {
-          header2.titleWidth = titleEl.clientWidth;
-        }
-      }
-    }
-  }
-  return measurements[path];
-}
-function collectChildMeasurements(component, measurements, dropTargets, preX = 0, posX = 0, preY = 0, posY = 0) {
-  const {
-    children,
-    "data-path": dataPath,
-    path = dataPath,
-    style,
-    active = 0
-  } = getProps(component);
-  const type = typeOf(component);
-  const isFlexbox = type === "Flexbox";
-  const isStack = type === "Stack";
-  const isTower = isFlexbox && style.flexDirection === "column";
-  const isTerrace = isFlexbox && style.flexDirection === "row";
-  const childrenToMeasure = isStack ? children.filter((_child, idx) => idx === active) : children.filter(omitDragging);
-  const childMeasurements = childrenToMeasure.map(
-    (child) => {
-      const [rect, el] = measureComponentDomElement(child);
-      return [
-        {
-          ...rect,
-          top: rect.top - preY,
-          right: rect.right + posX,
-          bottom: rect.bottom + posY,
-          left: rect.left - preX
-        },
-        el,
-        child
-      ];
-    }
-  );
-  const expandedMeasurements = childMeasurements.map(
-    ([rect, el, child], i, all) => {
-      let localPreX;
-      let localPosX;
-      let localPreY;
-      let localPosY;
-      let gapPre;
-      let gapPos;
-      const n = all.length - 1;
-      if (isTerrace) {
-        gapPre = i === 0 ? 0 : rect.left - all[i - 1][0].right;
-        gapPos = i === n ? 0 : all[i + 1][0].left - rect.right;
-        localPreX = i === 0 ? 0 : gapPre === 0 ? 0 : gapPre;
-        localPosX = i === n ? 0 : gapPos === 0 ? 0 : gapPos - gapPos / 2;
-        rect.left -= localPreX;
-        rect.right += localPosX;
-        localPreY = preY;
-        localPosY = posY;
-      } else if (isTower) {
-        gapPre = i === 0 ? 0 : rect.top - all[i - 1][0].bottom;
-        gapPos = i === n ? 0 : all[i + 1][0].top - rect.bottom;
-        localPreY = i === 0 ? 0 : gapPre === 0 ? 0 : gapPre;
-        localPosY = i === n ? 0 : gapPos === 0 ? 0 : gapPos - gapPos / 2;
-        rect.top -= localPreY;
-        rect.bottom += localPosY;
-        localPreX = preX;
-        localPosX = posX;
-      }
-      const componentMeasurements = measureComponent(
-        child,
-        rect,
-        el,
-        measurements
-      );
-      const childType = typeOf(child);
-      if (isContainer(childType)) {
-        collectChildMeasurements(
-          child,
-          measurements,
-          dropTargets,
-          localPreX,
-          localPosX,
-          localPreY,
-          localPosY
-        );
-      }
-      return componentMeasurements;
-    }
-  );
-  if (childMeasurements.length) {
-    measurements[path].children = expandedMeasurements;
-  }
-}
-function omitDragging(component) {
-  const { id } = getProps(component);
-  const el = document.getElementById(id);
-  if (el) {
-    return el.dataset.dragging !== "true";
-  } else {
-    console.warn(`BoxModel: no element found with id #${id}`);
-    return false;
-  }
-}
-function measureComponentDomElement(component) {
-  const { id } = getProps(component);
-  if (id === void 0) {
-    throw Error("`BoxModel.measureComponentElement, component has no id");
-  }
-  const el = document.getElementById(id);
-  if (!el) {
-    throw Error(
-      "BoxModel.measureComponentElement,  no DOM element found for component"
-    );
-  }
-  const { top, left, right, bottom, height, width } = el.getBoundingClientRect();
-  let scrolling = void 0;
-  const type = typeOf(component);
-  if (isContainer(type)) {
-    const scrollHeight = el.scrollHeight;
-    if (scrollHeight > height) {
-      scrolling = { id, scrollHeight, scrollTop: el.scrollTop };
-    }
-  }
-  return [
-    {
-      top: Math.round(top),
-      left: Math.round(left),
-      right: Math.round(right),
-      bottom: Math.round(bottom),
-      height: Math.round(height),
-      width: Math.round(width),
-      scrolling
-    },
-    el,
-    component
-  ];
-}
-function allBoxesContainingPoint(component, measurements, x, y, dropTargets, boxes = []) {
-  const {
-    children,
-    "data-path": dataPath,
-    path = dataPath
-  } = getProps(component);
-  const type = typeOf(component);
-  const rect = measurements[path];
-  if (!boxContainsPoint(rect, x, y))
-    return boxes;
-  if (dropTargets && dropTargets.length) {
-    if (dropTargets.includes(path)) {
-      boxes.push(component);
-    } else if (dropTargets.some((dropTargetPath) => dropTargetPath.startsWith(path))) ; else {
-      return boxes;
-    }
-  } else {
-    boxes.push(component);
-  }
-  if (!isContainer(type)) {
-    return boxes;
-  }
-  if (rect.header && boxContainsPoint(rect.header, x, y)) {
-    return boxes;
-  }
-  if (rect.scrolling) {
-    scrollIntoViewIfNeccesary(rect, x, y);
-  }
-  for (let i = 0; i < children.length; i++) {
-    if (type === "Stack" && component.props.active !== i) {
-      continue;
-    }
-    const nestedBoxes = allBoxesContainingPoint(
-      children[i],
-      measurements,
-      x,
-      y,
-      dropTargets
-    );
-    if (nestedBoxes.length) {
-      return boxes.concat(nestedBoxes);
-    }
-  }
-  return boxes;
-}
-function scrollIntoViewIfNeccesary({ top, bottom, scrolling }, x, y) {
-  if (scrolling) {
-    const { id, scrollTop, scrollHeight } = scrolling;
-    const height = bottom - top;
-    if (scrollTop === 0 && bottom - y < 50) {
-      const scrollMax = scrollHeight - height;
-      const el = document.getElementById(id);
-      el.scrollTo({ left: 0, top: scrollMax, behavior: "smooth" });
-      scrolling.scrollTop = scrollMax;
-    } else if (scrollTop > 0 && y - top < 50) {
-      const el = document.getElementById(id);
-      el.scrollTo({ left: 0, top: 0, behavior: "smooth" });
-      scrolling.scrollTop = 0;
-    } else {
-      return false;
-    }
-  } else {
-    return false;
-  }
-}
-
-export { BoxModel, Position, RelativeDropPosition, getPosition, pointPositionWithinRect, positionValues };
-//# sourceMappingURL=BoxModel.js.map

package/esm/drag-drop/BoxModel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BoxModel.js","sources":["../../src/drag-drop/BoxModel.ts"],"sourcesContent":["import { ReactElement } from \"react\";\nimport { boxContainsPoint } from \"@vuu-ui/vuu-utils\";\nimport { LayoutModel } from \"../layout-reducer\";\nimport { isContainer } from \"../registry/ComponentRegistry\";\nimport { getProps, typeOf } from \"../utils\";\nimport { DragDropRect, DropPos, RelativePosition } from \"./dragDropTypes\";\n\nexport const positionValues = {\n  north: 1,\n  east: 2,\n  south: 4,\n  west: 8,\n  header: 16,\n  centre: 32,\n  absolute: 64,\n};\n\nexport const RelativeDropPosition = {\n  AFTER: \"after\" as RelativePosition,\n  BEFORE: \"before\" as RelativePosition,\n};\n\nexport const Position = Object.freeze({\n  North: _position(\"north\"),\n  East: _position(\"east\"),\n  South: _position(\"south\"),\n  West: _position(\"west\"),\n  Header: _position(\"header\"),\n  Centre: _position(\"centre\"),\n  Absolute: _position(\"absolute\"),\n});\n\nfunction _position(str: keyof typeof positionValues) {\n  return Object.freeze({\n    offset:\n      str === \"north\" || str === \"west\"\n        ? 0\n        : str === \"south\" || str === \"east\"\n        ? 1\n        : NaN,\n    valueOf: function () {\n      return positionValues[str];\n    },\n    toString: function () {\n      return str;\n    },\n    North: str === \"north\",\n    South: str === \"south\",\n    East: str === \"east\",\n    West: str === \"west\",\n    Header: str === \"header\",\n    Centre: str === \"centre\",\n    NorthOrSouth: str === \"north\" || str === \"south\",\n    EastOrWest: str === \"east\" || str === \"west\",\n    NorthOrWest: str === \"north\" || str === \"west\",\n    SouthOrEast: str === \"east\" || str === \"south\",\n    Absolute: str === \"absolute\",\n  });\n}\n\nconst NORTH = Position.North,\n  SOUTH = Position.South,\n  EAST = Position.East,\n  WEST = Position.West,\n  HEADER = Position.Header,\n  CENTRE = Position.Centre;\n\nexport interface Measurements {\n  [key: string]: DragDropRect;\n}\n\nexport class BoxModel {\n  //TODO we should accept initial let,top offsets here\n  // if dropTargets are supplied, we will only allow drop operations directly on these targets\n  // TODO we will need to make this more flexible e.g allowing drop anywhere within these target\n  static measure(\n    model: ReactElement,\n    dropTargetPaths: string[] = []\n  ): Measurements {\n    const measurements: Measurements = {};\n    measureRootComponent(model, measurements, dropTargetPaths);\n    return measurements;\n  }\n\n  static allBoxesContainingPoint(\n    layout: LayoutModel,\n    measurements: Measurements,\n    x: number,\n    y: number,\n    validDropTargets?: string[]\n  ) {\n    return allBoxesContainingPoint(\n      layout,\n      measurements,\n      x,\n      y,\n      validDropTargets\n    ).reverse();\n  }\n}\n\nexport function pointPositionWithinRect(\n  x: number,\n  y: number,\n  rect: DragDropRect,\n  borderZone = 30\n) {\n  const width = rect.right - rect.left;\n  const height = rect.bottom - rect.top;\n  const posX = x - rect.left;\n  const posY = y - rect.top;\n  let closeToTheEdge = 0;\n\n  if (posX < borderZone) closeToTheEdge += 8;\n  if (posX > width - borderZone) closeToTheEdge += 2;\n  if (posY < borderZone) closeToTheEdge += 1;\n  if (posY > height - borderZone) closeToTheEdge += 4;\n\n  return { pctX: posX / width, pctY: posY / height, closeToTheEdge };\n}\n\nexport function getPosition(\n  x: number,\n  y: number,\n  rect: DragDropRect,\n  targetOrientation?: \"row\" | \"column\"\n): DropPos {\n  const { BEFORE, AFTER } = RelativeDropPosition;\n  const { pctX, pctY, closeToTheEdge } = pointPositionWithinRect(x, y, rect);\n  let position;\n  let tab;\n\n  if (targetOrientation === \"row\") {\n    position = pctX < 0.5 ? WEST : EAST;\n  } else if (rect.header && boxContainsPoint(rect.header, x, y)) {\n    position = HEADER;\n\n    if (rect.Stack) {\n      const tabCount = rect.Stack.length;\n      if (tabCount === 0) {\n        tab = {\n          index: -1,\n          left: rect.left,\n          positionRelativeToTab: AFTER,\n          width: 0,\n        };\n      } else {\n        //TODO account for gaps between tabs\n        const targetTab = rect.Stack.find(\n          ({ left, right }) => x >= left && x <= right\n        );\n        if (targetTab) {\n          const tabWidth = targetTab.right - targetTab.left;\n          tab = {\n            index: rect.Stack.indexOf(targetTab),\n            left: targetTab.left,\n            positionRelativeToTab:\n              (x - targetTab.left) / tabWidth < 0.5 ? BEFORE : AFTER,\n            width: tabWidth,\n          };\n        } else {\n          const lastTab = rect.Stack[tabCount - 1];\n          tab = {\n            left: lastTab.right,\n            width: 0,\n            index: tabCount,\n            positionRelativeToTab: AFTER,\n          };\n        }\n      }\n    } else if (rect.header.titleWidth) {\n      const tabWidth = rect.header.titleWidth;\n      tab = {\n        index: -1,\n        left: rect.left,\n        positionRelativeToTab:\n          (x - rect.left) / tabWidth < 0.5 ? BEFORE : AFTER,\n        width: tabWidth,\n      };\n    } else {\n      tab = {\n        left: rect.left,\n        width: 0,\n        positionRelativeToTab: BEFORE,\n        index: -1,\n      };\n    }\n  } else {\n    position = getPositionWithinBox(x, y, rect, pctX, pctY);\n  }\n  return { position: position!, x, y, closeToTheEdge, tab };\n}\n\nfunction getPositionWithinBox(\n  x: number,\n  y: number,\n  rect: DragDropRect,\n  pctX: number,\n  pctY: number\n) {\n  const centerBox = getCenteredBox(rect, 0.2);\n  if (boxContainsPoint(centerBox, x, y)) {\n    return CENTRE;\n  } else {\n    const quadrant = `${pctY < 0.5 ? \"north\" : \"south\"}${\n      pctX < 0.5 ? \"west\" : \"east\"\n    }`;\n\n    switch (quadrant) {\n      case \"northwest\":\n        return pctX > pctY ? NORTH : WEST;\n      case \"northeast\":\n        return 1 - pctX > pctY ? NORTH : EAST;\n      case \"southeast\":\n        return pctX > pctY ? EAST : SOUTH;\n      case \"southwest\":\n        return 1 - pctX > pctY ? WEST : SOUTH;\n      default:\n    }\n  }\n}\n\nfunction getCenteredBox(\n  { right, left, top, bottom }: DragDropRect,\n  pctSize: number\n) {\n  const pctOffset = (1 - pctSize) / 2;\n  const w = (right - left) * pctOffset;\n  const h = (bottom - top) * pctOffset;\n  return { left: left + w, top: top + h, right: right - w, bottom: bottom - h };\n}\n\nfunction measureRootComponent(\n  rootComponent: ReactElement,\n  measurements: Measurements,\n  dropTargets: string[]\n) {\n  const {\n    id,\n    \"data-path\": dataPath,\n    path = dataPath,\n  } = getProps(rootComponent);\n  const type = typeOf(rootComponent) as string;\n\n  if (id && path) {\n    const [rect, el] = measureComponentDomElement(rootComponent);\n    measureComponent(rootComponent, rect, el, measurements);\n    if (isContainer(type)) {\n      collectChildMeasurements(rootComponent, measurements, dropTargets);\n    }\n  }\n}\n\nfunction measureComponent(\n  component: LayoutModel,\n  rect: DragDropRect,\n  el: HTMLElement,\n  measurements: Measurements\n) {\n  const {\n    \"data-path\": dataPath,\n    path = dataPath,\n    header,\n  } = getProps(component);\n\n  measurements[path] = rect;\n\n  const type = typeOf(component);\n  if (header || type === \"Stack\") {\n    const query = type === \"Stack\" ? \".vuuTabstrip\" : \".vuuHeader\";\n    const headerEl = el.querySelector(query);\n    if (headerEl) {\n      const { top, left, right, bottom } = headerEl.getBoundingClientRect();\n      measurements[path].header = {\n        top: Math.round(top),\n        left: Math.round(left),\n        right: Math.round(right),\n        bottom: Math.round(bottom),\n      };\n      if (type === \"Stack\") {\n        measurements[path].Stack = Array.from(\n          headerEl.querySelectorAll(\".vuuTab\")\n        )\n          .map((tab) => tab.getBoundingClientRect())\n          .map(({ left, right }) => ({ left, right }));\n      } else {\n        const titleEl = headerEl.querySelector('[class^=\"vuuHeader-title\"]');\n        const { header } = measurements[path];\n        if (titleEl && header) {\n          header.titleWidth = titleEl.clientWidth;\n        }\n      }\n    }\n  }\n\n  return measurements[path];\n}\n\nfunction collectChildMeasurements(\n  component: LayoutModel,\n  measurements: Measurements,\n  dropTargets: string[],\n  preX = 0,\n  posX = 0,\n  preY = 0,\n  posY = 0\n) {\n  const {\n    children,\n    \"data-path\": dataPath,\n    path = dataPath,\n    style,\n    active = 0,\n  } = getProps(component);\n\n  const type = typeOf(component);\n  const isFlexbox = type === \"Flexbox\";\n  const isStack = type === \"Stack\";\n  const isTower = isFlexbox && style.flexDirection === \"column\";\n  const isTerrace = isFlexbox && style.flexDirection === \"row\";\n\n  const childrenToMeasure = isStack\n    ? children.filter((_child: ReactElement, idx: number) => idx === active)\n    : children.filter(omitDragging);\n\n  type measuredTuple = [DragDropRect, HTMLElement, ReactElement];\n  // Collect all the measurements in first pass ...\n  const childMeasurements: measuredTuple[] = childrenToMeasure.map(\n    (child: ReactElement) => {\n      const [rect, el] = measureComponentDomElement(child);\n\n      return [\n        {\n          ...rect,\n          top: rect.top - preY,\n          right: rect.right + posX,\n          bottom: rect.bottom + posY,\n          left: rect.left - preX,\n        },\n        el,\n        child,\n      ];\n    }\n  );\n\n  // ...so that, in the second pass, we can identify gaps ...\n  const expandedMeasurements = childMeasurements.map(\n    ([rect, el, child], i, all) => {\n      // generate a 'local' splitter adjustment for children adjacent to splitters\n      let localPreX;\n      let localPosX;\n      let localPreY;\n      let localPosY;\n      let gapPre;\n      let gapPos;\n      const n = all.length - 1;\n      if (isTerrace) {\n        gapPre = i === 0 ? 0 : rect.left - all[i - 1][0].right;\n        gapPos = i === n ? 0 : all[i + 1][0].left - rect.right;\n        // we don't need to divide the leading gap, as half the gap will\n        // already have been assigned to the preceeding child in the\n        // previous loop iteration.\n        localPreX = i === 0 ? 0 : gapPre === 0 ? 0 : gapPre;\n        localPosX = i === n ? 0 : gapPos === 0 ? 0 : gapPos - gapPos / 2;\n        rect.left -= localPreX;\n        rect.right += localPosX;\n        localPreY = preY;\n        localPosY = posY;\n      } else if (isTower) {\n        gapPre = i === 0 ? 0 : rect.top - all[i - 1][0].bottom;\n        gapPos = i === n ? 0 : all[i + 1][0].top - rect.bottom;\n        // we don't need to divide the leading gap, as half the gap will\n        // already have been assigned to the preceeding child in the\n        // previous loop iteration.\n        localPreY = i === 0 ? 0 : gapPre === 0 ? 0 : gapPre;\n        localPosY = i === n ? 0 : gapPos === 0 ? 0 : gapPos - gapPos / 2;\n        rect.top -= localPreY;\n        rect.bottom += localPosY;\n        localPreX = preX;\n        localPosX = posX;\n      }\n\n      const componentMeasurements = measureComponent(\n        child,\n        rect,\n        el,\n        measurements\n      );\n\n      const childType = typeOf(child) as string;\n      if (isContainer(childType)) {\n        collectChildMeasurements(\n          child,\n          measurements,\n          dropTargets,\n          localPreX,\n          localPosX,\n          localPreY,\n          localPosY\n        );\n      }\n      return componentMeasurements;\n    }\n  );\n  if (childMeasurements.length) {\n    measurements[path].children = expandedMeasurements;\n  }\n}\n\nfunction omitDragging(component: ReactElement) {\n  const { id } = getProps(component);\n  const el = document.getElementById(id);\n  if (el) {\n    return el.dataset.dragging !== \"true\";\n  } else {\n    console.warn(`BoxModel: no element found with id #${id}`);\n    return false;\n  }\n}\n\nfunction measureComponentDomElement(\n  component: LayoutModel\n): [DragDropRect, HTMLElement, LayoutModel] {\n  const { id } = getProps(component) as { id: string };\n  if (id === undefined) {\n    throw Error(\"`BoxModel.measureComponentElement, component has no id\");\n  }\n  const el = document.getElementById(id);\n  if (!el) {\n    throw Error(\n      \"BoxModel.measureComponentElement,  no DOM element found for component\"\n    );\n  }\n  // Note: height and width are not required for dropTarget identification, but\n  // are used in sizing calculations on drop\n  const { top, left, right, bottom, height, width } =\n    el.getBoundingClientRect();\n  let scrolling = undefined;\n  const type = typeOf(component) as string;\n  if (isContainer(type)) {\n    const scrollHeight = el.scrollHeight;\n    if (scrollHeight > height) {\n      scrolling = { id, scrollHeight, scrollTop: el.scrollTop };\n    }\n  }\n  return [\n    {\n      top: Math.round(top),\n      left: Math.round(left),\n      right: Math.round(right),\n      bottom: Math.round(bottom),\n      height: Math.round(height),\n      width: Math.round(width),\n      scrolling,\n    },\n    el,\n    component,\n  ];\n}\n\nfunction allBoxesContainingPoint(\n  component: LayoutModel,\n  measurements: Measurements,\n  x: number,\n  y: number,\n  dropTargets?: string[],\n  boxes: LayoutModel[] = []\n): LayoutModel[] {\n  const {\n    children,\n    \"data-path\": dataPath,\n    path = dataPath,\n  } = getProps(component);\n\n  const type = typeOf(component) as string;\n  const rect = measurements[path];\n  if (!boxContainsPoint(rect, x, y)) return boxes;\n\n  if (dropTargets && dropTargets.length) {\n    if (dropTargets.includes(path)) {\n      boxes.push(component);\n    } else if (\n      dropTargets.some((dropTargetPath) => dropTargetPath.startsWith(path))\n    ) {\n      // keep going\n    } else {\n      return boxes;\n    }\n  } else {\n    boxes.push(component);\n  }\n\n  if (!isContainer(type)) {\n    return boxes;\n  }\n\n  if (rect.header && boxContainsPoint(rect.header, x, y)) {\n    return boxes;\n  }\n\n  if (rect.scrolling) {\n    scrollIntoViewIfNeccesary(rect, x, y);\n  }\n\n  for (let i = 0; i < children.length; i++) {\n    if (type === \"Stack\" && component.props.active !== i) {\n      continue;\n    }\n    const nestedBoxes = allBoxesContainingPoint(\n      children[i],\n      measurements,\n      x,\n      y,\n      dropTargets\n    );\n    if (nestedBoxes.length) {\n      return boxes.concat(nestedBoxes);\n    }\n  }\n  return boxes;\n}\n\nfunction scrollIntoViewIfNeccesary(\n  { top, bottom, scrolling }: DragDropRect,\n  x: number,\n  y: number\n) {\n  if (scrolling) {\n    const { id, scrollTop, scrollHeight } = scrolling;\n    const height = bottom - top;\n    if (scrollTop === 0 && bottom - y < 50) {\n      const scrollMax = scrollHeight - height;\n      const el = document.getElementById(id) as HTMLElement;\n      el.scrollTo({ left: 0, top: scrollMax, behavior: \"smooth\" });\n      scrolling.scrollTop = scrollMax;\n    } else if (scrollTop > 0 && y - top < 50) {\n      const el = document.getElementById(id) as HTMLElement;\n      el.scrollTo({ left: 0, top: 0, behavior: \"smooth\" });\n      scrolling.scrollTop = 0;\n    } else {\n      return false;\n    }\n  } else {\n    return false;\n  }\n}\n"],"names":["left","right","header"],"mappings":"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"}

package/esm/drag-drop/DragState.js

@@ -1,152 +0,0 @@
-import { pointPositionWithinRect } from './BoxModel.js';
-
-const SCALE_FACTOR = 0.4;
-class DragState {
-  constructor(zone, mouseX, mouseY, measurements, intrinsicSize) {
-    this.init(zone, mouseX, mouseY, measurements, intrinsicSize);
-  }
-  init(zone, mouseX, mouseY, rect, intrinsicSize) {
-    const { left: x, top: y } = rect;
-    const { pctX, pctY } = 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;
-  }
-}
-
-export { DragState };
-//# sourceMappingURL=DragState.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DragState.js","sources":["../../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":[],"mappings":"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"}