@epam/ai-dial-attachment-input 1.1.0-dev.127 → 1.1.0-dev.128
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/index.js +7 -7
- package/package.json +2 -2
package/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
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
3
|
import { IconClipboard as f, IconDownload as p, IconExternalLink as m, IconFile as h, IconFileDescription as g, IconFileTypeBmp as _, IconFileTypeCss as v, IconFileTypeCsv as y, IconFileTypeDoc as b, IconFileTypeDocx as x, IconFileTypeHtml as S, IconFileTypeJpg as C, IconFileTypeJs as w, IconFileTypeJsx as T, IconFileTypePdf as E, IconFileTypePhp as D, IconFileTypePng as O, IconFileTypePpt as k, IconFileTypeRs as A, IconFileTypeSql as j, IconFileTypeSvg as M, IconFileTypeTs as N, IconFileTypeTsx as P, IconFileTypeTxt as F, IconFileTypeVue as I, IconFileTypeXls as L, IconFileTypeXml as R, IconFileTypeZip as z, IconFileX as B, IconMusic as ee, IconPaperclip as V, IconPhoto as H, IconReload as te, IconTerminal2 as ne, IconVideo as re, IconX as ie } from "@tabler/icons-react";
|
|
4
|
-
import { DIAL_ICON_SIZE as U,
|
|
4
|
+
import { DIAL_ICON_SIZE as U, ElementSize as ae, GhostIconButton as oe, Highlight as se, Skeleton as ce, SkeletonVariant as le, Spinner as ue, StaticIconButton as de } from "@epam/ai-dial-ui-kit";
|
|
5
5
|
import { Fragment as fe, jsx as W, jsxs as G } from "react/jsx-runtime";
|
|
6
6
|
//#region src/utils/attachment.ts
|
|
7
7
|
var K = () => `${Date.now()}-${Math.random().toString(36).slice(2)}`, pe = (e) => {
|
|
@@ -118,7 +118,7 @@ var K = () => `${Date.now()}-${Math.random().toString(36).slice(2)}`, pe = (e) =
|
|
|
118
118
|
imageActionButton: "_imageActionButton_3jao2_47"
|
|
119
119
|
}, Y = ({ ariaLabel: e, errorTitle: t, errorDescId: n, onClick: r, id: i, icon: o, className: s }) => /* @__PURE__ */ W(de, {
|
|
120
120
|
icon: o,
|
|
121
|
-
size:
|
|
121
|
+
size: ae.Small,
|
|
122
122
|
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", J.actionButton, s),
|
|
123
123
|
"aria-label": e,
|
|
124
124
|
"aria-describedby": t ? n : void 0,
|
|
@@ -161,7 +161,7 @@ var K = () => `${Date.now()}-${Math.random().toString(36).slice(2)}`, pe = (e) =
|
|
|
161
161
|
}, [t]), te = a(Se, "group/attachment-tile relative flex-col justify-between items-start gap-1 overflow-hidden p-1.5", J.tile, !N && J.hovered, y && J.selected, N && J.tileError), ne = /* @__PURE__ */ W("div", {
|
|
162
162
|
title: V,
|
|
163
163
|
className: a(E?.nameClassName ?? "dial-caption-text", "line-clamp-2 min-w-0 break-all", J.nameText, !N && B),
|
|
164
|
-
children: n ? /* @__PURE__ */ W(
|
|
164
|
+
children: n ? /* @__PURE__ */ W(se, {
|
|
165
165
|
text: V,
|
|
166
166
|
query: n,
|
|
167
167
|
maxLines: 2
|
|
@@ -287,8 +287,8 @@ var K = () => `${Date.now()}-${Math.random().toString(36).slice(2)}`, pe = (e) =
|
|
|
287
287
|
id: h,
|
|
288
288
|
className: J.imageActionButton
|
|
289
289
|
}),
|
|
290
|
-
w !== X.Loaded && /* @__PURE__ */ W(
|
|
291
|
-
variant:
|
|
290
|
+
w !== X.Loaded && /* @__PURE__ */ W(ce, {
|
|
291
|
+
variant: le.Rectangular,
|
|
292
292
|
width: "100%",
|
|
293
293
|
height: "100%",
|
|
294
294
|
active: w === X.Loading,
|
|
@@ -406,12 +406,12 @@ var K = () => `${Date.now()}-${Math.random().toString(36).slice(2)}`, pe = (e) =
|
|
|
406
406
|
className: a(S?.headerLabelClassName ?? "dial-tiny-semi-text", Q.headerLabel),
|
|
407
407
|
children: j
|
|
408
408
|
})]
|
|
409
|
-
}), e.length >= 2 && (o || n) && /* @__PURE__ */ W(
|
|
409
|
+
}), e.length >= 2 && (o || n) && /* @__PURE__ */ W(oe, {
|
|
410
410
|
icon: /* @__PURE__ */ W(p, {
|
|
411
411
|
size: U.SM,
|
|
412
412
|
"aria-hidden": !0
|
|
413
413
|
}),
|
|
414
|
-
size:
|
|
414
|
+
size: ae.Small,
|
|
415
415
|
"aria-label": g,
|
|
416
416
|
onClick: M
|
|
417
417
|
})]
|
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.128",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./index.js",
|
|
@@ -17,7 +17,7 @@
|
|
|
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.128",
|
|
21
21
|
"@tabler/icons-react": "^3.44.0",
|
|
22
22
|
"react": "^19.0.0",
|
|
23
23
|
"@epam/ai-dial-ui-kit": "^0.13.0-dev.26"
|