@bioturing/components 0.45.0 → 0.46.0

package/dist/components/popup-panel/component.js

@@ -1,309 +1,293 @@
 "use client";
-import { jsx as n, jsxs as u, Fragment as de } from "react/jsx-runtime";
-import { Popover as f } from "@base-ui/react/popover";
-import { mergeProps as V } from "@base-ui/react";
-import { useStableCallback as ae } from "@base-ui/utils/useStableCallback";
-import { X as me } from "@bioturing/assets";
-import { useRef as Z, useCallback as k, useMemo as s, useEffect as ge } from "react";
-import { Stack as he } from "../stack/index.js";
-import { PopupPanelSize as Oe, DEFAULT_SIDE_OFFSET as be } from "./constants.js";
+import { jsx as r, jsxs as f, Fragment as Oe } from "react/jsx-runtime";
+import { Popover as c } from "@base-ui/react/popover";
+import { mergeProps as Q } from "@base-ui/react";
+import { useStableCallback as Ce } from "@base-ui/utils/useStableCallback";
+import { X as Ee } from "@bioturing/assets";
+import { useRef as te, useCallback as b, useMemo as m, useEffect as Re } from "react";
+import { Stack as Le } from "../stack/index.js";
+import { PopupPanelSize as Se, POPUP_PANEL_ARROW_HEIGHT as ne, POPUP_PANEL_ARROW_WIDTH as oe, POPUP_PANEL_ARROW_SIDE_OFFSET as _e, DEFAULT_SIDE_OFFSET as ee } from "./constants.js";
 import './style.css';/* empty css          */
-import { anchorToResizeHandles as Ee } from "./utils.js";
-import { useDraggable as Se } from "../hooks/useDraggable.js";
-import { Resizable as Re } from "../resizable/component.js";
-import { parseAntdPlacement as Pe, buildAntdPlacement as ve } from "../utils/placement.js";
-import { useControlledState as ye } from "../hooks/useControlledState.js";
-import { useCls as Te } from "../utils/antdUtils.js";
+import { anchorToResizeHandles as we } from "./utils.js";
+import { useDraggable as ve } from "../hooks/useDraggable.js";
+import { Resizable as He } from "../resizable/component.js";
+import { parseAntdPlacement as be, buildAntdPlacement as Te } from "../utils/placement.js";
+import { useControlledState as Ae } from "../hooks/useControlledState.js";
+import { useCls as pe } from "../utils/antdUtils.js";
 import { useTheme as ke } from "../theme-provider/context/themeStore.js";
-import { clsx as d } from "../utils/cn.js";
-import { IconButton as Ce } from "../icon-button/component.js";
-const H = {};
-function W({
-  side: g,
-  align: P,
-  onPlacementChange: h
-}) {
-  const v = Z(void 0);
-  return ge(() => {
-    const O = ve({
-      side: g,
-      align: P
+import { clsx as a } from "../utils/cn.js";
+import { IconButton as xe } from "../icon-button/component.js";
+const D = {};
+function re({ side: s, align: l, onPlacementChange: P }) {
+  const _ = te(void 0);
+  return Re(() => {
+    const O = Te({
+      side: s,
+      align: l
     });
-    O !== v.current && (v.current = O, h?.(O));
-  }, [g, P, h]), null;
+    O !== _.current && (_.current = O, P?.(O));
+  }, [s, l, P]), null;
 }
-const Ye = ({
-  children: g,
-  placement: P,
-  openOnHover: h = !1,
-  open: v,
+function ye(s) {
+  const l = pe();
+  return /* @__PURE__ */ f(
+    "svg",
+    {
+      width: oe,
+      height: ne,
+      viewBox: "0 0 20 10",
+      fill: "none",
+      "aria-hidden": "true",
+      ...s,
+      children: [
+        /* @__PURE__ */ r(
+          "path",
+          {
+            d: "M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z",
+            className: l("popup-panel-arrow-fill")
+          }
+        ),
+        /* @__PURE__ */ r(
+          "path",
+          {
+            d: "M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z",
+            className: l("popup-panel-arrow-outer-stroke")
+          }
+        ),
+        /* @__PURE__ */ r(
+          "path",
+          {
+            d: "M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z",
+            className: l("popup-panel-arrow-inner-stroke")
+          }
+        )
+      ]
+    }
+  );
+}
+const qe = ({
+  children: s,
+  placement: l,
+  openOnHover: P = !1,
+  open: _,
   onOpenChange: O,
   content: I,
-  title: y,
-  trigger: z = "click",
-  className: A,
+  title: w,
+  trigger: M = "click",
+  className: $,
   anchor: o,
-  beforeCloseButton: M,
-  afterCloseButton: $,
-  afterTitle: C,
-  size: b = "medium",
+  beforeCloseButton: U,
+  afterCloseButton: V,
+  afterTitle: T,
+  arrow: v = !1,
+  size: C = "medium",
   footer: E,
-  defaultOpen: N = !1,
-  resizable: x = !1,
-  draggable: ee = !1,
-  maintainAspectRatio: j = !1,
+  defaultOpen: le = !1,
+  resizable: R = !1,
+  draggable: A = !1,
+  maintainAspectRatio: W = !1,
   classNames: e,
-  modal: te = !1,
-  closeOnClickOutside: re = !0,
-  onPlacementChange: _,
-  positionerProps: i = H,
-  triggerProps: ne = H,
-  portalProps: oe = H,
-  offsetFrom: S,
-  nativeButton: K = !0,
-  ...le
+  modal: ie = !1,
+  closeOnClickOutside: ue = !0,
+  onPlacementChange: k,
+  positionerProps: i = D,
+  triggerProps: ce = D,
+  portalProps: ae = D,
+  offsetFrom: L,
+  nativeButton: F = !0,
+  zIndex: Z = "popup",
+  ...fe
 }) => {
-  const [ie, D] = ye(
-    v,
+  const [se, x] = Ae(
+    _,
     O,
-    N
+    le
     // Always provide a default value to prevent undefined
-  ), t = Te(), { className: U } = ke(), T = Pe(P), w = Z(null), B = k((r) => {
-    r === null || w.current === r || (w.current = r);
-  }, []), F = k(() => {
+  ), t = pe(), { className: j } = ke(), H = be(l), y = te(null), z = b((n) => {
+    n === null || y.current === n || (y.current = n);
+  }, []), B = b(() => {
     if (o instanceof Element) return o;
     if (o != null && "current" in o) return o.current;
     if (typeof o == "function") {
-      const r = o();
-      return r instanceof Element ? r : null;
+      const n = o();
+      return n instanceof Element ? n : null;
     }
-    return w.current;
-  }, [o]), J = s(() => {
-    if (typeof i.sideOffset == "function")
-      return i.sideOffset;
-    const r = typeof i.sideOffset == "number" ? i.sideOffset : 0, l = be + r;
-    return S ? ({ side: Q }) => {
-      const R = S.current, p = F();
-      if (!R || !p) return l;
-      const c = R.getBoundingClientRect(), a = p.getBoundingClientRect();
-      let m;
-      switch (Q) {
+    return y.current;
+  }, [o]), K = m(() => {
+    if (typeof i.sideOffset == "function") return i.sideOffset;
+    const n = typeof i.sideOffset == "number" ? i.sideOffset : 0, p = (v ? _e + ee : ee) + n;
+    return L ? ({ side: q }) => {
+      const S = L.current, d = B();
+      if (!S || !d) return p;
+      const u = S.getBoundingClientRect(), g = d.getBoundingClientRect();
+      let h;
+      switch (q) {
         case "bottom":
-          m = c.bottom - a.bottom;
+          h = u.bottom - g.bottom;
           break;
         case "top":
-          m = a.top - c.top;
+          h = g.top - u.top;
           break;
         case "right":
-          m = c.right - a.right;
+          h = u.right - g.right;
           break;
         case "left":
-          m = a.left - c.left;
+          h = g.left - u.left;
           break;
         default:
-          m = 0;
+          h = 0;
       }
-      return Math.max(0, m) + l;
-    } : l;
-  }, [S, F, i.sideOffset]), L = s(() => /* @__PURE__ */ n(me, { size: 16 }), []), X = k(() => /* @__PURE__ */ u("div", { className: d(t("popup-panel-header"), e?.header), children: [
-    /* @__PURE__ */ u(
-      he,
-      {
-        align: "center",
-        gap: 8,
-        className: t("popup-panel-title-wrapper"),
-        children: [
-          /* @__PURE__ */ n(
-            f.Title,
-            {
-              render: /* @__PURE__ */ n("div", { className: d(t("grow", "truncate"), e?.title), children: y })
-            }
-          ),
-          /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
-            M,
-            /* @__PURE__ */ n(
-              f.Close,
-              {
-                render: /* @__PURE__ */ n(Ce, { children: L })
-              }
-            ),
-            $
-          ] })
-        ]
-      }
-    ),
-    C || null
+      return Math.max(0, h) + p;
+    } : p;
+  }, [v, L, B, i.sideOffset]), N = m(() => /* @__PURE__ */ r(Ee, { size: 16 }), []), G = b(() => /* @__PURE__ */ f("div", { className: a(t("popup-panel-header"), e?.header), children: [
+    /* @__PURE__ */ f(Le, { align: "center", gap: 8, className: t("popup-panel-title-wrapper"), children: [
+      /* @__PURE__ */ r(
+        c.Title,
+        {
+          render: /* @__PURE__ */ r("div", { className: a(t("grow", "truncate"), e?.title), children: w })
+        }
+      ),
+      /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
+        U,
+        /* @__PURE__ */ r(c.Close, { render: /* @__PURE__ */ r(xe, { children: N }) }),
+        V
+      ] })
+    ] }),
+    T || null
   ] }), [
-    $,
-    C,
-    M,
+    V,
+    T,
+    U,
     t,
     e?.header,
     e?.title,
-    L,
-    y
-  ]), { ref: Y } = Se(ee), ce = s(
-    () => /* @__PURE__ */ u(
-      f.Popup,
+    N,
+    w
+  ]), { ref: J } = ve(A), de = m(
+    () => /* @__PURE__ */ f(
+      c.Popup,
       {
-        className: d(
+        className: a(
           t("popup-panel"),
-          t(`popup-panel-size-${b}`),
-          A,
+          t(`popup-panel-size-${C}`),
+          $,
           e?.popup
         ),
-        ref: Y,
+        "data-draggable": A ? "true" : void 0,
+        "data-resizable": R ? "true" : void 0,
+        ref: J,
         children: [
-          y && X(),
-          /* @__PURE__ */ n("div", { className: d(t("popup-panel-content"), e?.content), children: /* @__PURE__ */ n("div", { className: t("popup-panel-content-inner"), children: I }) }),
-          E && /* @__PURE__ */ n("div", { className: d(t("popup-panel-footer"), e?.footer), children: typeof E == "function" ? E({ close: () => D(!1) }) : E })
+          v && /* @__PURE__ */ r(c.Arrow, { className: a(t("popup-panel-arrow"), e?.arrow), children: /* @__PURE__ */ r(ye, { className: t("popup-panel-arrow-svg") }) }),
+          w && G(),
+          /* @__PURE__ */ r("div", { className: a(t("popup-panel-content"), e?.content), children: I }),
+          E && /* @__PURE__ */ r("div", { className: a(t("popup-panel-footer"), e?.footer), children: typeof E == "function" ? E({ close: () => x(!1) }) : E })
         ]
       }
     ),
     [
-      A,
+      $,
       e?.content,
       e?.footer,
       e?.popup,
+      e?.arrow,
       t,
       I,
-      Y,
+      A,
+      J,
       E,
-      X,
-      D,
-      b,
-      y
+      G,
+      v,
+      x,
+      C,
+      w,
+      R
     ]
-  ), q = k(
+  ), X = b(
     ({
-      children: r,
-      onDragEnd: l,
-      onDragStart: Q,
-      ...R
-    }, { side: p, align: c }) => {
-      const a = `${p}-${c}`;
-      return x ? /* @__PURE__ */ u(de, { children: [
-        /* @__PURE__ */ n(
-          W,
-          {
-            side: p,
-            align: c,
-            onPlacementChange: _
-          }
-        ),
-        /* @__PURE__ */ n(
-          Re,
+      children: n,
+      onDragEnd: p,
+      onDragStart: q,
+      ...S
+    }, { side: d, align: u }) => {
+      const g = `${d}-${u}`;
+      return R ? /* @__PURE__ */ f(Oe, { children: [
+        /* @__PURE__ */ r(re, { side: d, align: u, onPlacementChange: k }),
+        /* @__PURE__ */ r(
+          He,
           {
-            resizable: x,
-            resetKey: a,
-            maintainAspectRatio: j,
+            resizable: R,
+            resetKey: g,
+            maintainAspectRatio: W,
             classNames: {
               resizeHandle: e?.resizeHandle
             },
-            handles: Ee(p),
-            ...R,
-            children: r
+            handles: we(d),
+            ...S,
+            children: n
           }
         )
-      ] }) : /* @__PURE__ */ u("div", { ...R, children: [
-        /* @__PURE__ */ n(
-          W,
-          {
-            side: p,
-            align: c,
-            onPlacementChange: _
-          }
-        ),
-        r
+      ] }) : /* @__PURE__ */ f("div", { ...S, children: [
+        /* @__PURE__ */ r(re, { side: d, align: u, onPlacementChange: k }),
+        n
       ] });
     },
-    [
-      x,
-      j,
-      e?.resizeHandle,
-      _
-    ]
-  ), G = s(
+    [R, W, e?.resizeHandle, k]
+  ), Y = m(
     () => ({
-      "--size-width": b ? Oe[b] : void 0
+      "--popup-panel-arrow-width": `${oe}px`,
+      "--popup-panel-arrow-height": `${ne}px`,
+      "--size-width": C ? Se[C] : void 0
     }),
-    [b]
-  ), pe = s(
+    [C]
+  ), me = m(
     () => ({
-      className: d(
-        t("popup-panel-root"),
-        U,
+      className: a(
+        t("popup-panel-root", `popup-panel-z-index-${Z}`),
+        j,
         e?.root
       ),
-      side: T.side,
-      align: T.align,
-      sideOffset: J,
+      side: H.side,
+      align: H.align,
+      sideOffset: K,
       anchor: o,
-      style: G,
-      render: q
+      style: Y,
+      render: X
     }),
     [
       t,
-      U,
+      j,
       e?.root,
-      T.side,
-      T.align,
-      J,
+      H.side,
+      H.align,
+      K,
       o,
-      G,
-      q
+      Y,
+      X,
+      Z
     ]
-  ), ue = s(
-    () => S ? (({ sideOffset: r, ...l }) => l)(i) : i,
-    [S, i]
-  ), fe = ae(
-    (r, l) => {
-      (l.reason === "outside-press" || l.reason === "focus-out") && !re || D(r, l);
+  ), ge = m(
+    () => L ? (({ sideOffset: n, ...p }) => p)(i) : i,
+    [L, i]
+  ), he = Ce(
+    (n, p) => {
+      (p.reason === "outside-press" || p.reason === "focus-out") && !ue || x(n, p);
     }
-  ), se = s(
+  ), Pe = m(
     () => ({
-      ref: B,
-      render: g,
-      nativeButton: K,
-      className: d(t("popup-panel-trigger"), e?.trigger),
-      openOnHover: z === "hover" ? !0 : h
+      ref: z,
+      render: s,
+      nativeButton: F,
+      className: a(t("popup-panel-trigger"), e?.trigger),
+      openOnHover: M === "hover" ? !0 : P
     }),
-    [
-      B,
-      g,
-      K,
-      t,
-      e?.trigger,
-      z,
-      h
-    ]
-  );
-  return /* @__PURE__ */ u(
-    f.Root,
-    {
-      open: ie,
-      onOpenChange: fe,
-      modal: te,
-      ...le,
-      children: [
-        /* @__PURE__ */ n(
-          f.Trigger,
-          {
-            ...V(se, ne)
-          }
-        ),
-        /* @__PURE__ */ n(f.Portal, { ...oe, children: /* @__PURE__ */ n(
-          f.Positioner,
-          {
-            ...V(pe, ue),
-            children: ce
-          }
-        ) })
-      ]
-    }
+    [z, s, F, t, e?.trigger, M, P]
   );
+  return /* @__PURE__ */ f(c.Root, { open: se, onOpenChange: he, modal: ie, ...fe, children: [
+    /* @__PURE__ */ r(c.Trigger, { ...Q(Pe, ce) }),
+    /* @__PURE__ */ r(c.Portal, { ...ae, children: /* @__PURE__ */ r(c.Positioner, { ...Q(me, ge), children: de }) })
+  ] });
 };
 export {
-  Ye as PopupPanel
+  qe as PopupPanel
 };
 //# sourceMappingURL=component.js.map

package/dist/components/popup-panel/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/popup-panel/component.tsx"],"sourcesContent":["\"use client\";\nimport { Popover } from \"@base-ui/react/popover\";\nimport { buildAntdPlacement, clsx, parseAntdPlacement, useCls } from \"../utils\";\n\nimport { mergeProps } from \"@base-ui/react\";\nimport { useStableCallback } from \"@base-ui/utils/useStableCallback\";\nimport { X } from \"@bioturing/assets\";\nimport { useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { useControlledState, useDraggable } from \"../hooks\";\nimport { IconButton } from \"../icon-button\";\nimport { Resizable } from \"../resizable\";\nimport { Stack } from \"../stack\";\nimport { DEFAULT_SIDE_OFFSET, PopupPanelSize } from \"./constants\";\nimport { PopupPanelProps } from \"./types\";\n\n// Import component-specific styles\nimport { useTheme } from \"../theme-provider\";\nimport \"./style.css\";\nimport { anchorToResizeHandles } from \"./utils\";\n\n// Stable empty objects to avoid creating new references on every render\nconst EMPTY_OBJECT = {} as const;\n\ninterface PlacementStateSyncProps {\n  side: Popover.Positioner.State[\"side\"];\n  align: Popover.Positioner.State[\"align\"];\n  onPlacementChange?: (\n    placement: NonNullable<PopupPanelProps[\"placement\"]>,\n  ) => void;\n}\n\nfunction PlacementStateSync({\n  side,\n  align,\n  onPlacementChange,\n}: PlacementStateSyncProps) {\n  const lastPlacementRef = useRef<\n    NonNullable<PopupPanelProps[\"placement\"]> | undefined\n  >(undefined);\n\n  useEffect(() => {\n    const placement = buildAntdPlacement({\n      side,\n      align,\n    }) as NonNullable<PopupPanelProps[\"placement\"]>;\n    if (placement === lastPlacementRef.current) return;\n    lastPlacementRef.current = placement;\n    onPlacementChange?.(placement);\n  }, [side, align, onPlacementChange]);\n\n  return null;\n}\n\nexport const PopupPanel = ({\n  children,\n  placement,\n  openOnHover = false,\n  open: outsideOpen,\n  onOpenChange: outsideOnOpenChange,\n  content,\n  title,\n  trigger = \"click\",\n  className,\n  anchor,\n  beforeCloseButton,\n  afterCloseButton,\n  afterTitle,\n  size = \"medium\",\n  footer,\n  defaultOpen = false,\n  resizable = false,\n  draggable = false,\n  maintainAspectRatio = false,\n  classNames,\n  modal = false,\n  closeOnClickOutside = true,\n  onPlacementChange,\n  positionerProps = EMPTY_OBJECT,\n  triggerProps = EMPTY_OBJECT,\n  portalProps = EMPTY_OBJECT,\n  offsetFrom,\n  nativeButton = true,\n  ...rest\n}: PopupPanelProps) => {\n  // Use controlled state with proper initialization to prevent switching between controlled/uncontrolled\n  const [open, setOpen] = useControlledState(\n    outsideOpen,\n    outsideOnOpenChange,\n    defaultOpen, // Always provide a default value to prevent undefined\n  );\n\n  const cls = useCls();\n  const { className: themeClassName } = useTheme();\n  const baseUIPlacement = parseAntdPlacement(placement);\n\n  const triggerElRef = useRef<HTMLElement | null>(null);\n  const handleTriggerRef = useCallback((node: HTMLElement | null) => {\n    if (node === null || triggerElRef.current === node) return;\n    triggerElRef.current = node;\n  }, []);\n\n  const getAnchorEl = useCallback(() => {\n    if (anchor instanceof Element) return anchor;\n    if (anchor != null && \"current\" in anchor) return anchor.current;\n    if (typeof anchor === \"function\") {\n      const result = anchor();\n      return result instanceof Element ? result : null;\n    }\n    return triggerElRef.current;\n  }, [anchor]);\n\n  // Compute sideOffset: incorporate user sideOffset, and when offsetFrom is\n  // provided, add the distance from the anchor to the offsetFrom element\n  const resolvedSideOffset = useMemo(() => {\n    // If user provides a function, let them fully control the offset\n    if (typeof positionerProps.sideOffset === \"function\")\n      return positionerProps.sideOffset;\n\n    const userSideOffset =\n      typeof positionerProps.sideOffset === \"number\"\n        ? positionerProps.sideOffset\n        : 0;\n    const baseOffset = DEFAULT_SIDE_OFFSET + userSideOffset;\n\n    if (!offsetFrom) return baseOffset;\n\n    return ({ side }: { side: string }) => {\n      const offsetFromEl = offsetFrom.current;\n      const anchorEl = getAnchorEl();\n      if (!offsetFromEl || !anchorEl) return baseOffset;\n\n      const offsetRect = offsetFromEl.getBoundingClientRect();\n      const anchorRect = anchorEl.getBoundingClientRect();\n\n      let distance: number;\n      switch (side) {\n        case \"bottom\":\n          distance = offsetRect.bottom - anchorRect.bottom;\n          break;\n        case \"top\":\n          distance = anchorRect.top - offsetRect.top;\n          break;\n        case \"right\":\n          distance = offsetRect.right - anchorRect.right;\n          break;\n        case \"left\":\n          distance = anchorRect.left - offsetRect.left;\n          break;\n        default:\n          distance = 0;\n      }\n\n      return Math.max(0, distance) + baseOffset;\n    };\n  }, [offsetFrom, getAnchorEl, positionerProps.sideOffset]);\n\n  const defaultCloseIcon = useMemo(() => <X size={16} />, []);\n\n  const renderTitle = useCallback(() => {\n    return (\n      <div className={clsx(cls(\"popup-panel-header\"), classNames?.header)}>\n        <Stack\n          align=\"center\"\n          gap={8}\n          className={cls(\"popup-panel-title-wrapper\")}\n        >\n          <Popover.Title\n            render={\n              <div className={clsx(cls(\"grow\", \"truncate\"), classNames?.title)}>\n                {title}\n              </div>\n            }\n          ></Popover.Title>\n          <div className=\"flex items-center gap-2\">\n            {beforeCloseButton}\n            <Popover.Close\n              render={<IconButton>{defaultCloseIcon}</IconButton>}\n            />\n            {afterCloseButton}\n          </div>\n        </Stack>\n        {afterTitle ? afterTitle : null}\n      </div>\n    );\n  }, [\n    afterCloseButton,\n    afterTitle,\n    beforeCloseButton,\n    cls,\n    classNames?.header,\n    classNames?.title,\n    defaultCloseIcon,\n    title,\n  ]);\n\n  const { ref: draggableRef } = useDraggable(draggable);\n\n  const popup = useMemo(\n    () => (\n      <Popover.Popup\n        className={clsx(\n          cls(\"popup-panel\"),\n          cls(`popup-panel-size-${size}`),\n          className,\n          classNames?.popup,\n        )}\n        ref={draggableRef}\n      >\n        {title && renderTitle()}\n        <div className={clsx(cls(\"popup-panel-content\"), classNames?.content)}>\n          <div className={cls(\"popup-panel-content-inner\")}>{content}</div>\n        </div>\n        {footer && (\n          <div className={clsx(cls(\"popup-panel-footer\"), classNames?.footer)}>\n            {typeof footer === \"function\"\n              ? footer({ close: () => setOpen(false) })\n              : footer}\n          </div>\n        )}\n      </Popover.Popup>\n    ),\n    [\n      className,\n      classNames?.content,\n      classNames?.footer,\n      classNames?.popup,\n      cls,\n      content,\n      draggableRef,\n      footer,\n      renderTitle,\n      setOpen,\n      size,\n      title,\n    ],\n  );\n\n  // Positioner render function — useCallback keeps the reference stable when deps\n  // don't change. Cannot use useStableCallback here because render props are\n  // called during React's render phase, not in effects/event handlers.\n  const positionerRender = useCallback(\n    (\n      {\n        children,\n        onDragEnd: _onDragEnd,\n        onDragStart: _onDragStart,\n        ...props\n      }: React.ComponentProps<\"div\">,\n      { side, align }: Popover.Positioner.State,\n    ) => {\n      const placementKey = `${side}-${align}`;\n      return resizable ? (\n        <>\n          <PlacementStateSync\n            side={side}\n            align={align}\n            onPlacementChange={onPlacementChange}\n          />\n          <Resizable\n            resizable={resizable}\n            resetKey={placementKey}\n            maintainAspectRatio={maintainAspectRatio}\n            classNames={{\n              resizeHandle: classNames?.resizeHandle,\n            }}\n            handles={anchorToResizeHandles(side, align)}\n            {...props}\n          >\n            {children}\n          </Resizable>\n        </>\n      ) : (\n        <div {...props}>\n          <PlacementStateSync\n            side={side}\n            align={align}\n            onPlacementChange={onPlacementChange}\n          />\n          {children}\n        </div>\n      );\n    },\n    [\n      resizable,\n      maintainAspectRatio,\n      classNames?.resizeHandle,\n      onPlacementChange,\n    ],\n  );\n\n  const positionerStyle = useMemo(\n    () =>\n      ({\n        \"--size-width\": size ? PopupPanelSize[size] : undefined,\n      }) as React.CSSProperties,\n    [size],\n  );\n\n  const defaultPositionerProps = useMemo(\n    () => ({\n      className: clsx(\n        cls(\"popup-panel-root\"),\n        themeClassName,\n        classNames?.root,\n      ),\n      side: baseUIPlacement.side,\n      align: baseUIPlacement.align,\n      sideOffset: resolvedSideOffset,\n      anchor,\n      style: positionerStyle,\n      render: positionerRender,\n    }),\n    [\n      cls,\n      themeClassName,\n      classNames?.root,\n      baseUIPlacement.side,\n      baseUIPlacement.align,\n      resolvedSideOffset,\n      anchor,\n      positionerStyle,\n      positionerRender,\n    ],\n  );\n\n  // Strip sideOffset from positionerProps when offsetFrom is active,\n  // since we've already incorporated it into resolvedSideOffset\n  const finalPositionerProps = useMemo(\n    () =>\n      offsetFrom\n        ? (({ sideOffset: _, ...rest }) => rest)(positionerProps)\n        : positionerProps,\n    [offsetFrom, positionerProps],\n  );\n\n  // Stable onOpenChange handler to avoid recreating on every render\n  const handleOpenChange = useStableCallback(\n    (nextOpen: boolean, eventDetails: Popover.Root.ChangeEventDetails) => {\n      if (\n        (eventDetails.reason === \"outside-press\" ||\n          eventDetails.reason === \"focus-out\") &&\n        !closeOnClickOutside\n      )\n        return;\n      setOpen(nextOpen, eventDetails);\n    },\n  );\n\n  const defaultTriggerProps = useMemo(\n    () => ({\n      ref: handleTriggerRef,\n      render: children,\n      nativeButton,\n      className: clsx(cls(\"popup-panel-trigger\"), classNames?.trigger),\n      openOnHover: trigger === \"hover\" ? true : openOnHover,\n    }),\n    [\n      handleTriggerRef,\n      children,\n      nativeButton,\n      cls,\n      classNames?.trigger,\n      trigger,\n      openOnHover,\n    ],\n  );\n\n  return (\n    <Popover.Root\n      open={open}\n      onOpenChange={handleOpenChange}\n      modal={modal}\n      {...rest}\n    >\n      <Popover.Trigger\n        {...mergeProps(defaultTriggerProps, triggerProps)}\n      ></Popover.Trigger>\n      <Popover.Portal {...portalProps}>\n        <Popover.Positioner\n          {...mergeProps(defaultPositionerProps, finalPositionerProps)}\n        >\n          {popup}\n        </Popover.Positioner>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n};\n"],"names":["EMPTY_OBJECT","PlacementStateSync","side","align","onPlacementChange","lastPlacementRef","useRef","useEffect","placement","buildAntdPlacement","PopupPanel","children","openOnHover","outsideOpen","outsideOnOpenChange","content","title","trigger","className","anchor","beforeCloseButton","afterCloseButton","afterTitle","size","footer","defaultOpen","resizable","draggable","maintainAspectRatio","classNames","modal","closeOnClickOutside","positionerProps","triggerProps","portalProps","offsetFrom","nativeButton","rest","open","setOpen","useControlledState","cls","useCls","themeClassName","useTheme","baseUIPlacement","parseAntdPlacement","triggerElRef","handleTriggerRef","useCallback","node","getAnchorEl","result","resolvedSideOffset","useMemo","userSideOffset","baseOffset","DEFAULT_SIDE_OFFSET","offsetFromEl","anchorEl","offsetRect","anchorRect","distance","defaultCloseIcon","jsx","X","renderTitle","jsxs","clsx","Stack","Popover","IconButton","draggableRef","useDraggable","popup","positionerRender","_onDragEnd","_onDragStart","props","placementKey","Fragment","Resizable","anchorToResizeHandles","positionerStyle","PopupPanelSize","defaultPositionerProps","finalPositionerProps","_","handleOpenChange","useStableCallback","nextOpen","eventDetails","defaultTriggerProps","mergeProps"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../../src/components/popup-panel/component.tsx"],"sourcesContent":["\"use client\";\nimport { Popover } from \"@base-ui/react/popover\";\nimport { buildAntdPlacement, clsx, parseAntdPlacement, useCls } from \"../utils\";\n\nimport { mergeProps } from \"@base-ui/react\";\nimport { useStableCallback } from \"@base-ui/utils/useStableCallback\";\nimport { X } from \"@bioturing/assets\";\nimport { useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { useControlledState, useDraggable } from \"../hooks\";\nimport { IconButton } from \"../icon-button\";\nimport { Resizable } from \"../resizable\";\nimport { Stack } from \"../stack\";\nimport {\n  DEFAULT_SIDE_OFFSET,\n  POPUP_PANEL_ARROW_HEIGHT,\n  POPUP_PANEL_ARROW_SIDE_OFFSET,\n  POPUP_PANEL_ARROW_WIDTH,\n  PopupPanelSize,\n} from \"./constants\";\nimport { PopupPanelProps } from \"./types\";\n\n// Import component-specific styles\nimport { useTheme } from \"../theme-provider\";\nimport \"./style.css\";\nimport { anchorToResizeHandles } from \"./utils\";\n\n// Stable empty objects to avoid creating new references on every render\nconst EMPTY_OBJECT = {} as const;\n\ninterface PlacementStateSyncProps {\n  side: Popover.Positioner.State[\"side\"];\n  align: Popover.Positioner.State[\"align\"];\n  onPlacementChange?: (placement: NonNullable<PopupPanelProps[\"placement\"]>) => void;\n}\n\nfunction PlacementStateSync({ side, align, onPlacementChange }: PlacementStateSyncProps) {\n  const lastPlacementRef = useRef<NonNullable<PopupPanelProps[\"placement\"]> | undefined>(undefined);\n\n  useEffect(() => {\n    const placement = buildAntdPlacement({\n      side,\n      align,\n    }) as NonNullable<PopupPanelProps[\"placement\"]>;\n    if (placement === lastPlacementRef.current) return;\n    lastPlacementRef.current = placement;\n    onPlacementChange?.(placement);\n  }, [side, align, onPlacementChange]);\n\n  return null;\n}\n\nfunction PopupPanelArrowSvg(props: React.ComponentProps<\"svg\">) {\n  const cls = useCls();\n\n  return (\n    <svg\n      width={POPUP_PANEL_ARROW_WIDTH}\n      height={POPUP_PANEL_ARROW_HEIGHT}\n      viewBox=\"0 0 20 10\"\n      fill=\"none\"\n      aria-hidden=\"true\"\n      {...props}\n    >\n      <path\n        d=\"M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z\"\n        className={cls(\"popup-panel-arrow-fill\")}\n      />\n      <path\n        d=\"M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z\"\n        className={cls(\"popup-panel-arrow-outer-stroke\")}\n      />\n      <path\n        d=\"M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z\"\n        className={cls(\"popup-panel-arrow-inner-stroke\")}\n      />\n    </svg>\n  );\n}\n\nexport const PopupPanel = ({\n  children,\n  placement,\n  openOnHover = false,\n  open: outsideOpen,\n  onOpenChange: outsideOnOpenChange,\n  content,\n  title,\n  trigger = \"click\",\n  className,\n  anchor,\n  beforeCloseButton,\n  afterCloseButton,\n  afterTitle,\n  arrow = false,\n  size = \"medium\",\n  footer,\n  defaultOpen = false,\n  resizable = false,\n  draggable = false,\n  maintainAspectRatio = false,\n  classNames,\n  modal = false,\n  closeOnClickOutside = true,\n  onPlacementChange,\n  positionerProps = EMPTY_OBJECT,\n  triggerProps = EMPTY_OBJECT,\n  portalProps = EMPTY_OBJECT,\n  offsetFrom,\n  nativeButton = true,\n  zIndex = \"popup\",\n  ...rest\n}: PopupPanelProps) => {\n  // Use controlled state with proper initialization to prevent switching between controlled/uncontrolled\n  const [open, setOpen] = useControlledState(\n    outsideOpen,\n    outsideOnOpenChange,\n    defaultOpen, // Always provide a default value to prevent undefined\n  );\n\n  const cls = useCls();\n  const { className: themeClassName } = useTheme();\n  const baseUIPlacement = parseAntdPlacement(placement);\n\n  const triggerElRef = useRef<HTMLElement | null>(null);\n  const handleTriggerRef = useCallback((node: HTMLElement | null) => {\n    if (node === null || triggerElRef.current === node) return;\n    triggerElRef.current = node;\n  }, []);\n\n  const getAnchorEl = useCallback(() => {\n    if (anchor instanceof Element) return anchor;\n    if (anchor != null && \"current\" in anchor) return anchor.current;\n    if (typeof anchor === \"function\") {\n      const result = anchor();\n      return result instanceof Element ? result : null;\n    }\n    return triggerElRef.current;\n  }, [anchor]);\n\n  // Compute sideOffset: incorporate user sideOffset, and when offsetFrom is\n  // provided, add the distance from the anchor to the offsetFrom element\n  const resolvedSideOffset = useMemo(() => {\n    // If user provides a function, let them fully control the offset\n    if (typeof positionerProps.sideOffset === \"function\") return positionerProps.sideOffset;\n\n    const userSideOffset =\n      typeof positionerProps.sideOffset === \"number\" ? positionerProps.sideOffset : 0;\n    const baseOffset =\n      (arrow ? POPUP_PANEL_ARROW_SIDE_OFFSET + DEFAULT_SIDE_OFFSET : DEFAULT_SIDE_OFFSET) +\n      userSideOffset;\n    if (!offsetFrom) return baseOffset;\n\n    return ({ side }: { side: string }) => {\n      const offsetFromEl = offsetFrom.current;\n      const anchorEl = getAnchorEl();\n      if (!offsetFromEl || !anchorEl) return baseOffset;\n\n      const offsetRect = offsetFromEl.getBoundingClientRect();\n      const anchorRect = anchorEl.getBoundingClientRect();\n\n      let distance: number;\n      switch (side) {\n        case \"bottom\":\n          distance = offsetRect.bottom - anchorRect.bottom;\n          break;\n        case \"top\":\n          distance = anchorRect.top - offsetRect.top;\n          break;\n        case \"right\":\n          distance = offsetRect.right - anchorRect.right;\n          break;\n        case \"left\":\n          distance = anchorRect.left - offsetRect.left;\n          break;\n        default:\n          distance = 0;\n      }\n\n      return Math.max(0, distance) + baseOffset;\n    };\n  }, [arrow, offsetFrom, getAnchorEl, positionerProps.sideOffset]);\n\n  const defaultCloseIcon = useMemo(() => <X size={16} />, []);\n\n  const renderTitle = useCallback(() => {\n    return (\n      <div className={clsx(cls(\"popup-panel-header\"), classNames?.header)}>\n        <Stack align=\"center\" gap={8} className={cls(\"popup-panel-title-wrapper\")}>\n          <Popover.Title\n            render={<div className={clsx(cls(\"grow\", \"truncate\"), classNames?.title)}>{title}</div>}\n          ></Popover.Title>\n          <div className=\"flex items-center gap-2\">\n            {beforeCloseButton}\n            <Popover.Close render={<IconButton>{defaultCloseIcon}</IconButton>} />\n            {afterCloseButton}\n          </div>\n        </Stack>\n        {afterTitle ? afterTitle : null}\n      </div>\n    );\n  }, [\n    afterCloseButton,\n    afterTitle,\n    beforeCloseButton,\n    cls,\n    classNames?.header,\n    classNames?.title,\n    defaultCloseIcon,\n    title,\n  ]);\n\n  const { ref: draggableRef } = useDraggable(draggable);\n\n  const popup = useMemo(\n    () => (\n      <Popover.Popup\n        className={clsx(\n          cls(\"popup-panel\"),\n          cls(`popup-panel-size-${size}`),\n          className,\n          classNames?.popup,\n        )}\n        data-draggable={draggable ? \"true\" : undefined}\n        data-resizable={resizable ? \"true\" : undefined}\n        ref={draggableRef}\n      >\n        {arrow && (\n          <Popover.Arrow className={clsx(cls(\"popup-panel-arrow\"), classNames?.arrow)}>\n            <PopupPanelArrowSvg className={cls(\"popup-panel-arrow-svg\")} />\n          </Popover.Arrow>\n        )}\n        {title && renderTitle()}\n        <div className={clsx(cls(\"popup-panel-content\"), classNames?.content)}>{content}</div>\n        {footer && (\n          <div className={clsx(cls(\"popup-panel-footer\"), classNames?.footer)}>\n            {typeof footer === \"function\" ? footer({ close: () => setOpen(false) }) : footer}\n          </div>\n        )}\n      </Popover.Popup>\n    ),\n    [\n      className,\n      classNames?.content,\n      classNames?.footer,\n      classNames?.popup,\n      classNames?.arrow,\n      cls,\n      content,\n      draggable,\n      draggableRef,\n      footer,\n      renderTitle,\n      arrow,\n      setOpen,\n      size,\n      title,\n      resizable,\n    ],\n  );\n\n  // Positioner render function — useCallback keeps the reference stable when deps\n  // don't change. Cannot use useStableCallback here because render props are\n  // called during React's render phase, not in effects/event handlers.\n  const positionerRender = useCallback(\n    (\n      {\n        children,\n        onDragEnd: _onDragEnd,\n        onDragStart: _onDragStart,\n        ...props\n      }: React.ComponentProps<\"div\">,\n      { side, align }: Popover.Positioner.State,\n    ) => {\n      const placementKey = `${side}-${align}`;\n      return resizable ? (\n        <>\n          <PlacementStateSync side={side} align={align} onPlacementChange={onPlacementChange} />\n          <Resizable\n            resizable={resizable}\n            resetKey={placementKey}\n            maintainAspectRatio={maintainAspectRatio}\n            classNames={{\n              resizeHandle: classNames?.resizeHandle,\n            }}\n            handles={anchorToResizeHandles(side, align)}\n            {...props}\n          >\n            {children}\n          </Resizable>\n        </>\n      ) : (\n        <div {...props}>\n          <PlacementStateSync side={side} align={align} onPlacementChange={onPlacementChange} />\n          {children}\n        </div>\n      );\n    },\n    [resizable, maintainAspectRatio, classNames?.resizeHandle, onPlacementChange],\n  );\n\n  const positionerStyle = useMemo(\n    () =>\n      ({\n        \"--popup-panel-arrow-width\": `${POPUP_PANEL_ARROW_WIDTH}px`,\n        \"--popup-panel-arrow-height\": `${POPUP_PANEL_ARROW_HEIGHT}px`,\n        \"--size-width\": size ? PopupPanelSize[size] : undefined,\n      }) as React.CSSProperties,\n    [size],\n  );\n\n  const defaultPositionerProps = useMemo(\n    () => ({\n      className: clsx(\n        cls(\"popup-panel-root\", `popup-panel-z-index-${zIndex}`),\n        themeClassName,\n        classNames?.root,\n      ),\n      side: baseUIPlacement.side,\n      align: baseUIPlacement.align,\n      sideOffset: resolvedSideOffset,\n      anchor,\n      style: positionerStyle,\n      render: positionerRender,\n    }),\n    [\n      cls,\n      themeClassName,\n      classNames?.root,\n      baseUIPlacement.side,\n      baseUIPlacement.align,\n      resolvedSideOffset,\n      anchor,\n      positionerStyle,\n      positionerRender,\n      zIndex,\n    ],\n  );\n\n  // Strip sideOffset from positionerProps when offsetFrom is active,\n  // since we've already incorporated it into resolvedSideOffset\n  const finalPositionerProps = useMemo(\n    () => (offsetFrom ? (({ sideOffset: _, ...rest }) => rest)(positionerProps) : positionerProps),\n    [offsetFrom, positionerProps],\n  );\n\n  // Stable onOpenChange handler to avoid recreating on every render\n  const handleOpenChange = useStableCallback(\n    (nextOpen: boolean, eventDetails: Popover.Root.ChangeEventDetails) => {\n      if (\n        (eventDetails.reason === \"outside-press\" || eventDetails.reason === \"focus-out\") &&\n        !closeOnClickOutside\n      )\n        return;\n      setOpen(nextOpen, eventDetails);\n    },\n  );\n\n  const defaultTriggerProps = useMemo(\n    () => ({\n      ref: handleTriggerRef,\n      render: children,\n      nativeButton,\n      className: clsx(cls(\"popup-panel-trigger\"), classNames?.trigger),\n      openOnHover: trigger === \"hover\" ? true : openOnHover,\n    }),\n    [handleTriggerRef, children, nativeButton, cls, classNames?.trigger, trigger, openOnHover],\n  );\n\n  return (\n    <Popover.Root open={open} onOpenChange={handleOpenChange} modal={modal} {...rest}>\n      <Popover.Trigger {...mergeProps(defaultTriggerProps, triggerProps)}></Popover.Trigger>\n      <Popover.Portal {...portalProps}>\n        <Popover.Positioner {...mergeProps(defaultPositionerProps, finalPositionerProps)}>\n          {popup}\n        </Popover.Positioner>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n};\n"],"names":["EMPTY_OBJECT","PlacementStateSync","side","align","onPlacementChange","lastPlacementRef","useRef","useEffect","placement","buildAntdPlacement","PopupPanelArrowSvg","props","cls","useCls","jsxs","POPUP_PANEL_ARROW_WIDTH","POPUP_PANEL_ARROW_HEIGHT","jsx","PopupPanel","children","openOnHover","outsideOpen","outsideOnOpenChange","content","title","trigger","className","anchor","beforeCloseButton","afterCloseButton","afterTitle","arrow","size","footer","defaultOpen","resizable","draggable","maintainAspectRatio","classNames","modal","closeOnClickOutside","positionerProps","triggerProps","portalProps","offsetFrom","nativeButton","zIndex","rest","open","setOpen","useControlledState","themeClassName","useTheme","baseUIPlacement","parseAntdPlacement","triggerElRef","handleTriggerRef","useCallback","node","getAnchorEl","result","resolvedSideOffset","useMemo","userSideOffset","baseOffset","POPUP_PANEL_ARROW_SIDE_OFFSET","DEFAULT_SIDE_OFFSET","offsetFromEl","anchorEl","offsetRect","anchorRect","distance","defaultCloseIcon","X","renderTitle","clsx","Stack","Popover","IconButton","draggableRef","useDraggable","popup","positionerRender","_onDragEnd","_onDragStart","placementKey","Fragment","Resizable","anchorToResizeHandles","positionerStyle","PopupPanelSize","defaultPositionerProps","finalPositionerProps","_","handleOpenChange","useStableCallback","nextOpen","eventDetails","defaultTriggerProps","mergeProps"],"mappings":"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"}

package/dist/components/popup-panel/constants.d.ts

@@ -4,6 +4,10 @@ export declare enum PopupPanelSize {
     small = "400px",
     medium = "480px",
     large = "640px",
-    xlarge = "840px"
+    xlarge = "840px",
+    fit = "fit-content"
 }
+export declare const POPUP_PANEL_ARROW_WIDTH = 20;
+export declare const POPUP_PANEL_ARROW_HEIGHT = 10;
+export declare const POPUP_PANEL_ARROW_SIDE_OFFSET = 8;
 //# sourceMappingURL=constants.d.ts.map

package/dist/components/popup-panel/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/popup-panel/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,IAAI,CAAC;AAGrC,oBAAY,cAAc;IACxB,MAAM,UAAU;IAChB,KAAK,UAAU;IACf,MAAM,UAAU;IAChB,KAAK,UAAU;IACf,MAAM,UAAU;CACjB"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/popup-panel/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,IAAI,CAAC;AAGrC,oBAAY,cAAc;IACxB,MAAM,UAAU;IAChB,KAAK,UAAU;IACf,MAAM,UAAU;IAChB,KAAK,UAAU;IACf,MAAM,UAAU;IAChB,GAAG,gBAAgB;CACpB;AAED,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAC3C,eAAO,MAAM,6BAA6B,IAAI,CAAC"}