@epam/ai-dial-attachment-input 1.1.0-dev.11 → 1.1.0-dev.17

package/components/AttachmentCard/AttachmentCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentCard.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentCard/AttachmentCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAW,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAMxE,8GAA8G;AAC9G,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAgFlD,CAAC"}
+{"version":3,"file":"AttachmentCard.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentCard/AttachmentCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAW,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAMxE,8GAA8G;AAC9G,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAkFlD,CAAC"}

package/components/AttachmentCard/Attachments/Audio.d.ts

@@ -4,13 +4,17 @@ import { AttachmentCardLabels, AttachmentCardStyles } from '../../../models/atta
 interface AudioAttachmentProps {
     attachment: DisplayAttachment;
     searchQuery?: string;
+    /** Called when the user clicks the card body — opens the attachment canvas. */
     onClick?: (id: string) => void;
-    shouldAlwaysShowActions?: boolean;
+    /** Called when the user clicks the download button. */
+    onDownload?: (id: string) => void;
+    /** Called when the user clicks the remove button. */
+    onRemove?: (id: string) => void;
     labels?: AttachmentCardLabels;
     styles?: AttachmentCardStyles;
     cssVars?: CSSProperties;
 }
-/** Square tile for a single audio attachment inside the composer tray. */
+/** Widescreen tile for a single audio attachment inside the composer tray. */
 export declare const AudioAttachment: FC<AudioAttachmentProps>;
 export {};
 //# sourceMappingURL=Audio.d.ts.map

package/components/AttachmentCard/Attachments/Audio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Audio.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentCard/Attachments/Audio.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EAGlB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,iCAAiC,CAAC;AAIzC,UAAU,oBAAoB;IAC5B,UAAU,EAAE,iBAAiB,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AACD,0EAA0E;AAC1E,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAyDpD,CAAC"}
+{"version":3,"file":"Audio.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentCard/Attachments/Audio.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EAGlB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,EAAsB,MAAM,OAAO,CAAC;AACnE,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,iCAAiC,CAAC;AAIzC,UAAU,oBAAoB;IAC5B,UAAU,EAAE,iBAAiB,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,uDAAuD;IACvD,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,8EAA8E;AAC9E,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAuFpD,CAAC"}

package/index.js

@@ -165,33 +165,51 @@ var ue = 5, de = 4, fe = "flex size-[84px] items-center justify-center rounded-x
 	}),
 	className: X.hoverIcon,
 	...e
-}), De = ({ attachment: e, searchQuery: t = "", onClick: r, labels: i, styles: a, cssVars: s }) => {
-	let { clickLabel: c = "Open attachment" } = i ?? {}, { typography: l, className: u } = a ?? {};
+}), De = ({ attachment: e, searchQuery: t = "", onClick: r, onDownload: i, onRemove: a, labels: s, styles: c, cssVars: l }) => {
+	let { clickLabel: u = "Open attachment", downloadLabel: d = "Download attachment", removeLabel: f = "Remove attachment" } = s ?? {}, { typography: p, className: m } = c ?? {}, h = () => {
+		r?.(e.id);
+	};
 	return /* @__PURE__ */ q("div", {
-		style: s,
-		className: o("group flex w-full min-w-[280px] max-w-[300px] flex-col gap-2 rounded-xl border p-3", u),
-		children: [/* @__PURE__ */ q("div", {
-			className: "flex items-center justify-between gap-2",
-			children: [/* @__PURE__ */ K("span", {
+		style: l,
+		...r == null ? {} : {
+			role: "button",
+			tabIndex: 0,
+			"aria-label": u,
+			onClick: h,
+			onKeyDown: (e) => {
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), h());
+			}
+		},
+		className: o("group relative flex w-full min-w-[280px] max-w-[300px] flex-col gap-2 rounded-xl border p-3", r && "cursor-pointer", (i || a) && "pe-8", m),
+		children: [
+			/* @__PURE__ */ K("span", {
 				title: e.name,
-				className: o(l?.fontClassName ?? "dial-tiny-text", "min-w-0 truncate", X.nameText),
+				className: o(p?.fontClassName ?? "dial-tiny-text", "min-w-0 truncate", X.nameText),
 				children: t ? /* @__PURE__ */ K(n, {
 					text: e.name,
 					query: t,
 					maxLines: 1
 				}) : e.name
-			}), r && /* @__PURE__ */ K(we, {
-				ariaLabel: c,
-				onClick: r,
+			}),
+			e.playUrl && /* @__PURE__ */ K("audio", {
+				controls: !0,
+				src: e.playUrl,
+				"aria-label": e.name,
+				className: "w-full",
+				preload: "metadata",
+				onClick: (e) => e.stopPropagation()
+			}),
+			i && /* @__PURE__ */ K(we, {
+				ariaLabel: d,
+				onClick: i,
 				id: e.id
-			})]
-		}), e.playUrl && /* @__PURE__ */ K("audio", {
-			controls: !0,
-			src: e.playUrl,
-			"aria-label": e.name,
-			className: "w-full",
-			preload: "metadata"
-		})]
+			}),
+			a && /* @__PURE__ */ K(Ee, {
+				ariaLabel: f,
+				onClick: a,
+				id: e.id
+			})
+		]
 	});
 }, Oe = {
 	[e.Network]: "Upload failed · network error",
@@ -362,6 +380,8 @@ var ue = 5, de = 4, fe = "flex size-[84px] items-center justify-center rounded-x
 		attachment: e,
 		labels: l,
 		onClick: s,
+		onDownload: c,
+		onRemove: r,
 		searchQuery: n,
 		styles: d,
 		cssVars: h

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-attachment-input",
   "description": "File attachment input components with upload validation, drag-and-drop, and progress tracking",
-  "version": "1.1.0-dev.11",
+  "version": "1.1.0-dev.17",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -17,7 +17,7 @@
     }
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.1.0-dev.11",
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.17",
     "@epam/ai-dial-ui-kit": "0.12.0-dev.36",
     "@tabler/icons-react": "^3.44.0",
     "react": "^19.0.0"