@epam/ai-dial-conversation-panel 0.0.0-dev.0

package/models/panel-props.d.ts

@@ -0,0 +1,211 @@
+import { DropdownItem } from '@epam/ai-dial-ui-kit';
+import { ReactNode } from 'react';
+import { ConversationGroupKey } from '../types/conversation-group-key';
+import { ConversationSource } from '../types/conversation-source';
+import { FilterTab } from '../types/filter-tab';
+/** Labels for each filter tab — provided as props so the app supplies i18n strings. */
+export interface FilterLabels {
+    /** Label for the "All" tab. */
+    all: string;
+    /** Label for the "My chats" tab. */
+    myChats: string;
+    /** Label for the "Shared" tab. */
+    shared: string;
+    /** Label for the "Organization" tab. */
+    organization: string;
+}
+/** A single conversation entry shown in the history panel. */
+export interface ConversationHistoryItem {
+    /** Unique conversation identifier (path or UUID). */
+    id: string;
+    /** Human-readable title — typically the first user message. */
+    title: string;
+    /** When true the item is shown in the Pinned section. */
+    isPinned?: boolean;
+    /** Ownership/share source — used to filter by tab. */
+    source?: ConversationSource;
+    /** URL of the model or conversation icon. When absent a default icon is shown. */
+    iconUrl?: string;
+    /** Tooltip text shown on the deployment icon. Typically the agent or model display name. */
+    iconTooltip?: string;
+    /** When `true`, a skeleton placeholder is shown instead of the deployment icon. */
+    isIconLoading?: boolean;
+    /**
+     * Browser-navigable URL for the conversation (e.g. `/conversations/<id>`).
+     * When provided, a middle mouse button click on the row opens this URL in a new tab,
+     * matching standard browser link behaviour.
+     */
+    href?: string;
+}
+/** Font overrides for the header title in `ConversationPanel`. */
+export interface ConversationHistoryTypography {
+    /** Font family applied to the panel title. */
+    fontFamily?: string;
+    /** Font size applied to the panel title. */
+    fontSize?: string;
+    /** Font weight applied to the panel title. */
+    fontWeight?: string | number;
+    /** Line height applied to the panel title. */
+    lineHeight?: string;
+    /**
+     * A single utility class (e.g. `'dial-body-semi-text'`) applied to the title span.
+     * When provided, individual font CSS vars are ignored in favour of this class.
+     */
+    fontClassName?: string;
+    /** Typography class applied to collapsible group header buttons. Defaults to `'text-xs font-semibold'`. */
+    groupHeaderClassName?: string;
+    /** Typography class applied to conversation title text in each row. Defaults to `'text-sm'`. */
+    itemTitleClassName?: string;
+    /** Typography class applied to the New chat button label. Defaults to `'dial-small-text'`. */
+    newChatLabelClassName?: string;
+    /** Typography class applied to each filter tab label. Defaults to `'dial-tiny-semi-text'`. */
+    tabClassName?: string;
+    /** Text color class applied to each filter tab label. Defaults to `'text-primary'`. */
+    tabColorClassName?: string;
+    /** CSS class applied to the icon badge in each conversation row. Defaults to `'rounded-full'`. */
+    itemIconBadgeClassName?: string;
+}
+/** CSS custom-property overrides for `ConversationPanel`. */
+export interface ConversationHistoryColors {
+    /** Panel background color. */
+    background?: string;
+    /** Inner-edge divider border color. */
+    border?: string;
+    /** Hover background for a conversation row. */
+    itemHover?: string;
+    /** Active/selected background for a conversation row. */
+    itemActive?: string;
+    /** Primary text color. */
+    text?: string;
+    /** Secondary text color (dates, metadata). */
+    textSecondary?: string;
+    /** Hover background of the New chat button. */
+    newChatHoverBackground?: string;
+    /** Active/pressed background of the New chat button. */
+    newChatActiveBackground?: string;
+    /** Background of the New chat button. */
+    newChatBackground?: string;
+}
+/** Combined style overrides (colors and typography) for `ConversationPanel`. */
+export interface ConversationPanelStyles {
+    /** Color overrides applied as CSS custom properties. */
+    colors?: ConversationHistoryColors;
+    /** Typography overrides for the panel and its children. */
+    typography?: ConversationHistoryTypography;
+}
+/** Props accepted by `ConversationPanel`. */
+export interface ConversationPanelProps {
+    /** Ordered list of conversations to display. */
+    conversations: ConversationHistoryItem[];
+    /** When true, renders skeleton rows instead of the conversation list. */
+    isLoading?: boolean;
+    /** Whether the panel is currently expanded. */
+    isOpen: boolean;
+    /** Called with the conversation `id` when a row is clicked. */
+    onSelectConversation: (id: string) => void;
+    /** `id` of the currently viewed conversation; that row gets `aria-current="page"`. */
+    activeConversationId?: string;
+    /** Panel heading text (e.g. `"Chats"`). */
+    title: string;
+    /** Message shown when `conversations` is empty. */
+    emptyLabel: string;
+    /** Message shown when conversations exist but none match the active filter. */
+    noResultsLabel: string;
+    /** Called when the New chat button is clicked. */
+    onNewChat: () => void;
+    /** Label for the New chat button (e.g. `"New chat"`). */
+    newChatLabel: string;
+    /** Placeholder text for the search input (e.g. `"Search chat…"`). */
+    searchPlaceholder: string;
+    /** Accessible label for the search input clear button. */
+    searchClearLabel: string;
+    /** Labels for the four filter tabs. */
+    filterLabels: FilterLabels;
+    /** Labels for collapsible group section headings. */
+    groupLabels?: {
+        /** Heading for the Pinned section. Defaults to `"Pinned"`. */
+        pinned?: string;
+        /** Heading for the My chats section. Defaults to `"My chats"`. */
+        myChats?: string;
+        /** Heading for the Shared section. Defaults to `"Shared"`. */
+        shared?: string;
+        /** Heading for the Organization section. Defaults to `"Organization"`. */
+        organization?: string;
+    };
+    /** Color and typography overrides applied as CSS custom properties. */
+    styles?: ConversationPanelStyles;
+    /** Extra class name(s) merged onto the panel root element. */
+    className?: string;
+    /**
+     * Builds the dropdown menu items for a conversation row.
+     * Receives the full item so actions can reflect per-item state (e.g. `isPinned` toggle).
+     * When omitted or returns an empty array, no actions trigger is rendered on rows.
+     */
+    getActions?: (item: ConversationHistoryItem) => DropdownItem[];
+    /** Accessible label for the row actions trigger button. Defaults to `"More actions"`. */
+    actionsLabel?: string;
+    /**
+     * Called when the mobile sidebar toggle icon in the panel header is clicked.
+     * When provided, the toggle button becomes visible on mobile screens.
+     * The parent is responsible for managing `isOpen` state in response to this callback.
+     */
+    onToggle?: () => void;
+    /** Accessible label for the sidebar toggle icon button. Required when `onToggle` is provided. */
+    closeAriaLabel?: string;
+    /**
+     * Enables the drag-to-resize handle on the panel's right edge.
+     * When false (default) the panel renders at a fixed width.
+     * Pass `false` on mobile to disable resizing.
+     */
+    resizable?: boolean;
+    /** Initial panel width in px used when `resizable` is true. Defaults to 325. */
+    defaultPanelWidth?: number;
+    /** Minimum panel width in px used when `resizable` is true. Defaults to 312. */
+    minPanelWidth?: number;
+    /** Maximum panel width in px used when `resizable` is true. Defaults to 600. */
+    maxPanelWidth?: number;
+    /** Called with the new width in px when the user finishes a resize drag. */
+    onPanelResizeStop?: (width: number) => void;
+    /**
+     * Content rendered in the right action group of the panel header bar.
+     * The app supplies any ReactNode — the library does not prescribe its content.
+     */
+    headerActions?: ReactNode;
+    /**
+     * Called when the user completes a valid drag-and-drop move.
+     * `draggedId` is the conversation that was moved.
+     * `targetGroupKey` is the group it was dropped into.
+     * `afterId` is the id of the item the dragged conversation should be placed after,
+     * or `null` when dropped at the top of the target group.
+     *
+     * The app derives the action type from `targetGroupKey`:
+     * - dropping into `Pinned` → pin the conversation
+     * - dragging from `Pinned` into another group → unpin
+     * - same-group drop → reorder
+     */
+    onMoveConversation?: (move: ConversationMove) => void;
+    /**
+     * Imperatively sets the active filter tab. When provided the panel switches
+     * to this tab; the user can still change it afterwards. Pass `undefined` to
+     * leave the current tab unchanged.
+     */
+    activeFilter?: FilterTab;
+    /**
+     * Called whenever the active filter tab changes — either because the user
+     * clicked a tab or because `activeFilter` drove a programmatic switch.
+     */
+    onActiveFilterChange?: (tab: FilterTab) => void;
+}
+/** Describes a completed drag-and-drop move in the conversation panel. */
+export interface ConversationMove {
+    /** Id of the conversation that was dragged. */
+    draggedId: string;
+    /** The group the item was dropped into. */
+    targetGroupKey: ConversationGroupKey;
+    /**
+     * Id of the item the dragged conversation should be placed after.
+     * `null` means the item was dropped at the top of the target group.
+     */
+    afterId: string | null;
+}
+//# sourceMappingURL=panel-props.d.ts.map

package/models/panel-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-props.d.ts","sourceRoot":"","sources":["../../src/models/panel-props.ts"],"names":[],"mappings":"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"}

package/models/virtual-row.d.ts

@@ -0,0 +1,70 @@
+import { DropdownItem } from '@epam/ai-dial-ui-kit';
+import { ConversationGroupKey } from '../types/conversation-group-key';
+import { VirtualRowKind } from '../types/virtual-row';
+import { ConversationHistoryItem } from './panel-props';
+export { VirtualRowKind };
+/** A collapsible group header row in the virtual list. */
+export interface GroupHeaderRow {
+    /** Row discriminant. */
+    kind: VirtualRowKind.Header;
+    /** Identifies which group this header belongs to. */
+    groupKey: ConversationGroupKey;
+    /** Visible section heading text. */
+    label: string;
+}
+/** A single conversation item row in the virtual list. */
+export interface ConversationItemRow {
+    /** Row discriminant. */
+    kind: VirtualRowKind.Item;
+    /** The conversation to render. */
+    item: ConversationHistoryItem;
+    /** The group this item belongs to — used for drag-and-drop validation. */
+    groupKey: ConversationGroupKey;
+}
+/** Union of all possible virtual row shapes. */
+export type VirtualRow = GroupHeaderRow | ConversationItemRow;
+/** Data passed to every virtual row renderer via `react-window`'s `rowProps`. */
+export interface RowRendererData {
+    /** The full flat row array, indexed by the virtual list. */
+    rows: VirtualRow[];
+    /** Set of group keys that are currently expanded. */
+    expandedGroups: Set<string>;
+    /** Toggles the expanded state of the given group. */
+    onToggleGroup: (key: string) => void;
+    /** `id` of the currently active conversation. */
+    activeConversationId?: string;
+    /** Called when the user selects a conversation row. */
+    onSelectConversation: (id: string) => void;
+    /** Builds dropdown actions for a conversation item. */
+    getActions?: (item: ConversationHistoryItem) => DropdownItem[];
+    /** Accessible label for the actions trigger button. */
+    actionsLabel?: string;
+    /** Typography class applied to group header buttons. */
+    groupHeaderClassName?: string;
+    /** Typography class applied to conversation title text. */
+    itemTitleClassName?: string;
+    /** CSS class applied to the icon badge in each conversation row. */
+    itemIconBadgeClassName?: string;
+    /** Id of the conversation currently being dragged. `null` when no drag is in progress. */
+    draggingId: string | null;
+    /** Id of the row (item or group header sentinel) currently under the drag cursor. */
+    dragOverId: string | null;
+    /** Groups that are valid drop targets for the current drag. `null` when no drag is in progress. */
+    allowedDropGroups: Set<ConversationGroupKey> | null;
+    /** Called when the user starts dragging a conversation row. */
+    onDragStart: (id: string) => void;
+    /** Called when the drag ends (drop or cancel). */
+    onDragEnd: () => void;
+    /** Called when the drag cursor enters a row. */
+    onDragOver: (id: string) => void;
+    /** Called when the drag cursor leaves a row. */
+    onDragLeave: () => void;
+    /**
+     * Called when the user drops onto a target row or group header.
+     * `targetId` is the item id or `ConversationGroupKey` sentinel for header drops.
+     * `targetGroupKey` is the group the item was dropped into.
+     * `afterId` is the id of the item to insert after, or `null` for top of group.
+     */
+    onDrop: (targetId: string, targetGroupKey: ConversationGroupKey, afterId: string | null) => void;
+}
+//# sourceMappingURL=virtual-row.d.ts.map

package/models/virtual-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtual-row.d.ts","sourceRoot":"","sources":["../../src/models/virtual-row.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,0DAA0D;AAC1D,MAAM,WAAW,cAAc;IAC7B,wBAAwB;IACxB,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;IAC5B,qDAAqD;IACrD,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,0DAA0D;AAC1D,MAAM,WAAW,mBAAmB;IAClC,wBAAwB;IACxB,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC;IAC1B,kCAAkC;IAClC,IAAI,EAAE,uBAAuB,CAAC;IAC9B,0EAA0E;IAC1E,QAAQ,EAAE,oBAAoB,CAAC;CAChC;AAED,gDAAgD;AAChD,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG,mBAAmB,CAAC;AAE9D,iFAAiF;AACjF,MAAM,WAAW,eAAe;IAC9B,4DAA4D;IAC5D,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,qDAAqD;IACrD,cAAc,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC5B,qDAAqD;IACrD,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,iDAAiD;IACjD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,uDAAuD;IACvD,oBAAoB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,uDAAuD;IACvD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,uBAAuB,KAAK,YAAY,EAAE,CAAC;IAC/D,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wDAAwD;IACxD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,2DAA2D;IAC3D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oEAAoE;IACpE,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,0FAA0F;IAC1F,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,qFAAqF;IACrF,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,mGAAmG;IACnG,iBAAiB,EAAE,GAAG,CAAC,oBAAoB,CAAC,GAAG,IAAI,CAAC;IACpD,+DAA+D;IAC/D,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,kDAAkD;IAClD,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,gDAAgD;IAChD,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,gDAAgD;IAChD,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB;;;;;OAKG;IACH,MAAM,EAAE,CACN,QAAQ,EAAE,MAAM,EAChB,cAAc,EAAE,oBAAoB,EACpC,OAAO,EAAE,MAAM,GAAG,IAAI,KACnB,IAAI,CAAC;CACX"}

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@epam/ai-dial-conversation-panel",
+  "version": "0.0.0-dev.0",
+  "license": "Apache-2.0",
+  "type": "module",
+  "main": "./index.js",
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    "./styles.css": "./style.css",
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js",
+      "default": "./index.js"
+    }
+  },
+  "dependencies": {
+    "react-window": "^2.2.7"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "@tabler/icons-react": "^3.0.0",
+    "@epam/ai-dial-chat-shared": "0.0.0-dev.0",
+    "@epam/ai-dial-ui-kit": "0.12.0-dev.21",
+    "@epam/ai-dial-sidebar": "0.0.0-dev.0"
+  }
+}

package/test-setup.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=test-setup.d.ts.map

package/test-setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-setup.d.ts","sourceRoot":"","sources":["../src/test-setup.ts"],"names":[],"mappings":""}

package/types/conversation-group-key.d.ts

@@ -0,0 +1,8 @@
+/** Identifies one of the four collapsible groups in the conversation panel. */
+export declare enum ConversationGroupKey {
+    Pinned = "pinned",
+    MyChats = "myChats",
+    Shared = "shared",
+    Organization = "organization"
+}
+//# sourceMappingURL=conversation-group-key.d.ts.map

package/types/conversation-group-key.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-group-key.d.ts","sourceRoot":"","sources":["../../src/types/conversation-group-key.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,oBAAY,oBAAoB;IAC9B,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,YAAY,iBAAiB;CAC9B"}

package/types/conversation-source.d.ts

@@ -0,0 +1,7 @@
+/** Source/ownership of a conversation — used by filter tabs. */
+export declare enum ConversationSource {
+    MyChats = "my-chats",
+    Shared = "shared",
+    Organization = "organization"
+}
+//# sourceMappingURL=conversation-source.d.ts.map

package/types/conversation-source.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-source.d.ts","sourceRoot":"","sources":["../../src/types/conversation-source.ts"],"names":[],"mappings":"AAAA,gEAAgE;AAChE,oBAAY,kBAAkB;IAC5B,OAAO,aAAa;IACpB,MAAM,WAAW;IACjB,YAAY,iBAAiB;CAC9B"}

package/types/filter-tab.d.ts

@@ -0,0 +1,8 @@
+/** Active filter tab value. */
+export declare enum FilterTab {
+    All = "all",
+    MyChats = "my-chats",
+    Shared = "shared",
+    Organization = "organization"
+}
+//# sourceMappingURL=filter-tab.d.ts.map

package/types/filter-tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-tab.d.ts","sourceRoot":"","sources":["../../src/types/filter-tab.ts"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,oBAAY,SAAS;IACnB,GAAG,QAAQ;IACX,OAAO,aAAa;IACpB,MAAM,WAAW;IACjB,YAAY,iBAAiB;CAC9B"}

package/types/virtual-row.d.ts

@@ -0,0 +1,6 @@
+/** Discriminates between the two virtual row types in the conversation list. */
+export declare enum VirtualRowKind {
+    Header = "header",
+    Item = "item"
+}
+//# sourceMappingURL=virtual-row.d.ts.map

package/types/virtual-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtual-row.d.ts","sourceRoot":"","sources":["../../src/types/virtual-row.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,oBAAY,cAAc;IACxB,MAAM,WAAW;IACjB,IAAI,SAAS;CACd"}

package/utils/conversation-row.d.ts

@@ -0,0 +1,14 @@
+import { RowRendererData } from '../models/virtual-row';
+export declare const SKELETON_ROW_COUNT = 15;
+export declare const getSkeletonWidth: (i: number) => string;
+/** Returns the inline-end padding Tailwind class for the row's ghost button based on action state. */
+export declare const getButtonPaddingEnd: (hasActions: boolean, isMenuOpen: boolean) => string;
+/**
+ * Returns the pixel height for a virtual list row.
+ *
+ * Items use `ITEM_ROW_HEIGHT` (32px content + 4px top gap).
+ * The first group header uses `FIRST_GROUP_HEADER_ROW_HEIGHT` (24px, no gap above).
+ * Subsequent group headers use `GROUP_HEADER_ROW_HEIGHT` (24px + 8px top gap).
+ */
+export declare const getRowHeight: (index: number, rowProps: RowRendererData) => number;
+//# sourceMappingURL=conversation-row.d.ts.map

package/utils/conversation-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-row.d.ts","sourceRoot":"","sources":["../../src/utils/conversation-row.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,eAAe,EAAkB,MAAM,uBAAuB,CAAC;AAE7E,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAErC,eAAO,MAAM,gBAAgB,GAAI,GAAG,MAAM,WAA+B,CAAC;AAE1E,sGAAsG;AACtG,eAAO,MAAM,mBAAmB,GAC9B,YAAY,OAAO,EACnB,YAAY,OAAO,KAClB,MAIF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,GACvB,OAAO,MAAM,EACb,UAAU,eAAe,KACxB,MAIF,CAAC"}

package/utils/drag.d.ts

@@ -0,0 +1,26 @@
+import { DragEvent } from 'react';
+import { ConversationHistoryItem } from '../models/panel-props';
+import { VirtualRow } from '../models/virtual-row';
+import { ConversationGroupKey } from '../types/conversation-group-key';
+import { ConversationSource } from '../types/conversation-source';
+/** Maps a `ConversationSource` to its corresponding `ConversationGroupKey`. */
+export declare const sourceToGroupKey: (source?: ConversationSource) => ConversationGroupKey;
+/** Returns the `ConversationGroupKey` of the virtual row containing the given item id. */
+export declare const findGroupKeyForItem: (rows: VirtualRow[], id: string) => ConversationGroupKey | null;
+/**
+ * Returns the set of groups that are valid drop targets for the given dragged item.
+ *
+ * Rules:
+ * - Same group as the drag source is always allowed (reorder).
+ * - Any non-Pinned group → Pinned is allowed (pin action).
+ * - Pinned → non-Pinned is allowed only when the item's `source` matches the target group (unpin action).
+ */
+export declare const computeAllowedDropGroups: (draggedId: string, draggingGroupKey: ConversationGroupKey | null, conversations: ConversationHistoryItem[]) => Set<ConversationGroupKey>;
+/**
+ * Computes the `afterId` for a drop based on cursor vertical position within a row.
+ *
+ * - Bottom half of the row → insert after the item (`afterId = itemId`).
+ * - Top half → insert before the item (`afterId` = id of the preceding item in the group, or `null` for first).
+ */
+export declare const getDropAfterId: (e: Pick<DragEvent, "currentTarget" | "clientY">, itemId: string, rows: VirtualRow[], targetGroupKey: ConversationGroupKey) => string | null;
+//# sourceMappingURL=drag.d.ts.map

package/utils/drag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag.d.ts","sourceRoot":"","sources":["../../src/utils/drag.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAGlE,+EAA+E;AAC/E,eAAO,MAAM,gBAAgB,GAC3B,SAAS,kBAAkB,KAC1B,oBASF,CAAC;AAEF,0FAA0F;AAC1F,eAAO,MAAM,mBAAmB,GAC9B,MAAM,UAAU,EAAE,EAClB,IAAI,MAAM,KACT,oBAAoB,GAAG,IAUzB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,wBAAwB,GACnC,WAAW,MAAM,EACjB,kBAAkB,oBAAoB,GAAG,IAAI,EAC7C,eAAe,uBAAuB,EAAE,KACvC,GAAG,CAAC,oBAAoB,CAiB1B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,cAAc,GACzB,GAAG,IAAI,CAAC,SAAS,EAAE,eAAe,GAAG,SAAS,CAAC,EAC/C,QAAQ,MAAM,EACd,MAAM,UAAU,EAAE,EAClB,gBAAgB,oBAAoB,KACnC,MAAM,GAAG,IAkBX,CAAC"}