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

package/cjs/dock-layout/DockLayout.js

@@ -1,41 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var cx = require('clsx');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var React = require('react');
-var Drawer = require('./Drawer.js');
-var DockLayout$1 = require('./DockLayout.css.js');
-
-const isDrawer = (component) => component.type === Drawer;
-const isVertical = (element) => (
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  element.props.position && // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  element.props.position.match(/top|bottom/)
-);
-const classBase = "vuuDockLayout";
-const DockLayout = (props) => {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "vuu-dock-layput",
-    css: DockLayout$1,
-    window: targetWindow
-  });
-  const { children, className: classNameProp, id, style } = props;
-  const childElements = React.useMemo(() => vuuUtils.asReactElements(children), [children]);
-  const [drawers, content] = vuuUtils.partition(childElements, isDrawer);
-  const [verticalDrawers, horizontalDrawers] = vuuUtils.partition(drawers, isVertical);
-  const orientation = verticalDrawers.length === 0 ? "horizontal" : horizontalDrawers.length === 0 ? "vertical" : "both";
-  const className = cx(classBase, classNameProp, `${classBase}-${orientation}`);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, id, style, children: [
-    drawers,
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${classBase}-content`, children: content })
-  ] });
-};
-DockLayout.displayName = "DockLayout";
-vuuUtils.registerComponent("DockLayout", DockLayout, "container");
-
-module.exports = DockLayout;
-//# sourceMappingURL=DockLayout.js.map

package/cjs/dock-layout/DockLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DockLayout.js","sources":["../../../../packages/vuu-layout/src/dock-layout/DockLayout.tsx"],"sourcesContent":["import {\n  asReactElements,\n  partition,\n  registerComponent,\n} from \"@vuu-ui/vuu-utils\";\nimport cx from \"clsx\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { HTMLAttributes, ReactElement, useMemo } from \"react\";\nimport Drawer from \"./Drawer\";\n\nimport dockLayoutCss from \"./DockLayout.css\";\n\nconst isDrawer = (component: ReactElement) => component.type === Drawer;\nconst isVertical = (element: ReactElement) =>\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  (element.props as any).position &&\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  (element.props as any).position.match(/top|bottom/);\n\nexport type DockLayoutProps = HTMLAttributes<HTMLDivElement>;\n\nconst classBase = \"vuuDockLayout\";\n\nconst DockLayout = (props: DockLayoutProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-dock-layput\",\n    css: dockLayoutCss,\n    window: targetWindow,\n  });\n\n  const { children, className: classNameProp, id, style } = props;\n  const childElements = useMemo(() => asReactElements(children), [children]);\n\n  const [drawers, content] = partition(childElements, isDrawer);\n  const [verticalDrawers, horizontalDrawers] = partition(drawers, isVertical);\n  const orientation =\n    verticalDrawers.length === 0\n      ? \"horizontal\"\n      : horizontalDrawers.length === 0\n        ? \"vertical\"\n        : \"both\";\n\n  const className = cx(classBase, classNameProp, `${classBase}-${orientation}`);\n\n  return (\n    <div className={className} id={id} style={style}>\n      {drawers}\n      <div className={`${classBase}-content`}>{content}</div>\n    </div>\n  );\n};\nDockLayout.displayName = \"DockLayout\";\n\nexport default DockLayout;\n\nregisterComponent(\"DockLayout\", DockLayout, \"container\");\n"],"names":["useWindow","useComponentCssInjection","dockLayoutCss","useMemo","asReactElements","partition","jsxs","registerComponent"],"mappings":";;;;;;;;;;;AAaA,MAAM,QAAW,GAAA,CAAC,SAA4B,KAAA,SAAA,CAAU,IAAS,KAAA,MAAA;AACjE,MAAM,aAAa,CAAC,OAAA;AAAA;AAAA,EAEjB,QAAQ,KAAc,CAAA,QAAA;AAAA,EAEtB,OAAQ,CAAA,KAAA,CAAc,QAAS,CAAA,KAAA,CAAM,YAAY;AAAA,CAAA;AAIpD,MAAM,SAAY,GAAA,eAAA;AAEZ,MAAA,UAAA,GAAa,CAAC,KAA2B,KAAA;AAC7C,EAAA,MAAM,eAAeA,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAAC,YAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,aAAe,EAAA,EAAA,EAAI,OAAU,GAAA,KAAA;AAC1D,EAAM,MAAA,aAAA,GAAgBC,cAAQ,MAAMC,wBAAA,CAAgB,QAAQ,CAAG,EAAA,CAAC,QAAQ,CAAC,CAAA;AAEzE,EAAA,MAAM,CAAC,OAAS,EAAA,OAAO,CAAI,GAAAC,kBAAA,CAAU,eAAe,QAAQ,CAAA;AAC5D,EAAA,MAAM,CAAC,eAAiB,EAAA,iBAAiB,CAAI,GAAAA,kBAAA,CAAU,SAAS,UAAU,CAAA;AAC1E,EAAM,MAAA,WAAA,GACJ,gBAAgB,MAAW,KAAA,CAAA,GACvB,eACA,iBAAkB,CAAA,MAAA,KAAW,IAC3B,UACA,GAAA,MAAA;AAER,EAAM,MAAA,SAAA,GAAY,GAAG,SAAW,EAAA,aAAA,EAAe,GAAG,SAAS,CAAA,CAAA,EAAI,WAAW,CAAE,CAAA,CAAA;AAE5E,EAAA,uBACGC,eAAA,CAAA,KAAA,EAAA,EAAI,SAAsB,EAAA,EAAA,EAAQ,KAChC,EAAA,QAAA,EAAA;AAAA,IAAA,OAAA;AAAA,mCACA,KAAI,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,YAAa,QAAQ,EAAA,OAAA,EAAA;AAAA,GACnD,EAAA,CAAA;AAEJ;AACA,UAAA,CAAW,WAAc,GAAA,YAAA;AAIzBC,0BAAkB,CAAA,YAAA,EAAc,YAAY,WAAW,CAAA;;;;"}

package/cjs/dock-layout/Drawer.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var drawerCss = ".vuuDrawer {\n  --drawer-leading-edge-border: solid 1px var(--salt-container-primary-borderColor, none);\n  --vuu-close-icon-svg: var(--svg-chevron-double-right);\n\n  transition: flex-basis;\n  transition-duration: var(--drawer-transition-duration);\n  position: relative;\n  z-index: 1;\n  flex-basis: 0;\n  flex-grow: 1;\n  flex-shrink: 1;\n  min-width: 0;\n  min-height: 0;\n  display: flex;\n}\n\n.vuuDrawer-peekaboo {\n  flex-basis: var(--drawer-peek-size);\n  flex-grow: 0;\n  flex-shrink: 0;\n}\n\n.vuuDrawer-inline.vuuDrawer-open {\n  flex-basis: var(--drawer-size);\n  flex-grow: 0;\n  flex-shrink: 0;\n}\n\n.vuuDrawer-liner {\n  background-color: var(--drawer-bg);\n  overflow: hidden;\n  position: relative;\n}\n\n.vuuDrawer-content {\n  height: 100%;\n  overflow: hidden;\n  position: absolute;\n  top: 0;\n  right: var(--drawer-peek-size);\n  transition: right;\n  transition-duration: var(--drawer-transition-duration);\n  width: 100%;\n  flex: 1 1 100%;\n}\n\n.vuuDrawer-open .vuuDrawer-content {\n  right: 0;\n}\n\n/* .vuuDrawer:not(.vuuDrawer-open) .vuuDrawer-liner > * {\n  display: none;\n} */\n\n.vuuDrawer-left {\n  border-right: var(--drawer-leading-edge-border);\n}\n.vuuDrawer-right {\n  border-left: var(--drawer-leading-edge-border);\n}\n.vuuDrawer-top {\n  border-bottom: var(--drawer-leading-edge-border);\n}\n.vuuDrawer-bottom {\n  border-top: var(--drawer-leading-edge-border);\n}\n\n.vuuDrawer-left .vuuDrawer-liner,\n.vuuDrawer-right .vuuDrawer-liner {\n  height: 100%;\n  transition: width;\n}\n\n.vuuDrawer-top .vuuDrawer-liner,\n.vuuDrawer-bottom .vuuDrawer-liner {\n  width: 100%;\n  transition: height;\n}\n\n.vuuDrawer-inline .vuuDrawer-liner {\n  width: 100%;\n  height: 100%;\n}\n\n.vuuDrawer-over .vuuDrawer-liner {\n  position: absolute;\n  transition-duration: 0.4s;\n}\n\n.vuuDrawer-over.vuuDrawer-left .vuuDrawer-liner {\n  top: 0;\n  left: 0;\n  width: 0;\n}\n\n.vuuDrawer-over.vuuDrawer-right .vuuDrawer-liner {\n  top: 0;\n  right: 0;\n  width: 0;\n}\n\n.vuuDrawer-over.vuuDrawer-top .vuuDrawer-liner {\n  height: 0;\n  top: 0;\n  left: 0;\n}\n\n.vuuDrawer-over.vuuDrawer-bottom .vuuDrawer-liner {\n  bottom: 0;\n  height: 0;\n  left: 0;\n}\n\n.vuuDrawer-left.vuuDrawer-over.vuuDrawer-peekaboo .vuuDrawer-liner,\n.vuuDrawer-right.vuuDrawer-over.vuuDrawer-peekaboo .vuuDrawer-liner {\n  width: var(--drawer-peek-size);\n}\n\n.vuuDrawer-top.vuuDrawer-over.vuuDrawer-peekaboo .vuuDrawer-liner,\n.vuuDrawer-bottom.vuuDrawer-over.vuuDrawer-peekaboo .vuuDrawer-liner {\n  height: var(--drawer-peek-size);\n}\n\n.vuuDrawer-left.vuuDrawer-over.vuuDrawer-open .vuuDrawer-liner,\n.vuuDrawer-right.vuuDrawer-over.vuuDrawer-open .vuuDrawer-liner {\n  width: var(--drawer-size);\n}\n\n.vuuDrawer-top.vuuDrawer-over.vuuDrawer-open .vuuDrawer-liner,\n.vuuDrawer-bottom.vuuDrawer-over.vuuDrawer-open .vuuDrawer-liner {\n  height: var(--drawer-size);\n}\n\n.vuuDrawer-top,\n.vuuDrawer-left {\n  order: 0;\n}\n\n.vuuDrawer-bottom,\n.vuuDrawer-right {\n  order: 99;\n}\n\n.vuuDrawer-left,\n.vuuDrawer-right {\n  flex-direction: column;\n}\n\n.vuuToggleButton-container {\n  --saltButton-height: 28px;\n  --saltButton-width: 28px;\n  --vuu-icon-size: 12px;\n  flex: 0 0 28px;\n}\n\n.vuuDrawer-open {\n  --vuu-close-icon-svg: var(--svg-chevron-double-left);\n\n}\n";
-
-module.exports = drawerCss;
-//# sourceMappingURL=Drawer.css.js.map

package/cjs/dock-layout/Drawer.css.js.map

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

package/cjs/dock-layout/Drawer.js

@@ -1,95 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var cx = require('clsx');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var React = require('react');
-var Drawer$1 = require('./Drawer.css.js');
-
-const classBase = "vuuDrawer";
-const sizeAttribute = (value) => {
-  return typeof value === "string" ? value : value + "px";
-};
-const getStyle = (styleProp, sizeOpen, sizeClosed) => {
-  const hasSizeOpen = sizeOpen !== void 0;
-  const hasSizeClosed = sizeClosed !== void 0;
-  if (!styleProp && !hasSizeClosed && !hasSizeOpen) {
-    return void 0;
-  }
-  if (!hasSizeClosed && !hasSizeOpen) {
-    return styleProp;
-  }
-  return {
-    ...styleProp,
-    "--drawer-size": hasSizeOpen ? sizeAttribute(sizeOpen) : void 0,
-    "--drawer-peek-size": hasSizeClosed ? sizeAttribute(sizeClosed) : void 0
-  };
-};
-const Drawer = ({
-  children,
-  className: classNameProp,
-  clickToOpen,
-  defaultOpen,
-  sizeOpen,
-  sizeClosed,
-  style: styleProp,
-  open: openProp,
-  position = "left",
-  inline,
-  onClick,
-  peekaboo = false,
-  toggleButton,
-  ...props
-}) => {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "vuu-drawer",
-    css: Drawer$1,
-    window: targetWindow
-  });
-  const [open, setOpen] = core.useControlled({
-    controlled: openProp,
-    default: defaultOpen ?? false,
-    name: "Drawer",
-    state: "open"
-  });
-  const className = cx(classBase, classNameProp, `${classBase}-${position}`, {
-    [`${classBase}-open`]: open,
-    [`${classBase}-inline`]: inline,
-    [`${classBase}-over`]: !inline,
-    [`${classBase}-peekaboo`]: peekaboo
-  });
-  const toggleDrawer = React.useCallback(() => {
-    setOpen(!open);
-  }, [open, setOpen]);
-  const style = getStyle(styleProp, sizeOpen, sizeClosed);
-  const handleClick = clickToOpen ? toggleDrawer : onClick;
-  const renderToggleButton = () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx("vuuToggleButton-container"), children: open ? /* @__PURE__ */ jsxRuntime.jsx(
-    core.Button,
-    {
-      "aria-label": "close",
-      onClick: toggleDrawer,
-      "data-icon": "close",
-      variant: "secondary"
-    }
-  ) : /* @__PURE__ */ jsxRuntime.jsx(
-    core.Button,
-    {
-      "aria-label": "open",
-      onClick: toggleDrawer,
-      "data-icon": "close",
-      variant: "secondary"
-    }
-  ) });
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...props, className, onClick: handleClick, style, children: [
-    toggleButton == "start" ? renderToggleButton() : null,
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${classBase}-liner`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${classBase}-content`, children }) }),
-    toggleButton == "end" ? renderToggleButton() : null
-  ] });
-};
-Drawer.displayName = "Drawer";
-
-module.exports = Drawer;
-//# sourceMappingURL=Drawer.js.map

package/cjs/dock-layout/Drawer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.js","sources":["../../../../packages/vuu-layout/src/dock-layout/Drawer.tsx"],"sourcesContent":["import { Button, useControlled } from \"@salt-ds/core\";\nimport cx from \"clsx\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { CSSProperties, HTMLAttributes, useCallback } from \"react\";\n\nimport drawerCss from \"./Drawer.css\";\n\nconst classBase = \"vuuDrawer\";\n\nconst sizeAttribute = (value: string | number) => {\n  return typeof value === \"string\" ? value : value + \"px\";\n};\n\nconst getStyle = (\n  styleProp?: CSSProperties,\n  sizeOpen?: number,\n  sizeClosed?: number,\n) => {\n  const hasSizeOpen = sizeOpen !== undefined;\n  const hasSizeClosed = sizeClosed !== undefined;\n\n  if (!styleProp && !hasSizeClosed && !hasSizeOpen) {\n    return undefined;\n  }\n\n  if (!hasSizeClosed && !hasSizeOpen) {\n    return styleProp;\n  }\n\n  return {\n    ...styleProp,\n    \"--drawer-size\": hasSizeOpen ? sizeAttribute(sizeOpen) : undefined,\n    \"--drawer-peek-size\": hasSizeClosed ? sizeAttribute(sizeClosed) : undefined,\n  };\n};\n\nexport interface DrawerProps extends HTMLAttributes<HTMLDivElement> {\n  clickToOpen?: boolean;\n  defaultOpen?: boolean;\n  inline?: boolean;\n  open?: boolean;\n  peekaboo?: boolean;\n  position?: \"left\" | \"right\" | \"top\" | \"bottom\";\n  sizeOpen?: number;\n  sizeClosed?: number;\n  toggleButton?: \"start\" | \"end\";\n}\nconst Drawer = ({\n  children,\n  className: classNameProp,\n  clickToOpen,\n  defaultOpen,\n  sizeOpen,\n  sizeClosed,\n  style: styleProp,\n  open: openProp,\n  position = \"left\",\n  inline,\n  onClick,\n  peekaboo = false,\n  toggleButton,\n  ...props\n}: DrawerProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-drawer\",\n    css: drawerCss,\n    window: targetWindow,\n  });\n\n  const [open, setOpen] = useControlled({\n    controlled: openProp,\n    default: defaultOpen ?? false,\n    name: \"Drawer\",\n    state: \"open\",\n  });\n\n  const className = cx(classBase, classNameProp, `${classBase}-${position}`, {\n    [`${classBase}-open`]: open,\n    [`${classBase}-inline`]: inline,\n    [`${classBase}-over`]: !inline,\n    [`${classBase}-peekaboo`]: peekaboo,\n  });\n\n  const toggleDrawer = useCallback(() => {\n    setOpen(!open);\n  }, [open, setOpen]);\n\n  const style = getStyle(styleProp, sizeOpen, sizeClosed);\n\n  const handleClick = clickToOpen ? toggleDrawer : onClick;\n\n  const renderToggleButton = () => (\n    <div className={cx(\"vuuToggleButton-container\")}>\n      {open ? (\n        <Button\n          aria-label=\"close\"\n          onClick={toggleDrawer}\n          data-icon=\"close\"\n          variant=\"secondary\"\n        />\n      ) : (\n        <Button\n          aria-label=\"open\"\n          onClick={toggleDrawer}\n          data-icon=\"close\"\n          variant=\"secondary\"\n        />\n      )}\n    </div>\n  );\n\n  return (\n    <div {...props} className={className} onClick={handleClick} style={style}>\n      {toggleButton == \"start\" ? renderToggleButton() : null}\n      <div className={`${classBase}-liner`}>\n        <div className={`${classBase}-content`}>{children}</div>\n      </div>\n      {toggleButton == \"end\" ? renderToggleButton() : null}\n    </div>\n  );\n};\nDrawer.displayName = \"Drawer\";\n\nexport default Drawer;\n"],"names":["useWindow","useComponentCssInjection","drawerCss","useControlled","useCallback","jsx","Button"],"mappings":"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"}

package/cjs/drag-drop/BoxModel.js

@@ -1,416 +0,0 @@
-'use strict';
-
-var vuuUtils = require('@vuu-ui/vuu-utils');
-require('react');
-var propUtils = require('../utils/propUtils.js');
-var typeOf = require('../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 && vuuUtils.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 (vuuUtils.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
-  } = propUtils.getProps(rootComponent);
-  const type = typeOf.typeOf(rootComponent);
-  if (id && path) {
-    const [rect, el] = measureComponentDomElement(rootComponent);
-    measureComponent(rootComponent, rect, el, measurements);
-    if (vuuUtils.isContainer(type)) {
-      collectChildMeasurements(rootComponent, measurements, dropTargets);
-    }
-  }
-}
-function measureComponent(component, rect, el, measurements) {
-  const {
-    "data-path": dataPath,
-    path = dataPath,
-    header
-  } = propUtils.getProps(component);
-  measurements[path] = rect;
-  const type = typeOf.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
-  } = propUtils.getProps(component);
-  const type = typeOf.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.typeOf(child);
-      if (vuuUtils.isContainer(childType)) {
-        collectChildMeasurements(
-          child,
-          measurements,
-          dropTargets,
-          localPreX,
-          localPosX,
-          localPreY,
-          localPosY
-        );
-      }
-      return componentMeasurements;
-    }
-  );
-  if (childMeasurements.length) {
-    measurements[path].children = expandedMeasurements;
-  }
-}
-function omitDragging(component) {
-  const { id } = propUtils.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 } = propUtils.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.typeOf(component);
-  if (vuuUtils.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
-  } = propUtils.getProps(component);
-  const type = typeOf.typeOf(component);
-  const rect = measurements[path];
-  if (!vuuUtils.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 (!vuuUtils.isContainer(type)) {
-    return boxes;
-  }
-  if (rect.header && vuuUtils.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;
-  }
-}
-
-exports.BoxModel = BoxModel;
-exports.Position = Position;
-exports.RelativeDropPosition = RelativeDropPosition;
-exports.getPosition = getPosition;
-exports.pointPositionWithinRect = pointPositionWithinRect;
-exports.positionValues = positionValues;
-//# sourceMappingURL=BoxModel.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BoxModel.js","sources":["../../../../packages/vuu-layout/src/drag-drop/BoxModel.ts"],"sourcesContent":["import { ReactElement } from \"react\";\nimport { boxContainsPoint, isContainer, LayoutModel } from \"@vuu-ui/vuu-utils\";\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    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    if (type === \"Stack\" && (component.props as any).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":["boxContainsPoint","getProps","typeOf","isContainer","left","right","header"],"mappings":"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"}