@top-message/ui-lib 2.23.21 → 2.23.22

package/dist/index.js

@@ -70015,7 +70015,7 @@ const bpt = (e) => {
       y && !(Array.isArray(y) && !y.filter((E) => E).length) && /* @__PURE__ */ h("div", { className: V0.children, children: y })
     ] });
   }
-), Fht = "_wrapper_18de8_1", Wht = "_thumbnail_18de8_5", Jht = "_document_18de8_16", Yht = "_image_18de8_20", qht = "_video_18de8_24", Kht = "_audio_18de8_28", Qht = "_archive_18de8_32", Uht = "_unknown_18de8_36", $ht = "_icon_18de8_40", _ht = "_previewImage_18de8_44", ebt = "_fileName_18de8_51", tbt = "_small_18de8_64", nbt = "_medium_18de8_68", rbt = "_large_18de8_72", abt = "_clickable_18de8_77", obt = "_disabled_18de8_93", ibt = "_removeButton_18de8_112", sbt = "_removeIcon_18de8_131", lbt = "_right_18de8_138", cbt = "_left_18de8_143", ubt = "_card_18de8_148", cr = {
+), Fht = "_wrapper_1txog_1", Wht = "_thumbnail_1txog_6", Jht = "_document_1txog_17", Yht = "_image_1txog_21", qht = "_video_1txog_25", Kht = "_audio_1txog_29", Qht = "_archive_1txog_33", Uht = "_unknown_1txog_37", $ht = "_icon_1txog_41", _ht = "_previewImage_1txog_45", ebt = "_fileName_1txog_52", tbt = "_small_1txog_65", nbt = "_medium_1txog_69", rbt = "_large_1txog_73", abt = "_clickable_1txog_78", obt = "_disabled_1txog_94", ibt = "_removeButton_1txog_113", sbt = "_removeIcon_1txog_132", lbt = "_right_1txog_139", cbt = "_left_1txog_144", ubt = "_card_1txog_149", cr = {
   wrapper: Fht,
   thumbnail: Wht,
   document: Jht,
@@ -70065,13 +70065,14 @@ const bpt = (e) => {
   disabled: l = !1,
   onRemove: c,
   removeButtonPosition: f = "right",
-  loading: v = !1
+  loading: v = !1,
+  plainView: d = !1
 }) => {
-  const d = Lt(() => fbt(e), [e]), C = Lt(() => e === "image", [e]), p = Lt(() => i && C, [i, C]), m = () => {
+  const C = Lt(() => fbt(e), [e]), p = Lt(() => e === "image", [e]), m = Lt(() => i && p, [i, p]), g = () => {
     !l && o && o();
-  }, g = (M) => {
-    M.stopPropagation(), !l && c && c();
-  }, b = Lt(
+  }, b = (L) => {
+    L.stopPropagation(), !l && c && c();
+  }, y = Lt(
     () => ({
       small: 16,
       medium: 24,
@@ -70079,7 +70080,7 @@ const bpt = (e) => {
       xlarge: 48
     })[n],
     [n]
-  ), y = Lt(
+  ), w = Lt(
     () => ({
       small: 32,
       medium: 48,
@@ -70087,19 +70088,19 @@ const bpt = (e) => {
       xlarge: 96
     })[n],
     [n]
-  ), w = p && !v ? /* @__PURE__ */ h(
+  ), M = m && !v ? /* @__PURE__ */ h(
     s1e,
     {
       src: i,
       className: cr.previewImage,
       preview: !1,
-      width: y
+      width: w
     }
   ) : /* @__PURE__ */ h(
     "div",
     {
       className: `${cr.thumbnail} ${cr[e] || ""}`,
-      style: { width: y, height: y },
+      style: { width: w, height: w },
       children: v ? /* @__PURE__ */ h(
         $dt,
         {
@@ -70110,8 +70111,8 @@ const bpt = (e) => {
       ) : /* @__PURE__ */ h(
         It,
         {
-          name: d,
-          size: b,
+          name: C,
+          size: y,
           className: cr.icon
         }
       )
@@ -70129,20 +70130,20 @@ const bpt = (e) => {
     `,
       title: t,
       style: a,
-      onClick: m,
+      onClick: g,
       children: [
         c && /* @__PURE__ */ h(
           $n,
           {
             className: `${cr.removeButton} ${cr[f]}`,
-            onClick: g,
+            onClick: b,
             disabled: l,
             type: "minimal",
             size: "xsmall",
             iconName: "dismiss"
           }
         ),
-        s && t ? /* @__PURE__ */ ye(
+        s && t || !d ? /* @__PURE__ */ ye(
           Hvt,
           {
             withEmptyHeader: !0,
@@ -70154,16 +70155,16 @@ const bpt = (e) => {
               border: "1px solid var(--slate-300)"
             },
             bodyStyles: {
-              padding: "var(--scale-1) var(--scale-2) var(--scale-1) var(--scale-1)",
+              padding: t ? "var(--scale-1) var(--scale-2) var(--scale-1) var(--scale-1)" : "var(--scale-1half)",
               marginTop: 0
             },
             className: cr.card,
             children: [
-              w,
-              /* @__PURE__ */ h("div", { className: cr.fileName, children: t })
+              M,
+              t && /* @__PURE__ */ h("div", { className: cr.fileName, children: t })
             ]
           }
-        ) : w
+        ) : M
       ]
     }
   );