@byeolnaerim/flex-layout 0.0.9 → 0.0.10

package/dist/flex-layout/components/FlexLayoutStickyBox.js

@@ -1,229 +1 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import {
-  useEffect,
-  useRef,
-  useState
-} from "react";
-function clamp(n, min, max) {
-  return Math.max(min, Math.min(max, n));
-}
-function pickDefaultScrollRoot() {
-  if (typeof document === "undefined") return null;
-  let el = document.body;
-  while (el && el !== document.documentElement && el !== document.body) {
-    const style = getComputedStyle(el);
-    const oy = style.overflowY;
-    const ox = style.overflowX;
-    const scrollable = oy === "auto" || oy === "scroll" || ox === "auto" || ox === "scroll";
-    if (scrollable) return el;
-    el = el.parentElement;
-  }
-  return null;
-}
-function isVerticalScroll(root) {
-  if (typeof window == "undefined") return true;
-  if (!root) {
-    return document.documentElement.scrollHeight > window.innerHeight + 1;
-  }
-  const el = root;
-  return el.scrollHeight > el.clientHeight + 1;
-}
-const dpr = typeof window != "undefined" ? window.devicePixelRatio || 1 : 1;
-function quantizeToDevicePixel(n) {
-  return Math.round(n * dpr) / dpr;
-}
-const FlexLayoutStickyBox = ({
-  edge = "auto",
-  offset = 16,
-  scrollRoot = null,
-  debug = false,
-  children,
-  style,
-  className,
-  transitionDurationMs = 200,
-  onTranslateChange = () => {
-  },
-  ...rest
-}) => {
-  const offsetRef = useRef(offset);
-  const rootRef = useRef(null);
-  const contentRef = useRef(null);
-  const mutatingRef = useRef(false);
-  const lastOffsetRef = useRef(0);
-  const [resolvedEdge, setResolvedEdge] = useState("top");
-  const rafId = useRef(null);
-  const [contentDynamicStyle, setContentDynamicStyle] = useState({});
-  useEffect(() => {
-    setContentDynamicStyle({
-      willChange: "transform",
-      transition: `transform ${transitionDurationMs}ms linear`
-    });
-  }, [transitionDurationMs]);
-  useEffect(() => {
-    offsetRef.current = offset;
-    scheduleUpdate();
-  }, [offset]);
-  const [ioRoot, setIoRoot] = useState(null);
-  useEffect(() => {
-    const root = scrollRoot ?? pickDefaultScrollRoot();
-    setResolvedEdge(
-      edge === "auto" ? isVerticalScroll(root) ? "top" : "left" : edge
-    );
-    setIoRoot(root);
-  }, [edge, scrollRoot]);
-  useEffect(() => {
-    if (edge !== "auto") {
-      setResolvedEdge(edge);
-      return;
-    }
-    const vertical = isVerticalScroll(ioRoot);
-    setResolvedEdge(vertical ? "top" : "left");
-  }, [edge, ioRoot]);
-  useEffect(() => {
-  }, []);
-  const scheduleUpdate = () => {
-    if (rafId.current != null) return;
-    rafId.current = requestAnimationFrame(() => {
-      rafId.current = null;
-      doUpdate();
-    });
-  };
-  const doUpdate = () => {
-    if (mutatingRef.current) return;
-    mutatingRef.current = true;
-    const rootEl = rootRef.current;
-    const contentEl = contentRef.current;
-    if (!rootEl || !contentEl) {
-      mutatingRef.current = false;
-      return;
-    }
-    const parentEl = rootEl.parentElement;
-    if (!parentEl) {
-      mutatingRef.current = false;
-      return;
-    }
-    const rootBounds = ioRoot && "getBoundingClientRect" in ioRoot ? ioRoot.getBoundingClientRect() : new DOMRect(0, 0, window.innerWidth, window.innerHeight);
-    const parentRect = parentEl.getBoundingClientRect();
-    const contentRect = contentEl.getBoundingClientRect();
-    let newOffset = 0;
-    if (resolvedEdge === "top" || resolvedEdge === "bottom") {
-      const maxTranslate = Math.max(
-        0,
-        parentRect.height - contentRect.height
-      );
-      let desiredTop = 0;
-      if (resolvedEdge === "top") {
-        desiredTop = rootBounds.top + offsetRef.current - parentRect.top;
-      } else {
-        const targetBottomFromParentTop = Math.min(
-          parentRect.bottom,
-          rootBounds.bottom - offsetRef.current
-        ) - parentRect.top;
-        desiredTop = targetBottomFromParentTop - contentRect.height;
-      }
-      newOffset = clamp(desiredTop, 0, maxTranslate);
-    } else {
-      const maxTranslate = Math.max(
-        0,
-        parentRect.width - contentRect.width
-      );
-      let desiredLeft = 0;
-      if (resolvedEdge === "left") {
-        desiredLeft = rootBounds.left + offsetRef.current - parentRect.left;
-      } else {
-        const targetRightFromParentLeft = Math.min(
-          parentRect.right,
-          rootBounds.right - offsetRef.current
-        ) - parentRect.left;
-        desiredLeft = targetRightFromParentLeft - contentRect.width;
-      }
-      newOffset = clamp(desiredLeft, 0, maxTranslate);
-    }
-    const nextOffset = quantizeToDevicePixel(newOffset);
-    if (Math.abs(lastOffsetRef.current - nextOffset) > 0.5) {
-      if (resolvedEdge === "top" || resolvedEdge === "bottom") {
-        contentEl.style.transform = `translateY(${nextOffset}px)`;
-      } else {
-        contentEl.style.transform = `translateX(${nextOffset}px)`;
-      }
-      lastOffsetRef.current = nextOffset;
-      onTranslateChange(nextOffset, rootRef, contentRef);
-    }
-    if (debug) {
-      rootEl.style.outline = "1px dashed rgba(0,0,0,.2)";
-      contentEl.style.outline = "1px solid rgba(0,128,255,.35)";
-    }
-    queueMicrotask(() => {
-      mutatingRef.current = false;
-    });
-  };
-  useEffect(() => {
-    if (typeof window == "undefined") return;
-    const rootEl = rootRef.current;
-    if (!rootEl) return;
-    const parentEl = rootEl.parentElement;
-    console.log(parentEl);
-    if (!parentEl) return;
-    const targets = [parentEl];
-    const observerCallback = () => {
-      if (!mutatingRef.current) scheduleUpdate();
-    };
-    const io = new IntersectionObserver(observerCallback, {
-      root: ioRoot instanceof Element ? ioRoot : null,
-      threshold: 0,
-      rootMargin: "1px"
-    });
-    const ro = new ResizeObserver(observerCallback);
-    targets.forEach((t) => io.observe(t));
-    ro.observe(parentEl);
-    if (contentRef.current) {
-      ro.observe(contentRef.current);
-    }
-    const scrollTarget = ioRoot || window;
-    scrollTarget.addEventListener("scroll", scheduleUpdate, {
-      passive: true
-    });
-    window.addEventListener("resize", scheduleUpdate);
-    scheduleUpdate();
-    return () => {
-      io.disconnect();
-      ro.disconnect();
-      scrollTarget.removeEventListener("scroll", scheduleUpdate);
-      window.removeEventListener("resize", scheduleUpdate);
-      if (rafId.current != null) {
-        cancelAnimationFrame(rafId.current);
-        rafId.current = null;
-      }
-    };
-  }, [ioRoot, resolvedEdge, offset, debug]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref: rootRef,
-      className,
-      style: {
-        display: "block",
-        minWidth: 0,
-        minHeight: 0,
-        height: "100%",
-        // 부모 높이를 채우도록 설정
-        ...style
-      },
-      ...rest,
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref: contentRef,
-          style: contentDynamicStyle,
-          children
-        }
-      )
-    }
-  );
-};
-var FlexLayoutStickyBox_default = FlexLayoutStickyBox;
-export {
-  FlexLayoutStickyBox_default as default
-};
-//# sourceMappingURL=FlexLayoutStickyBox.js.map
+"use client";import{jsx as D}from"react/jsx-runtime";import{useEffect as g,useRef as b,useState as L}from"react";function C(e,t,c){return Math.max(t,Math.min(c,e))}function j(){if(typeof document>"u")return null;let e=document.body;for(;e&&e!==document.documentElement&&e!==document.body;){const t=getComputedStyle(e),c=t.overflowY,E=t.overflowX;if(c==="auto"||c==="scroll"||E==="auto"||E==="scroll")return e;e=e.parentElement}return null}function F(e){if(typeof window>"u")return!0;if(!e)return document.documentElement.scrollHeight>window.innerHeight+1;const t=e;return t.scrollHeight>t.clientHeight+1}const B=typeof window<"u"&&window.devicePixelRatio||1;function U(e){return Math.round(e*B)/B}const W=({edge:e="auto",offset:t=16,scrollRoot:c=null,debug:E=!1,children:T,style:P,className:O,transitionDurationMs:S=200,onTranslateChange:k=()=>{},...z})=>{const v=b(t),R=b(null),w=b(null),m=b(!1),H=b(0),[s,x]=L("top"),p=b(null),[A,q]=L({});g(()=>{q({willChange:"transform",transition:`transform ${S}ms linear`})},[S]),g(()=>{v.current=t,u()},[t]);const[l,I]=L(null);g(()=>{const n=c??j();x(e==="auto"?F(n)?"top":"left":e),I(n)},[e,c]),g(()=>{if(e!=="auto"){x(e);return}const n=F(l);x(n?"top":"left")},[e,l]),g(()=>{},[]);const u=()=>{p.current==null&&(p.current=requestAnimationFrame(()=>{p.current=null,N()}))},N=()=>{if(m.current)return;m.current=!0;const n=R.current,r=w.current;if(!n||!r){m.current=!1;return}const y=n.parentElement;if(!y){m.current=!1;return}const a=l&&"getBoundingClientRect"in l?l.getBoundingClientRect():new DOMRect(0,0,window.innerWidth,window.innerHeight),o=y.getBoundingClientRect(),i=r.getBoundingClientRect();let h=0;if(s==="top"||s==="bottom"){const M=Math.max(0,o.height-i.height);let d=0;s==="top"?d=a.top+v.current-o.top:d=Math.min(o.bottom,a.bottom-v.current)-o.top-i.height,h=C(d,0,M)}else{const M=Math.max(0,o.width-i.width);let d=0;s==="left"?d=a.left+v.current-o.left:d=Math.min(o.right,a.right-v.current)-o.left-i.width,h=C(d,0,M)}const f=U(h);Math.abs(H.current-f)>.5&&(s==="top"||s==="bottom"?r.style.transform=`translateY(${f}px)`:r.style.transform=`translateX(${f}px)`,H.current=f,k(f,R,w)),E&&(n.style.outline="1px dashed rgba(0,0,0,.2)",r.style.outline="1px solid rgba(0,128,255,.35)"),queueMicrotask(()=>{m.current=!1})};return g(()=>{if(typeof window>"u")return;const n=R.current;if(!n)return;const r=n.parentElement;if(console.log(r),!r)return;const y=[r],a=()=>{m.current||u()},o=new IntersectionObserver(a,{root:l instanceof Element?l:null,threshold:0,rootMargin:"1px"}),i=new ResizeObserver(a);y.forEach(f=>o.observe(f)),i.observe(r),w.current&&i.observe(w.current);const h=l||window;return h.addEventListener("scroll",u,{passive:!0}),window.addEventListener("resize",u),u(),()=>{o.disconnect(),i.disconnect(),h.removeEventListener("scroll",u),window.removeEventListener("resize",u),p.current!=null&&(cancelAnimationFrame(p.current),p.current=null)}},[l,s,t,E]),D("div",{ref:R,className:O,style:{display:"block",minWidth:0,minHeight:0,height:"100%",...P},...z,children:D("div",{ref:w,style:A,children:T})})};var Q=W;export{Q as default};

package/dist/flex-layout/components/index.cjs

@@ -1,57 +1 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var components_exports = {};
-__export(components_exports, {
-  FlexLayout: () => import_FlexLayout.default,
-  FlexLayoutContainer: () => import_FlexLayoutContainer.default,
-  FlexLayoutResizePanel: () => import_FlexLayoutResizePanel.default,
-  FlexLayoutSplitScreen: () => import_FlexLayoutSplitScreen.default,
-  FlexLayoutSplitScreenDragBox: () => import_FlexLayoutSplitScreenDragBox.default,
-  FlexLayoutSplitScreenScrollBox: () => import_FlexLayoutSplitScreenScrollBox.default,
-  FlexLayoutStickyBox: () => import_FlexLayoutStickyBox.default
-});
-module.exports = __toCommonJS(components_exports);
-var import_FlexLayout = __toESM(require("./FlexLayout"), 1);
-var import_FlexLayoutContainer = __toESM(require("./FlexLayoutContainer"), 1);
-var import_FlexLayoutResizePanel = __toESM(require("./FlexLayoutResizePanel"), 1);
-var import_FlexLayoutSplitScreen = __toESM(require("./FlexLayoutSplitScreen"), 1);
-var import_FlexLayoutSplitScreenDragBox = __toESM(require("./FlexLayoutSplitScreenDragBox"), 1);
-var import_FlexLayoutSplitScreenScrollBox = __toESM(require("./FlexLayoutSplitScreenScrollBox"), 1);
-var import_FlexLayoutStickyBox = __toESM(require("./FlexLayoutStickyBox"), 1);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  FlexLayout,
-  FlexLayoutContainer,
-  FlexLayoutResizePanel,
-  FlexLayoutSplitScreen,
-  FlexLayoutSplitScreenDragBox,
-  FlexLayoutSplitScreenScrollBox,
-  FlexLayoutStickyBox
-});
-//# sourceMappingURL=index.cjs.map
+"use strict";var F=Object.create;var r=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var n=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty;var B=(e,o)=>{for(var t in o)r(e,t,{get:o[t],enumerable:!0})},f=(e,o,t,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of i(o))!c.call(e,l)&&l!==t&&r(e,l,{get:()=>o[l],enumerable:!(x=L(o,l))||x.enumerable});return e};var a=(e,o,t)=>(t=e!=null?F(n(e)):{},f(o||!e||!e.__esModule?r(t,"default",{value:e,enumerable:!0}):t,e)),g=e=>f(r({},"__esModule",{value:!0}),e);var k={};B(k,{FlexLayout:()=>u.default,FlexLayoutContainer:()=>p.default,FlexLayoutResizePanel:()=>s.default,FlexLayoutSplitScreen:()=>y.default,FlexLayoutSplitScreenDragBox:()=>S.default,FlexLayoutSplitScreenScrollBox:()=>d.default,FlexLayoutStickyBox:()=>m.default});module.exports=g(k);var u=a(require("./FlexLayout"),1),p=a(require("./FlexLayoutContainer"),1),s=a(require("./FlexLayoutResizePanel"),1),y=a(require("./FlexLayoutSplitScreen"),1),S=a(require("./FlexLayoutSplitScreenDragBox"),1),d=a(require("./FlexLayoutSplitScreenScrollBox"),1),m=a(require("./FlexLayoutStickyBox"),1);0&&(module.exports={FlexLayout,FlexLayoutContainer,FlexLayoutResizePanel,FlexLayoutSplitScreen,FlexLayoutSplitScreenDragBox,FlexLayoutSplitScreenScrollBox,FlexLayoutStickyBox});

package/dist/flex-layout/components/index.js

@@ -1,17 +1 @@
-import { default as default2 } from "./FlexLayout";
-import { default as default3 } from "./FlexLayoutContainer";
-import { default as default4 } from "./FlexLayoutResizePanel";
-import { default as default5 } from "./FlexLayoutSplitScreen";
-import { default as default6 } from "./FlexLayoutSplitScreenDragBox";
-import { default as default7 } from "./FlexLayoutSplitScreenScrollBox";
-import { default as default8 } from "./FlexLayoutStickyBox";
-export {
-  default2 as FlexLayout,
-  default3 as FlexLayoutContainer,
-  default4 as FlexLayoutResizePanel,
-  default5 as FlexLayoutSplitScreen,
-  default6 as FlexLayoutSplitScreenDragBox,
-  default7 as FlexLayoutSplitScreenScrollBox,
-  default8 as FlexLayoutStickyBox
-};
-//# sourceMappingURL=index.js.map
+import{default as t}from"./FlexLayout";import{default as l}from"./FlexLayoutContainer";import{default as x}from"./FlexLayoutResizePanel";import{default as u}from"./FlexLayoutSplitScreen";import{default as s}from"./FlexLayoutSplitScreenDragBox";import{default as S}from"./FlexLayoutSplitScreenScrollBox";import{default as m}from"./FlexLayoutStickyBox";export{t as FlexLayout,l as FlexLayoutContainer,x as FlexLayoutResizePanel,u as FlexLayoutSplitScreen,s as FlexLayoutSplitScreenDragBox,S as FlexLayoutSplitScreenScrollBox,m as FlexLayoutStickyBox};

package/dist/flex-layout/hooks/index.cjs

@@ -1,25 +1 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var hooks_exports = {};
-module.exports = __toCommonJS(hooks_exports);
-__reExport(hooks_exports, require("./useDrag"), module.exports);
-__reExport(hooks_exports, require("./useListPaging"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("./useDrag"),
-  ...require("./useListPaging")
-});
-//# sourceMappingURL=index.cjs.map
+"use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var t=(r,o,p,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let m of c(o))!d.call(r,m)&&m!==p&&a(r,m,{get:()=>o[m],enumerable:!(x=b(o,m))||x.enumerable});return r},f=(r,o,p)=>(t(r,o,"default"),p&&t(p,o,"default"));var g=r=>t(a({},"__esModule",{value:!0}),r);var e={};module.exports=g(e);f(e,require("./useDrag"),module.exports);f(e,require("./useListPaging"),module.exports);0&&(module.exports={...require("./useDrag"),...require("./useListPaging")});

package/dist/flex-layout/hooks/index.js

@@ -1,3 +1 @@
-export * from "./useDrag";
-export * from "./useListPaging";
-//# sourceMappingURL=index.js.map
+export*from"./useDrag";export*from"./useListPaging";

package/dist/flex-layout/hooks/useDrag.cjs

@@ -1,289 +1 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useDrag_exports = {};
-__export(useDrag_exports, {
-  allSplitScreenCount: () => allSplitScreenCount,
-  dragState: () => dragState,
-  dragStateSubject: () => dragStateSubject,
-  dropMovementEventSubject: () => dropMovementEventSubject,
-  folderEventSubject: () => folderEventSubject,
-  isResizingSubject: () => isResizingSubject,
-  setFolderEvent: () => setFolderEvent,
-  useDragCapture: () => useDragCapture,
-  useDragEvents: () => useDragEvents,
-  useFolderEvent: () => useFolderEvent
-});
-module.exports = __toCommonJS(useDrag_exports);
-var import_fast_deep_equal = __toESM(require("fast-deep-equal"), 1);
-var import_react = require("react");
-var import_rxjs = require("rxjs");
-var import_FlexLayoutUtils = require("../utils/FlexLayoutUtils");
-const dragStateSubject = new import_rxjs.Subject();
-const dragState = dragStateSubject;
-const isResizingSubject = new import_rxjs.BehaviorSubject(false);
-const filterChildren = (obj) => {
-  const { children, ...rest } = obj || {};
-  return rest;
-};
-const useDragCapture = (targetRef) => {
-  const [state, setState] = (0, import_react.useState)(null);
-  (0, import_react.useEffect)(() => {
-    const subscription = dragStateSubject.pipe(
-      (0, import_rxjs.auditTime)(0, import_rxjs.animationFrameScheduler),
-      (0, import_rxjs.map)((value) => {
-        if (!targetRef || !targetRef.current) return null;
-        const { x, y } = value;
-        const rect = targetRef.current.getBoundingClientRect();
-        const {
-          width,
-          height,
-          x: rectX,
-          y: rectY,
-          right,
-          bottom
-        } = rect;
-        let isOver = false;
-        if (x < rectX || x > right || y < rectY || y > bottom) {
-          isOver = true;
-        }
-        const leftBoundary = rectX + width * 0.2;
-        const rightBoundary = right - width * 0.2;
-        const topBoundary = rectY + height * 0.2;
-        const bottomBoundary = bottom - height * 0.2;
-        let position = "centerBoundary";
-        if (x < leftBoundary) {
-          position = "leftBoundary";
-        } else if (x > rightBoundary) {
-          position = "rightBoundary";
-        } else if (y < topBoundary) {
-          position = "topBoundary";
-        } else if (y > bottomBoundary) {
-          position = "bottomBoundary";
-        }
-        return {
-          positionName: position,
-          isOver,
-          ...value
-        };
-      }),
-      (0, import_rxjs.distinctUntilChanged)((prev, curr) => {
-        const { children: prevChildren, ..._prev } = prev || {};
-        const { children: currChildren, ..._curr } = curr || {};
-        return (0, import_fast_deep_equal.default)(filterChildren(_prev), filterChildren(_curr));
-      })
-    ).subscribe({
-      next: setState,
-      error: (err) => console.error(err)
-    });
-    return () => subscription.unsubscribe();
-  }, [targetRef]);
-  return state;
-};
-const dropMovementEventSubject = new import_rxjs.Subject();
-const allSplitScreenCount = new import_rxjs.BehaviorSubject(0);
-const useDragEvents = ({
-  isBlockingActiveInput = false
-}) => {
-  const dragResumeTimer = (0, import_react.useRef)(null);
-  const dragStartDelayTimer = (0, import_react.useRef)(
-    null
-  );
-  const scrollThreshold = 10;
-  const isScrolling = (0, import_react.useRef)(false);
-  const isPending = (0, import_react.useRef)(false);
-  const isMouseDown = (0, import_react.useRef)(false);
-  const isDragging = (0, import_react.useRef)(false);
-  const touchStartX = (0, import_react.useRef)(0);
-  const touchStartY = (0, import_react.useRef)(0);
-  (0, import_react.useEffect)(() => {
-    return () => {
-      if (dragResumeTimer.current) {
-        clearTimeout(dragResumeTimer.current);
-        dragResumeTimer.current = null;
-      }
-      if (dragStartDelayTimer.current) {
-        clearTimeout(dragStartDelayTimer.current);
-        dragStartDelayTimer.current = null;
-      }
-    };
-  }, []);
-  const handleStart = (0, import_react.useCallback)(
-    ({
-      event: _event,
-      dragStartCallback
-    }) => {
-      const event = _event instanceof Event ? _event : _event.nativeEvent;
-      if (dragResumeTimer.current) {
-        clearTimeout(dragResumeTimer.current);
-        dragResumeTimer.current = null;
-      }
-      if (dragStartDelayTimer.current) {
-        clearTimeout(dragStartDelayTimer.current);
-        dragStartDelayTimer.current = null;
-      }
-      if (event.target.contentEditable === "true" || isBlockingActiveInput && document.activeElement === event.target) {
-        return;
-      }
-      if (event.cancelable && !(event instanceof globalThis.TouchEvent)) {
-        event.preventDefault();
-      }
-      isPending.current = true;
-      isMouseDown.current = true;
-      isScrolling.current = false;
-      const xy = (0, import_FlexLayoutUtils.getClientXy)(event);
-      if (!xy) return;
-      touchStartX.current = xy.clientX;
-      touchStartY.current = xy.clientY;
-      if (event.type.toLowerCase().startsWith("touch") || event instanceof globalThis.TouchEvent) {
-        isPending.current = false;
-        isDragging.current = true;
-        dragStartCallback({ x: xy.clientX, y: xy.clientY });
-        return;
-      }
-      dragStartDelayTimer.current = setTimeout(() => {
-        if (!isPending.current || isScrolling.current) return;
-        isPending.current = false;
-        isDragging.current = true;
-        const xy2 = (0, import_FlexLayoutUtils.getClientXy)(event);
-        if (!xy2) return;
-        const { clientX, clientY } = xy2;
-        dragStartCallback({ x: clientX, y: clientY });
-      }, 300);
-    },
-    [isBlockingActiveInput]
-  );
-  const handleMove = (0, import_react.useCallback)(
-    ({
-      event: _event,
-      notDragCallback,
-      dragStartCallback,
-      moveingCallback
-    }) => {
-      if (!isMouseDown.current) return;
-      const event = _event instanceof Event ? _event : _event.nativeEvent;
-      const xy = (0, import_FlexLayoutUtils.getClientXy)(event);
-      if (!xy) return;
-      const { clientX, clientY } = xy;
-      const deltaX = Math.abs(clientX - touchStartX.current);
-      const deltaY = Math.abs(clientY - touchStartY.current);
-      if (isPending.current && (event.type.toLowerCase().startsWith("touch") || event instanceof globalThis.TouchEvent) && (deltaX > scrollThreshold || deltaY > scrollThreshold)) {
-        if (dragStartDelayTimer.current) {
-          clearTimeout(dragStartDelayTimer.current);
-          dragStartDelayTimer.current = null;
-        }
-        isScrolling.current = true;
-        isPending.current = false;
-        isDragging.current = false;
-        if (notDragCallback)
-          notDragCallback({ x: clientX, y: clientY });
-        if (dragResumeTimer.current) {
-          clearTimeout(dragResumeTimer.current);
-          dragResumeTimer.current = null;
-        }
-        dragResumeTimer.current = setTimeout(() => {
-          if (!isMouseDown.current) return;
-          touchStartX.current = clientX;
-          touchStartY.current = clientY;
-          isPending.current = true;
-          isScrolling.current = false;
-          handleStart({ event: _event, dragStartCallback });
-        }, 400);
-        return;
-      }
-      if (!isDragging.current || isPending.current) return;
-      moveingCallback({ x: clientX, y: clientY });
-    },
-    [isBlockingActiveInput]
-  );
-  const handleEnd = (0, import_react.useCallback)(
-    ({
-      event: _event,
-      dragEndCallback
-    }) => {
-      isScrolling.current = false;
-      isMouseDown.current = false;
-      if (isPending.current) {
-        isPending.current = false;
-        if (dragStartDelayTimer.current) {
-          clearTimeout(dragStartDelayTimer.current);
-          dragStartDelayTimer.current = null;
-        }
-        return;
-      }
-      const event = _event instanceof Event ? _event : _event.nativeEvent;
-      if (!isDragging.current) return;
-      isDragging.current = false;
-      const xy = (0, import_FlexLayoutUtils.getClientXy)(event);
-      if (!xy) return;
-      const { clientX, clientY } = xy;
-      dragEndCallback({ x: clientX, y: clientY });
-    },
-    [isBlockingActiveInput]
-  );
-  return {
-    handleStart,
-    handleMove,
-    handleEnd
-  };
-};
-const folderEventSubject = new import_rxjs.Subject();
-const setFolderEvent = (newValue) => {
-  folderEventSubject.next(newValue);
-};
-const useFolderEvent = () => {
-  const [folderEvent, setFolderEvent2] = (0, import_react.useState)(
-    null
-  );
-  (0, import_react.useEffect)(() => {
-    const subscription = folderEventSubject.subscribe((e) => {
-      if (!e) return;
-      setFolderEvent2(e);
-    });
-    return () => {
-      if (subscription) {
-        subscription.unsubscribe();
-      }
-    };
-  }, []);
-  return { folderEvent };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  allSplitScreenCount,
-  dragState,
-  dragStateSubject,
-  dropMovementEventSubject,
-  folderEventSubject,
-  isResizingSubject,
-  setFolderEvent,
-  useDragCapture,
-  useDragEvents,
-  useFolderEvent
-});
-//# sourceMappingURL=useDrag.cjs.map
+"use strict";var j=Object.create;var S=Object.defineProperty;var X=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var Y=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty;var L=(e,n)=>{for(var t in n)S(e,t,{get:n[t],enumerable:!0})},O=(e,n,t,m)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of F(n))!P.call(e,o)&&o!==t&&S(e,o,{get:()=>n[o],enumerable:!(m=X(n,o))||m.enumerable});return e};var z=(e,n,t)=>(t=e!=null?j(Y(e)):{},O(n||!e||!e.__esModule?S(t,"default",{value:e,enumerable:!0}):t,e)),k=e=>O(S({},"__esModule",{value:!0}),e);var Q={};L(Q,{allSplitScreenCount:()=>U,dragState:()=>H,dragStateSubject:()=>C,dropMovementEventSubject:()=>q,folderEventSubject:()=>N,isResizingSubject:()=>I,resizeDragSubject:()=>K,setFolderEvent:()=>G,useDragCapture:()=>W,useDragEvents:()=>V,useFolderEvent:()=>J});module.exports=k(Q);var B=z(require("fast-deep-equal"),1),r=require("react"),c=require("rxjs"),x=require("../utils/FlexLayoutUtils");const C=new c.Subject,H=C,I=new c.BehaviorSubject(!1),K=new c.Subject,R=e=>{const{children:n,...t}=e||{};return t},W=e=>{const[n,t]=(0,r.useState)(null);return(0,r.useEffect)(()=>{const m=C.pipe((0,c.auditTime)(0,c.animationFrameScheduler),(0,c.map)(o=>{if(!e||!e.current)return null;const{x:u,y:p}=o,d=e.current.getBoundingClientRect(),{width:v,height:b,x:E,y:T,right:h,bottom:i}=d;let f=!1;(u<E||u>h||p<T||p>i)&&(f=!0);const a=E+v*.2,s=h-v*.2,y=T+b*.2,g=i-b*.2;let l="centerBoundary";return u<a?l="leftBoundary":u>s?l="rightBoundary":p<y?l="topBoundary":p>g&&(l="bottomBoundary"),{positionName:l,isOver:f,...o}}),(0,c.distinctUntilChanged)((o,u)=>{const{children:p,...d}=o||{},{children:v,...b}=u||{};return(0,B.default)(R(d),R(b))})).subscribe({next:t,error:o=>console.error(o)});return()=>m.unsubscribe()},[e]),n},q=new c.Subject,U=new c.BehaviorSubject(0),V=({isBlockingActiveInput:e=!1})=>{const n=(0,r.useRef)(null),t=(0,r.useRef)(null),m=10,o=(0,r.useRef)(!1),u=(0,r.useRef)(!1),p=(0,r.useRef)(!1),d=(0,r.useRef)(!1),v=(0,r.useRef)(0),b=(0,r.useRef)(0);(0,r.useEffect)(()=>()=>{n.current&&(clearTimeout(n.current),n.current=null),t.current&&(clearTimeout(t.current),t.current=null)},[]);const E=(0,r.useCallback)(({event:i,dragStartCallback:f})=>{const a=i instanceof Event?i:i.nativeEvent;if(n.current&&(clearTimeout(n.current),n.current=null),t.current&&(clearTimeout(t.current),t.current=null),a.target.contentEditable==="true"||e&&document.activeElement===a.target)return;a.cancelable&&!(a instanceof globalThis.TouchEvent)&&a.preventDefault(),u.current=!0,p.current=!0,o.current=!1;const s=(0,x.getClientXy)(a);if(s){if(v.current=s.clientX,b.current=s.clientY,a.type.toLowerCase().startsWith("touch")||a instanceof globalThis.TouchEvent){u.current=!1,d.current=!0,f({x:s.clientX,y:s.clientY});return}t.current=setTimeout(()=>{if(!u.current||o.current)return;u.current=!1,d.current=!0;const y=(0,x.getClientXy)(a);if(!y)return;const{clientX:g,clientY:l}=y;f({x:g,y:l})},300)}},[e]),T=(0,r.useCallback)(({event:i,notDragCallback:f,dragStartCallback:a,moveingCallback:s})=>{if(!p.current)return;const y=i instanceof Event?i:i.nativeEvent,g=(0,x.getClientXy)(y);if(!g)return;const{clientX:l,clientY:D}=g,M=Math.abs(l-v.current),w=Math.abs(D-b.current);if(u.current&&(y.type.toLowerCase().startsWith("touch")||y instanceof globalThis.TouchEvent)&&(M>m||w>m)){t.current&&(clearTimeout(t.current),t.current=null),o.current=!0,u.current=!1,d.current=!1,f&&f({x:l,y:D}),n.current&&(clearTimeout(n.current),n.current=null),n.current=setTimeout(()=>{p.current&&(v.current=l,b.current=D,u.current=!0,o.current=!1,E({event:i,dragStartCallback:a}))},400);return}!d.current||u.current||s({x:l,y:D})},[e]),h=(0,r.useCallback)(({event:i,dragEndCallback:f})=>{if(o.current=!1,p.current=!1,u.current){u.current=!1,t.current&&(clearTimeout(t.current),t.current=null);return}const a=i instanceof Event?i:i.nativeEvent;if(!d.current)return;d.current=!1;const s=(0,x.getClientXy)(a);if(!s)return;const{clientX:y,clientY:g}=s;f({x:y,y:g})},[e]);return{handleStart:E,handleMove:T,handleEnd:h}},N=new c.Subject,G=e=>{N.next(e)},J=()=>{const[e,n]=(0,r.useState)(null);return(0,r.useEffect)(()=>{const t=N.subscribe(m=>{m&&n(m)});return()=>{t&&t.unsubscribe()}},[]),{folderEvent:e}};0&&(module.exports={allSplitScreenCount,dragState,dragStateSubject,dropMovementEventSubject,folderEventSubject,isResizingSubject,resizeDragSubject,setFolderEvent,useDragCapture,useDragEvents,useFolderEvent});

package/dist/flex-layout/hooks/useDrag.d.ts

@@ -23,12 +23,27 @@ export interface DragStateResultType extends DragStateType {
     positionName: PositionName;
     isOver: boolean;
 }
+export type ResizeDragEvent = {
+    type: "START";
+    sessionId: string;
+    targets: string[];
+    cursor?: string;
+} | {
+    type: "MOVE";
+    sessionId: string;
+    movementX: number;
+    movementY: number;
+} | {
+    type: "END";
+    sessionId: string;
+};
 export declare const dragStateSubject: Subject<DragStateType>;
 /**
  * @deprecated Use `dragStateSubject` instead. This alias will be removed in a future release.
  */
 export declare const dragState: Subject<DragStateType>;
 export declare const isResizingSubject: BehaviorSubject<boolean>;
+export declare const resizeDragSubject: Subject<ResizeDragEvent>;
 export declare const useDragCapture: (targetRef: RefObject<HTMLElement | null>) => DragStateResultType | null;
 export interface DropTargetComponent {
     containerName: string;