@ynput/ayon-frontend-shared 0.5.0 → 0.6.0

package/dist/DetailsPanel.es.js

@@ -1,12 +1,12 @@
 import { jsxs as k, jsx as i, Fragment as Ne } from "react/jsx-runtime";
 import { Toolbar as Me, Panel as gt, Button as X, Spacer as He, Icon as fe, getTextColor as Be, Dialog as ft, SEARCH_FILTER_ID as We, buildFilterId as ke, getFilterFromId as bt, SearchFilter as vt, AssigneeField as yt } from "@ynput/ayon-react-components";
-import { useEffect as W, useRef as Y, useMemo as I, useState as K, useContext as kt, useId as wt } from "react";
+import { useEffect as W, useRef as Y, useMemo as P, useState as K, useContext as kt, useId as wt } from "react";
 import S, { keyframes as xt } from "styled-components";
 import "./chunks/searchTerms.es.js";
-import { bk as St, bI as Ct, bW as Tt, cq as ze, bs as Ge, s as Nt, bM as Dt, c5 as It } from "./chunks/getUris.es.js";
+import { bl as St, bJ as Ct, bX as Tt, cr as ze, bt as Ge, s as Nt, bN as Dt, c6 as Pt } from "./chunks/getUris.es.js";
 import "primereact/confirmdialog";
-import { c as Pt, a as Et, H as Ft, G as jt, y as At, w as Qe, z as Ot, A as Rt, B as Ut, E as Vt, I as Lt, J as $t, W as _t, s as Mt } from "./chunks/Watchers.es.js";
-import { K as wa, N as xa, O as Sa, Q as Ca, T as Ta } from "./chunks/Watchers.es.js";
+import { c as It, a as Et, H as Ft, G as jt, y as At, w as Qe, z as Ot, A as Rt, B as Ut, E as Vt, I as Lt, J as $t, W as _t, s as Mt } from "./chunks/Watchers.es.js";
+import { K as Sa, N as Ca, O as Ta, Q as Na, T as Da } from "./chunks/Watchers.es.js";
 import { E as Ht, R as Bt, a as Wt } from "./chunks/EntityPath.es.js";
 import { T as zt, h as Gt, i as Qt, j as qt, e as Kt, b as Jt } from "./chunks/DeleteEntitiesContext.es.js";
 import { union as we, upperFirst as qe } from "lodash";
@@ -14,24 +14,26 @@ import "react-toastify";
 import "uuid";
 import { g as Xt, e as Yt } from "./chunks/extractEntityHierarchyFromParents.es.js";
 import { P as Ke } from "./chunks/ProjectContext.es.js";
-import { c as G, u as Zt, d as en, e as tn } from "./chunks/MenuContext.es.js";
+import { u as G, a as Zt } from "./chunks/DetailsPanelContext.es.js";
+import { u as en, c as tn } from "./chunks/MenuContext.es.js";
 import oe from "clsx";
 import { A as nn } from "./chunks/Actions.es.js";
 import { g as xe } from "./chunks/getEntityTypeIcon.es.js";
-import { P as sn, a as Je, m as an } from "./chunks/PlayableIcon.es.js";
-import { R as on } from "./chunks/RepresentationsList.es.js";
-import { I as rn } from "./chunks/InfoMessage.es.js";
-import { M as ln, a as cn } from "./chunks/Menu.es.js";
-import { D as dn } from "./chunks/DetailsDialog.es.js";
-import { u as un } from "./chunks/VersionUploadContext.es.js";
-import { p as pn } from "./chunks/pluralize.es.js";
-import { c as mn } from "./chunks/copyToClipboard.es.js";
-import { a as hn } from "./chunks/ProjectFoldersContext.es.js";
-import { F as gn, a as fn } from "./chunks/Feed.es.js";
-import { l as bn, e as vn } from "./chunks/MetaWidget.es.js";
+import { P as sn } from "./chunks/PlayableIcon.es.js";
+import { R as an } from "./chunks/RepresentationsList.es.js";
+import { I as on } from "./chunks/InfoMessage.es.js";
+import { M as rn, a as ln } from "./chunks/Menu.es.js";
+import { D as cn } from "./chunks/DetailsDialog.es.js";
+import { u as dn } from "./chunks/VersionUploadContext.es.js";
+import { p as un } from "./chunks/pluralize.es.js";
+import { c as pn } from "./chunks/copyToClipboard.es.js";
+import { a as mn } from "./chunks/ProjectFoldersContext.es.js";
+import { F as hn } from "./chunks/Feed.es.js";
+import { a as Je, A as gn, C as fn } from "./chunks/ThumbnailSimple.es.js";
+import { j as bn, d as vn } from "./chunks/MetaWidget.es.js";
 import { t as yn, c as kn } from "./chunks/queryFilterToClientFilter.es.js";
 import { u as wn } from "./chunks/useDateRangeFilter.es.js";
-import { C as xn } from "./chunks/ThumbnailSimple.es.js";
+import { e as xn } from "./chunks/expandRelativeDates.es.js";
 import "./chunks/useLocalStorage.es.js";
 import "@module-federation/enhanced/runtime";
 import "semver";
@@ -91,20 +93,20 @@ const Tn = S(Me)`
   padding: 0px;
   box-shadow: -2px 0 6px #00000047;
   z-index: 300;
-`, In = S(Me)`
+`, Pn = S(Me)`
   border-radius: 8px 8px 0 0;
   gap: var(--base-gap-small) !important;
   position: relative;
   z-index: 100;
   grid-column: span 2;
-`, Pn = ["product", "representation"], En = ["task"], Fn = ({
+`, In = ["product", "representation"], En = ["task"], Fn = ({
   entityType: e,
   currentTab: n,
   onTabChange: t,
   isLoading: o
 }) => {
-  const s = !Pn.includes(e), a = En.includes(e);
-  return /* @__PURE__ */ k(In, { className: o ? "loading" : "", children: [
+  const s = !In.includes(e), a = En.includes(e);
+  return /* @__PURE__ */ k(Pn, { className: o ? "loading" : "", children: [
     s && /* @__PURE__ */ i(
       X,
       {
@@ -271,10 +273,10 @@ const Tn = S(Me)`
   thumbnailInputRef: A,
   versionsInputRef: R
 }) => {
-  const { useSearchParams: E, useNavigate: l, bundleMode: d } = G(), h = l(), [C, j] = E(), T = Y(null), v = I(() => Ye(g), [g]), w = Pt(
+  const { useSearchParams: E, useNavigate: l, bundleMode: d } = G(), h = l(), [C, j] = E(), T = Y(null), v = P(() => Ye(g), [g]), w = It(
     t.map((m) => m.projectName),
     [e]
-  ), O = I(() => e === "task" ? we(...t.map((m) => m.task?.assignees || [])) : e === "version" ? we(
+  ), O = P(() => e === "task" ? we(...t.map((m) => m.task?.assignees || [])) : e === "version" ? we(
     ...t.map((m) => {
       const D = m.version?.author;
       return Array.isArray(D) ? D : D ? [D] : [];
@@ -299,10 +301,10 @@ const Tn = S(Me)`
   });
   const Z = t.length > 1 ? void 0 : U?.projectName;
   t.filter((m) => m.projectName === U?.projectName && m.id).map((m) => m.id);
-  const { data: ee } = St({ attributeName: "priority" }), te = Xt(ee, e), ne = I(
+  const { data: ee } = St({ attributeName: "priority" }), te = Xt(ee, e), ne = P(
     () => Xe(t, e, v),
     [t, e, v]
-  ), P = I(() => t.map((m) => m.status), [t]), se = I(() => t.map((m) => m.attrib?.priority), [t]), ie = I(() => t.map((m) => m.tags), [t]), le = I(
+  ), I = P(() => t.map((m) => m.status), [t]), se = P(() => t.map((m) => m.attrib?.priority), [t]), ie = P(() => t.map((m) => m.tags), [t]), le = P(
     () => r.reduce((m, D) => (m[D.name] = D, m), {}),
     [r]
   ), Q = t.length > 1, re = !Q && !!U?.hasReviewables, L = ne.length === 1, { updateEntity: V } = Et({
@@ -326,7 +328,7 @@ const Tn = S(Me)`
     const m = s.map((H) => H.name), D = O.filter((H) => !m.includes(H));
     D.length && de.push(...D.map((H) => ({ name: H, fullName: H })));
   }
-  const { title: N, subTitle: me } = Ze(t, e), he = w?.length !== 0 && w?.find((m) => m.name === P[0]);
+  const { title: N, subTitle: me } = Ze(t, e), he = w?.length !== 0 && w?.find((m) => m.name === I[0]);
   return /* @__PURE__ */ i(Ft, { children: /* @__PURE__ */ i(
     Ht,
     {
@@ -397,7 +399,7 @@ const Tn = S(Me)`
         /* @__PURE__ */ i(
           Vt,
           {
-            value: P,
+            value: I,
             options: w || [],
             disabledValues: a,
             invert: !0,
@@ -502,7 +504,7 @@ const Tn = S(Me)`
     ] }),
     /* @__PURE__ */ k(Ve, { children: [
       /* @__PURE__ */ i("h4", { children: "Representations" }),
-      /* @__PURE__ */ i(on, { entities: e })
+      /* @__PURE__ */ i(an, { entities: e })
     ] })
   ] });
 }, Ln = (e) => {
@@ -515,7 +517,7 @@ const Tn = S(Me)`
 }) => {
   const t = n?.(e.id);
   return /* @__PURE__ */ i(
-    rn,
+    on,
     {
       variant: "info",
       compact: !0,
@@ -530,7 +532,7 @@ const Tn = S(Me)`
     }
   );
 }, _n = () => ({
-  onOpenVersionUpload: un()?.onOpenVersionUpload ?? null
+  onOpenVersionUpload: dn()?.onOpenVersionUpload ?? null
 }), Mn = (e, n, t) => {
   const o = e === "folder" || e === "task" ? "overview" : e === "product" || e === "version" || e === "representation" ? "products" : null;
   return o ? `${typeof window < "u" ? window.location.origin : ""}/projects/${t}/${o}?project=${t}&type=${e}&id=${n}` : null;
@@ -554,12 +556,12 @@ const Tn = S(Me)`
   onViewData: E,
   onDelete: l
 }) => {
-  const d = I(() => o.length ? o.filter((h) => !!h?.entityId).map((h) => ({
+  const d = P(() => o.length ? o.filter((h) => !!h?.entityId).map((h) => ({
     entityId: h.entityId,
     entityType: h.entityType || e,
     hasReviewables: h.hasReviewables
   })) : n ? [{ entityId: n, entityType: e }] : [], [o, n, e]);
-  return I(() => {
+  return P(() => {
     const h = [];
     if (p && h.push({
       id: "open-in-viewer",
@@ -616,7 +618,7 @@ const Tn = S(Me)`
       icon: "database",
       onClick: E
     }), b && s.length > 0) {
-      const T = new Set(s.map((O) => O.entityType)), v = T.size === 1 ? [...T][0] : "item", w = s.length === 1 ? `Delete ${v}` : `Delete ${pn(s.length, v)}`;
+      const T = new Set(s.map((O) => O.entityType)), v = T.size === 1 ? [...T][0] : "item", w = s.length === 1 ? `Delete ${v}` : `Delete ${un(s.length, v)}`;
       h.push({
         id: "delete",
         label: w,
@@ -688,7 +690,7 @@ const Tn = S(Me)`
 `, Wn = ({ link: e, entityLabel: n, visible: t, onHide: o }) => {
   if (!t) return null;
   const s = `[${n}](${e})`, a = (r) => {
-    mn(r, !0), o();
+    pn(r, !0), o();
   };
   return /* @__PURE__ */ i(ft, { isOpen: !0, onClose: o, size: "sm", header: "Share", children: /* @__PURE__ */ k(Bn, { children: [
     /* @__PURE__ */ k(Le, { children: [
@@ -734,12 +736,12 @@ const Tn = S(Me)`
   taskId: u,
   folderId: g
 }) => {
-  const f = Y(null), [x, A] = K(!1), [R, E] = K(null), { menuOpen: l, toggleMenuOpen: d, setMenuOpen: h } = Zt(), { triggerThumbnailUpload: C, canUploadVersion: j } = kt(zt), { onOpenVersionUpload: T } = _n(), v = wt(), w = I(() => {
+  const f = Y(null), [x, A] = K(!1), [R, E] = K(null), { menuOpen: l, toggleMenuOpen: d, setMenuOpen: h } = en(), { triggerThumbnailUpload: C, canUploadVersion: j } = kt(zt), { onOpenVersionUpload: T } = _n(), v = wt(), w = P(() => {
     const L = n || t?.[0] || "noentity";
     return `details-more-menu-${v}-${L}-${s || "noproject"}`;
   }, [v, n, t, s]), O = l === w, U = !!n && !!s && !!C, _ = !!j && !!T, Z = () => {
     T?.({ productId: b, taskId: u, folderId: g });
-  }, ee = n && s ? zn(e, n, s, b) : null, te = !!p && !!ee, ne = Gt(), P = I(() => (a.length ? a : n ? [{ entityId: n, entityType: e, projectName: s }] : []).map((V) => {
+  }, ee = n && s ? zn(e, n, s, b) : null, te = !!p && !!ee, ne = Gt(), I = P(() => (a.length ? a : n ? [{ entityId: n, entityType: e, projectName: s }] : []).map((V) => {
     const q = V.entityType || e, ce = V.projectName || s;
     return !Qt(q) || !V.entityId || !ce ? null : {
       id: V.entityId,
@@ -750,14 +752,14 @@ const Tn = S(Me)`
       folderId: V.folderId,
       parentId: V.parentId
     };
-  }).filter((V) => V !== null), [a, n, e, s]), se = !!ne && P.length > 0, ie = () => {
-    h(!1), ne?.deleteEntities(P);
+  }).filter((V) => V !== null), [a, n, e, s]), se = !!ne && I.length > 0, ie = () => {
+    h(!1), ne?.deleteEntities(I);
   }, { items: le } = Hn({
     entityType: e,
     entityId: n,
     projectName: s,
     selectedEntities: a,
-    deleteEntities: P,
+    deleteEntities: I,
     canUploadThumbnail: U,
     canUploadVersion: _,
     canOpenPip: !!c,
@@ -785,9 +787,9 @@ const Tn = S(Me)`
         onClick: () => d(w)
       }
     ),
-    /* @__PURE__ */ i(ln, { id: w, target: f.current, align: "right", children: /* @__PURE__ */ i(cn, { menu: le, onClose: () => h(!1) }) }),
+    /* @__PURE__ */ i(rn, { id: w, target: f.current, align: "right", children: /* @__PURE__ */ i(ln, { menu: le, onClose: () => h(!1) }) }),
     x && s && Q.length > 0 && /* @__PURE__ */ i(
-      dn,
+      cn,
       {
         projectName: s,
         entityType: e,
@@ -838,24 +840,24 @@ const Tn = S(Me)`
     // @ts-expect-error - patch is not part of the query args
     { projectName: t, patch: ["id", "name", "label"] },
     { skip: !t || o }
-  ), r = hn(
+  ), r = mn(
     { projectName: t || "", isLoading: o },
     a
   ), { data: c } = Tt(
     { productId: e.product?.id || "", projectName: t },
     { skip: n !== "version" || !e.product?.id }
-  ), p = I(
+  ), p = P(
     () => c?.project.product?.versionList ? [...c.project.product?.versionList || []].sort((g, f) => g.name === "HERO" ? -1 : f.name === "HERO" ? 1 : f.name.localeCompare(g.name)).map((g) => ({
       type: "version",
       label: g.name,
       id: g.id
     })) : [],
     [c]
-  ), b = I(
+  ), b = P(
     () => new Map(s.map((g) => [g.id, g])),
     [s]
   );
-  return [I(
+  return [P(
     () => r ? [] : qn(e, b),
     [r, s, e]
   ), p];
@@ -889,8 +891,8 @@ const Tn = S(Me)`
       ...u,
       ...b,
       children: [
-        /* @__PURE__ */ i(gn, { ...b, statuses: b.statuses }),
-        /* @__PURE__ */ i(fn, {})
+        /* @__PURE__ */ i(hn, { ...b, statuses: b.statuses }),
+        /* @__PURE__ */ i(gn, {})
       ]
     }
   );
@@ -1305,7 +1307,7 @@ const Tn = S(Me)`
   doneCount: a = 0,
   onSearchTextChange: r
 }) => {
-  const c = I(
+  const c = P(
     () => [
       {
         id: "isDone",
@@ -1349,7 +1351,7 @@ const Tn = S(Me)`
       //   },
     ],
     [t]
-  ), p = I(() => is(e, c), [e, c]), [b, u] = K(p), g = Y(null), f = wn();
+  ), p = P(() => is(e, c), [e, c]), [b, u] = K(p), g = Y(null), f = wn();
   W(() => {
     u(p);
   }, [JSON.stringify(p)]);
@@ -1363,7 +1365,7 @@ const Tn = S(Me)`
   };
   let E = "";
   s > 0 && (E = `${a}/${s}`);
-  const l = I(
+  const l = P(
     () => [{ id: "isDone", label: E, tooltip: "Status" }],
     [E]
   );
@@ -1398,7 +1400,7 @@ const Tn = S(Me)`
       }
     ),
     /* @__PURE__ */ i(
-      xn,
+      fn,
       {
         isOpen: !!f.customRangeFilterId,
         header: c.find((d) => d.id === f.customRangeFilterId?.split("__")[0])?.label ?? "Custom range",
@@ -1412,7 +1414,7 @@ const Tn = S(Me)`
     )
   ] });
 }, ds = ({ ...e }) => {
-  const [n, t] = K({}), [o, s] = K(""), [a, r] = K([]), { dispatch: c } = G(), { data: p = [] } = ze({ projectName: e.projectName }), b = e.subtasks?.length || 0, u = e.subtasks?.filter((f) => f.isDone).length || 0, g = I(() => {
+  const [n, t] = K({}), [o, s] = K(""), [a, r] = K([]), { dispatch: c } = G(), { data: p = [] } = ze({ projectName: e.projectName }), b = e.subtasks?.length || 0, u = e.subtasks?.filter((f) => f.isDone).length || 0, g = P(() => {
     let f = n;
     if (o) {
       const x = { key: "search", operator: "like", value: o };
@@ -1422,7 +1424,7 @@ const Tn = S(Me)`
         operator: "and"
       };
     }
-    return an(f);
+    return xn(f);
   }, [n, o]);
   return /* @__PURE__ */ k(Ne, { children: [
     /* @__PURE__ */ i(
@@ -1498,24 +1500,24 @@ const Tn = S(Me)`
     openPip: ee,
     user: te,
     isGuest: ne,
-    entities: P,
+    entities: I,
     setEntities: se,
     slideOut: ie,
     useSearchParams: le,
     SubtasksManager: Q,
     useNavigate: re
-  } = G(), { currentTab: L, setTab: V, isFeed: q } = en(x), [ce, pe] = le(), de = Y(!1), N = P?.entityType ?? e, me = P?.entities ?? o, he = P?.entitySubTypes ?? n, m = P?.entities ? [] : t, D = P?.entities ? P.entities.map((y) => y.projectName) : u;
+  } = G(), { currentTab: L, setTab: V, isFeed: q } = Zt(x), [ce, pe] = le(), de = Y(!1), N = I?.entityType ?? e, me = I?.entities ?? o, he = I?.entitySubTypes ?? n, m = I?.entities ? [] : t, D = I?.entities ? I.entities.map((y) => y.projectName) : u;
   W(() => {
     h && !de.current && (de.current = !0, h());
   }, []), W(() => {
     us.includes(N) && L !== "details" && V("details");
   }, [N, L, V]), W(() => {
-    o.length && P && se(null);
-  }, [o, P, se]);
-  const H = I(
+    o.length && I && se(null);
+  }, [o, I, se]);
+  const H = P(
     () => nt(b, D),
     [b, D]
-  ), ot = I(() => Ye(H), [H]);
+  ), ot = P(() => Ye(H), [H]);
   W(() => {
     L === "files" && N !== "version" && V("feed"), L === "subtasks" && N !== "task" && V("feed");
   }, [N, L, x]);
@@ -1540,17 +1542,17 @@ const Tn = S(Me)`
   }, [rt, g]);
   const be = Y(null);
   W(() => {
-    P || (be.current = null);
-  }, [P]), W(() => {
-    if (!ae && (P?.source === "uri" || P?.source === "url") && P?.entities?.length && C) {
-      const y = P.entities[0].id;
+    I || (be.current = null);
+  }, [I]), W(() => {
+    if (!ae && (I?.source === "uri" || I?.source === "url") && I?.entities?.length && C) {
+      const y = I.entities[0].id;
       if (be.current === y) return;
       const F = $.find((B) => B.id === y);
       if (!F) return;
-      be.current = y, C(F, P.source);
+      be.current = y, C(F, I.source);
     }
-  }, [$, ae, P, C]);
-  const Ie = et(b), z = D[0], Pe = b[z] || {}, M = $[0] || {}, ge = $[$.length - 1], ve = D[D.length - 1], Ee = x === "inbox" && N === "version" && $.length === 1 ? Ln($[0]) : void 0, [Fe, lt] = Kn({
+  }, [$, ae, I, C]);
+  const Pe = et(b), z = D[0], Ie = b[z] || {}, M = $[0] || {}, ge = $[$.length - 1], ve = D[D.length - 1], Ee = x === "inbox" && N === "version" && $.length === 1 ? Ln($[0]) : void 0, [Fe, lt] = Kn({
     entity: M,
     entityType: N,
     projectName: z,
@@ -1599,7 +1601,7 @@ const Tn = S(Me)`
     };
     return window.addEventListener("keydown", y), () => window.removeEventListener("keydown", y);
   }, [ye, g, ie]);
-  const { requestPipWindow: ut } = qt(), Ae = Y(null), Oe = Y(null), pt = $.length === 1 && N !== "representation", mt = I(() => {
+  const { requestPipWindow: ut } = qt(), Ae = Y(null), Oe = Y(null), pt = $.length === 1 && N !== "representation", mt = P(() => {
     const y = M?.label || M?.name || "", F = M?.parents || [], B = [z];
     switch (N) {
       case "folder":
@@ -1733,11 +1735,11 @@ const Tn = S(Me)`
               entityType: N,
               entities: $,
               activeUsers: p || [],
-              projectInfo: Pe,
+              projectInfo: Ie,
               projectName: z,
               disabled: !Re(),
               scope: x,
-              statuses: Ie,
+              statuses: Pe,
               readOnly: !1,
               entityListId: w,
               annotations: j,
@@ -1773,11 +1775,11 @@ const Tn = S(Me)`
               entityType: N,
               entities: $,
               activeUsers: p || [],
-              projectInfo: Pe,
+              projectInfo: Ie,
               projectName: z,
               disabled: !Re(),
               scope: x,
-              statuses: Ie,
+              statuses: Pe,
               readOnly: !1,
               annotations: j,
               removeAnnotation: T,
@@ -1820,7 +1822,7 @@ to {
   max-width: 533px;
 
   animation: ${hs} 0.2s ease forwards;
-`, ba = ({ projectsInfo: e, scope: n }) => {
+`, ya = ({ projectsInfo: e, scope: n }) => {
   const { slideOut: t, onOpenViewer: o } = G(), { entityType: s, entityId: a, projectName: r } = t || {}, c = !!s && !!a && !!r, { data: p } = ze({ projectName: r }, { skip: !r }), b = e[r || ""] || {}, { tags: u = [] } = b, { closeSlideOut: g } = G(), f = () => g(), x = (A) => o?.(A);
   return c ? /* @__PURE__ */ i(gs, { children: /* @__PURE__ */ i(
     ms,
@@ -1938,13 +1940,13 @@ const fs = S.div`
   .icon {
     font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 300, 'opsz' 20;
   }
-`, va = () => {
-  const { pip: e } = G(), n = e?.entityType, t = e?.entities || [], o = e?.scope || "", s = t.length > 0 && !!n, a = t.map((v) => v.projectName), { data: r = [] } = Dt({ projects: a }, { skip: !s }), { data: c = {}, isFetching: p } = It(
+`, ka = () => {
+  const { pip: e } = G(), n = e?.entityType, t = e?.entities || [], o = e?.scope || "", s = t.length > 0 && !!n, a = t.map((v) => v.projectName), { data: r = [] } = Dt({ projects: a }, { skip: !s }), { data: c = {}, isFetching: p } = Pt(
     {
       projects: a
     },
     { skip: !s }
-  ), b = I(
+  ), b = P(
     () => et(c, a),
     [c, a]
   ), { data: u = [], isFetching: g } = Ge(
@@ -1953,20 +1955,20 @@ const fs = S.div`
     {
       skip: !s || p
     }
-  ), f = I(
+  ), f = P(
     () => nt(c, a),
     [c, a]
-  ), x = I(
+  ), x = P(
     () => ({
       task: f.taskTypes.filter((v) => !!v.icon).reduce((v, w) => ({ ...v, [w.name]: w.icon }), {}),
       folder: f.folderTypes.filter((v) => !!v.icon).reduce((v, w) => ({ ...v, [w.name]: w.icon }), {}),
       product: f.productTypes.filter((v) => !!v.icon).reduce((v, w) => ({ ...v, [w.name]: w.icon }), {})
     }),
     [f]
-  ), A = I(
+  ), A = P(
     () => n ? Xe(u, n, x) : [],
     [u, n]
-  ), R = I(() => r.filter((v) => u.some((w) => w?.task?.assignees?.includes(v.name))).map((v) => ({ ...v, avatarUrl: `/api/users/${v.name}/avatar` })), [r, t]), E = u[0];
+  ), R = P(() => r.filter((v) => u.some((w) => w?.task?.assignees?.includes(v.name))).map((v) => ({ ...v, avatarUrl: `/api/users/${v.name}/avatar` })), [r, t]), E = u[0];
   if (!u.length || !E) return null;
   if (g) return /* @__PURE__ */ i("div", { children: "Loading..." });
   const l = E?.projectName, C = u.some((v) => v?.status !== E?.status) ? {
@@ -2029,21 +2031,21 @@ const fs = S.div`
 };
 export {
   Lt as AssigneeSelect,
-  wa as CloseButton,
+  Sa as CloseButton,
   Ot as Content,
-  xa as ContentRow,
+  Ca as ContentRow,
   ms as DetailsPanel,
-  va as DetailsPanelFloating,
-  ba as DetailsPanelSlideOut,
-  Sa as Footer,
+  ka as DetailsPanelFloating,
+  ya as DetailsPanelSlideOut,
+  Ta as Footer,
   jt as Grid,
   At as Header,
   Ft as HeaderContainer,
-  Ca as LabelWrapper,
+  Na as LabelWrapper,
   $t as PriorityEnumDropdown,
   Vt as StatusSelect,
   Ut as TagsSelect,
-  Ta as ThumbnailWrapper,
+  Da as ThumbnailWrapper,
   Rt as Title,
   us as entitiesWithoutFeed
 };

package/dist/Feed.es.js

@@ -1,13 +1,13 @@
-import { A as D, a as I, C as M, b as P, F as K, c as L, d as N, e as k, i as j, f as O } from "./chunks/Feed.es.js";
-import { F as S, a as U, u as W } from "./chunks/PlayableIcon.es.js";
-import { useMemo as x, useCallback as E } from "react";
+import { A as D, F as I, a as M, u as P } from "./chunks/ThumbnailSimple.es.js";
+import { A as L, C as N, a as k, F as j, b as O, c as R, e as S, i as U, d as W } from "./chunks/Feed.es.js";
+import { useMemo as x, useCallback as A } from "react";
 const y = (t) => {
   const e = Array.from(t).find((s) => s.startsWith("id-"));
   return e ? e.split("-")[1] : null;
-}, F = (t, e, s, c, u) => {
+}, E = (t, e, s, c, u) => {
   const i = Object.keys(t);
   return e = [.../* @__PURE__ */ new Set([...e, ...i])], e = s.filter((r) => e.includes(r)), i.includes(c) && (u === 1 ? e.shift() : e.pop()), e;
-}, A = ({
+}, w = ({
   tableRef: t,
   treeData: e,
   selection: s,
@@ -21,7 +21,7 @@ const y = (t) => {
       o && r.push(o);
     }), r;
   }, [t.current, e]);
-  return E(
+  return A(
     (r) => {
       const { key: a, target: o, shiftKey: m } = r;
       if (o.tagName === "TR" && (a === "ArrowDown" || a === "ArrowUp")) {
@@ -30,7 +30,7 @@ const y = (t) => {
         const n = y(f.classList);
         if (!n && n !== "undefined") return;
         let l = [n];
-        m && u && (l = F(s, l, i, n, d));
+        m && u && (l = E(s, l, i, n, d));
         const g = l, v = l.reduce((p, C) => (p[C] = !0, p), {});
         c({ array: g, object: v });
       }
@@ -39,20 +39,20 @@ const y = (t) => {
   );
 };
 export {
-  D as ActivityCategorySelect,
-  I as ActivityReferenceTooltip,
-  M as CategoryDropdownItem,
-  P as CategoryTag,
-  S as FEED_NEW_COMMENT,
-  K as Feed,
-  U as FeedProvider,
-  L as FileUploadPreview,
-  N as activitiesLast,
-  k as expandableMimeTypes,
+  L as ActivityCategorySelect,
+  D as ActivityReferenceTooltip,
+  N as CategoryDropdownItem,
+  k as CategoryTag,
+  I as FEED_NEW_COMMENT,
+  j as Feed,
+  M as FeedProvider,
+  O as FileUploadPreview,
+  R as activitiesLast,
+  S as expandableMimeTypes,
   y as extractIdFromClassList,
-  F as getMultiSelection,
-  j as isCategoryHidden,
-  O as isFilePreviewable,
-  W as useFeedContext,
-  A as useTableKeyboardNavigation
+  E as getMultiSelection,
+  U as isCategoryHidden,
+  W as isFilePreviewable,
+  P as useFeedContext,
+  w as useTableKeyboardNavigation
 };