impact-nova 2.5.17 → 2.6.0-alpha.0

package/dist/components/data/ag-grid-react/comments/comments-identity.js

@@ -0,0 +1,20 @@
+const o = "\0";
+function e(t) {
+  return `${t.rowId}\0${t.colId}`;
+}
+function r(t, n) {
+  return n?.(t) ?? e(t);
+}
+function i() {
+  return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `comment-${Date.now().toString(36)}-${Math.random().toString(16).slice(2)}`;
+}
+function c(t) {
+  return t.trim().length > 0;
+}
+export {
+  o as THREAD_ID_SEPARATOR,
+  e as defaultGetThreadId,
+  c as isValidCommentMessageText,
+  i as mintCommentMessageId,
+  r as resolveThreadId
+};

package/dist/components/data/ag-grid-react/comments/comments-menu.d.ts

@@ -0,0 +1,29 @@
+import { CellAddress, DataTableCommentsConfig } from './comments.types';
+export type CommentsMenuItem = string | {
+    name?: string;
+    action?: () => void;
+    [key: string]: unknown;
+};
+export declare function filterNativeAgGridNoteMenuItems(items: readonly CommentsMenuItem[]): CommentsMenuItem[];
+export declare function mergeCommentsContextMenuItems(args: {
+    items: readonly CommentsMenuItem[];
+    config: DataTableCommentsConfig;
+    address: CellAddress | undefined;
+    labels: {
+        addComment: string;
+        openComment: string;
+        deleteThread: string;
+    };
+    onAdd: (address: CellAddress) => void;
+    onOpen: (address: CellAddress) => void;
+    onDeleteThread: (address: CellAddress) => void;
+    preserveNativeNoteItems?: boolean;
+}): CommentsMenuItem[];
+export declare function addressFromMenuParams(params: {
+    node?: {
+        id?: string | null;
+    } | null;
+    column?: {
+        getColId?: () => string;
+    } | null;
+}): CellAddress | undefined;

package/dist/components/data/ag-grid-react/comments/comments-menu.js

@@ -0,0 +1,35 @@
+import { COMMENTS_MENU_OPEN as r, COMMENTS_MENU_ADD as a, COMMENTS_MENU_DELETE as c, NATIVE_AG_GRID_NOTE_MENU_ITEMS as m } from "./comments-constants.js";
+import { resolveCommentsCapabilities as d, commentsOverlayActions as l } from "./comments-capabilities.js";
+function f(e) {
+  return e.filter((t) => !p(t));
+}
+function p(e) {
+  if (typeof e == "string") return m.has(e);
+  const t = e.cssClasses;
+  if (Array.isArray(t) && t.some((s) => typeof s == "string" && s.startsWith("iv-comments-")))
+    return !1;
+  const o = typeof e.name == "string" ? e.name : "";
+  return /\bnotes?\b/i.test(o);
+}
+function h(e) {
+  const t = e.preserveNativeNoteItems ? [...e.items] : f(e.items);
+  if (!e.address) return t;
+  const o = d(e.config.getCapabilities, e.address), s = l(o), i = e.config.hasIndicator(e.address), n = [];
+  return i && s.showOverlay ? n.push({
+    name: e.labels.openComment,
+    action: () => e.onOpen(e.address),
+    cssClasses: [r]
+  }) : !i && s.canStartThread && n.push({
+    name: e.labels.addComment,
+    action: () => e.onAdd(e.address),
+    cssClasses: [a]
+  }), i && s.showDelete && n.push({
+    name: e.labels.deleteThread,
+    action: () => e.onDeleteThread(e.address),
+    cssClasses: [c]
+  }), n.length === 0 ? t : t.length > 0 ? [...t, "separator", ...n] : n;
+}
+export {
+  f as filterNativeAgGridNoteMenuItems,
+  h as mergeCommentsContextMenuItems
+};

package/dist/components/data/ag-grid-react/comments/comments-overlay-anchor.d.ts

@@ -0,0 +1,22 @@
+import { GridCellAddress } from '../grid-cell-address';
+export type CommentOverlayAnchorApi = {
+    isDestroyed?: () => boolean;
+    getColumn: (id: string) => {
+        getPinned: () => "left" | "right" | boolean | null | undefined;
+    } | null | undefined;
+};
+export type CommentOverlayPin = "left" | "right" | null;
+export declare function copyDomRect(rect: DOMRectReadOnly): DOMRect;
+export declare function intersectDomRects(a: DOMRectReadOnly, b: DOMRectReadOnly): DOMRect;
+/** Visible intersection of the live cell with the usable grid clip. Fully clipped cells are unusable. */
+export declare function stickCommentAnchorRect(cell: DOMRectReadOnly, clip: DOMRectReadOnly): DOMRect;
+export declare function resolveCommentOverlayPin(api: CommentOverlayAnchorApi | null | undefined, colId: string): CommentOverlayPin;
+export declare function findCommentScrollViewports(container: HTMLElement | null): HTMLElement[];
+export declare function commentOverlayClipRect(container: HTMLElement, pinned: CommentOverlayPin): DOMRect | null;
+export declare function isCommentAnchorUsable(cell: DOMRectReadOnly, clip: DOMRectReadOnly): boolean;
+export type CommentOverlayAnchor = {
+    usable: boolean;
+    rect: DOMRect | null;
+};
+export declare function measureCommentOverlayAnchor(container: HTMLElement | null, api: CommentOverlayAnchorApi | null | undefined, address: GridCellAddress): CommentOverlayAnchor;
+export declare function commentAnchorRectsEqual(a: DOMRectReadOnly | null, b: DOMRectReadOnly | null): boolean;

package/dist/components/data/ag-grid-react/comments/comments-overlay-anchor.js

@@ -0,0 +1,98 @@
+import { cellElementFromAddress as p } from "../grid-cell-address.js";
+const w = [".ag-grid-viewport", ".ag-body-viewport"], M = [
+  ".ag-grid-viewport",
+  ".ag-body-viewport",
+  ".ag-body-vertical-scroll-viewport",
+  ".ag-body-horizontal-scroll-viewport",
+  ".ag-center-cols-viewport"
+], m = [".ag-pinned-left-cols-viewport", ".ag-grid-pinned-left-cells"], d = [".ag-pinned-right-cols-viewport", ".ag-grid-pinned-right-cells"];
+function h(t) {
+  return new DOMRect(t.x, t.y, t.width, t.height);
+}
+function g(t, n) {
+  const r = Math.max(t.left, n.left), e = Math.max(t.top, n.top), o = Math.min(t.right, n.right), i = Math.min(t.bottom, n.bottom);
+  return new DOMRect(r, e, Math.max(0, o - r), Math.max(0, i - e));
+}
+function R(t, n) {
+  return g(t, n);
+}
+function v(t, n) {
+  const r = t?.getColumn?.(n)?.getPinned?.();
+  return r === "left" || r === !0 ? "left" : r === "right" ? "right" : null;
+}
+function u(t, n) {
+  for (const r of n) {
+    const e = t.querySelector(r);
+    if (e instanceof HTMLElement) return e;
+  }
+  return null;
+}
+function s(t) {
+  if (!t) return null;
+  const n = t.getBoundingClientRect();
+  return n.width < 2 || n.height < 2 ? null : n;
+}
+function x(t) {
+  if (!t) return [];
+  const n = [];
+  for (const r of M) {
+    const e = t.querySelector(r);
+    e instanceof HTMLElement && !n.includes(e) && n.push(e);
+  }
+  return n;
+}
+function f(t, n, r, e) {
+  const o = Math.max(t.top, n), i = Math.max(t.left, r), c = Math.min(t.right, e);
+  return new DOMRect(i, o, Math.max(0, c - i), Math.max(0, t.bottom - o));
+}
+function C(t, n) {
+  const r = u(t, w);
+  if (!r) return null;
+  let e = h(r.getBoundingClientRect());
+  const o = u(t, [".ag-header"]);
+  if (o && (e = f(e, o.getBoundingClientRect().bottom, e.left, e.right)), n === "left") {
+    const l = s(u(t, m));
+    return l && (e = f(e, e.top, l.left, l.right)), e;
+  }
+  if (n === "right") {
+    const l = s(u(t, d));
+    return l && (e = f(e, e.top, l.left, l.right)), e;
+  }
+  const i = s(u(t, m));
+  i && (e = f(e, e.top, i.right, e.right));
+  const c = s(u(t, d));
+  c && (e = f(e, e.top, e.left, c.left));
+  const a = s(u(t, [".ag-center-cols-viewport"]));
+  if (a) {
+    const l = g(e, a);
+    if (l.width > 2 && l.height > 2) return l;
+  }
+  return e;
+}
+function b(t, n) {
+  const r = g(t, n);
+  return r.width > 1 && r.height > 1;
+}
+function O(t, n, r) {
+  if (!t) return { usable: !1, rect: null };
+  const e = v(n, r.colId), o = p(t, r), i = C(t, e);
+  if (!i)
+    return o ? { usable: !0, rect: h(o.getBoundingClientRect()) } : { usable: !0, rect: h(t.getBoundingClientRect()) };
+  if (!o) return { usable: !1, rect: null };
+  const c = h(o.getBoundingClientRect());
+  return b(c, i) ? { usable: !0, rect: R(c, i) } : { usable: !1, rect: null };
+}
+function S(t, n) {
+  return t === n ? !0 : !t || !n ? !1 : Math.abs(t.x - n.x) < 0.5 && Math.abs(t.y - n.y) < 0.5 && Math.abs(t.width - n.width) < 0.5 && Math.abs(t.height - n.height) < 0.5;
+}
+export {
+  S as commentAnchorRectsEqual,
+  C as commentOverlayClipRect,
+  h as copyDomRect,
+  x as findCommentScrollViewports,
+  g as intersectDomRects,
+  b as isCommentAnchorUsable,
+  O as measureCommentOverlayAnchor,
+  v as resolveCommentOverlayPin,
+  R as stickCommentAnchorRect
+};

package/dist/components/data/ag-grid-react/comments/comments-overlay.d.ts

@@ -0,0 +1,21 @@
+import { CellCommentThread, CommentMessage, DataTableCommentsConfig } from './comments.types';
+export declare function CommentsOverlayBody({ thread, mode, loading, error, saving, draft, onDraftChange, onSave, onRetry, onExpand, onEdit, onDeleteMessage, onDeleteThread, onResolve, onClose, onLoadOlder, loadingOlder, config, }: {
+    thread: CellCommentThread;
+    mode: "preview" | "expanded" | "composer";
+    loading: boolean;
+    error: string | null;
+    saving: boolean;
+    draft: string;
+    onDraftChange: (value: string) => void;
+    onSave: () => void;
+    onRetry: () => void;
+    onExpand: () => void;
+    onEdit: (message: CommentMessage) => void;
+    onDeleteMessage: (messageId: string) => void;
+    onDeleteThread: () => void;
+    onResolve: (resolved: boolean) => void;
+    onClose: () => void;
+    onLoadOlder: () => void;
+    loadingOlder: boolean;
+    config: DataTableCommentsConfig;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/data/ag-grid-react/comments/comments-overlay.js

@@ -0,0 +1,406 @@
+import { jsx as t, jsxs as s, Fragment as S } from "react/jsx-runtime";
+import { Avatar as j, AvatarFallback as F } from "../../../data-display/avatar/avatar.js";
+import { Button as M } from "../../../primitives/button/button.js";
+import { Textarea as P } from "../../../forms/textarea/textarea.js";
+import { AlertDialog as K, AlertDialogContent as Z, AlertDialogHeader as q, AlertDialogTitle as H, AlertDialogDescription as U, AlertDialogFooter as Y, AlertDialogCancel as $, AlertDialogAction as G } from "../../../feedback/alert-dialog/alert-dialog.js";
+import { useImpactNovaI18n as J } from "../../../../i18n/use-impact-nova-i18n.js";
+import { cn as Q } from "../../../../lib/utils.js";
+import { CheckTickcircle as W, Cross as X } from "impact-nova-icons";
+import { resolveCommentsCapabilities as ee, commentsOverlayActions as te } from "./comments-capabilities.js";
+import { commentPreviewSlice as ne, formatRelativeTime as E, commentInitials as le, commentAvatarTone as oe, commentTextSegments as re } from "./comments-format.js";
+import { buildCommentThreadMenuItems as ae, buildCommentMessageMenuItems as se } from "./comments-ui-actions.js";
+import { CommentActionsMenu as _ } from "./comments-actions-menu.js";
+import { useState as ie, useRef as I, useLayoutEffect as ce } from "react";
+import { useVirtualizedList as de } from "../../../../lib/virtualized/useVirtualizedList.js";
+import { COMMENTS_VIRTUALIZE_AFTER as me } from "./comments-constants.js";
+const ue = "!h-8 !w-8 !rounded-md text-sm font-extrabold";
+function he({ text: e }) {
+  return re(e).map(
+    (o, c) => o.mention ? /* @__PURE__ */ t("span", { className: "font-semibold text-brand", children: o.value }, c) : o.value
+  );
+}
+function pe() {
+  return /* @__PURE__ */ t("svg", { width: "9", height: "14", viewBox: "0 0 9 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ t(
+    "path",
+    {
+      d: "M0.195 4.86167C0.455 5.12167 0.875 5.12167 1.135 4.86167L3.72167 2.28167V12.395C3.72167 12.7617 4.02167 13.0617 4.38833 13.0617C4.755 13.0617 5.055 12.7617 5.055 12.395V2.28167L7.64167 4.86833C7.90167 5.12833 8.32167 5.12833 8.58167 4.86833C8.84167 4.60833 8.84167 4.18833 8.58167 3.92833L4.855 0.195C4.595 -0.065 4.175 -0.065 3.915 0.195L0.195 3.92167C-0.065 4.18167 -0.065 4.60833 0.195 4.86167Z",
+      fill: "currentColor"
+    }
+  ) });
+}
+function xe({ author: e }) {
+  return /* @__PURE__ */ t(j, { size: "sm", shape: "square", className: ue, children: /* @__PURE__ */ t(F, { className: Q("text-sm font-extrabold", oe(e)), children: le(e) }) });
+}
+function R({
+  author: e,
+  renderAvatar: o
+}) {
+  return o ? o({ author: e }) : /* @__PURE__ */ t(xe, { author: e });
+}
+function O({
+  message: e,
+  renderMessageBody: o
+}) {
+  return o ? o({ message: e }) : /* @__PURE__ */ t(he, { text: e.text });
+}
+function z({
+  message: e,
+  locale: o,
+  config: c
+}) {
+  return /* @__PURE__ */ s("div", { className: "flex flex-col gap-1.5", children: [
+    /* @__PURE__ */ s("div", { className: "flex min-w-0 items-center gap-1", children: [
+      /* @__PURE__ */ t(R, { author: e.author, renderAvatar: c.renderAvatar }),
+      /* @__PURE__ */ t("p", { className: "truncate text-sm font-semibold leading-[21px] text-content", children: e.author }),
+      /* @__PURE__ */ t("p", { className: "shrink-0 text-xs font-medium text-content-secondary", children: E(e.updatedAt ?? e.createdAt, o) })
+    ] }),
+    /* @__PURE__ */ t("p", { className: "line-clamp-3 pl-9 text-sm font-medium leading-5 text-content", children: /* @__PURE__ */ t(O, { message: e, renderMessageBody: c.renderMessageBody }) })
+  ] });
+}
+function fe(e) {
+  return (e.hiddenCount ?? 0) > 0 && e.messages.length > 0 ? {
+    kind: "collapsed",
+    head: e.messages.slice(0, 1),
+    tail: e.messages.slice(1),
+    hiddenCount: e.hiddenCount ?? 0
+  } : ne(e.messages);
+}
+function B({
+  message: e,
+  thread: o,
+  locale: c,
+  showEdit: p,
+  showDelete: i,
+  onEdit: x,
+  onDelete: v,
+  messageActionsLabel: u,
+  editLabel: b,
+  deleteLabel: C,
+  config: d
+}) {
+  const h = {
+    address: o.address,
+    threadId: o.threadId,
+    resolved: o.resolved,
+    message: e
+  }, A = se({
+    showEdit: p,
+    showDelete: i,
+    editLabel: b,
+    deleteLabel: C,
+    extras: d.messageActions,
+    context: h,
+    onEdit: () => x(e),
+    onDelete: () => v(e.id)
+  });
+  return /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", "data-iv-comments-message": e.id, "data-slot": "comments-message", children: [
+    /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ s("div", { className: "flex min-w-0 items-center gap-1", children: [
+        /* @__PURE__ */ t(R, { author: e.author, renderAvatar: d.renderAvatar }),
+        /* @__PURE__ */ t("p", { className: "truncate text-sm font-semibold leading-[21px] text-content", children: e.author }),
+        /* @__PURE__ */ t("p", { className: "shrink-0 text-xs font-medium leading-[1.25] text-content-secondary", children: E(e.updatedAt ?? e.createdAt, c) })
+      ] }),
+      /* @__PURE__ */ t(
+        _,
+        {
+          label: u,
+          items: A,
+          render: d.renderMessageActions ? (y) => d.renderMessageActions({ items: y, context: h }) : void 0
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t("p", { className: "whitespace-pre-wrap break-words pl-9 text-sm font-medium leading-5 text-content", children: /* @__PURE__ */ t(O, { message: e, renderMessageBody: d.renderMessageBody }) })
+  ] });
+}
+function ve({
+  messages: e,
+  thread: o,
+  config: c,
+  hasMoreOlder: p,
+  loadingOlder: i,
+  olderLabel: x,
+  onLoadOlder: v,
+  locale: u,
+  showEdit: b,
+  showDelete: C,
+  onEdit: d,
+  onDelete: h,
+  messageActionsLabel: A,
+  editLabel: y,
+  deleteLabel: g
+}) {
+  const T = I(null), w = p || e.length > me, r = de({
+    scrollElementRef: T,
+    rowCount: w ? e.length : 0,
+    getRowId: (l) => e[l]?.id ?? String(l),
+    getRowData: (l) => e[l],
+    estimateSize: () => 76,
+    overscan: 4,
+    initialRect: { width: 400, height: 205 }
+  }), n = I(0), f = I(!1);
+  ce(() => {
+    if (!w || e.length === 0) {
+      n.current = e.length;
+      return;
+    }
+    if (!f.current) {
+      r.scrollToIndex(e.length - 1, { align: "end" }), f.current = !0, n.current = e.length;
+      return;
+    }
+    const l = e.length - n.current;
+    l > 0 && r.scrollToIndex(l, { align: "start" }), n.current = e.length;
+  }, [r, e.length, w]);
+  const D = p ? /* @__PURE__ */ t(
+    "button",
+    {
+      type: "button",
+      "data-iv-comments-load-older": "",
+      className: "px-1 py-2 text-left text-sm font-semibold text-brand",
+      disabled: i,
+      "aria-busy": i,
+      onClick: v,
+      children: x
+    }
+  ) : null;
+  return w ? /* @__PURE__ */ s("div", { ref: T, className: "max-h-[205px] overflow-y-auto", "data-iv-comments-virtual": "", "data-slot": "comments-thread", children: [
+    D,
+    /* @__PURE__ */ t("div", { style: { height: r.totalSize, position: "relative" }, children: r.virtualItems.map((l) => {
+      const m = e[l.index];
+      return m ? /* @__PURE__ */ t(
+        "div",
+        {
+          ref: r.measureElement,
+          "data-index": l.index,
+          className: "pb-4",
+          style: {
+            position: "absolute",
+            top: 0,
+            left: 0,
+            width: "100%",
+            transform: `translateY(${l.start}px)`
+          },
+          children: /* @__PURE__ */ t(
+            B,
+            {
+              message: m,
+              thread: o,
+              config: c,
+              locale: u,
+              showEdit: b,
+              showDelete: C,
+              onEdit: d,
+              onDelete: h,
+              messageActionsLabel: A,
+              editLabel: y,
+              deleteLabel: g
+            }
+          )
+        },
+        m.id
+      ) : null;
+    }) })
+  ] }) : /* @__PURE__ */ s("div", { className: "flex max-h-[205px] flex-col gap-4 overflow-y-auto", "data-slot": "comments-thread", children: [
+    D,
+    /* @__PURE__ */ t("ul", { className: "flex flex-col gap-4", children: e.map((l) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+      B,
+      {
+        message: l,
+        thread: o,
+        config: c,
+        locale: u,
+        showEdit: b,
+        showDelete: C,
+        onEdit: d,
+        onDelete: h,
+        messageActionsLabel: A,
+        editLabel: y,
+        deleteLabel: g
+      }
+    ) }, l.id)) })
+  ] });
+}
+function Se({
+  thread: e,
+  mode: o,
+  loading: c,
+  error: p,
+  saving: i,
+  draft: x,
+  onDraftChange: v,
+  onSave: u,
+  onRetry: b,
+  onExpand: C,
+  onEdit: d,
+  onDeleteMessage: h,
+  onDeleteThread: A,
+  onResolve: y,
+  onClose: g,
+  onLoadOlder: T,
+  loadingOlder: w,
+  config: r
+}) {
+  const { t: n, dateLocale: f } = J(), D = ee(r.getCapabilities, e.address), l = te(D), m = fe(e), [N, k] = ie(
+    null
+  ), L = {
+    address: e.address,
+    threadId: e.threadId,
+    resolved: e.resolved
+  }, V = ae({
+    showDelete: l.showDelete && e.messages.length > 0,
+    deleteLabel: n("comments.deleteThread"),
+    extras: r.threadActions,
+    context: L,
+    onDelete: () => k({ type: "thread" })
+  });
+  return l.showOverlay ? o === "preview" ? /* @__PURE__ */ t(
+    "button",
+    {
+      type: "button",
+      "data-iv-comments-preview": "",
+      "data-slot": "comments-preview",
+      className: "flex w-full flex-col gap-4 p-3 text-left",
+      onClick: C,
+      children: m.kind === "all" ? m.messages.map((a) => /* @__PURE__ */ t(z, { message: a, locale: f, config: r }, a.id)) : /* @__PURE__ */ s(S, { children: [
+        m.head.map((a) => /* @__PURE__ */ t(z, { message: a, locale: f, config: r }, a.id)),
+        /* @__PURE__ */ t("p", { className: "pl-9 text-sm font-semibold text-brand", children: n("comments.moreReplies", { count: m.hiddenCount }) }),
+        m.tail.map((a) => /* @__PURE__ */ t(z, { message: a, locale: f, config: r }, a.id))
+      ] })
+    }
+  ) : /* @__PURE__ */ s("div", { "data-iv-comments-overlay": "", "data-slot": "comments-overlay", className: "flex w-full flex-col", children: [
+    /* @__PURE__ */ s("div", { className: "flex items-center justify-between border-b border-border p-2", "data-slot": "comments-header", children: [
+      /* @__PURE__ */ t("h3", { className: "text-sm font-extrabold leading-[21px] text-content", children: n("comments.title") }),
+      /* @__PURE__ */ s("div", { className: "flex items-center gap-3", "data-slot": "comments-actions", children: [
+        /* @__PURE__ */ t(
+          _,
+          {
+            label: n("comments.threadActions"),
+            items: V,
+            render: r.renderThreadActions ? (a) => r.renderThreadActions({ items: a, context: L }) : void 0
+          }
+        ),
+        l.showResolve ? /* @__PURE__ */ t(
+          M,
+          {
+            type: "button",
+            size: "iconSm",
+            variant: "ghost",
+            className: "[&_svg]:size-4",
+            disabled: i,
+            "aria-label": e.resolved ? n("comments.unresolve") : n("comments.resolve"),
+            onClick: () => y(!e.resolved),
+            children: /* @__PURE__ */ t(W, {})
+          }
+        ) : null,
+        /* @__PURE__ */ t(
+          M,
+          {
+            type: "button",
+            size: "iconSm",
+            variant: "ghost",
+            className: "[&_svg]:size-4",
+            "aria-label": n("aria.close"),
+            onClick: g,
+            children: /* @__PURE__ */ t(X, {})
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "flex flex-col gap-4 p-4", children: [
+      c ? /* @__PURE__ */ t("p", { "aria-busy": "true", children: n("comments.loading") }) : e.messages.length > 0 ? /* @__PURE__ */ t(
+        ve,
+        {
+          messages: e.messages,
+          thread: e,
+          config: r,
+          hasMoreOlder: !!e.hasMoreOlder,
+          loadingOlder: w,
+          olderLabel: (e.hiddenCount ?? 0) > 0 ? n("comments.moreReplies", { count: e.hiddenCount }) : n("comments.viewOlder"),
+          onLoadOlder: T,
+          locale: f,
+          showEdit: l.showEdit,
+          showDelete: l.showDelete,
+          onEdit: d,
+          onDelete: h,
+          messageActionsLabel: n("comments.messageActions"),
+          editLabel: n("comments.edit"),
+          deleteLabel: n("comments.delete")
+        }
+      ) : null,
+      p ? /* @__PURE__ */ s("div", { role: "alert", className: "flex items-center justify-between gap-2 text-sm text-destructive", "data-slot": "comments-error", children: [
+        /* @__PURE__ */ t("span", { children: p }),
+        /* @__PURE__ */ t(M, { type: "button", size: "sm", variant: "outline", onClick: b, children: n("comments.retry") })
+      ] }) : null,
+      l.showComposer ? /* @__PURE__ */ t("div", { className: "flex items-start gap-2.5", "data-slot": "comments-composer", children: r.renderComposer ? r.renderComposer({
+        value: x,
+        onChange: v,
+        onSave: u,
+        disabled: i,
+        saving: i,
+        author: r.getAuthor()
+      }) : /* @__PURE__ */ s(S, { children: [
+        /* @__PURE__ */ t(R, { author: r.getAuthor(), renderAvatar: r.renderAvatar }),
+        /* @__PURE__ */ s(
+          "div",
+          {
+            className: "relative min-w-0 flex-1",
+            onKeyDown: (a) => {
+              a.key === "Enter" && (a.metaKey || a.ctrlKey) && (a.preventDefault(), u());
+            },
+            children: [
+              /* @__PURE__ */ t(
+                P,
+                {
+                  "data-iv-comments-composer": "",
+                  value: x,
+                  onChange: (a) => v(a.target.value),
+                  placeholder: n("comments.composerPlaceholder"),
+                  disabled: i,
+                  size: "default",
+                  className: "h-[100px] min-h-[100px] resize-none rounded-lg !p-3 !pb-10"
+                }
+              ),
+              /* @__PURE__ */ t(
+                M,
+                {
+                  type: "button",
+                  size: "iconSm",
+                  variant: "default",
+                  className: "absolute bottom-3 right-3 rounded-lg [&_svg]:!h-[14px] [&_svg]:!w-[9px]",
+                  "data-iv-comments-save": "",
+                  disabled: i || x.trim().length === 0,
+                  "aria-busy": i,
+                  "aria-label": n(i ? "comments.saving" : "comments.save"),
+                  onClick: u,
+                  children: /* @__PURE__ */ t(pe, {})
+                }
+              )
+            ]
+          }
+        )
+      ] }) }) : null
+    ] }),
+    /* @__PURE__ */ t(K, { open: N != null, onOpenChange: (a) => {
+      a || k(null);
+    }, children: /* @__PURE__ */ s(Z, { children: [
+      /* @__PURE__ */ s(q, { children: [
+        /* @__PURE__ */ t(H, { children: N?.type === "thread" ? n("comments.confirmDeleteThreadTitle") : n("comments.confirmDeleteTitle") }),
+        /* @__PURE__ */ t(U, { children: N?.type === "thread" ? n("comments.confirmDeleteThreadDescription") : n("comments.confirmDeleteDescription") })
+      ] }),
+      /* @__PURE__ */ s(Y, { children: [
+        /* @__PURE__ */ t($, { children: n("comments.cancel") }),
+        /* @__PURE__ */ t(
+          G,
+          {
+            onClick: () => {
+              N?.type === "thread" && A(), N?.type === "message" && h(N.id), k(null);
+            },
+            children: n("comments.delete")
+          }
+        )
+      ] })
+    ] }) })
+  ] }) : /* @__PURE__ */ t("p", { className: "text-sm text-content-secondary", children: n("comments.noAccess") });
+}
+export {
+  Se as CommentsOverlayBody
+};

package/dist/components/data/ag-grid-react/comments/comments-panel.d.ts

@@ -0,0 +1,9 @@
+import { CellAddress, DataTableCommentsConfig } from './comments.types';
+export declare function CommentsPanel({ open, onOpenChange, config, onSelect, status, locating, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    config: DataTableCommentsConfig;
+    onSelect: (address: CellAddress, threadId: string) => void;
+    status?: string | null;
+    locating?: boolean;
+}): import("react/jsx-runtime").JSX.Element;