react-panel-layout 0.6.0 → 0.6.1

package/dist/{HorizontalDivider-B5Z-KZLk.cjs.map → HorizontalDivider-_pgV4Mcv.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"HorizontalDivider-B5Z-KZLk.cjs","sources":["../src/components/resizer/HorizontalDivider.tsx"],"sourcesContent":["/**\n * @file Horizontal divider component\n */\nimport * as React from \"react\";\nimport { useResizeDrag } from \"../../modules/resizer/useResizeDrag\";\nimport { HORIZONTAL_DIVIDER_WIDTH, COLOR_RESIZE_HANDLE_IDLE, COLOR_RESIZE_HANDLE_HOVER, COLOR_RESIZE_HANDLE_ACTIVE } from \"../../constants/styles\";\n\nexport type HorizontalDividerProps = {\n  onResize: (deltaX: number) => void;\n  /** Custom component for the divider */\n  component?: React.ComponentType<React.HTMLAttributes<HTMLDivElement> & { ref?: React.Ref<HTMLDivElement> }>;\n  /** Custom element for the divider */\n  element?: React.ReactElement;\n};\n\nconst buildDividerStyle = (state: \"idle\" | \"hover\" | \"drag\"): React.CSSProperties => {\n  const backgroundColor = state === \"drag\" ? COLOR_RESIZE_HANDLE_ACTIVE : state === \"hover\" ? COLOR_RESIZE_HANDLE_HOVER : COLOR_RESIZE_HANDLE_IDLE;\n  return {\n    width: HORIZONTAL_DIVIDER_WIDTH,\n    cursor: \"col-resize\",\n    position: \"relative\",\n    userSelect: \"none\",\n    backgroundColor,\n  };\n};\n\nexport const HorizontalDivider: React.FC<HorizontalDividerProps> = ({ onResize, component: Component, element }) => {\n  const { ref, isDragging, onPointerDown } = useResizeDrag<HTMLDivElement>({\n    axis: \"x\",\n    onResize: onResize,\n  });\n  const [hovered, setHovered] = React.useState(false);\n\n  const dividerProps = {\n    ref,\n    style: buildDividerStyle(isDragging ? \"drag\" : hovered ? \"hover\" : \"idle\"),\n    role: \"separator\" as const,\n    \"aria-orientation\": \"vertical\" as const,\n    \"data-dragging\": isDragging ? \"true\" : undefined,\n    onPointerDown,\n    onPointerEnter: () => setHovered(true),\n    onPointerLeave: () => setHovered(false),\n  };\n\n  if (element) {\n    return React.cloneElement(element, dividerProps);\n  }\n  if (Component) {\n    return <Component {...dividerProps} />;\n  }\n  return <div {...dividerProps} />;\n};\n"],"names":["buildDividerStyle","state","backgroundColor","COLOR_RESIZE_HANDLE_ACTIVE","COLOR_RESIZE_HANDLE_HOVER","COLOR_RESIZE_HANDLE_IDLE","HORIZONTAL_DIVIDER_WIDTH","HorizontalDivider","onResize","Component","element","ref","isDragging","onPointerDown","useResizeDrag","hovered","setHovered","React","dividerProps","jsx"],"mappings":"2aAeMA,EAAqBC,GAA0D,CACnF,MAAMC,EAAkBD,IAAU,OAASE,EAAAA,2BAA6BF,IAAU,QAAUG,EAAAA,0BAA4BC,EAAAA,yBACxH,MAAO,CACL,MAAOC,EAAAA,yBACP,OAAQ,aACR,SAAU,WACV,WAAY,OACZ,gBAAAJ,CAAA,CAEJ,EAEaK,EAAsD,CAAC,CAAE,SAAAC,EAAU,UAAWC,EAAW,QAAAC,KAAc,CAClH,KAAM,CAAE,IAAAC,EAAK,WAAAC,EAAY,cAAAC,CAAA,EAAkBC,EAAAA,cAA8B,CACvE,KAAM,IACN,SAAAN,CAAA,CACD,EACK,CAACO,EAASC,CAAU,EAAIC,EAAM,SAAS,EAAK,EAE5CC,EAAe,CACnB,IAAAP,EACA,MAAOX,EAAkBY,EAAa,OAASG,EAAU,QAAU,MAAM,EACzE,KAAM,YACN,mBAAoB,WACpB,gBAAiBH,EAAa,OAAS,OACvC,cAAAC,EACA,eAAgB,IAAMG,EAAW,EAAI,EACrC,eAAgB,IAAMA,EAAW,EAAK,CAAA,EAGxC,OAAIN,EACKO,EAAM,aAAaP,EAASQ,CAAY,EAE7CT,EACKU,MAACV,EAAA,CAAW,GAAGS,CAAA,CAAc,EAE/BC,MAAC,MAAA,CAAK,GAAGD,CAAA,CAAc,CAChC"}
+{"version":3,"file":"HorizontalDivider-_pgV4Mcv.cjs","sources":["../src/components/resizer/HorizontalDivider.tsx"],"sourcesContent":["/**\n * @file Horizontal divider component\n */\nimport * as React from \"react\";\nimport { useResizeDrag } from \"../../modules/resizer/useResizeDrag\";\nimport { HORIZONTAL_DIVIDER_WIDTH, COLOR_RESIZE_HANDLE_IDLE, COLOR_RESIZE_HANDLE_HOVER, COLOR_RESIZE_HANDLE_ACTIVE } from \"../../constants/styles\";\n\nexport type HorizontalDividerProps = {\n  onResize: (deltaX: number) => void;\n  /** Custom component for the divider */\n  component?: React.ComponentType<React.HTMLAttributes<HTMLDivElement> & { ref?: React.Ref<HTMLDivElement> }>;\n  /** Custom element for the divider */\n  element?: React.ReactElement;\n};\n\nconst buildDividerStyle = (state: \"idle\" | \"hover\" | \"drag\"): React.CSSProperties => {\n  const backgroundColor = state === \"drag\" ? COLOR_RESIZE_HANDLE_ACTIVE : state === \"hover\" ? COLOR_RESIZE_HANDLE_HOVER : COLOR_RESIZE_HANDLE_IDLE;\n  return {\n    width: HORIZONTAL_DIVIDER_WIDTH,\n    cursor: \"col-resize\",\n    position: \"relative\",\n    userSelect: \"none\",\n    backgroundColor,\n  };\n};\n\nexport const HorizontalDivider: React.FC<HorizontalDividerProps> = ({ onResize, component: Component, element }) => {\n  const { ref, isDragging, onPointerDown } = useResizeDrag<HTMLDivElement>({\n    axis: \"x\",\n    onResize: onResize,\n  });\n  const [hovered, setHovered] = React.useState(false);\n\n  const dividerProps = {\n    ref,\n    style: buildDividerStyle(isDragging ? \"drag\" : hovered ? \"hover\" : \"idle\"),\n    role: \"separator\" as const,\n    \"aria-orientation\": \"vertical\" as const,\n    \"data-dragging\": isDragging ? \"true\" : undefined,\n    onPointerDown,\n    onPointerEnter: () => setHovered(true),\n    onPointerLeave: () => setHovered(false),\n  };\n\n  if (element) {\n    return React.cloneElement(element, dividerProps);\n  }\n  if (Component) {\n    return <Component {...dividerProps} />;\n  }\n  return <div {...dividerProps} />;\n};\n"],"names":["buildDividerStyle","state","backgroundColor","COLOR_RESIZE_HANDLE_ACTIVE","COLOR_RESIZE_HANDLE_HOVER","COLOR_RESIZE_HANDLE_IDLE","HORIZONTAL_DIVIDER_WIDTH","HorizontalDivider","onResize","Component","element","ref","isDragging","onPointerDown","useResizeDrag","hovered","setHovered","React","dividerProps","jsx"],"mappings":"2aAeMA,EAAqBC,GAA0D,CACnF,MAAMC,EAAkBD,IAAU,OAASE,EAAAA,2BAA6BF,IAAU,QAAUG,EAAAA,0BAA4BC,EAAAA,yBACxH,MAAO,CACL,MAAOC,EAAAA,yBACP,OAAQ,aACR,SAAU,WACV,WAAY,OACZ,gBAAAJ,CAAA,CAEJ,EAEaK,EAAsD,CAAC,CAAE,SAAAC,EAAU,UAAWC,EAAW,QAAAC,KAAc,CAClH,KAAM,CAAE,IAAAC,EAAK,WAAAC,EAAY,cAAAC,CAAA,EAAkBC,EAAAA,cAA8B,CACvE,KAAM,IACN,SAAAN,CAAA,CACD,EACK,CAACO,EAASC,CAAU,EAAIC,EAAM,SAAS,EAAK,EAE5CC,EAAe,CACnB,IAAAP,EACA,MAAOX,EAAkBY,EAAa,OAASG,EAAU,QAAU,MAAM,EACzE,KAAM,YACN,mBAAoB,WACpB,gBAAiBH,EAAa,OAAS,OACvC,cAAAC,EACA,eAAgB,IAAMG,EAAW,EAAI,EACrC,eAAgB,IAAMA,EAAW,EAAK,CAAA,EAGxC,OAAIN,EACKO,EAAM,aAAaP,EAASQ,CAAY,EAE7CT,EACKU,MAACV,EAAA,CAAW,GAAGS,CAAA,CAAc,EAE/BC,MAAC,MAAA,CAAK,GAAGD,CAAA,CAAc,CAChC"}

package/dist/{PanelSystem-Dr1TBhxM.js → PanelSystem-BqUzNtf2.js}

@@ -1,9 +1,9 @@
 import { jsx as m, jsxs as N, Fragment as et } from "react/jsx-runtime";
 import * as l from "react";
-import { e as M, t as Dt, G as ot } from "./GridLayout-BltqeCPK.js";
-import { u as J } from "./useEffectEvent-Dp7HLCf0.js";
-import { a as kt, R as st } from "./ResizeHandle-CdA_JYfN.js";
-import { J as At, K as Mt, L as Ot, M as _t, N as Bt, O as $t, T as Nt, Q as Ht, U as Lt, V as zt, W as Xt, X as Yt, Y as Ft, Z as jt } from "./styles-DPPuJ0sf.js";
+import { e as M, t as Dt, G as ot } from "./GridLayout-UWNxXw77.js";
+import { u as J } from "./useDocumentPointerEvents-DXxw3qWj.js";
+import { a as kt, R as st } from "./ResizeHandle-CXjc1meV.js";
+import { J as At, K as Mt, L as Ot, M as _t, N as Bt, O as $t, T as Nt, Q as Ht, U as Lt, V as zt, W as Xt, X as Yt, Y as Ft, Z as jt } from "./styles-NkjuMOVS.js";
 import { u as nt } from "./useIsomorphicLayoutEffect-DhmEnmZ_.js";
 import { createPortal as Kt } from "react-dom";
 import { u as Wt } from "./useContentCache-CO3LYNmz.js";
@@ -1943,4 +1943,4 @@ export {
   X as u,
   yn as v
 };
-//# sourceMappingURL=PanelSystem-Dr1TBhxM.js.map
+//# sourceMappingURL=PanelSystem-BqUzNtf2.js.map