npm - @smwb/ui-react - Versions diffs - 2.5.0 → 2.6.1 - Mend

@smwb/ui-react 2.5.0 → 2.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (66) hide show

package/dist/components/layout/floatingWindow/floatingWindow.d.ts ADDED Viewed

@@ -0,0 +1,92 @@
+import React, { type ReactNode } from "react";
+export interface FloatingWindowPosition {
+    x: number;
+    y: number;
+}
+export interface FloatingWindowSize {
+    width: number;
+    height: number;
+}
+/** The eight edge/corner resize directions. */
+export type FloatingWindowResizeDir = "n" | "s" | "e" | "w" | "ne" | "nw" | "se" | "sw";
+export interface FloatingWindowProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onResize" | "title" | "children"> {
+    /** Controlled open state of the window. */
+    open: boolean;
+    /** Title bar content. When given, the window is labelled by it. */
+    title?: ReactNode;
+    /** Extra header controls, rendered before the built-in collapse/close buttons. */
+    headerActions?: ReactNode;
+    /** Controlled top-left position in viewport px. */
+    position?: FloatingWindowPosition;
+    /** Initial position when uncontrolled. */
+    defaultPosition?: FloatingWindowPosition;
+    /** Called on every move frame and on viewport re-clamp, with the clamped position. */
+    onPositionChange?: (position: FloatingWindowPosition) => void;
+    /** Called once when a move gesture ends — the point at which to persist. */
+    onMoveEnd?: (position: FloatingWindowPosition) => void;
+    /** Controlled size in px. */
+    size?: FloatingWindowSize;
+    /** Initial size when uncontrolled. */
+    defaultSize?: FloatingWindowSize;
+    /** Called on every resize frame and on viewport re-clamp, with the clamped size. */
+    onResize?: (size: FloatingWindowSize) => void;
+    /** Called once when a resize gesture ends — the point at which to persist. */
+    onResizeEnd?: (size: FloatingWindowSize) => void;
+    /** Minimum width in px (default 200). */
+    minWidth?: number;
+    /** Minimum height in px (default 120). */
+    minHeight?: number;
+    /** Maximum width in px (default: viewport width). */
+    maxWidth?: number;
+    /** Maximum height in px (default: viewport height). */
+    maxHeight?: number;
+    /** Px of the window that must stay inside the viewport (default 56). */
+    keepVisible?: number;
+    /** Step in px for keyboard moving (default 24). */
+    moveStep?: number;
+    /** Step in px for keyboard resizing (default 24). */
+    resizeStep?: number;
+    /** Inline stacking order. The host owns z-order across several windows. */
+    zIndex?: number;
+    /** Called on pointerdown anywhere in the window, so the host can raise it. */
+    onActivate?: () => void;
+    /** Shade the window down to its title bar. */
+    collapsed?: boolean;
+    /** Initial collapsed state when uncontrolled. */
+    defaultCollapsed?: boolean;
+    onCollapsedChange?: (collapsed: boolean) => void;
+    /** Render the built-in collapse toggle (default true). */
+    collapsible?: boolean;
+    /** Allow drag-to-move by the title bar (default true). */
+    movable?: boolean;
+    /** Allow drag-to-resize from the edges and corners (default true). */
+    resizable?: boolean;
+    /** Close on Escape while focus is inside the window (default false). */
+    closeOnEsc?: boolean;
+    onClose?: () => void;
+    /** Accessible label for the move handle. */
+    moveHandleAriaLabel?: string;
+    /** Accessible label for the resize handle. */
+    resizeHandleAriaLabel?: string;
+    /** Accessible label for the close button. */
+    closeAriaLabel?: string;
+    /** Accessible label for the collapse toggle while expanded. */
+    collapseAriaLabel?: string;
+    /** Accessible label for the collapse toggle while collapsed. */
+    expandAriaLabel?: string;
+    "aria-label"?: string;
+}
+/**
+ * Free-floating, non-modal window: draggable by its title bar, resizable from every
+ * edge and corner, clamped so a grabbable strip always stays on screen.
+ *
+ * Unlike Sheet/Modal it is deliberately NOT an overlay layer: no backdrop, no focus
+ * trap, no `data-smwb-overlay-layer`. Several windows are meant to be open and usable
+ * at once alongside the page behind them, so it must not trap focus, swallow clicks,
+ * or steal Escape from a Modal stacked above it. Stacking order is the host's job —
+ * pass `zIndex` and raise the window from `onActivate`.
+ */
+export declare const FloatingWindow: React.ForwardRefExoticComponent<FloatingWindowProps & {
+    children?: ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export default FloatingWindow;

package/dist/components/layout/floatingWindow/floatingWindow.js ADDED Viewed

@@ -0,0 +1,326 @@
+import { jsx as s, Fragment as Ht, jsxs as T } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/floatingWindow/floatingWindow.entry.css';/* empty css                                                                       */
+import { forwardRef as Ut, useState as et, useRef as R, useId as $t, useCallback as A, useEffect as K } from "react";
+import { createPortal as Vt } from "react-dom";
+import { CSSTransition as Xt } from "react-transition-group";
+import nt from "clsx";
+import { Icon as v } from "../../base/icon/icon.js";
+import { useControllableState as O } from "../../../hooks/useControllableState.js";
+import { useForkRef as Yt } from "../../../hooks/useForkRef.js";
+import { useSafeLayoutEffect as Zt } from "../../../hooks/useSafeLayoutEffect.js";
+const jt = {
+  n: { dx: 0, dy: 1, dw: 0, dh: -1 },
+  s: { dx: 0, dy: 0, dw: 0, dh: 1 },
+  e: { dx: 0, dy: 0, dw: 1, dh: 0 },
+  w: { dx: 1, dy: 0, dw: -1, dh: 0 },
+  ne: { dx: 0, dy: 1, dw: 1, dh: -1 },
+  nw: { dx: 1, dy: 1, dw: -1, dh: -1 },
+  se: { dx: 0, dy: 0, dw: 1, dh: 1 },
+  sw: { dx: 1, dy: 0, dw: -1, dh: 1 }
+}, Gt = ["n", "s", "e", "w", "ne", "nw", "se", "sw"], u = () => typeof window == "undefined" ? { width: 0, height: 0 } : { width: window.innerWidth, height: window.innerHeight }, qt = { x: 24, y: 24 }, Bt = { width: 360, height: 420 }, de = Ut(
+  function(ot, it) {
+    const {
+      open: c,
+      title: I,
+      headerActions: rt,
+      position: at,
+      defaultPosition: st = qt,
+      onPositionChange: dt,
+      onMoveEnd: f,
+      size: lt,
+      defaultSize: ct = Bt,
+      onResize: wt,
+      onResizeEnd: p,
+      minWidth: P = 200,
+      minHeight: D = 120,
+      maxWidth: a,
+      maxHeight: d,
+      keepVisible: F = 56,
+      moveStep: ht = 24,
+      resizeStep: E = 24,
+      zIndex: H,
+      onActivate: M,
+      collapsed: ut,
+      defaultCollapsed: ft = !1,
+      onCollapsedChange: pt,
+      collapsible: mt = !0,
+      movable: gt = !0,
+      resizable: yt = !0,
+      closeOnEsc: U = !1,
+      onClose: _,
+      moveHandleAriaLabel: xt = "Move window",
+      resizeHandleAriaLabel: bt = "Resize window",
+      closeAriaLabel: Pt = "Close window",
+      collapseAriaLabel: _t = "Collapse window",
+      expandAriaLabel: Rt = "Expand window",
+      className: Dt,
+      style: S,
+      children: Mt,
+      ...Ct
+    } = ot, [$, kt] = et(), C = R(null), zt = Yt(it, C), V = $t();
+    Zt(() => {
+      kt(document.body);
+    }, []);
+    const [m, X] = O({
+      value: at,
+      defaultValue: st,
+      onChange: dt
+    }), [g, Y] = O({
+      value: lt,
+      defaultValue: ct,
+      onChange: wt
+    }), [w, At] = O({
+      value: ut,
+      defaultValue: ft,
+      onChange: pt
+    }), y = A(
+      (t, e) => {
+        const n = a != null ? a : e.width, i = d != null ? d : e.height, o = Math.max(P, Math.min(n, t.width)), r = Math.max(D, Math.min(i, t.height)), b = Math.min(F, o), L = Math.max(b - o, Math.min(e.width - b, t.x)), N = Math.max(0, Math.min(Math.max(0, e.height - b), t.y));
+        return { x: L, y: N, width: o, height: r };
+      },
+      [F, d, a, D, P]
+    ), It = A(
+      (t, e) => {
+        const n = y(t, e);
+        return {
+          ...n,
+          x: Math.max(0, Math.min(n.x, e.width - n.width)),
+          y: Math.max(0, Math.min(n.y, e.height - n.height))
+        };
+      },
+      [y]
+    ), [Et, Z] = et(!1);
+    K(() => {
+      c || Z(!1);
+    }, [c]);
+    const j = { x: m.x, y: m.y, width: g.width, height: g.height }, h = Et ? y(j, u()) : It(j, u()), l = R(h);
+    l.current = h;
+    const x = A(
+      (t, e = !0) => {
+        e && Z(!0);
+        const n = y(t, u());
+        (n.x !== m.x || n.y !== m.y) && X({ x: n.x, y: n.y }), (n.width !== g.width || n.height !== g.height) && Y({ width: n.width, height: n.height });
+      },
+      [y, m.x, m.y, X, Y, g.height, g.width]
+    ), G = R(x);
+    G.current = x, K(() => {
+      if (!c) return;
+      const t = () => G.current(l.current, !1);
+      return window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
+    }, [c]), K(() => {
+      if (!c || !U || !_) return;
+      const t = (e) => {
+        if (e.key !== "Escape") return;
+        const n = C.current;
+        !n || !n.contains(document.activeElement) || _();
+      };
+      return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+    }, [U, _, c]);
+    const q = A(() => {
+      M == null || M();
+      const t = C.current;
+      t && !t.contains(document.activeElement) && t.focus({ preventScroll: !0 });
+    }, [M]), k = R(null), St = (t) => {
+      var n, i, o;
+      if (!gt || (n = t.target) != null && n.closest("button,[data-no-drag]")) return;
+      t.preventDefault();
+      const e = l.current;
+      k.current = { px: t.clientX, py: t.clientY, x: e.x, y: e.y };
+      try {
+        (o = (i = t.currentTarget).setPointerCapture) == null || o.call(i, t.pointerId);
+      } catch {
+      }
+    }, Lt = (t) => {
+      const e = k.current;
+      e && x({
+        ...l.current,
+        x: e.x + t.clientX - e.px,
+        y: e.y + t.clientY - e.py
+      });
+    }, B = (t) => {
+      var e, n, i, o;
+      if (k.current) {
+        k.current = null;
+        const r = l.current;
+        f == null || f({ x: r.x, y: r.y });
+      }
+      (n = (e = t.currentTarget).hasPointerCapture) != null && n.call(e, t.pointerId) && ((o = (i = t.currentTarget).releasePointerCapture) == null || o.call(i, t.pointerId));
+    }, z = R(null), Nt = (t, e) => {
+      var n, i;
+      e.preventDefault(), e.stopPropagation(), z.current = { dir: t, px: e.clientX, py: e.clientY, rect: l.current }, q();
+      try {
+        (i = (n = e.currentTarget).setPointerCapture) == null || i.call(n, e.pointerId);
+      } catch {
+      }
+    }, Tt = (t) => {
+      const e = z.current;
+      if (!e) return;
+      const n = jt[e.dir], i = t.clientX - e.px, o = t.clientY - e.py, r = e.rect, b = u(), L = a != null ? a : b.width, N = d != null ? d : b.height, W = Math.min(L, Math.max(P, r.width + n.dw * i)), tt = Math.min(N, Math.max(D, r.height + n.dh * o));
+      x({
+        x: n.dx ? r.x + r.width - W : r.x,
+        y: n.dy ? r.y + r.height - tt : r.y,
+        width: W,
+        height: tt
+      });
+    }, J = (t) => {
+      var e, n, i, o;
+      if (z.current) {
+        z.current = null;
+        const r = l.current;
+        p == null || p({ width: r.width, height: r.height });
+      }
+      (n = (e = t.currentTarget).hasPointerCapture) != null && n.call(e, t.pointerId) && ((o = (i = t.currentTarget).releasePointerCapture) == null || o.call(i, t.pointerId));
+    }, Q = (t, e) => {
+      const n = y(e, u());
+      t ? p == null || p({ width: n.width, height: n.height }) : f == null || f({ x: n.x, y: n.y });
+    }, Kt = (t) => {
+      const e = l.current, n = t.shiftKey ? E : ht, o = {
+        ArrowLeft: [-n, 0],
+        ArrowRight: [n, 0],
+        ArrowUp: [0, -n],
+        ArrowDown: [0, n]
+      }[t.key];
+      if (!o) return;
+      t.preventDefault();
+      const r = t.shiftKey ? { ...e, width: e.width + o[0], height: e.height + o[1] } : { ...e, x: e.x + o[0], y: e.y + o[1] };
+      x(r), Q(t.shiftKey, r);
+    }, vt = (t) => {
+      const e = l.current, n = u();
+      let i;
+      if (t.key === "ArrowLeft" || t.key === "ArrowRight") {
+        t.preventDefault();
+        const o = t.key === "ArrowRight" ? 1 : -1;
+        i = { ...e, width: e.width + o * E };
+      } else if (t.key === "ArrowUp" || t.key === "ArrowDown") {
+        t.preventDefault();
+        const o = t.key === "ArrowDown" ? 1 : -1;
+        i = { ...e, height: e.height + o * E };
+      } else if (t.key === "Home")
+        t.preventDefault(), i = { ...e, width: P, height: D };
+      else if (t.key === "End")
+        t.preventDefault(), i = { ...e, width: a != null ? a : n.width, height: d != null ? d : n.height };
+      else
+        return;
+      x(i), Q(!0, i);
+    }, Ot = () => At((t) => !t);
+    if (!$)
+      return /* @__PURE__ */ s(Ht, {});
+    const Ft = {
+      left: `${h.x}px`,
+      top: `${h.y}px`,
+      width: `${h.width}px`,
+      ...w ? {} : { height: `${h.height}px` },
+      ...H === void 0 ? {} : { zIndex: H },
+      ...S != null ? S : {}
+    };
+    return Vt(
+      /* @__PURE__ */ s(
+        Xt,
+        {
+          in: c,
+          timeout: 120,
+          mountOnEnter: !0,
+          unmountOnExit: !0,
+          appear: !0,
+          classNames: { enterDone: "smwb-floating-window_entered" },
+          nodeRef: C,
+          children: /* @__PURE__ */ T(
+            "div",
+            {
+              ...Ct,
+              ref: zt,
+              "data-testid": "floating-window",
+              role: "dialog",
+              tabIndex: -1,
+              "aria-labelledby": I ? V : void 0,
+              className: nt("smwb-floating-window", Dt, { "smwb-collapsed": w }),
+              style: Ft,
+              onPointerDown: q,
+              children: [
+                /* @__PURE__ */ T(
+                  "div",
+                  {
+                    className: "smwb-floating-window__header",
+                    "data-testid": "floating-window-header",
+                    onPointerDown: St,
+                    onPointerMove: Lt,
+                    onPointerUp: B,
+                    onPointerCancel: B,
+                    children: [
+                      /* @__PURE__ */ s(
+                        "span",
+                        {
+                          className: "smwb-floating-window__grip",
+                          "data-testid": "floating-window-move",
+                          role: "button",
+                          tabIndex: 0,
+                          "aria-label": xt,
+                          onKeyDown: Kt,
+                          children: /* @__PURE__ */ s(v, { name: "drag_indicator" })
+                        }
+                      ),
+                      I ? /* @__PURE__ */ s("span", { className: "smwb-floating-window__title", id: V, children: I }) : null,
+                      /* @__PURE__ */ T("div", { className: "smwb-floating-window__actions", "data-no-drag": !0, children: [
+                        rt,
+                        mt ? /* @__PURE__ */ s(
+                          "button",
+                          {
+                            type: "button",
+                            className: "smwb-floating-window__action",
+                            "data-testid": "floating-window-collapse",
+                            "aria-label": w ? Rt : _t,
+                            "aria-expanded": !w,
+                            onClick: Ot,
+                            children: /* @__PURE__ */ s(v, { name: w ? "open_in_full" : "close_fullscreen" })
+                          }
+                        ) : null,
+                        _ ? /* @__PURE__ */ s(
+                          "button",
+                          {
+                            type: "button",
+                            className: "smwb-floating-window__action",
+                            "data-testid": "floating-window-close",
+                            "aria-label": Pt,
+                            onClick: _,
+                            children: /* @__PURE__ */ s(v, { name: "close" })
+                          }
+                        ) : null
+                      ] })
+                    ]
+                  }
+                ),
+                w ? null : /* @__PURE__ */ s("div", { className: "smwb-floating-window__body", "data-testid": "floating-window-body", children: Mt }),
+                yt && !w ? Gt.map((t) => /* @__PURE__ */ s(
+                  "div",
+                  {
+                    className: nt("smwb-floating-window__resize", `smwb-floating-window__resize_${t}`),
+                    "data-testid": `floating-window-resize-${t}`,
+                    ...t === "se" ? {
+                      role: "separator",
+                      tabIndex: 0,
+                      "aria-label": bt,
+                      "aria-valuemin": P,
+                      "aria-valuemax": Math.round(a != null ? a : u().width),
+                      "aria-valuenow": Math.round(h.width),
+                      onKeyDown: vt
+                    } : { "aria-hidden": !0, tabIndex: -1 },
+                    onPointerDown: (e) => Nt(t, e),
+                    onPointerMove: Tt,
+                    onPointerUp: J,
+                    onPointerCancel: J
+                  },
+                  t
+                )) : null
+              ]
+            }
+          )
+        }
+      ),
+      $
+    );
+  }
+);
+export {
+  de as FloatingWindow
+};
+//# sourceMappingURL=floatingWindow.js.map

package/dist/components/layout/floatingWindow/floatingWindow.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"floatingWindow.js","sources":["../../../../src/components/layout/floatingWindow/floatingWindow.tsx"],"sourcesContent":["import React, {\n type CSSProperties,\n type PropsWithChildren,\n type ReactNode,\n forwardRef,\n useCallback,\n useEffect,\n useId,\n useRef,\n useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { CSSTransition } from \"react-transition-group\";\nimport cn from \"clsx\";\nimport Icon from \"../../base/icon/icon\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\nimport { useSafeLayoutEffect } from \"../../../hooks/useSafeLayoutEffect\";\n\nexport interface FloatingWindowPosition {\n x: number;\n y: number;\n}\n\nexport interface FloatingWindowSize {\n width: number;\n height: number;\n}\n\n/** The eight edge/corner resize directions. */\nexport type FloatingWindowResizeDir = \"n\" | \"s\" | \"e\" | \"w\" | \"ne\" | \"nw\" | \"se\" | \"sw\";\n\nexport interface FloatingWindowProps extends Omit<\n React.HTMLAttributes<HTMLDivElement>,\n \"onResize\" | \"title\" | \"children\"\n> {\n /** Controlled open state of the window. */\n open: boolean;\n /** Title bar content. When given, the window is labelled by it. */\n title?: ReactNode;\n /** Extra header controls, rendered before the built-in collapse/close buttons. */\n headerActions?: ReactNode;\n\n /** Controlled top-left position in viewport px. */\n position?: FloatingWindowPosition;\n /** Initial position when uncontrolled. */\n defaultPosition?: FloatingWindowPosition;\n /** Called on every move frame and on viewport re-clamp, with the clamped position. */\n onPositionChange?: (position: FloatingWindowPosition) => void;\n /** Called once when a move gesture ends — the point at which to persist. */\n onMoveEnd?: (position: FloatingWindowPosition) => void;\n\n /** Controlled size in px. */\n size?: FloatingWindowSize;\n /** Initial size when uncontrolled. */\n defaultSize?: FloatingWindowSize;\n /** Called on every resize frame and on viewport re-clamp, with the clamped size. */\n onResize?: (size: FloatingWindowSize) => void;\n /** Called once when a resize gesture ends — the point at which to persist. */\n onResizeEnd?: (size: FloatingWindowSize) => void;\n\n /** Minimum width in px (default 200). */\n minWidth?: number;\n /** Minimum height in px (default 120). */\n minHeight?: number;\n /** Maximum width in px (default: viewport width). */\n maxWidth?: number;\n /** Maximum height in px (default: viewport height). */\n maxHeight?: number;\n /** Px of the window that must stay inside the viewport (default 56). */\n keepVisible?: number;\n /** Step in px for keyboard moving (default 24). */\n moveStep?: number;\n /** Step in px for keyboard resizing (default 24). */\n resizeStep?: number;\n\n /** Inline stacking order. The host owns z-order across several windows. */\n zIndex?: number;\n /** Called on pointerdown anywhere in the window, so the host can raise it. */\n onActivate?: () => void;\n\n /** Shade the window down to its title bar. */\n collapsed?: boolean;\n /** Initial collapsed state when uncontrolled. */\n defaultCollapsed?: boolean;\n onCollapsedChange?: (collapsed: boolean) => void;\n /** Render the built-in collapse toggle (default true). */\n collapsible?: boolean;\n\n /** Allow drag-to-move by the title bar (default true). */\n movable?: boolean;\n /** Allow drag-to-resize from the edges and corners (default true). */\n resizable?: boolean;\n /** Close on Escape while focus is inside the window (default false). */\n closeOnEsc?: boolean;\n onClose?: () => void;\n\n /** Accessible label for the move handle. */\n moveHandleAriaLabel?: string;\n /** Accessible label for the resize handle. */\n resizeHandleAriaLabel?: string;\n /** Accessible label for the close button. */\n closeAriaLabel?: string;\n /** Accessible label for the collapse toggle while expanded. */\n collapseAriaLabel?: string;\n /** Accessible label for the collapse toggle while collapsed. */\n expandAriaLabel?: string;\n\n \"aria-label\"?: string;\n}\n\ninterface Rect {\n x: number;\n y: number;\n width: number;\n height: number;\n}\n\ninterface Viewport {\n width: number;\n height: number;\n}\n\n/** Sign vector per resize direction: how the pointer delta maps onto x/y/width/height. */\nconst RESIZE_DIRS: Record<FloatingWindowResizeDir, { dx: 0 | 1; dy: 0 | 1; dw: -1 | 0 | 1; dh: -1 | 0 | 1 }> = {\n n: { dx: 0, dy: 1, dw: 0, dh: -1 },\n s: { dx: 0, dy: 0, dw: 0, dh: 1 },\n e: { dx: 0, dy: 0, dw: 1, dh: 0 },\n w: { dx: 1, dy: 0, dw: -1, dh: 0 },\n ne: { dx: 0, dy: 1, dw: 1, dh: -1 },\n nw: { dx: 1, dy: 1, dw: -1, dh: -1 },\n se: { dx: 0, dy: 0, dw: 1, dh: 1 },\n sw: { dx: 1, dy: 0, dw: -1, dh: 1 },\n};\n\nconst RESIZE_ORDER: FloatingWindowResizeDir[] = [\"n\", \"s\", \"e\", \"w\", \"ne\", \"nw\", \"se\", \"sw\"];\n\nconst viewportOf = (): Viewport =>\n typeof window === \"undefined\" ? { width: 0, height: 0 } : { width: window.innerWidth, height: window.innerHeight };\n\nconst DEFAULT_POSITION: FloatingWindowPosition = { x: 24, y: 24 };\nconst DEFAULT_SIZE: FloatingWindowSize = { width: 360, height: 420 };\n\n/**\n * Free-floating, non-modal window: draggable by its title bar, resizable from every\n * edge and corner, clamped so a grabbable strip always stays on screen.\n *\n * Unlike Sheet/Modal it is deliberately NOT an overlay layer: no backdrop, no focus\n * trap, no `data-smwb-overlay-layer`. Several windows are meant to be open and usable\n * at once alongside the page behind them, so it must not trap focus, swallow clicks,\n * or steal Escape from a Modal stacked above it. Stacking order is the host's job —\n * pass `zIndex` and raise the window from `onActivate`.\n */\nexport const FloatingWindow = forwardRef<HTMLDivElement, PropsWithChildren<FloatingWindowProps>>(\n function FloatingWindow(props, ref) {\n const {\n open,\n title,\n headerActions,\n position: positionProp,\n defaultPosition = DEFAULT_POSITION,\n onPositionChange,\n onMoveEnd,\n size: sizeProp,\n defaultSize = DEFAULT_SIZE,\n onResize,\n onResizeEnd,\n minWidth = 200,\n minHeight = 120,\n maxWidth,\n maxHeight,\n keepVisible = 56,\n moveStep = 24,\n resizeStep = 24,\n zIndex,\n onActivate,\n collapsed: collapsedProp,\n defaultCollapsed = false,\n onCollapsedChange,\n collapsible = true,\n movable = true,\n resizable = true,\n closeOnEsc = false,\n onClose,\n moveHandleAriaLabel = \"Move window\",\n resizeHandleAriaLabel = \"Resize window\",\n closeAriaLabel = \"Close window\",\n collapseAriaLabel = \"Collapse window\",\n expandAriaLabel = \"Expand window\",\n className,\n style,\n children,\n ...rest\n } = props;\n\n const [domRoot, setDomRoot] = useState<HTMLElement>();\n const rootRef = useRef<HTMLDivElement>(null);\n const forkedRootRef = useForkRef<HTMLDivElement>(ref, rootRef);\n const titleId = useId();\n\n useSafeLayoutEffect(() => {\n setDomRoot(document.body);\n }, []);\n\n const [position, setPosition] = useControllableState<FloatingWindowPosition>({\n value: positionProp,\n defaultValue: defaultPosition,\n onChange: onPositionChange,\n });\n const [size, setSize] = useControllableState<FloatingWindowSize>({\n value: sizeProp,\n defaultValue: defaultSize,\n onChange: onResize,\n });\n const [collapsed, setCollapsed] = useControllableState<boolean>({\n value: collapsedProp,\n defaultValue: defaultCollapsed,\n onChange: onCollapsedChange,\n });\n\n /**\n * Size first, then position against the clamped size. `y` is never negative, so the\n * title bar can never be dragged above the top edge and become ungrabbable — the gap\n * that makes an off-screen Sheet unrecoverable.\n */\n const clampRect = useCallback(\n (rectIn: Rect, vp: Viewport): Rect => {\n const maxW = maxWidth ?? vp.width;\n const maxH = maxHeight ?? vp.height;\n const width = Math.max(minWidth, Math.min(maxW, rectIn.width));\n const height = Math.max(minHeight, Math.min(maxH, rectIn.height));\n const keep = Math.min(keepVisible, width);\n const x = Math.max(keep - width, Math.min(vp.width - keep, rectIn.x));\n const y = Math.max(0, Math.min(Math.max(0, vp.height - keep), rectIn.y));\n return { x, y, width, height };\n },\n [keepVisible, maxHeight, maxWidth, minHeight, minWidth]\n );\n\n /**\n * Where a window is placed before anyone touches it: fully inside the viewport when\n * it fits at all. `clampRect` alone only keeps `keepVisible` px reachable, which is\n * right for a window the user parked at an edge but wrong on opening — a 760px\n * default on a 375px phone opened a quarter of a screen off to the right.\n */\n const fitRect = useCallback(\n (rectIn: Rect, vp: Viewport): Rect => {\n const clamped = clampRect(rectIn, vp);\n return {\n ...clamped,\n x: Math.max(0, Math.min(clamped.x, vp.width - clamped.width)),\n y: Math.max(0, Math.min(clamped.y, vp.height - clamped.height)),\n };\n },\n [clampRect]\n );\n\n // Set by the first move/resize: from then on the user's placement wins and only the\n // reachability clamp applies, so a window can still be parked half off-screen.\n const [placed, setPlaced] = useState(false);\n useEffect(() => {\n // A closed window forgets that it was moved: opening it again should land on\n // screen like the first time, whatever the viewport is now.\n if (!open) setPlaced(false);\n }, [open]);\n\n /** The geometry actually rendered. Clamping the CONTROLLED value (not just drag\n * frames) means a rect restored from a larger monitor lands on screen immediately. */\n const current = { x: position.x, y: position.y, width: size.width, height: size.height };\n const rect = placed ? clampRect(current, viewportOf()) : fitRect(current, viewportOf());\n\n // The gesture handlers are attached once (pointer capture), so they must not close over a\n // stale rect. A ref mirroring the rendered rect keeps them reading the current geometry.\n const rectRef = useRef(rect);\n rectRef.current = rect;\n\n const commitRect = useCallback(\n (next: Rect, gesture = true): void => {\n if (gesture) setPlaced(true);\n const clamped = clampRect(next, viewportOf());\n if (clamped.x !== position.x || clamped.y !== position.y) setPosition({ x: clamped.x, y: clamped.y });\n if (clamped.width !== size.width || clamped.height !== size.height) {\n setSize({ width: clamped.width, height: clamped.height });\n }\n },\n [clampRect, position.x, position.y, setPosition, setSize, size.height, size.width]\n );\n\n const commitRectRef = useRef(commitRect);\n commitRectRef.current = commitRect;\n\n // Re-clamp when the viewport shrinks, so a window parked near an edge on a large\n // screen stays reachable on a small one. Sheet has no such listener, which is why a\n // dragged sheet survives a viewport shrink oversized.\n useEffect(() => {\n if (!open) return undefined;\n const onViewportResize = (): void => commitRectRef.current(rectRef.current, false);\n window.addEventListener(\"resize\", onViewportResize);\n return () => window.removeEventListener(\"resize\", onViewportResize);\n }, [open]);\n\n // Escape only while focus is inside this window. FloatingWindow is not an overlay\n // layer, so `isTopOverlayLayer` (document order, not z-index) would be the wrong\n // arbiter with several windows open.\n useEffect(() => {\n if (!open || !closeOnEsc || !onClose) return undefined;\n const onKeyDown = (event: KeyboardEvent): void => {\n if (event.key !== \"Escape\") return;\n const root = rootRef.current;\n if (!root || !root.contains(document.activeElement)) return;\n onClose();\n };\n document.addEventListener(\"keydown\", onKeyDown);\n return () => document.removeEventListener(\"keydown\", onKeyDown);\n }, [closeOnEsc, onClose, open]);\n\n const activate = useCallback((): void => {\n onActivate?.();\n // Only when focus is elsewhere — an unconditional focus() would steal the caret\n // from an input inside the window on every raise.\n const root = rootRef.current;\n if (root && !root.contains(document.activeElement)) root.focus({ preventScroll: true });\n }, [onActivate]);\n\n // Pointer capture keeps `pointermove` flowing to the handle even outside it, so there\n // are no document-level listeners to leak (Sheet's pattern, not screenDivider's).\n const move = useRef<{ px: number; py: number; x: number; y: number } | null>(null);\n\n const onMoveHandlePointerDown = (event: React.PointerEvent<HTMLDivElement>): void => {\n if (!movable) return;\n // Header buttons stay clickable.\n if ((event.target as Element | null)?.closest(\"button,[data-no-drag]\")) return;\n event.preventDefault();\n const current = rectRef.current;\n move.current = { px: event.clientX, py: event.clientY, x: current.x, y: current.y };\n try {\n event.currentTarget.setPointerCapture?.(event.pointerId);\n } catch {\n /* best-effort */\n }\n };\n\n const onMoveHandlePointerMove = (event: React.PointerEvent<HTMLDivElement>): void => {\n const start = move.current;\n if (!start) return;\n commitRect({\n ...rectRef.current,\n x: start.x + event.clientX - start.px,\n y: start.y + event.clientY - start.py,\n });\n };\n\n const endMove = (event: React.PointerEvent<HTMLDivElement>): void => {\n if (move.current) {\n move.current = null;\n const current = rectRef.current;\n onMoveEnd?.({ x: current.x, y: current.y });\n }\n if (event.currentTarget.hasPointerCapture?.(event.pointerId)) {\n event.currentTarget.releasePointerCapture?.(event.pointerId);\n }\n };\n\n const resize = useRef<{ dir: FloatingWindowResizeDir; px: number; py: number; rect: Rect } | null>(null);\n\n const onResizePointerDown = (dir: FloatingWindowResizeDir, event: React.PointerEvent<HTMLDivElement>): void => {\n event.preventDefault();\n event.stopPropagation();\n resize.current = { dir, px: event.clientX, py: event.clientY, rect: rectRef.current };\n // Grabbing a resize grip is an interaction with the window, so raise it too — the\n // root handler does not see it because this handler stops propagation.\n activate();\n try {\n event.currentTarget.setPointerCapture?.(event.pointerId);\n } catch {\n /* best-effort */\n }\n };\n\n const onResizePointerMove = (event: React.PointerEvent<HTMLDivElement>): void => {\n const gesture = resize.current;\n if (!gesture) return;\n const sign = RESIZE_DIRS[gesture.dir];\n const dx = event.clientX - gesture.px;\n const dy = event.clientY - gesture.py;\n const start = gesture.rect;\n // A west/north drag moves the origin AND changes the size, so width is recomputed from\n // the moved edge rather than from the delta alone — otherwise dragging past minWidth\n // would keep sliding the window instead of stopping at the minimum.\n //\n // The size must be clamped to BOTH bounds here, before the origin is derived from it.\n // Clamping only the minimum and leaving the maximum to commitRect's own clamp would\n // compute the origin from a width that then gets shrunk, so the edge the user is NOT\n // dragging would drift away under the cursor.\n const vp = viewportOf();\n const maxW = maxWidth ?? vp.width;\n const maxH = maxHeight ?? vp.height;\n const width = Math.min(maxW, Math.max(minWidth, start.width + sign.dw * dx));\n const height = Math.min(maxH, Math.max(minHeight, start.height + sign.dh * dy));\n commitRect({\n x: sign.dx ? start.x + start.width - width : start.x,\n y: sign.dy ? start.y + start.height - height : start.y,\n width,\n height,\n });\n };\n\n const endResize = (event: React.PointerEvent<HTMLDivElement>): void => {\n if (resize.current) {\n resize.current = null;\n const current = rectRef.current;\n onResizeEnd?.({ width: current.width, height: current.height });\n }\n if (event.currentTarget.hasPointerCapture?.(event.pointerId)) {\n event.currentTarget.releasePointerCapture?.(event.pointerId);\n }\n };\n\n /** A keypress is a COMPLETE gesture, so it reports move/resize end as well as the\n * per-frame change — otherwise a consumer that persists only on `*End` (the documented\n * way to avoid thrashing storage during a drag) would silently never save\n * keyboard-driven geometry. */\n const endKeyboardGesture = (resized: boolean, next: Rect): void => {\n const current = clampRect(next, viewportOf());\n if (resized) onResizeEnd?.({ width: current.width, height: current.height });\n else onMoveEnd?.({ x: current.x, y: current.y });\n };\n\n /** Arrows move; Shift+Arrows resize. */\n const onMoveHandleKeyDown = (event: React.KeyboardEvent<HTMLSpanElement>): void => {\n const current = rectRef.current;\n const step = event.shiftKey ? resizeStep : moveStep;\n const delta: Record<string, [number, number]> = {\n ArrowLeft: [-step, 0],\n ArrowRight: [step, 0],\n ArrowUp: [0, -step],\n ArrowDown: [0, step],\n };\n const d = delta[event.key];\n if (!d) return;\n event.preventDefault();\n const next = event.shiftKey\n ? { ...current, width: current.width + d[0], height: current.height + d[1] }\n : { ...current, x: current.x + d[0], y: current.y + d[1] };\n commitRect(next);\n endKeyboardGesture(event.shiftKey, next);\n };\n\n const onResizeHandleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n const current = rectRef.current;\n const vp = viewportOf();\n let next: Rect;\n if (event.key === \"ArrowLeft\" || event.key === \"ArrowRight\") {\n event.preventDefault();\n const dir = event.key === \"ArrowRight\" ? 1 : -1;\n next = { ...current, width: current.width + dir * resizeStep };\n } else if (event.key === \"ArrowUp\" || event.key === \"ArrowDown\") {\n event.preventDefault();\n const dir = event.key === \"ArrowDown\" ? 1 : -1;\n next = { ...current, height: current.height + dir * resizeStep };\n } else if (event.key === \"Home\") {\n event.preventDefault();\n next = { ...current, width: minWidth, height: minHeight };\n } else if (event.key === \"End\") {\n event.preventDefault();\n next = { ...current, width: maxWidth ?? vp.width, height: maxHeight ?? vp.height };\n } else {\n return;\n }\n commitRect(next);\n endKeyboardGesture(true, next);\n };\n\n const toggleCollapsed = (): void => setCollapsed((prev) => !prev);\n\n if (!domRoot) {\n return <></>;\n }\n\n const windowStyle: CSSProperties = {\n left: `${rect.x}px`,\n top: `${rect.y}px`,\n width: `${rect.width}px`,\n ...(collapsed ? {} : { height: `${rect.height}px` }),\n ...(zIndex === undefined ? {} : { zIndex }),\n ...(style ?? {}),\n };\n\n return createPortal(\n <CSSTransition\n in={open}\n timeout={120}\n mountOnEnter\n unmountOnExit\n appear\n classNames={{ enterDone: \"smwb-floating-window_entered\" }}\n nodeRef={rootRef}\n >\n <div\n {...rest}\n ref={forkedRootRef}\n data-testid=\"floating-window\"\n role=\"dialog\"\n tabIndex={-1}\n aria-labelledby={title ? titleId : undefined}\n className={cn(\"smwb-floating-window\", className, { \"smwb-collapsed\": collapsed })}\n style={windowStyle}\n onPointerDown={activate}\n >\n <div\n className=\"smwb-floating-window__header\"\n data-testid=\"floating-window-header\"\n onPointerDown={onMoveHandlePointerDown}\n onPointerMove={onMoveHandlePointerMove}\n onPointerUp={endMove}\n onPointerCancel={endMove}\n >\n {/* The move affordance is the grip, not the header: the header also hosts the\n collapse/close buttons and any consumer `headerActions`, and nesting those\n inside a role=\"button\" is an a11y violation. Pointer drag still works\n anywhere on the header; only the keyboard affordance lives here. */}\n <span\n className=\"smwb-floating-window__grip\"\n data-testid=\"floating-window-move\"\n role=\"button\"\n tabIndex={0}\n aria-label={moveHandleAriaLabel}\n onKeyDown={onMoveHandleKeyDown}\n >\n <Icon name=\"drag_indicator\" />\n </span>\n {title ? (\n <span className=\"smwb-floating-window__title\" id={titleId}>\n {title}\n </span>\n ) : null}\n <div className=\"smwb-floating-window__actions\" data-no-drag>\n {headerActions}\n {collapsible ? (\n <button\n type=\"button\"\n className=\"smwb-floating-window__action\"\n data-testid=\"floating-window-collapse\"\n aria-label={collapsed ? expandAriaLabel : collapseAriaLabel}\n aria-expanded={!collapsed}\n onClick={toggleCollapsed}\n >\n <Icon name={collapsed ? \"open_in_full\" : \"close_fullscreen\"} />\n </button>\n ) : null}\n {onClose ? (\n <button\n type=\"button\"\n className=\"smwb-floating-window__action\"\n data-testid=\"floating-window-close\"\n aria-label={closeAriaLabel}\n onClick={onClose}\n >\n <Icon name=\"close\" />\n </button>\n ) : null}\n </div>\n </div>\n\n {!collapsed ? (\n <div className=\"smwb-floating-window__body\" data-testid=\"floating-window-body\">\n {children}\n </div>\n ) : null}\n\n {resizable && !collapsed\n ? RESIZE_ORDER.map((dir) => (\n <div\n key={dir}\n className={cn(\"smwb-floating-window__resize\", `smwb-floating-window__resize_${dir}`)}\n data-testid={`floating-window-resize-${dir}`}\n // Only the south-east grip is reachable by keyboard: eight tab stops per\n // window would make Tab unusable once a few windows are open.\n {...(dir === \"se\"\n ? {\n role: \"separator\" as const,\n tabIndex: 0,\n \"aria-label\": resizeHandleAriaLabel,\n \"aria-valuemin\": minWidth,\n \"aria-valuemax\": Math.round(maxWidth ?? viewportOf().width),\n \"aria-valuenow\": Math.round(rect.width),\n onKeyDown: onResizeHandleKeyDown,\n }\n : { \"aria-hidden\": true, tabIndex: -1 })}\n onPointerDown={(event) => onResizePointerDown(dir, event)}\n onPointerMove={onResizePointerMove}\n onPointerUp={endResize}\n onPointerCancel={endResize}\n />\n ))\n : null}\n </div>\n </CSSTransition>,\n domRoot\n );\n }\n);\n\nexport default FloatingWindow;\n"],"names":["RESIZE_DIRS","RESIZE_ORDER","viewportOf","DEFAULT_POSITION","DEFAULT_SIZE","FloatingWindow","forwardRef","props","ref","open","title","headerActions","positionProp","defaultPosition","onPositionChange","onMoveEnd","sizeProp","defaultSize","onResize","onResizeEnd","minWidth","minHeight","maxWidth","maxHeight","keepVisible","moveStep","resizeStep","zIndex","onActivate","collapsedProp","defaultCollapsed","onCollapsedChange","collapsible","movable","resizable","closeOnEsc","onClose","moveHandleAriaLabel","resizeHandleAriaLabel","closeAriaLabel","collapseAriaLabel","expandAriaLabel","className","style","children","rest","domRoot","setDomRoot","useState","rootRef","useRef","forkedRootRef","useForkRef","titleId","useId","useSafeLayoutEffect","position","setPosition","useControllableState","size","setSize","collapsed","setCollapsed","clampRect","useCallback","rectIn","vp","maxW","maxH","width","height","keep","x","y","fitRect","clamped","placed","setPlaced","useEffect","current","rect","rectRef","commitRect","next","gesture","commitRectRef","onViewportResize","onKeyDown","event","root","activate","move","onMoveHandlePointerDown","_a","_c","_b","onMoveHandlePointerMove","start","endMove","_d","resize","onResizePointerDown","dir","onResizePointerMove","sign","dx","dy","endResize","endKeyboardGesture","resized","onMoveHandleKeyDown","step","d","onResizeHandleKeyDown","toggleCollapsed","prev","jsx","Fragment","windowStyle","createPortal","CSSTransition","jsxs","cn","Icon"],"mappings":"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"}

package/dist/components/layout/floatingWindow/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { FloatingWindow, default } from "./floatingWindow";
2	+ export type { FloatingWindowProps, FloatingWindowPosition, FloatingWindowSize, FloatingWindowResizeDir, } from "./floatingWindow";

package/dist/headless/components/dataDisplay/chat/chat.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chat.js","sources":["../../../../../src/components/dataDisplay/chat/chat.tsx"],"sourcesContent":["import React, { PropsWithChildren, ReactNode, useId, useMemo } from \"react\";\nimport cn from \"clsx\";\nimport type { Accept } from \"react-dropzone\";\nimport { FloatingButton } from \"../../inputs/floatingButton/floatingButton\";\nimport Icon from \"../../base/icon/icon\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\nimport ChatComposer from \"./chatComposer\";\nimport ChatHeader from \"./chatHeader\";\nimport ChatMessages, { ChatMessagesProps } from \"./chatMessages\";\nimport ChatShell from \"./chatShell\";\nimport useChatFileUpload from \"./useChatFileUpload\";\nimport {\n ChatAnchor,\n ChatLayoutMode,\n ChatMessage,\n ChatMessageRenderContext,\n ChatThemeMode,\n CHAT_EXPAND_LAYOUTS,\n} from \"./types\";\nimport { pickInitialLayout, resolveAllowedLayouts, shouldShowChatCloseButton } from \"./utils\";\n\nexport interface ChatProps\n extends PropsWithChildren, Omit<ChatMessageRenderContext, \"showAvatars\" \| \"showAttachments\"> {\n className?: string;\n messages: ChatMessage[];\n showAvatars?: boolean;\n showAttachments?: boolean;\n headerTitle?: ReactNode;\n headerSubtitle?: ReactNode;\n headerActions?: ReactNode;\n footer?: ReactNode;\n anchor?: ChatAnchor;\n themeMode?: ChatThemeMode;\n allowedLayouts?: ChatLayoutMode[];\n layout?: ChatLayoutMode;\n defaultLayout?: ChatLayoutMode;\n onLayoutChange?: (layout: ChatLayoutMode) => void;\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange?: (open: boolean) => void;\n floatingTrigger?: boolean;\n triggerIcon?: ReactNode;\n triggerLabel?: string;\n onLoadMore?: () => void \| Promise<void>;\n hasMore?: boolean;\n onSendMessage?: (text: string) => void \| Promise<void>;\n composerPlaceholder?: string;\n composerDisabled?: boolean;\n composerShiftEnterNewline?: boolean;\n composerCtrlEnterNewline?: boolean;\n fileUpload?: boolean;\n onUploadFiles?: (files: File[]) => void \| Promise<void>;\n fileUploadAccept?: Accept;\n fileUploadMaxFiles?: number;\n attachAriaLabel?: string;\n loading?: boolean;\n loadingMore?: boolean;\n loadingSkeletonCount?: number;\n renderMessage?: ChatMessagesProps[\"renderMessage\"];\n embedded?: boolean;\n overlayContext?: boolean;\n showStatus?: boolean;\n statusIcons?: ChatMessageRenderContext[\"statusIcons\"];\n renderStatus?: ChatMessageRenderContext[\"renderStatus\"];\n showCloseButton?: boolean;\n}\n\nexport function Chat({\n className,\n messages,\n showAvatars = false,\n showAttachments = false,\n headerTitle,\n headerSubtitle,\n headerActions,\n footer,\n children,\n anchor = \"bottom-right\",\n themeMode = \"inherit\",\n allowedLayouts: allowedLayoutsProp,\n layout: layoutProp,\n defaultLayout,\n onLayoutChange,\n open: openProp,\n defaultOpen = false,\n onOpenChange,\n floatingTrigger = false,\n triggerIcon,\n triggerLabel,\n onLoadMore,\n hasMore,\n onSendMessage,\n composerPlaceholder = \"message\",\n composerDisabled,\n composerShiftEnterNewline = true,\n composerCtrlEnterNewline = true,\n fileUpload = false,\n onUploadFiles,\n fileUploadAccept,\n fileUploadMaxFiles,\n attachAriaLabel,\n loading,\n loadingMore,\n loadingSkeletonCount,\n renderMessage,\n embedded = false,\n overlayContext = false,\n showStatus = false,\n statusIcons,\n renderStatus,\n showCloseButton,\n}: ChatProps) {\n const allowedLayouts = useMemo(\n () => resolveAllowedLayouts(allowedLayoutsProp ?? CHAT_EXPAND_LAYOUTS),\n [allowedLayoutsProp]\n );\n\n const [open, setOpen] = useControllableState<boolean>({\n value: openProp,\n defaultValue: defaultOpen,\n onChange: onOpenChange,\n });\n\n const [layout, setLayout] = useControllableState<ChatLayoutMode>({\n value: layoutProp,\n defaultValue: pickInitialLayout(allowedLayouts, defaultLayout),\n onChange: onLayoutChange,\n });\n\n const effectiveLayout: ChatLayoutMode = embedded\n ? \"fullHeight\"\n : floatingTrigger\n ? open\n ? layout\n : \"closed\"\n : layout;\n\n const handleOpen = () => {\n setOpen(true);\n if (layout === \"closed\") {\n setLayout(pickInitialLayout(allowedLayouts, defaultLayout));\n }\n };\n\n const handleClose = () => {\n setOpen(false);\n };\n\n const handleLayoutChange = (next: ChatLayoutMode) => {\n setOpen(true);\n setLayout(next);\n };\n\n const {\n enabled: fileUploadEnabled,\n getRootProps,\n getInputProps,\n isDragActive,\n } = useChatFileUpload({\n enabled: fileUpload,\n accept: fileUploadAccept,\n maxFiles: fileUploadMaxFiles,\n onUploadFiles,\n disabled: composerDisabled,\n });\n\n const attachInputId = useId();\n\n const showComposer = Boolean(onSendMessage) \|\| fileUploadEnabled;\n\n const fileInput = fileUploadEnabled ? (\n <input {...getInputProps({ id: attachInputId })} data-testid=\"chat-file-input\" />\n ) : null;\n\n const resolvedFooter =\n footer ??\n children ??\n (showComposer ? (\n <>\n {fileInput}\n <ChatComposer\n onSendMessage={onSendMessage}\n placeholder={composerPlaceholder}\n disabled={composerDisabled}\n shiftEnterNewline={composerShiftEnterNewline}\n ctrlEnterNewline={composerCtrlEnterNewline}\n fileUpload={fileUploadEnabled}\n attachInputId={fileUploadEnabled ? attachInputId : undefined}\n attachAriaLabel={attachAriaLabel}\n />\n </>\n ) : undefined);\n\n const chatMessages = (\n <ChatMessages\n messages={messages}\n showAvatars={showAvatars}\n showAttachments={showAttachments}\n showStatus={showStatus}\n statusIcons={statusIcons}\n renderStatus={renderStatus}\n onLoadMore={onLoadMore}\n hasMore={hasMore}\n loading={loading}\n loadingMore={loadingMore}\n loadingSkeletonCount={loadingSkeletonCount}\n renderMessage={renderMessage}\n />\n );\n\n const chatBody = chatMessages;\n\n const fileDropzoneRootProps = fileUploadEnabled ? getRootProps() : undefined;\n\n const closeButtonVisible = shouldShowChatCloseButton({\n floatingTrigger,\n embedded,\n overlayContext,\n effectiveLayout,\n showCloseButton,\n });\n\n return (\n <div\n className={cn(\n \"smwb-chat\",\n !embedded && `smwb-chat_${anchor}`,\n embedded && \"smwb-chat_embedded\",\n overlayContext && \"smwb-chat_overlay-context\",\n className\n )}\n data-testid=\"chat\"\n >\n {floatingTrigger && !embedded && !open ? (\n <FloatingButton\n className=\"smwb-chat__trigger\"\n aria-label={triggerLabel ?? \"Open chat\"}\n data-testid=\"chat-trigger\"\n onClick={handleOpen}\n >\n {triggerIcon ?? <Icon name=\"chat\" size={24} />}\n </FloatingButton>\n ) : null}\n <ChatShell\n layout={effectiveLayout}\n anchor={anchor}\n themeMode={themeMode}\n embedded={embedded}\n overlayContext={overlayContext}\n fileDropzoneRootProps={fileDropzoneRootProps}\n fileDropzoneActive={fileUploadEnabled && isDragActive}\n header={\n <ChatHeader\n title={headerTitle}\n subtitle={headerSubtitle}\n actions={headerActions}\n layout={effectiveLayout === \"closed\" ? layout : effectiveLayout}\n allowedLayouts={allowedLayouts}\n onLayoutChange={handleLayoutChange}\n onClose={closeButtonVisible ? handleClose : undefined}\n />\n }\n footer={resolvedFooter}\n >\n {chatBody}\n </ChatShell>\n </div>\n );\n}\n\nexport default Chat;\n"],"names":["Chat","className","messages","showAvatars","showAttachments","headerTitle","headerSubtitle","headerActions","footer","children","anchor","themeMode","allowedLayoutsProp","layoutProp","defaultLayout","onLayoutChange","openProp","defaultOpen","onOpenChange","floatingTrigger","triggerIcon","triggerLabel","onLoadMore","hasMore","onSendMessage","composerPlaceholder","composerDisabled","composerShiftEnterNewline","composerCtrlEnterNewline","fileUpload","onUploadFiles","fileUploadAccept","fileUploadMaxFiles","attachAriaLabel","loading","loadingMore","loadingSkeletonCount","renderMessage","embedded","overlayContext","showStatus","statusIcons","renderStatus","showCloseButton","allowedLayouts","useMemo","resolveAllowedLayouts","CHAT_EXPAND_LAYOUTS","open","setOpen","useControllableState","layout","setLayout","pickInitialLayout","effectiveLayout","handleOpen","handleClose","handleLayoutChange","next","fileUploadEnabled","getRootProps","getInputProps","isDragActive","useChatFileUpload","attachInputId","useId","showComposer","fileInput","jsx","resolvedFooter","_a","jsxs","Fragment","ChatComposer","chatBody","ChatMessages","fileDropzoneRootProps","closeButtonVisible","shouldShowChatCloseButton","cn","FloatingButton","Icon","ChatShell","ChatHeader"],"mappings":"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"}
1	+ {"version":3,"file":"chat.js","sources":["../../../../../src/components/dataDisplay/chat/chat.tsx"],"sourcesContent":["import React, { PropsWithChildren, ReactNode, useId, useMemo } from \"react\";\nimport cn from \"clsx\";\nimport type { Accept } from \"./useChatFileUpload\";\nimport { FloatingButton } from \"../../inputs/floatingButton/floatingButton\";\nimport Icon from \"../../base/icon/icon\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\nimport ChatComposer from \"./chatComposer\";\nimport ChatHeader from \"./chatHeader\";\nimport ChatMessages, { ChatMessagesProps } from \"./chatMessages\";\nimport ChatShell from \"./chatShell\";\nimport useChatFileUpload from \"./useChatFileUpload\";\nimport {\n ChatAnchor,\n ChatLayoutMode,\n ChatMessage,\n ChatMessageRenderContext,\n ChatThemeMode,\n CHAT_EXPAND_LAYOUTS,\n} from \"./types\";\nimport { pickInitialLayout, resolveAllowedLayouts, shouldShowChatCloseButton } from \"./utils\";\n\nexport interface ChatProps\n extends PropsWithChildren, Omit<ChatMessageRenderContext, \"showAvatars\" \| \"showAttachments\"> {\n className?: string;\n messages: ChatMessage[];\n showAvatars?: boolean;\n showAttachments?: boolean;\n headerTitle?: ReactNode;\n headerSubtitle?: ReactNode;\n headerActions?: ReactNode;\n footer?: ReactNode;\n anchor?: ChatAnchor;\n themeMode?: ChatThemeMode;\n allowedLayouts?: ChatLayoutMode[];\n layout?: ChatLayoutMode;\n defaultLayout?: ChatLayoutMode;\n onLayoutChange?: (layout: ChatLayoutMode) => void;\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange?: (open: boolean) => void;\n floatingTrigger?: boolean;\n triggerIcon?: ReactNode;\n triggerLabel?: string;\n onLoadMore?: () => void \| Promise<void>;\n hasMore?: boolean;\n onSendMessage?: (text: string) => void \| Promise<void>;\n composerPlaceholder?: string;\n composerDisabled?: boolean;\n composerShiftEnterNewline?: boolean;\n composerCtrlEnterNewline?: boolean;\n fileUpload?: boolean;\n onUploadFiles?: (files: File[]) => void \| Promise<void>;\n fileUploadAccept?: Accept;\n fileUploadMaxFiles?: number;\n attachAriaLabel?: string;\n loading?: boolean;\n loadingMore?: boolean;\n loadingSkeletonCount?: number;\n renderMessage?: ChatMessagesProps[\"renderMessage\"];\n embedded?: boolean;\n overlayContext?: boolean;\n showStatus?: boolean;\n statusIcons?: ChatMessageRenderContext[\"statusIcons\"];\n renderStatus?: ChatMessageRenderContext[\"renderStatus\"];\n showCloseButton?: boolean;\n}\n\nexport function Chat({\n className,\n messages,\n showAvatars = false,\n showAttachments = false,\n headerTitle,\n headerSubtitle,\n headerActions,\n footer,\n children,\n anchor = \"bottom-right\",\n themeMode = \"inherit\",\n allowedLayouts: allowedLayoutsProp,\n layout: layoutProp,\n defaultLayout,\n onLayoutChange,\n open: openProp,\n defaultOpen = false,\n onOpenChange,\n floatingTrigger = false,\n triggerIcon,\n triggerLabel,\n onLoadMore,\n hasMore,\n onSendMessage,\n composerPlaceholder = \"message\",\n composerDisabled,\n composerShiftEnterNewline = true,\n composerCtrlEnterNewline = true,\n fileUpload = false,\n onUploadFiles,\n fileUploadAccept,\n fileUploadMaxFiles,\n attachAriaLabel,\n loading,\n loadingMore,\n loadingSkeletonCount,\n renderMessage,\n embedded = false,\n overlayContext = false,\n showStatus = false,\n statusIcons,\n renderStatus,\n showCloseButton,\n}: ChatProps) {\n const allowedLayouts = useMemo(\n () => resolveAllowedLayouts(allowedLayoutsProp ?? CHAT_EXPAND_LAYOUTS),\n [allowedLayoutsProp]\n );\n\n const [open, setOpen] = useControllableState<boolean>({\n value: openProp,\n defaultValue: defaultOpen,\n onChange: onOpenChange,\n });\n\n const [layout, setLayout] = useControllableState<ChatLayoutMode>({\n value: layoutProp,\n defaultValue: pickInitialLayout(allowedLayouts, defaultLayout),\n onChange: onLayoutChange,\n });\n\n const effectiveLayout: ChatLayoutMode = embedded\n ? \"fullHeight\"\n : floatingTrigger\n ? open\n ? layout\n : \"closed\"\n : layout;\n\n const handleOpen = () => {\n setOpen(true);\n if (layout === \"closed\") {\n setLayout(pickInitialLayout(allowedLayouts, defaultLayout));\n }\n };\n\n const handleClose = () => {\n setOpen(false);\n };\n\n const handleLayoutChange = (next: ChatLayoutMode) => {\n setOpen(true);\n setLayout(next);\n };\n\n const {\n enabled: fileUploadEnabled,\n getRootProps,\n getInputProps,\n isDragActive,\n } = useChatFileUpload({\n enabled: fileUpload,\n accept: fileUploadAccept,\n maxFiles: fileUploadMaxFiles,\n onUploadFiles,\n disabled: composerDisabled,\n });\n\n const attachInputId = useId();\n\n const showComposer = Boolean(onSendMessage) \|\| fileUploadEnabled;\n\n const fileInput = fileUploadEnabled ? (\n <input {...getInputProps({ id: attachInputId })} data-testid=\"chat-file-input\" />\n ) : null;\n\n const resolvedFooter =\n footer ??\n children ??\n (showComposer ? (\n <>\n {fileInput}\n <ChatComposer\n onSendMessage={onSendMessage}\n placeholder={composerPlaceholder}\n disabled={composerDisabled}\n shiftEnterNewline={composerShiftEnterNewline}\n ctrlEnterNewline={composerCtrlEnterNewline}\n fileUpload={fileUploadEnabled}\n attachInputId={fileUploadEnabled ? attachInputId : undefined}\n attachAriaLabel={attachAriaLabel}\n />\n </>\n ) : undefined);\n\n const chatMessages = (\n <ChatMessages\n messages={messages}\n showAvatars={showAvatars}\n showAttachments={showAttachments}\n showStatus={showStatus}\n statusIcons={statusIcons}\n renderStatus={renderStatus}\n onLoadMore={onLoadMore}\n hasMore={hasMore}\n loading={loading}\n loadingMore={loadingMore}\n loadingSkeletonCount={loadingSkeletonCount}\n renderMessage={renderMessage}\n />\n );\n\n const chatBody = chatMessages;\n\n const fileDropzoneRootProps = fileUploadEnabled ? getRootProps() : undefined;\n\n const closeButtonVisible = shouldShowChatCloseButton({\n floatingTrigger,\n embedded,\n overlayContext,\n effectiveLayout,\n showCloseButton,\n });\n\n return (\n <div\n className={cn(\n \"smwb-chat\",\n !embedded && `smwb-chat_${anchor}`,\n embedded && \"smwb-chat_embedded\",\n overlayContext && \"smwb-chat_overlay-context\",\n className\n )}\n data-testid=\"chat\"\n >\n {floatingTrigger && !embedded && !open ? (\n <FloatingButton\n className=\"smwb-chat__trigger\"\n aria-label={triggerLabel ?? \"Open chat\"}\n data-testid=\"chat-trigger\"\n onClick={handleOpen}\n >\n {triggerIcon ?? <Icon name=\"chat\" size={24} />}\n </FloatingButton>\n ) : null}\n <ChatShell\n layout={effectiveLayout}\n anchor={anchor}\n themeMode={themeMode}\n embedded={embedded}\n overlayContext={overlayContext}\n fileDropzoneRootProps={fileDropzoneRootProps}\n fileDropzoneActive={fileUploadEnabled && isDragActive}\n header={\n <ChatHeader\n title={headerTitle}\n subtitle={headerSubtitle}\n actions={headerActions}\n layout={effectiveLayout === \"closed\" ? layout : effectiveLayout}\n allowedLayouts={allowedLayouts}\n onLayoutChange={handleLayoutChange}\n onClose={closeButtonVisible ? handleClose : undefined}\n />\n }\n footer={resolvedFooter}\n >\n {chatBody}\n </ChatShell>\n </div>\n );\n}\n\nexport default Chat;\n"],"names":["Chat","className","messages","showAvatars","showAttachments","headerTitle","headerSubtitle","headerActions","footer","children","anchor","themeMode","allowedLayoutsProp","layoutProp","defaultLayout","onLayoutChange","openProp","defaultOpen","onOpenChange","floatingTrigger","triggerIcon","triggerLabel","onLoadMore","hasMore","onSendMessage","composerPlaceholder","composerDisabled","composerShiftEnterNewline","composerCtrlEnterNewline","fileUpload","onUploadFiles","fileUploadAccept","fileUploadMaxFiles","attachAriaLabel","loading","loadingMore","loadingSkeletonCount","renderMessage","embedded","overlayContext","showStatus","statusIcons","renderStatus","showCloseButton","allowedLayouts","useMemo","resolveAllowedLayouts","CHAT_EXPAND_LAYOUTS","open","setOpen","useControllableState","layout","setLayout","pickInitialLayout","effectiveLayout","handleOpen","handleClose","handleLayoutChange","next","fileUploadEnabled","getRootProps","getInputProps","isDragActive","useChatFileUpload","attachInputId","useId","showComposer","fileInput","jsx","resolvedFooter","_a","jsxs","Fragment","ChatComposer","chatBody","ChatMessages","fileDropzoneRootProps","closeButtonVisible","shouldShowChatCloseButton","cn","FloatingButton","Icon","ChatShell","ChatHeader"],"mappings":"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"}