@epam/ai-dial-attachment-input 1.1.0-dev.75 → 1.1.0-dev.78
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.
- package/components/AttachmentCard/AttachmentCard.d.ts.map +1 -1
- package/components/AttachmentCard/Attachments/Actions.d.ts +1 -1
- package/components/AttachmentCard/Attachments/Actions.d.ts.map +1 -1
- package/components/AttachmentCard/Attachments/Audio.d.ts +2 -0
- package/components/AttachmentCard/Attachments/Audio.d.ts.map +1 -1
- package/components/AttachmentCard/Attachments/File.d.ts.map +1 -1
- package/components/AttachmentCard/Attachments/Image.d.ts +2 -0
- package/components/AttachmentCard/Attachments/Image.d.ts.map +1 -1
- package/components/AttachmentGroup/AttachmentGroup.d.ts.map +1 -1
- package/index.css +1 -1
- package/index.js +216 -209
- package/models/attachment-card.d.ts +8 -2
- package/models/attachment-card.d.ts.map +1 -1
- package/models/attachment-file-row.d.ts +2 -0
- package/models/attachment-file-row.d.ts.map +1 -1
- package/models/attachment-group.d.ts +2 -0
- package/models/attachment-group.d.ts.map +1 -1
- package/package.json +3 -3
|
@@ -1 +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,
|
|
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,CAyFlD,CAAC"}
|
|
@@ -15,7 +15,7 @@ interface ActionProps {
|
|
|
15
15
|
/** ID of the attachment to retry. */
|
|
16
16
|
id?: string;
|
|
17
17
|
}
|
|
18
|
-
/**
|
|
18
|
+
/** Action button for completed uploads. */
|
|
19
19
|
export declare const ActionButton: FC<ActionProps>;
|
|
20
20
|
/** Retry button for failed uploads. */
|
|
21
21
|
export declare const ReloadAction: FC<Omit<ActionProps, 'icon'>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Actions.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentCard/Attachments/Actions.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,EAAmB,MAAM,OAAO,CAAC;AAG5D,UAAU,WAAW;IACnB,wCAAwC;IACxC,IAAI,EAAE,SAAS,CAAC;IAChB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oDAAoD;IACpD,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,qCAAqC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,
|
|
1
|
+
{"version":3,"file":"Actions.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentCard/Attachments/Actions.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,EAAmB,MAAM,OAAO,CAAC;AAG5D,UAAU,WAAW;IACnB,wCAAwC;IACxC,IAAI,EAAE,SAAS,CAAC;IAChB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oDAAoD;IACpD,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,qCAAqC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,2CAA2C;AAC3C,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,WAAW,CAyBxC,CAAC;AAEF,uCAAuC;AACvC,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAQtD,CAAC;AAEF,6CAA6C;AAC7C,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAOxD,CAAC;AAEF,mDAAmD;AACnD,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAOxD,CAAC;AAEF,qCAAqC;AACrC,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAQtD,CAAC"}
|
|
@@ -13,6 +13,8 @@ interface AudioAttachmentProps {
|
|
|
13
13
|
labels?: AttachmentCardLabels;
|
|
14
14
|
styles?: AttachmentCardStyles;
|
|
15
15
|
cssVars?: CSSProperties;
|
|
16
|
+
/** Whether this attachment is the one currently open in the canvas panel. Renders the tile's selected visual state. */
|
|
17
|
+
isSelected?: boolean;
|
|
16
18
|
}
|
|
17
19
|
/** Widescreen tile for a single audio attachment inside the composer tray. */
|
|
18
20
|
export declare const AudioAttachment: FC<AudioAttachmentProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Audio.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentCard/Attachments/Audio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAgB,MAAM,2BAA2B,CAAC;AAE5E,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;
|
|
1
|
+
{"version":3,"file":"Audio.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentCard/Attachments/Audio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAgB,MAAM,2BAA2B,CAAC;AAE5E,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;IACxB,uHAAuH;IACvH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,8EAA8E;AAC9E,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAyFpD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"File.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentCard/Attachments/File.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"File.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentCard/Attachments/File.tsx"],"names":[],"mappings":"AAOA,OAAO,EACL,KAAK,EAAE,EAKR,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAmB/E,2HAA2H;AAC3H,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAsNlD,CAAC"}
|
|
@@ -10,6 +10,8 @@ interface ImageAttachmentProps {
|
|
|
10
10
|
styles?: AttachmentCardStyles;
|
|
11
11
|
cssVars?: CSSProperties;
|
|
12
12
|
onDownload?: (id: string) => void;
|
|
13
|
+
/** Whether this attachment is the one currently open in the canvas panel. Renders the tile's selected visual state. */
|
|
14
|
+
isSelected?: boolean;
|
|
13
15
|
}
|
|
14
16
|
/** Square tile for a single image attachment inside the composer tray. */
|
|
15
17
|
export declare const ImageAttachment: FC<ImageAttachmentProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentCard/Attachments/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EAElB,MAAM,2BAA2B,CAAC;AAOnC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,EAA+B,MAAM,OAAO,CAAC;AAM5E,OAAO,KAAK,EACV,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,iCAAiC,CAAC;AAKzC,UAAU,oBAAoB;IAC5B,UAAU,EAAE,iBAAiB,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentCard/Attachments/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EAElB,MAAM,2BAA2B,CAAC;AAOnC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,EAA+B,MAAM,OAAO,CAAC;AAM5E,OAAO,KAAK,EACV,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,iCAAiC,CAAC;AAKzC,UAAU,oBAAoB;IAC5B,UAAU,EAAE,iBAAiB,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,uHAAuH;IACvH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,0EAA0E;AAC1E,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAmHpD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AttachmentGroup.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentGroup/AttachmentGroup.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAqB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,+BAA+B,CAAC;AASvC,iIAAiI;AACjI,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,
|
|
1
|
+
{"version":3,"file":"AttachmentGroup.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentGroup/AttachmentGroup.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAqB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,+BAA+B,CAAC;AASvC,iIAAiI;AACjI,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAwKpD,CAAC"}
|
package/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.
|
|
1
|
+
._tile_yap03_1{background:var(--ai-tile-bg,var(--bg-layer-raised,#fcfcfc));border-color:var(--ai-tile-border,var(--stroke-secondary,#d1dbea))}._tile_yap03_1._hovered_yap03_5:hover{background:var(--ai-tile-bg-hover,var(--bg-control-neutral-hover,#e0e6f0))}._tile_yap03_1:focus-visible{outline-color:var(--ai-tile-focus-outline,var(--stroke-focus,#161b2d))}._selected_yap03_12{background:var(--ai-tile-bg-selected,var(--bg-control-accent-alpha,#2764d90f));border-color:var(--ai-tile-border-selected,var(--stroke-accent-alpha,#2764d933))}._tileError_yap03_17{background:var(--ai-tile-bg-error,var(--bg-error,#f3d6d8));border-color:var(--ai-tile-border-error,var(--stroke-error,#ae2f2f))}._nameText_yap03_22{color:var(--ai-tile-name-text,var(--text-primary,#161b2d))}._typeText_yap03_26{color:var(--ai-tile-type-text,var(--text-secondary,#6b7280))}._retryIcon_yap03_30{color:var(--ai-tile-error-text,var(--text-error,#ae2f2f))}._track_yap03_34{background:var(--ai-tile-progress-track,var(--bg-backdrop,#161b2db2))}._imageActionButton_yap03_38{background:var(--ai-tile-hover-icon-bg,var(--bg-layer-base,#f5f7fa));color:var(--ai-tile-hover-icon-color,var(--text-secondary,#6b7280))}._tile_1qzn0_1{background:var(--ai-more-tile-bg,var(--bg-layer-2,#eef1f7));border-color:var(--ai-more-tile-border,var(--stroke-secondary,#d1dbea));color:var(--ai-more-tile-color,var(--text-secondary,#6b7280))}._tile_1qzn0_1:hover{background:var(--ai-more-tile-bg-hover,var(--bg-accent-primary-alpha,#7da4ff2e));color:var(--ai-more-tile-color-hover,var(--text-accent,#1d4ed8));border-color:var(--ai-more-tile-border-hover,color-mix(in srgb, var(--stroke-accent-primary-hover,#7da4ff) 50%, transparent))}._tile_1qzn0_1:focus-visible{outline-color:var(--ai-more-tile-focus-outline,var(--stroke-focus,#161b2d))}._container_jvs4c_1{background:var(--ai-group-bg,var(--bg-layer-2,#eef1f7));border-color:var(--ai-group-border,var(--stroke-secondary,#d1dbea))}._headerIcon_jvs4c_6,._headerLabel_jvs4c_7,._downloadAllButton_jvs4c_8{color:var(--ai-group-text,var(--text-secondary,#6b7280))}._overlay_1lz3x_1{background:var(--ai-fd-bg,var(--bg-backdrop,#0c101d4d))}._icon_1lz3x_5{color:var(--ai-fd-icon,var(--text-accent-primary,#124ace))}._deniedIcon_1lz3x_9{color:var(--ai-fd-denied-icon,var(--text-error,#ae2f2f))}
|
|
2
2
|
/*$vite$:1*/
|
package/index.js
CHANGED
|
@@ -1,35 +1,35 @@
|
|
|
1
1
|
import { AttachmentErrorReason as e, AttachmentType as t, MIME_TYPE_EXT_MAP as n, RequestStatus as r, buildCssVars as i, mergeClasses as a } from "@epam/ai-dial-chat-shared";
|
|
2
2
|
import { useCallback as o, useEffect as s, useId as c, useMemo as l, useRef as u, useState as d } from "react";
|
|
3
|
-
import { IconChevronUp as f, IconClipboard as p, IconDownload as m, IconExternalLink as h, IconFile as g, IconFileDescription as _, IconFileTypeBmp as v, IconFileTypeCss as y, IconFileTypeCsv as b, IconFileTypeDoc as x, IconFileTypeDocx as S, IconFileTypeHtml as C, IconFileTypeJpg as w, IconFileTypeJs as T, IconFileTypeJsx as E, IconFileTypePdf as D, IconFileTypePhp as O, IconFileTypePng as k, IconFileTypePpt as A, IconFileTypeRs as j, IconFileTypeSql as M, IconFileTypeSvg as N, IconFileTypeTs as P, IconFileTypeTsx as F, IconFileTypeTxt as I, IconFileTypeVue as L, IconFileTypeXls as R, IconFileTypeXml as z, IconFileTypeZip as B, IconFileX as
|
|
4
|
-
import { DIAL_ICON_SIZE as W, DialGhostIconButton as ae, DialSkeleton as oe, DialSkeletonVariant as se,
|
|
3
|
+
import { IconChevronUp as f, IconClipboard as p, IconDownload as m, IconExternalLink as h, IconFile as g, IconFileDescription as _, IconFileTypeBmp as v, IconFileTypeCss as y, IconFileTypeCsv as b, IconFileTypeDoc as x, IconFileTypeDocx as S, IconFileTypeHtml as C, IconFileTypeJpg as w, IconFileTypeJs as T, IconFileTypeJsx as E, IconFileTypePdf as D, IconFileTypePhp as O, IconFileTypePng as k, IconFileTypePpt as A, IconFileTypeRs as j, IconFileTypeSql as M, IconFileTypeSvg as N, IconFileTypeTs as P, IconFileTypeTsx as F, IconFileTypeTxt as I, IconFileTypeVue as L, IconFileTypeXls as R, IconFileTypeXml as z, IconFileTypeZip as B, IconFileX as ee, IconMusic as te, IconPaperclip as ne, IconPhoto as V, IconReload as H, IconTerminal2 as U, IconVideo as re, IconX as ie } from "@tabler/icons-react";
|
|
4
|
+
import { DIAL_ICON_SIZE as W, DialGhostIconButton as ae, DialSkeleton as oe, DialSkeletonVariant as se, DialSpinner as ce, ElementSize as le, Highlight as ue, StaticIconButton as de } from "@epam/ai-dial-ui-kit";
|
|
5
5
|
import { Fragment as G, jsx as K, jsxs as q } from "react/jsx-runtime";
|
|
6
6
|
//#region src/constants/attachment-group.ts
|
|
7
|
-
var
|
|
7
|
+
var fe = 5, pe = 4, me = "flex size-[84px] items-center justify-center rounded-xl border", J = /* @__PURE__ */ function(e) {
|
|
8
8
|
return e.None = "none", e.AllVisible = "all-visible", e.Collapsed = "collapsed", e;
|
|
9
|
-
}({}),
|
|
9
|
+
}({}), he = () => `${Date.now()}-${Math.random().toString(36).slice(2)}`, ge = (e) => {
|
|
10
10
|
if (e == null) return "";
|
|
11
11
|
let t = e.lastIndexOf(".");
|
|
12
12
|
return t > 0 ? e.slice(0, t) : e;
|
|
13
|
-
},
|
|
13
|
+
}, _e = {
|
|
14
14
|
image: "Image files",
|
|
15
15
|
audio: "Audio files",
|
|
16
16
|
video: "Video files",
|
|
17
17
|
text: "Text files"
|
|
18
|
-
},
|
|
18
|
+
}, ve = (e, t = _e) => e.map((e) => {
|
|
19
19
|
if (e.endsWith("/*")) {
|
|
20
20
|
let n = e.slice(0, -2);
|
|
21
21
|
return t[n] ?? `${n} files`;
|
|
22
22
|
}
|
|
23
23
|
let n = e.split("/")[1];
|
|
24
24
|
return n == null ? e.toUpperCase() : n.toUpperCase();
|
|
25
|
-
}).join(", "),
|
|
25
|
+
}).join(", "), ye = (e, t) => t.length === 0 ? !1 : t.some((t) => {
|
|
26
26
|
if (t === "*" || t === "*/*") return !0;
|
|
27
27
|
if (t.endsWith("/*")) {
|
|
28
28
|
let n = t.slice(0, -2);
|
|
29
29
|
return e.startsWith(`${n}/`);
|
|
30
30
|
}
|
|
31
31
|
return e === t;
|
|
32
|
-
}),
|
|
32
|
+
}), be = (e) => {
|
|
33
33
|
if (!e) return g;
|
|
34
34
|
if (e.startsWith("image/")) switch (e) {
|
|
35
35
|
case "image/jpeg":
|
|
@@ -37,10 +37,10 @@ var ue = 5, de = 4, fe = "flex size-[84px] items-center justify-center rounded-x
|
|
|
37
37
|
case "image/png": return k;
|
|
38
38
|
case "image/svg+xml": return N;
|
|
39
39
|
case "image/bmp": return v;
|
|
40
|
-
default: return
|
|
40
|
+
default: return V;
|
|
41
41
|
}
|
|
42
42
|
if (e.startsWith("video/")) return re;
|
|
43
|
-
if (e.startsWith("audio/")) return
|
|
43
|
+
if (e.startsWith("audio/")) return te;
|
|
44
44
|
switch (e) {
|
|
45
45
|
case "application/pdf": return D;
|
|
46
46
|
case "application/msword":
|
|
@@ -78,21 +78,21 @@ var ue = 5, de = 4, fe = "flex size-[84px] items-center justify-center rounded-x
|
|
|
78
78
|
case "text/x-vue": return L;
|
|
79
79
|
default: return g;
|
|
80
80
|
}
|
|
81
|
-
},
|
|
81
|
+
}, xe = (e) => {
|
|
82
82
|
let { type: n, contentType: r } = e;
|
|
83
|
-
return n === t.Prompt ?
|
|
84
|
-
},
|
|
83
|
+
return n === t.Prompt ? U : n === t.Pasted ? p : n === t.Image ? V : be(r ?? "");
|
|
84
|
+
}, Se = (e) => {
|
|
85
85
|
let t = e.toLowerCase().split(";")[0].trim(), r = n[t];
|
|
86
86
|
if (r) return r;
|
|
87
87
|
let i = t.split("/")[1];
|
|
88
88
|
if (i && !i.startsWith("vnd.") && !i.includes("+")) return i;
|
|
89
|
-
},
|
|
89
|
+
}, Ce = (e, n) => {
|
|
90
90
|
let { type: r, name: i, contentType: a } = e;
|
|
91
91
|
if (r === t.Prompt) return n.promptLabel ?? "Prompt";
|
|
92
92
|
if (r === t.Pasted) return n.pastedLabel ?? "Pasted";
|
|
93
93
|
if (r === t.Image) return n.imageLabel ?? "Image";
|
|
94
94
|
if (a) {
|
|
95
|
-
let e =
|
|
95
|
+
let e = Se(a);
|
|
96
96
|
if (e) return `.${e}`;
|
|
97
97
|
}
|
|
98
98
|
let o = i.lastIndexOf(".");
|
|
@@ -105,10 +105,10 @@ var ue = 5, de = 4, fe = "flex size-[84px] items-center justify-center rounded-x
|
|
|
105
105
|
isImage: u,
|
|
106
106
|
isAudio: d,
|
|
107
107
|
isLink: f,
|
|
108
|
-
BottomIcon: f ? null :
|
|
109
|
-
typeLabel: f ? null :
|
|
108
|
+
BottomIcon: f ? null : xe(e),
|
|
109
|
+
typeLabel: f ? null : Ce(e, n)
|
|
110
110
|
};
|
|
111
|
-
},
|
|
111
|
+
}, we = (e, t) => e <= 0 ? {
|
|
112
112
|
layout: J.None,
|
|
113
113
|
visibleCount: 0,
|
|
114
114
|
hiddenCount: 0
|
|
@@ -121,53 +121,52 @@ var ue = 5, de = 4, fe = "flex size-[84px] items-center justify-center rounded-x
|
|
|
121
121
|
visibleCount: 4,
|
|
122
122
|
hiddenCount: e - 4
|
|
123
123
|
}, X = {
|
|
124
|
-
tile: "
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
track: "
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
}, Z = ({ ariaLabel: e, errorTitle: t, errorDescId: n, onClick: r, id: i, icon: o, className: s }) => /* @__PURE__ */ K(ae, {
|
|
124
|
+
tile: "_tile_yap03_1",
|
|
125
|
+
hovered: "_hovered_yap03_5",
|
|
126
|
+
selected: "_selected_yap03_12",
|
|
127
|
+
tileError: "_tileError_yap03_17",
|
|
128
|
+
nameText: "_nameText_yap03_22",
|
|
129
|
+
typeText: "_typeText_yap03_26",
|
|
130
|
+
retryIcon: "_retryIcon_yap03_30",
|
|
131
|
+
track: "_track_yap03_34",
|
|
132
|
+
imageActionButton: "_imageActionButton_yap03_38"
|
|
133
|
+
}, Z = ({ ariaLabel: e, errorTitle: t, errorDescId: n, onClick: r, id: i, icon: o, className: s }) => /* @__PURE__ */ K(de, {
|
|
135
134
|
icon: o,
|
|
136
|
-
size:
|
|
137
|
-
className: a("absolute end-1 top-1
|
|
135
|
+
size: le.Small,
|
|
136
|
+
className: a("absolute end-1 top-1 opacity-0 focus-visible:opacity-100 group-focus-within/attachment-tile:opacity-100 group-hover/attachment-tile:opacity-100", s),
|
|
138
137
|
"aria-label": e,
|
|
139
138
|
"aria-describedby": t ? n : void 0,
|
|
140
139
|
onClick: (e) => {
|
|
141
140
|
e.stopPropagation(), r(i);
|
|
142
141
|
}
|
|
143
|
-
}),
|
|
144
|
-
icon: /* @__PURE__ */ K(
|
|
142
|
+
}), Te = ({ ...e }) => /* @__PURE__ */ K(Z, {
|
|
143
|
+
icon: /* @__PURE__ */ K(H, {
|
|
145
144
|
size: W.SM,
|
|
146
145
|
"aria-hidden": !0
|
|
147
146
|
}),
|
|
148
147
|
className: X.retryIcon,
|
|
149
148
|
...e
|
|
150
|
-
}),
|
|
149
|
+
}), Ee = ({ ...e }) => /* @__PURE__ */ K(Z, {
|
|
151
150
|
icon: /* @__PURE__ */ K(m, {
|
|
152
151
|
size: W.SM,
|
|
153
152
|
"aria-hidden": !0
|
|
154
153
|
}),
|
|
155
154
|
...e
|
|
156
|
-
}),
|
|
155
|
+
}), De = ({ ...e }) => /* @__PURE__ */ K(Z, {
|
|
157
156
|
icon: /* @__PURE__ */ K(h, {
|
|
158
157
|
size: W.SM,
|
|
159
158
|
"aria-hidden": !0
|
|
160
159
|
}),
|
|
161
160
|
...e
|
|
162
|
-
}),
|
|
161
|
+
}), Oe = ({ ...e }) => /* @__PURE__ */ K(Z, {
|
|
163
162
|
icon: /* @__PURE__ */ K(ie, {
|
|
164
163
|
size: W.SM,
|
|
165
164
|
"aria-hidden": !0
|
|
166
165
|
}),
|
|
167
166
|
className: X.hoverIcon,
|
|
168
167
|
...e
|
|
169
|
-
}),
|
|
170
|
-
let { clickLabel:
|
|
168
|
+
}), ke = ({ attachment: e, searchQuery: t = "", onClick: n, onDownload: r, onRemove: i, labels: o, styles: s, cssVars: c, isSelected: l }) => {
|
|
169
|
+
let { clickLabel: u = "Open attachment", downloadLabel: d = "Download attachment", removeLabel: f = "Remove attachment" } = o ?? {}, { typography: p, className: m } = s ?? {}, h = () => {
|
|
171
170
|
n?.(e.id);
|
|
172
171
|
};
|
|
173
172
|
return /* @__PURE__ */ q("div", {
|
|
@@ -175,18 +174,18 @@ var ue = 5, de = 4, fe = "flex size-[84px] items-center justify-center rounded-x
|
|
|
175
174
|
...n == null ? {} : {
|
|
176
175
|
role: "button",
|
|
177
176
|
tabIndex: 0,
|
|
178
|
-
"aria-label":
|
|
179
|
-
onClick:
|
|
177
|
+
"aria-label": u,
|
|
178
|
+
onClick: h,
|
|
180
179
|
onKeyDown: (e) => {
|
|
181
|
-
(e.key === "Enter" || e.key === " ") && (e.preventDefault(),
|
|
180
|
+
(e.key === "Enter" || e.key === " ") && (e.preventDefault(), h());
|
|
182
181
|
}
|
|
183
182
|
},
|
|
184
|
-
className: a("group relative flex w-full min-w-[280px] max-w-[300px] flex-col gap-2 rounded-xl border p-3", n && "cursor-pointer", (r || i) && "pe-8",
|
|
183
|
+
className: a("group/attachment-tile relative flex w-full min-w-[280px] max-w-[300px] flex-col gap-2 rounded-xl border p-3", n && "cursor-pointer", (r || i) && "pe-8", l && X.selected, m),
|
|
185
184
|
children: [
|
|
186
185
|
/* @__PURE__ */ K("span", {
|
|
187
186
|
title: e.name,
|
|
188
|
-
className: a(
|
|
189
|
-
children: t ? /* @__PURE__ */ K(
|
|
187
|
+
className: a(p?.fontClassName ?? "dial-tiny-text", "min-w-0 truncate", X.nameText),
|
|
188
|
+
children: t ? /* @__PURE__ */ K(ue, {
|
|
190
189
|
text: e.name,
|
|
191
190
|
query: t,
|
|
192
191
|
maxLines: 1
|
|
@@ -200,102 +199,102 @@ var ue = 5, de = 4, fe = "flex size-[84px] items-center justify-center rounded-x
|
|
|
200
199
|
preload: "metadata",
|
|
201
200
|
onClick: (e) => e.stopPropagation()
|
|
202
201
|
}),
|
|
203
|
-
r && /* @__PURE__ */ K(
|
|
204
|
-
ariaLabel:
|
|
202
|
+
r && /* @__PURE__ */ K(Ee, {
|
|
203
|
+
ariaLabel: d,
|
|
205
204
|
onClick: r,
|
|
206
205
|
id: e.id
|
|
207
206
|
}),
|
|
208
|
-
i && /* @__PURE__ */ K(
|
|
209
|
-
ariaLabel:
|
|
207
|
+
i && /* @__PURE__ */ K(Oe, {
|
|
208
|
+
ariaLabel: f,
|
|
210
209
|
onClick: i,
|
|
211
210
|
id: e.id
|
|
212
211
|
})
|
|
213
212
|
]
|
|
214
213
|
});
|
|
215
|
-
},
|
|
214
|
+
}, Ae = {
|
|
216
215
|
[e.Network]: "Upload failed · network error",
|
|
217
216
|
[e.UnsupportedType]: "Upload failed · unsupported file type"
|
|
218
|
-
},
|
|
219
|
-
let { clickLabel:
|
|
220
|
-
(e.key === "Enter" || e.key === " ") && (e.preventDefault(),
|
|
221
|
-
},
|
|
222
|
-
window.open(
|
|
223
|
-
}, [
|
|
224
|
-
title:
|
|
225
|
-
className: a(
|
|
226
|
-
children:
|
|
227
|
-
}), U =
|
|
228
|
-
className: a("flex w-full items-center gap-1",
|
|
229
|
-
children: [/* @__PURE__ */ K(
|
|
217
|
+
}, je = ({ attachment: n, onClick: i, onRetry: s, labels: u, styles: d, onDownload: f, isPasted: p, isLink: m, cssVars: h, onExpand: g, isExpandable: _, onRemove: v, isSelected: y }) => {
|
|
218
|
+
let { clickLabel: b = "Download attachment", retryLabel: x = "Retry upload", sizeLabel: S, uploadingLabel: C = "Uploading", errorReasonLabels: w, genericErrorLabel: T = "Upload failed" } = u ?? {}, { typography: E, className: D } = d ?? {}, { id: O, name: k, status: A, errorReason: j } = n, M = A === r.Loading, N = A === r.Error, P = c(), F = N ? j && (w?.[j] ?? Ae[j]) || T : "", { BottomIcon: I, typeLabel: L } = Y(n), R = !N && !M && f && !m, z = N && !!s && j !== e.UnsupportedType, B = R || z ? "pe-5" : void 0, ee = (e) => {
|
|
219
|
+
(e.key === "Enter" || e.key === " ") && (e.preventDefault(), i?.(n.id));
|
|
220
|
+
}, te = l(() => p ? k : ge(k), [p, k]), ne = o(() => {
|
|
221
|
+
window.open(n.referenceUrl, "_blank", "noopener,noreferrer");
|
|
222
|
+
}, [n]), V = a(me, "group/attachment-tile relative flex-col justify-between items-start gap-1 overflow-hidden p-1.5", X.tile, (n.type === t.Prompt || n.type === t.Pasted) && "hovered", y && X.selected, N && X.tileError), H = /* @__PURE__ */ K("div", {
|
|
223
|
+
title: te,
|
|
224
|
+
className: a(E?.nameClassName ?? "dial-caption-text", "line-clamp-2 min-w-0 break-all", X.nameText, !N && B),
|
|
225
|
+
children: te
|
|
226
|
+
}), U = I && /* @__PURE__ */ q("div", {
|
|
227
|
+
className: a("flex w-full items-center gap-1", N && B),
|
|
228
|
+
children: [/* @__PURE__ */ K(I, {
|
|
230
229
|
size: 16,
|
|
231
230
|
className: X.typeText,
|
|
232
231
|
"aria-hidden": !0
|
|
233
232
|
}), /* @__PURE__ */ K("span", {
|
|
234
|
-
className: a(
|
|
235
|
-
children:
|
|
233
|
+
className: a(E?.metaClassName ?? "dial-caption-text", "min-w-0 flex-1 truncate", X.typeText),
|
|
234
|
+
children: S ? `${L} · ${S}` : L
|
|
236
235
|
})]
|
|
237
|
-
}),
|
|
238
|
-
|
|
239
|
-
},
|
|
240
|
-
|
|
241
|
-
|
|
236
|
+
}), re = () => {
|
|
237
|
+
_ && g ? g(O) : i && i(O);
|
|
238
|
+
}, ie = /* @__PURE__ */ q(G, { children: [
|
|
239
|
+
N ? /* @__PURE__ */ q(G, { children: [U, H] }) : /* @__PURE__ */ q(G, { children: [H, U] }),
|
|
240
|
+
M && /* @__PURE__ */ K("div", {
|
|
242
241
|
role: "progressbar",
|
|
243
|
-
"aria-label":
|
|
242
|
+
"aria-label": C,
|
|
244
243
|
className: a("absolute inset-x-2 bottom-2 h-[3px] overflow-hidden rounded-full", X.track),
|
|
245
|
-
children: /* @__PURE__ */ K(
|
|
244
|
+
children: /* @__PURE__ */ K(ce, { size: 32 })
|
|
246
245
|
}),
|
|
247
|
-
|
|
248
|
-
ariaLabel:
|
|
249
|
-
errorTitle:
|
|
250
|
-
errorDescId:
|
|
251
|
-
onClick:
|
|
252
|
-
id:
|
|
246
|
+
R && /* @__PURE__ */ K(Ee, {
|
|
247
|
+
ariaLabel: b,
|
|
248
|
+
errorTitle: F,
|
|
249
|
+
errorDescId: P,
|
|
250
|
+
onClick: f,
|
|
251
|
+
id: O
|
|
253
252
|
}),
|
|
254
|
-
|
|
255
|
-
ariaLabel:
|
|
256
|
-
errorTitle:
|
|
257
|
-
errorDescId:
|
|
258
|
-
onClick:
|
|
259
|
-
id:
|
|
253
|
+
z && /* @__PURE__ */ K(Te, {
|
|
254
|
+
ariaLabel: x,
|
|
255
|
+
errorTitle: F,
|
|
256
|
+
errorDescId: P,
|
|
257
|
+
onClick: s,
|
|
258
|
+
id: O
|
|
260
259
|
}),
|
|
261
|
-
|
|
262
|
-
ariaLabel:
|
|
263
|
-
errorTitle:
|
|
264
|
-
errorDescId:
|
|
265
|
-
onClick:
|
|
260
|
+
m && /* @__PURE__ */ K(De, {
|
|
261
|
+
ariaLabel: x,
|
|
262
|
+
errorTitle: F,
|
|
263
|
+
errorDescId: P,
|
|
264
|
+
onClick: ne
|
|
266
265
|
}),
|
|
267
|
-
|
|
268
|
-
ariaLabel:
|
|
269
|
-
errorTitle:
|
|
270
|
-
errorDescId:
|
|
271
|
-
onClick:
|
|
272
|
-
id:
|
|
266
|
+
v && /* @__PURE__ */ K(Oe, {
|
|
267
|
+
ariaLabel: x,
|
|
268
|
+
errorTitle: F,
|
|
269
|
+
errorDescId: P,
|
|
270
|
+
onClick: v,
|
|
271
|
+
id: O
|
|
273
272
|
}),
|
|
274
|
-
|
|
275
|
-
id:
|
|
273
|
+
N && /* @__PURE__ */ K("span", {
|
|
274
|
+
id: P,
|
|
276
275
|
role: "status",
|
|
277
276
|
"aria-live": "polite",
|
|
278
277
|
className: "sr-only",
|
|
279
|
-
children:
|
|
278
|
+
children: F
|
|
280
279
|
})
|
|
281
280
|
] });
|
|
282
281
|
return /* @__PURE__ */ K("div", {
|
|
283
|
-
style:
|
|
284
|
-
className: a("inline-flex",
|
|
282
|
+
style: h,
|
|
283
|
+
className: a("inline-flex", D),
|
|
285
284
|
children: /* @__PURE__ */ K("div", {
|
|
286
285
|
role: "button",
|
|
287
286
|
tabIndex: 0,
|
|
288
|
-
"aria-label":
|
|
289
|
-
onClick:
|
|
290
|
-
onKeyDown:
|
|
291
|
-
style:
|
|
292
|
-
className: a(
|
|
293
|
-
children:
|
|
287
|
+
"aria-label": b,
|
|
288
|
+
onClick: re,
|
|
289
|
+
onKeyDown: ee,
|
|
290
|
+
style: h,
|
|
291
|
+
className: a(V, "cursor-pointer focus-within:outline focus-within:outline-1 focus-within:outline-offset-1"),
|
|
292
|
+
children: ie
|
|
294
293
|
})
|
|
295
294
|
});
|
|
296
295
|
}, Q = /* @__PURE__ */ function(e) {
|
|
297
296
|
return e.Idle = "idle", e.Loading = "loading", e.Loaded = "loaded", e.Error = "error", e;
|
|
298
|
-
}({}),
|
|
297
|
+
}({}), Me = ({ enabled: e, src: t }) => {
|
|
299
298
|
let n = u(null), [r, i] = d("idle");
|
|
300
299
|
return s(() => {
|
|
301
300
|
i(e && t ? "loading" : "idle");
|
|
@@ -310,15 +309,15 @@ var ue = 5, de = 4, fe = "flex size-[84px] items-center justify-center rounded-x
|
|
|
310
309
|
imageRef: n,
|
|
311
310
|
imageLoadStatus: r
|
|
312
311
|
};
|
|
313
|
-
},
|
|
314
|
-
let { clickLabel:
|
|
312
|
+
}, Ne = ({ attachment: e, onExpand: n, onClick: r, labels: i, onRemove: o, cssVars: s, onDownload: c, styles: u, isSelected: d }) => {
|
|
313
|
+
let { clickLabel: f = "Open attachment", expandLabel: p = "Expand pasted text" } = i ?? {}, { className: m } = u ?? {}, { id: h, name: g } = e, _ = e.previewUrl ?? e.url, v = e.type === t.Pasted && n !== void 0, { isLoading: y, isError: b, isImage: x } = l(() => Y(e), [e]), S = r !== void 0 && !v && !y && !b, { imageRef: C, imageLoadStatus: w } = Me({
|
|
315
314
|
enabled: x,
|
|
316
315
|
src: _
|
|
317
316
|
}), T = () => {
|
|
318
317
|
v && n ? n(h) : S && r && r(h);
|
|
319
318
|
};
|
|
320
319
|
return /* @__PURE__ */ K("div", {
|
|
321
|
-
className: a(
|
|
320
|
+
className: a(me, "group/attachment-tile", S && "cursor-pointer", X.tile, d && X.selected, m),
|
|
322
321
|
onClick: T,
|
|
323
322
|
onKeyDown: (e) => {
|
|
324
323
|
(e.key === "Enter" || e.key === " ") && (e.preventDefault(), T());
|
|
@@ -326,26 +325,28 @@ var ue = 5, de = 4, fe = "flex size-[84px] items-center justify-center rounded-x
|
|
|
326
325
|
tabIndex: 0,
|
|
327
326
|
role: "button",
|
|
328
327
|
style: s,
|
|
329
|
-
"aria-label": S ?
|
|
328
|
+
"aria-label": S ? f : v ? p : void 0,
|
|
330
329
|
children: /* @__PURE__ */ q("div", {
|
|
331
330
|
className: "relative h-full w-full overflow-hidden",
|
|
332
331
|
children: [
|
|
333
|
-
o && /* @__PURE__ */ K(
|
|
332
|
+
o && /* @__PURE__ */ K(Oe, {
|
|
334
333
|
onClick: o,
|
|
335
|
-
id: h
|
|
334
|
+
id: h,
|
|
335
|
+
className: X.imageActionButton
|
|
336
336
|
}),
|
|
337
|
-
c && /* @__PURE__ */ K(
|
|
337
|
+
c && /* @__PURE__ */ K(Ee, {
|
|
338
338
|
onClick: c,
|
|
339
|
-
id: h
|
|
339
|
+
id: h,
|
|
340
|
+
className: X.imageActionButton
|
|
340
341
|
}),
|
|
341
342
|
w !== Q.Loaded && /* @__PURE__ */ K(oe, {
|
|
342
343
|
variant: se.Rectangular,
|
|
343
344
|
width: "100%",
|
|
344
345
|
height: "100%",
|
|
345
346
|
active: w === Q.Loading,
|
|
346
|
-
overlay: /* @__PURE__ */ K(
|
|
347
|
+
overlay: /* @__PURE__ */ K(V, {
|
|
347
348
|
size: W.LG,
|
|
348
|
-
className:
|
|
349
|
+
className: X.typeText,
|
|
349
350
|
"aria-hidden": !0
|
|
350
351
|
}),
|
|
351
352
|
className: "absolute inset-0 rounded-xl"
|
|
@@ -361,23 +362,26 @@ var ue = 5, de = 4, fe = "flex size-[84px] items-center justify-center rounded-x
|
|
|
361
362
|
]
|
|
362
363
|
})
|
|
363
364
|
});
|
|
364
|
-
},
|
|
365
|
-
let { colors:
|
|
366
|
-
"--
|
|
367
|
-
"--
|
|
368
|
-
"--
|
|
369
|
-
"--
|
|
370
|
-
"--
|
|
371
|
-
"--
|
|
372
|
-
"--
|
|
373
|
-
"--
|
|
374
|
-
"--
|
|
375
|
-
"--
|
|
376
|
-
"--
|
|
377
|
-
"--
|
|
378
|
-
"--
|
|
379
|
-
|
|
380
|
-
|
|
365
|
+
}, Pe = ({ attachment: e, searchQuery: n = "", onRemove: r, onRetry: a, onExpand: o, onClick: s, onDownload: c, labels: u, styles: d, isSelected: f }) => {
|
|
366
|
+
let { colors: p } = d ?? {}, m = e.type === t.Pasted, h = m && o !== void 0, g = i({
|
|
367
|
+
"--ai-tile-bg": p?.background,
|
|
368
|
+
"--ai-tile-border": p?.border,
|
|
369
|
+
"--ai-tile-bg-hover": p?.backgroundHover,
|
|
370
|
+
"--ai-tile-border-hover": p?.borderHover,
|
|
371
|
+
"--ai-tile-bg-selected": p?.backgroundSelected,
|
|
372
|
+
"--ai-tile-border-selected": p?.borderSelected,
|
|
373
|
+
"--ai-tile-focus-outline": p?.focusOutline,
|
|
374
|
+
"--ai-tile-bg-error": p?.backgroundError,
|
|
375
|
+
"--ai-tile-border-error": p?.borderError,
|
|
376
|
+
"--ai-tile-error-text": p?.errorText,
|
|
377
|
+
"--ai-tile-name-text": p?.nameText,
|
|
378
|
+
"--ai-tile-type-text": p?.typeText,
|
|
379
|
+
"--ai-tile-hover-icon-bg": p?.hoverIconBackground,
|
|
380
|
+
"--ai-tile-hover-icon-color": p?.hoverIconColor,
|
|
381
|
+
"--ai-tile-progress-track": p?.trackBackground,
|
|
382
|
+
"--ai-tile-fill-bg": p?.fillBackground
|
|
383
|
+
}), { isImage: _, isAudio: v, isLink: y } = l(() => Y(e), [e]);
|
|
384
|
+
return v ? /* @__PURE__ */ K(ke, {
|
|
381
385
|
attachment: e,
|
|
382
386
|
labels: u,
|
|
383
387
|
onClick: s,
|
|
@@ -385,31 +389,34 @@ var ue = 5, de = 4, fe = "flex size-[84px] items-center justify-center rounded-x
|
|
|
385
389
|
onRemove: r,
|
|
386
390
|
searchQuery: n,
|
|
387
391
|
styles: d,
|
|
388
|
-
cssVars:
|
|
389
|
-
|
|
392
|
+
cssVars: g,
|
|
393
|
+
isSelected: f
|
|
394
|
+
}) : _ ? /* @__PURE__ */ K(Ne, {
|
|
390
395
|
attachment: e,
|
|
391
396
|
labels: u,
|
|
392
397
|
onClick: s,
|
|
393
398
|
onExpand: o,
|
|
394
399
|
styles: d,
|
|
395
400
|
onRemove: r,
|
|
396
|
-
cssVars:
|
|
397
|
-
onDownload: c
|
|
398
|
-
|
|
401
|
+
cssVars: g,
|
|
402
|
+
onDownload: c,
|
|
403
|
+
isSelected: f
|
|
404
|
+
}) : /* @__PURE__ */ K(je, {
|
|
399
405
|
attachment: e,
|
|
400
406
|
onClick: s,
|
|
401
407
|
onRetry: a,
|
|
402
408
|
onRemove: r,
|
|
403
409
|
onDownload: c,
|
|
404
|
-
isLink:
|
|
405
|
-
isPasted:
|
|
410
|
+
isLink: y,
|
|
411
|
+
isPasted: m,
|
|
406
412
|
styles: d,
|
|
407
413
|
labels: u,
|
|
408
414
|
onExpand: o,
|
|
409
|
-
cssVars:
|
|
410
|
-
isExpandable:
|
|
415
|
+
cssVars: g,
|
|
416
|
+
isExpandable: h,
|
|
417
|
+
isSelected: f
|
|
411
418
|
});
|
|
412
|
-
},
|
|
419
|
+
}, Fe = ({ attachments: e, onRemove: t, onRetry: n, onExpand: r, onAttachmentClick: i, labels: o, styles: s }) => {
|
|
413
420
|
let { ariaLabel: c = "Attached files", removeLabel: l, retryLabel: u, clickLabel: d } = o ?? {}, { className: f } = s ?? {};
|
|
414
421
|
return e.length === 0 ? null : /* @__PURE__ */ K("div", {
|
|
415
422
|
role: "list",
|
|
@@ -417,7 +424,7 @@ var ue = 5, de = 4, fe = "flex size-[84px] items-center justify-center rounded-x
|
|
|
417
424
|
className: a("flex w-full min-w-0 gap-2 overflow-x-auto", f),
|
|
418
425
|
children: e.map((e) => /* @__PURE__ */ K("div", {
|
|
419
426
|
role: "listitem",
|
|
420
|
-
children: /* @__PURE__ */ K(
|
|
427
|
+
children: /* @__PURE__ */ K(Pe, {
|
|
421
428
|
attachment: e,
|
|
422
429
|
onRemove: t,
|
|
423
430
|
onRetry: n,
|
|
@@ -431,63 +438,62 @@ var ue = 5, de = 4, fe = "flex size-[84px] items-center justify-center rounded-x
|
|
|
431
438
|
})
|
|
432
439
|
}, e.id))
|
|
433
440
|
});
|
|
434
|
-
},
|
|
441
|
+
}, Ie = { tile: "_tile_1qzn0_1" }, Le = ({ count: e, onClick: t, labels: n, children: r, styles: o }) => {
|
|
435
442
|
let { ariaLabel: s } = n ?? {}, { typography: { fontClassName: c = "dial-small-semi-text" } = {}, className: l, colors: u } = o ?? {}, d = i({
|
|
436
|
-
"--
|
|
437
|
-
"--
|
|
438
|
-
"--
|
|
439
|
-
"--
|
|
440
|
-
"--
|
|
441
|
-
"--
|
|
442
|
-
"--
|
|
443
|
+
"--ai-more-tile-bg": u?.background,
|
|
444
|
+
"--ai-more-tile-border": u?.border,
|
|
445
|
+
"--ai-more-tile-color": u?.color,
|
|
446
|
+
"--ai-more-tile-bg-hover": u?.backgroundHover,
|
|
447
|
+
"--ai-more-tile-color-hover": u?.colorHover,
|
|
448
|
+
"--ai-more-tile-border-hover": u?.borderHover,
|
|
449
|
+
"--ai-more-tile-focus-outline": u?.focusOutline
|
|
443
450
|
});
|
|
444
451
|
return /* @__PURE__ */ K("button", {
|
|
445
452
|
type: "button",
|
|
446
453
|
onClick: t,
|
|
447
454
|
"aria-label": s ?? `Show ${e} more attachments`,
|
|
448
455
|
style: d,
|
|
449
|
-
className: a(
|
|
456
|
+
className: a(me, c, Ie.tile, l),
|
|
450
457
|
children: r ?? /* @__PURE__ */ K("bdi", {
|
|
451
458
|
dir: "ltr",
|
|
452
459
|
children: `+${e}`
|
|
453
460
|
})
|
|
454
461
|
});
|
|
455
462
|
}, $ = {
|
|
456
|
-
container: "
|
|
457
|
-
headerIcon: "
|
|
458
|
-
headerLabel: "
|
|
459
|
-
downloadAllButton: "
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
"--
|
|
464
|
-
"--
|
|
465
|
-
|
|
466
|
-
}), [k, A] = d(!1), j = l(() => Se(e.length, k), [e.length, k]);
|
|
463
|
+
container: "_container_jvs4c_1",
|
|
464
|
+
headerIcon: "_headerIcon_jvs4c_6",
|
|
465
|
+
headerLabel: "_headerLabel_jvs4c_7",
|
|
466
|
+
downloadAllButton: "_downloadAllButton_jvs4c_8"
|
|
467
|
+
}, Re = (e, t) => `${e} ${t}${e === 1 ? "" : "s"}`, ze = ({ attachments: e, onAttachmentClick: n, onDownloadAll: o, onRetry: s, labels: c, styles: u, selectedAttachmentId: p }) => {
|
|
468
|
+
let { ariaLabel: h = "Attachments", clickLabel: _ = "Download attachment", retryLabel: v = "Retry upload", showLessLabel: y = "Show less", downloadAllLabel: b = "Download all", openInNewTabLabel: x, getHeaderLabel: S = (e) => Re(e, "attachment"), promptLabel: C, pastedLabel: w, imageLabel: T } = c ?? {}, { typography: { headerLabelClassName: E = "dial-tiny-semi-text" } = {}, colors: D, className: O } = u ?? {}, k = i({
|
|
469
|
+
"--ai-group-bg": D?.background,
|
|
470
|
+
"--ai-group-border": D?.border,
|
|
471
|
+
"--ai-group-text": D?.text
|
|
472
|
+
}), [A, j] = d(!1), M = l(() => we(e.length, A), [e.length, A]);
|
|
467
473
|
if (e.length === 0) return null;
|
|
468
|
-
let
|
|
474
|
+
let N = e.some((e) => e.type === t.Image), P = e.some((e) => e.type !== t.Image), F = N && P, I = e.length >= 5, L = F ? ne : N ? V : g, R = S(e.length), z = e.slice(0, M.visibleCount), B = () => {
|
|
469
475
|
let t = e.filter((e) => e.status === r.Idle);
|
|
470
476
|
o ? o(t) : t.forEach((e) => n?.(e.id));
|
|
471
|
-
},
|
|
477
|
+
}, ee = (t) => {
|
|
472
478
|
let n = e.find((e) => e.id === t);
|
|
473
479
|
n && o?.([n]);
|
|
474
480
|
};
|
|
475
481
|
return /* @__PURE__ */ q("div", {
|
|
476
482
|
role: "group",
|
|
477
|
-
"aria-label":
|
|
478
|
-
style:
|
|
479
|
-
className: a("rounded-2xl border p-3",
|
|
483
|
+
"aria-label": h,
|
|
484
|
+
style: k,
|
|
485
|
+
className: a("rounded-2xl border p-3", I ? "w-full min-w-0 max-w-[492px]" : "max-w-[420px]", $.container, O),
|
|
480
486
|
children: [/* @__PURE__ */ q("div", {
|
|
481
487
|
className: "mb-3 flex min-h-6 items-center gap-2",
|
|
482
488
|
children: [
|
|
483
|
-
/* @__PURE__ */ K(
|
|
489
|
+
/* @__PURE__ */ K(L, {
|
|
484
490
|
size: W.SM,
|
|
485
491
|
className: a("shrink-0", $.headerIcon),
|
|
486
492
|
"aria-hidden": !0
|
|
487
493
|
}),
|
|
488
494
|
/* @__PURE__ */ K("span", {
|
|
489
|
-
className: a(
|
|
490
|
-
children:
|
|
495
|
+
className: a(E, $.headerLabel),
|
|
496
|
+
children: R
|
|
491
497
|
}),
|
|
492
498
|
e.length >= 2 && (o || n) && /* @__PURE__ */ K(ae, {
|
|
493
499
|
icon: /* @__PURE__ */ K(m, {
|
|
@@ -495,45 +501,46 @@ var ue = 5, de = 4, fe = "flex size-[84px] items-center justify-center rounded-x
|
|
|
495
501
|
"aria-hidden": !0
|
|
496
502
|
}),
|
|
497
503
|
className: a("ms-auto h-6 w-6 rounded-lg", $.downloadAllButton),
|
|
498
|
-
"aria-label":
|
|
499
|
-
onClick:
|
|
504
|
+
"aria-label": b,
|
|
505
|
+
onClick: B
|
|
500
506
|
})
|
|
501
507
|
]
|
|
502
508
|
}), /* @__PURE__ */ q("div", {
|
|
503
509
|
role: "list",
|
|
504
|
-
"aria-label":
|
|
505
|
-
className: a("gap-3",
|
|
510
|
+
"aria-label": R,
|
|
511
|
+
className: a("gap-3", I ? "grid grid-cols-[repeat(5,83px)] overflow-x-auto" : "flex flex-wrap"),
|
|
506
512
|
children: [
|
|
507
|
-
|
|
513
|
+
z.map((e, t) => /* @__PURE__ */ K("div", {
|
|
508
514
|
role: "listitem",
|
|
509
|
-
children: /* @__PURE__ */ K(
|
|
515
|
+
children: /* @__PURE__ */ K(Pe, {
|
|
510
516
|
attachment: e,
|
|
511
517
|
onClick: n,
|
|
512
|
-
onDownload:
|
|
518
|
+
onDownload: ee,
|
|
513
519
|
onRetry: s,
|
|
514
520
|
labels: {
|
|
515
|
-
clickLabel:
|
|
516
|
-
retryLabel:
|
|
517
|
-
promptLabel:
|
|
518
|
-
pastedLabel:
|
|
519
|
-
imageLabel:
|
|
520
|
-
openInNewTabLabel:
|
|
521
|
-
}
|
|
521
|
+
clickLabel: _,
|
|
522
|
+
retryLabel: v,
|
|
523
|
+
promptLabel: C,
|
|
524
|
+
pastedLabel: w,
|
|
525
|
+
imageLabel: T,
|
|
526
|
+
openInNewTabLabel: x
|
|
527
|
+
},
|
|
528
|
+
isSelected: e.id === p
|
|
522
529
|
})
|
|
523
530
|
}, `${e.id}-${t}`)),
|
|
524
|
-
|
|
531
|
+
M.layout === J.Collapsed && /* @__PURE__ */ K("div", {
|
|
525
532
|
role: "listitem",
|
|
526
|
-
children: /* @__PURE__ */ K(
|
|
527
|
-
count:
|
|
528
|
-
onClick: () =>
|
|
533
|
+
children: /* @__PURE__ */ K(Le, {
|
|
534
|
+
count: M.hiddenCount,
|
|
535
|
+
onClick: () => j(!0)
|
|
529
536
|
})
|
|
530
537
|
}),
|
|
531
|
-
|
|
538
|
+
I && A && /* @__PURE__ */ K("div", {
|
|
532
539
|
role: "listitem",
|
|
533
|
-
children: /* @__PURE__ */ K(
|
|
540
|
+
children: /* @__PURE__ */ K(Le, {
|
|
534
541
|
count: 0,
|
|
535
|
-
onClick: () =>
|
|
536
|
-
labels: { ariaLabel:
|
|
542
|
+
onClick: () => j(!1),
|
|
543
|
+
labels: { ariaLabel: y },
|
|
537
544
|
children: /* @__PURE__ */ K(f, {
|
|
538
545
|
size: W.MD,
|
|
539
546
|
"aria-hidden": !0
|
|
@@ -543,24 +550,24 @@ var ue = 5, de = 4, fe = "flex size-[84px] items-center justify-center rounded-x
|
|
|
543
550
|
]
|
|
544
551
|
})]
|
|
545
552
|
});
|
|
546
|
-
},
|
|
547
|
-
overlay: "
|
|
548
|
-
icon: "
|
|
549
|
-
deniedIcon: "
|
|
550
|
-
},
|
|
553
|
+
}, Be = {
|
|
554
|
+
overlay: "_overlay_1lz3x_1",
|
|
555
|
+
icon: "_icon_1lz3x_5",
|
|
556
|
+
deniedIcon: "_deniedIcon_1lz3x_9"
|
|
557
|
+
}, Ve = ({ isVisible: e, isAttachmentsAllowed: t = !0, labels: n, styles: r }) => {
|
|
551
558
|
let { title: o, subtitle: s } = n ?? {}, { colors: c, typography: l } = r ?? {};
|
|
552
559
|
if (!e) return null;
|
|
553
560
|
let u = i({
|
|
554
|
-
"--fd-bg": c?.background,
|
|
555
|
-
"--fd-icon": c?.icon,
|
|
556
|
-
"--fd-denied-icon": c?.deniedIcon
|
|
557
|
-
}), d = o ?? (t ? "Attach files" : "No attachments allowed"), f = s ?? (t ? "Drop files here to attach them to message" : "Attachments can't be added to message"), p = t ?
|
|
561
|
+
"--ai-fd-bg": c?.background,
|
|
562
|
+
"--ai-fd-icon": c?.icon,
|
|
563
|
+
"--ai-fd-denied-icon": c?.deniedIcon
|
|
564
|
+
}), d = o ?? (t ? "Attach files" : "No attachments allowed"), f = s ?? (t ? "Drop files here to attach them to message" : "Attachments can't be added to message"), p = t ? Be.icon : Be.deniedIcon, m = (e) => {
|
|
558
565
|
e.preventDefault();
|
|
559
|
-
}, h = t ? _ :
|
|
566
|
+
}, h = t ? _ : ee;
|
|
560
567
|
return /* @__PURE__ */ K("div", {
|
|
561
568
|
role: "status",
|
|
562
569
|
"aria-live": "polite",
|
|
563
|
-
className: a("fixed inset-0 z-[9999] flex items-center justify-center backdrop-blur-sm",
|
|
570
|
+
className: a("fixed inset-0 z-[9999] flex items-center justify-center backdrop-blur-sm", Be.overlay, t ? "pointer-events-none" : "pointer-events-auto cursor-not-allowed"),
|
|
564
571
|
onDragOver: t ? void 0 : m,
|
|
565
572
|
onDrop: t ? void 0 : m,
|
|
566
573
|
style: u,
|
|
@@ -583,7 +590,7 @@ var ue = 5, de = 4, fe = "flex size-[84px] items-center justify-center rounded-x
|
|
|
583
590
|
]
|
|
584
591
|
})
|
|
585
592
|
});
|
|
586
|
-
},
|
|
593
|
+
}, He = (e, n, i = {}) => {
|
|
587
594
|
let { screenshotName: a = "Screenshot.png", pastedTextName: s = "Pasted text" } = i;
|
|
588
595
|
return { handlePaste: o((i) => {
|
|
589
596
|
if (!i.clipboardData) return;
|
|
@@ -594,7 +601,7 @@ var ue = 5, de = 4, fe = "flex size-[84px] items-center justify-center rounded-x
|
|
|
594
601
|
let i = e.getAsFile();
|
|
595
602
|
if (!i) continue;
|
|
596
603
|
let o = new File([i], a, { type: i.type }), s = {
|
|
597
|
-
id:
|
|
604
|
+
id: he(),
|
|
598
605
|
name: a,
|
|
599
606
|
contentType: i.type,
|
|
600
607
|
file: o,
|
|
@@ -610,7 +617,7 @@ var ue = 5, de = 4, fe = "flex size-[84px] items-center justify-center rounded-x
|
|
|
610
617
|
let l = i.clipboardData.getData("text/plain");
|
|
611
618
|
if (l.length > n) {
|
|
612
619
|
let n = l.trim(), a = (n.length > 80 ? `${n.slice(0, 80).trimEnd()}…` : n) || s, o = new File([l], a, { type: "text/plain" }), c = {
|
|
613
|
-
id:
|
|
620
|
+
id: he(),
|
|
614
621
|
name: a,
|
|
615
622
|
contentType: "text/plain",
|
|
616
623
|
file: o,
|
|
@@ -625,6 +632,6 @@ var ue = 5, de = 4, fe = "flex size-[84px] items-center justify-center rounded-x
|
|
|
625
632
|
a,
|
|
626
633
|
s
|
|
627
634
|
]) };
|
|
628
|
-
},
|
|
635
|
+
}, Ue = 100;
|
|
629
636
|
//#endregion
|
|
630
|
-
export {
|
|
637
|
+
export { pe as ATTACHMENT_COLLAPSED_VISIBLE_COUNT, fe as ATTACHMENT_COLLAPSE_THRESHOLD, Pe as AttachmentCard, ze as AttachmentGroup, Le as AttachmentMoreTile, J as AttachmentTilesLayout, Fe as AttachmentTray, Ve as FileDndOverlay, Q as LazyImageLoadStatus, Ue as MAX_UPLOADS_PER_MINUTE, he as generateAttachmentId, Y as getAttachmentCardState, be as getAttachmentIcon, we as getAttachmentTilesPlan, Se as getExtFromContentType, ge as getNameWithoutExtension, ye as isMimeTypeAllowed, ve as mimeTypesToExtensionLabels, He as useClipboardPaste, Me as useLazyImageLoad };
|
|
@@ -32,8 +32,14 @@ export interface AttachmentCardColors {
|
|
|
32
32
|
background?: string;
|
|
33
33
|
/** Tile border color in the default state. */
|
|
34
34
|
border?: string;
|
|
35
|
+
/** Tile background color on hover. */
|
|
36
|
+
backgroundHover?: string;
|
|
35
37
|
/** Tile border color on hover. */
|
|
36
38
|
borderHover?: string;
|
|
39
|
+
/** Tile background color in the selected state. */
|
|
40
|
+
backgroundSelected?: string;
|
|
41
|
+
/** Tile border color in the selected state. */
|
|
42
|
+
borderSelected?: string;
|
|
37
43
|
/** Tile focus outline color. */
|
|
38
44
|
focusOutline?: string;
|
|
39
45
|
/** Tile background color in the error state. */
|
|
@@ -61,8 +67,6 @@ export interface AttachmentCardTypography {
|
|
|
61
67
|
fontClassName?: string;
|
|
62
68
|
/** Utility class applied to the bottom meta label (file type / status). Defaults to `'dial-tiny-text'`. */
|
|
63
69
|
metaClassName?: string;
|
|
64
|
-
/** Utility class applied to the placeholder icon shown while the image is loading. Defaults to `'text-secondary'`. */
|
|
65
|
-
placeholderIconClassName?: string;
|
|
66
70
|
}
|
|
67
71
|
/** Combined style overrides (colors, typography, and shape) for the `AttachmentCard` component. */
|
|
68
72
|
export interface AttachmentCardStyles {
|
|
@@ -112,5 +116,7 @@ export interface AttachmentCardProps {
|
|
|
112
116
|
styles?: AttachmentCardStyles;
|
|
113
117
|
/** Called when the user activates the download button. Receives the attachment `id`. */
|
|
114
118
|
onDownload?: (id: string) => void;
|
|
119
|
+
/** Whether this attachment is the one currently open in the canvas panel. Renders the tile's selected visual state. */
|
|
120
|
+
isSelected?: boolean;
|
|
115
121
|
}
|
|
116
122
|
//# sourceMappingURL=attachment-card.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"attachment-card.d.ts","sourceRoot":"","sources":["../../src/models/attachment-card.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAEhD,wGAAwG;AACxG,MAAM,WAAW,oBAAoB;IACnC,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,kFAAkF;AAClF,MAAM,WAAW,mBAAmB;IAClC,qDAAqD;IACrD,SAAS,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,OAAO,EAAE,OAAO,CAAC;IACjB,wEAAwE;IACxE,OAAO,EAAE,OAAO,CAAC;IACjB,2DAA2D;IAC3D,MAAM,EAAE,OAAO,CAAC;IAChB,oEAAoE;IACpE,OAAO,EAAE,OAAO,CAAC;IACjB,yDAAyD;IACzD,UAAU,EAAE,IAAI,GAAG,IAAI,CAAC;IACxB,sEAAsE;IACtE,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED,wEAAwE;AACxE,MAAM,WAAW,oBAAoB;IACnC,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gCAAgC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gDAAgD;IAChD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4CAA4C;IAC5C,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iCAAiC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8CAA8C;IAC9C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gDAAgD;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,+DAA+D;AAC/D,MAAM,WAAW,wBAAwB;IACvC,mFAAmF;IACnF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2GAA2G;IAC3G,aAAa,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"attachment-card.d.ts","sourceRoot":"","sources":["../../src/models/attachment-card.ts"],"names":[],"mappings":"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"}
|
|
@@ -56,5 +56,7 @@ export interface FileAttachmentProps {
|
|
|
56
56
|
cssVars?: CSSProperties;
|
|
57
57
|
/** Whether the attachment is expandable (vs. clickable). Defaults to `false`. */
|
|
58
58
|
isExpandable?: boolean;
|
|
59
|
+
/** Whether this attachment is the one currently open in the canvas panel. Renders the tile's selected visual state. */
|
|
60
|
+
isSelected?: boolean;
|
|
59
61
|
}
|
|
60
62
|
//# sourceMappingURL=attachment-file-row.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"attachment-file-row.d.ts","sourceRoot":"","sources":["../../src/models/attachment-file-row.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,iBAAiB,EAClB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,2DAA2D;AAC3D,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;IAChE,qFAAqF;IACrF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2KAA2K;IAC3K,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2FAA2F;IAC3F,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gJAAgJ;IAChJ,iBAAiB,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAC,CAAC;IACnE,oIAAoI;IACpI,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,+DAA+D;AAC/D,MAAM,WAAW,wBAAwB;IACvC,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iHAAiH;IACjH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,0DAA0D;AAC1D,MAAM,WAAW,oBAAoB;IACnC,kEAAkE;IAClE,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wDAAwD;AACxD,MAAM,WAAW,mBAAmB;IAClC,0DAA0D;IAC1D,UAAU,EAAE,iBAAiB,CAAC;IAC9B,kEAAkE;IAClE,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,oDAAoD;IACpD,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,wDAAwD;IACxD,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,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,qIAAqI;IACrI,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,mCAAmC;IACnC,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yDAAyD;IACzD,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,iFAAiF;IACjF,YAAY,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"attachment-file-row.d.ts","sourceRoot":"","sources":["../../src/models/attachment-file-row.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,iBAAiB,EAClB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,2DAA2D;AAC3D,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;IAChE,qFAAqF;IACrF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2KAA2K;IAC3K,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2FAA2F;IAC3F,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gJAAgJ;IAChJ,iBAAiB,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAC,CAAC;IACnE,oIAAoI;IACpI,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,+DAA+D;AAC/D,MAAM,WAAW,wBAAwB;IACvC,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iHAAiH;IACjH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,0DAA0D;AAC1D,MAAM,WAAW,oBAAoB;IACnC,kEAAkE;IAClE,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wDAAwD;AACxD,MAAM,WAAW,mBAAmB;IAClC,0DAA0D;IAC1D,UAAU,EAAE,iBAAiB,CAAC;IAC9B,kEAAkE;IAClE,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,oDAAoD;IACpD,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,wDAAwD;IACxD,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,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,qIAAqI;IACrI,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,mCAAmC;IACnC,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yDAAyD;IACzD,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,iFAAiF;IACjF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uHAAuH;IACvH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}
|
|
@@ -80,5 +80,7 @@ export interface AttachmentGroupProps {
|
|
|
80
80
|
labels?: AttachmentGroupLabels;
|
|
81
81
|
/** Style overrides for the group. */
|
|
82
82
|
styles?: AttachmentGroupStyles;
|
|
83
|
+
/** ID of the attachment currently open in the canvas panel, if any. Renders that tile's selected visual state. */
|
|
84
|
+
selectedAttachmentId?: string;
|
|
83
85
|
}
|
|
84
86
|
//# sourceMappingURL=attachment-group.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"attachment-group.d.ts","sourceRoot":"","sources":["../../src/models/attachment-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,6FAA6F;AAC7F,oBAAY,qBAAqB;IAC/B,sBAAsB;IACtB,IAAI,SAAS;IACb,mEAAmE;IACnE,UAAU,gBAAgB;IAC1B,oFAAoF;IACpF,SAAS,cAAc;CACxB;AAED,2DAA2D;AAC3D,MAAM,WAAW,mBAAmB;IAClC,gDAAgD;IAChD,MAAM,EAAE,qBAAqB,CAAC;IAC9B,0CAA0C;IAC1C,YAAY,EAAE,MAAM,CAAC;IACrB,4FAA4F;IAC5F,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,uEAAuE;AACvE,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB;IACjE,0EAA0E;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8FAA8F;IAC9F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kFAAkF;IAClF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oIAAoI;IACpI,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6HAA6H;IAC7H,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gGAAgG;IAChG,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5C;AAED,yEAAyE;AACzE,MAAM,WAAW,qBAAqB;IACpC,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,gEAAgE;AAChE,MAAM,WAAW,yBAAyB;IACxC,4GAA4G;IAC5G,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,2DAA2D;AAC3D,MAAM,WAAW,qBAAqB;IACpC,wDAAwD;IACxD,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,iDAAiD;IACjD,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,yDAAyD;AACzD,MAAM,WAAW,oBAAoB;IACnC,sEAAsE;IACtE,WAAW,EAAE,iBAAiB,EAAE,CAAC;IACjC,mGAAmG;IACnG,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,WAAW,EAAE,iBAAiB,EAAE,KAAK,IAAI,CAAC;IAC3D,oDAAoD;IACpD,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,gKAAgK;IAChK,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,qCAAqC;IACrC,MAAM,CAAC,EAAE,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"attachment-group.d.ts","sourceRoot":"","sources":["../../src/models/attachment-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,6FAA6F;AAC7F,oBAAY,qBAAqB;IAC/B,sBAAsB;IACtB,IAAI,SAAS;IACb,mEAAmE;IACnE,UAAU,gBAAgB;IAC1B,oFAAoF;IACpF,SAAS,cAAc;CACxB;AAED,2DAA2D;AAC3D,MAAM,WAAW,mBAAmB;IAClC,gDAAgD;IAChD,MAAM,EAAE,qBAAqB,CAAC;IAC9B,0CAA0C;IAC1C,YAAY,EAAE,MAAM,CAAC;IACrB,4FAA4F;IAC5F,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,uEAAuE;AACvE,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB;IACjE,0EAA0E;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8FAA8F;IAC9F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kFAAkF;IAClF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oIAAoI;IACpI,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6HAA6H;IAC7H,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gGAAgG;IAChG,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5C;AAED,yEAAyE;AACzE,MAAM,WAAW,qBAAqB;IACpC,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,gEAAgE;AAChE,MAAM,WAAW,yBAAyB;IACxC,4GAA4G;IAC5G,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,2DAA2D;AAC3D,MAAM,WAAW,qBAAqB;IACpC,wDAAwD;IACxD,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,iDAAiD;IACjD,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,yDAAyD;AACzD,MAAM,WAAW,oBAAoB;IACnC,sEAAsE;IACtE,WAAW,EAAE,iBAAiB,EAAE,CAAC;IACjC,mGAAmG;IACnG,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,WAAW,EAAE,iBAAiB,EAAE,KAAK,IAAI,CAAC;IAC3D,oDAAoD;IACpD,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,gKAAgK;IAChK,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,qCAAqC;IACrC,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,kHAAkH;IAClH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@epam/ai-dial-attachment-input",
|
|
3
3
|
"description": "File attachment input components with upload validation, drag-and-drop, and progress tracking",
|
|
4
|
-
"version": "1.1.0-dev.
|
|
4
|
+
"version": "1.1.0-dev.78",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./index.js",
|
|
@@ -17,10 +17,10 @@
|
|
|
17
17
|
}
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
20
|
-
"@epam/ai-dial-chat-shared": "1.1.0-dev.
|
|
20
|
+
"@epam/ai-dial-chat-shared": "1.1.0-dev.78",
|
|
21
21
|
"@tabler/icons-react": "^3.44.0",
|
|
22
22
|
"react": "^19.0.0",
|
|
23
|
-
"@epam/ai-dial-ui-kit": "^0.13.0-dev.
|
|
23
|
+
"@epam/ai-dial-ui-kit": "^0.13.0-dev.25"
|
|
24
24
|
},
|
|
25
25
|
"repository": {
|
|
26
26
|
"type": "git",
|