@ynput/ayon-frontend-shared 0.6.4 → 0.6.5

package/dist/chunks/Slicer.es.js

@@ -1,13 +1,13 @@
 import { jsx as E, jsxs as G, Fragment as $e } from "react/jsx-runtime";
 import { useState as U, useCallback as A, useMemo as O, useContext as Ye, useEffect as se, forwardRef as Je, useRef as ye, useId as Xe, useImperativeHandle as Ze, useLayoutEffect as Te } from "react";
 import { Splitter as et, SplitterPanel as tt } from "primereact/splitter";
-import V from "styled-components";
+import H from "styled-components";
 import { h as nt, P as st, d as Ie, U as ze } from "./MetaWidget.es.js";
 import "@module-federation/enhanced/runtime";
 import { bi as Re, br as ot, bj as Ue, bp as at, bu as it } from "./searchTerms.es.js";
-import { dl as Ve, cF as rt, bS as lt, by as ct } from "./getUris.es.js";
+import { dn as He, cH as rt, bU as lt, bz as ct } from "./getUris.es.js";
 import "primereact/confirmdialog";
-import { q as He, y as Ce, x as ue, d as dt, a as we, v as ut, a5 as pt, a4 as ft, u as mt, ac as ht } from "./DeleteEntitiesContextInstance.es.js";
+import { q as Ve, y as Ce, x as ue, d as dt, a as we, v as ut, a5 as pt, a4 as ft, u as mt, ac as ht } from "./DeleteEntitiesContextInstance.es.js";
 import "lodash";
 import { toast as ke } from "react-toastify";
 import "uuid";
@@ -30,11 +30,10 @@ import "@lexical/list";
 import "@lexical/rich-text";
 import "@lexical/selection";
 import "@lexical/utils";
-import "react-router-dom";
 import "@tanstack/react-table";
 import { b as he, H as vt, a as xt, e as It, S as Ct } from "./SimpleTable.es.js";
 import { g as ge } from "./getEntityTypeIcon.es.js";
-import { g as wt } from "./parseHtmlToPlainTextWithLinks.es.js";
+import { g as wt } from "./iconUtils.es.js";
 import { u as Lt, a as Et } from "./useAttributeEnums.es.js";
 import { b as Dt, s as Rt } from "./buildHierarchicalTableRows.es.js";
 import { n as me } from "./entityDefinitions.es.js";
@@ -54,7 +53,7 @@ const At = 180, Be = 100, Ge = 34, Ot = (e, t = [], a = Be) => e.map((r) => t.in
   if (!b) return e;
   const f = u - a;
   return e.map((p, h) => p - f * (m[h] / b));
-}, Ft = (e, t, a = [], r = 0, u = At) => {
+}, jt = (e, t, a = [], r = 0, u = At) => {
   if (!t.length)
     return { heights: [], mins: [], sizes: [], minSize: 2, height: r };
   const l = t.filter((g) => !a.includes(g)).length, m = (t.length - l) * Ge, b = r && l ? Math.min(
@@ -74,7 +73,7 @@ const At = 180, Be = 100, Ge = 34, Ot = (e, t = [], a = Be) => e.map((r) => t.in
     minSize: 2,
     height: d
   };
-}, jt = (e, t, a) => {
+}, Ft = (e, t, a) => {
   const r = e.map((f, p) => Math.max(f / 100 * t, a[p])), u = Math.max(
     t,
     a.reduce((f, p) => f + p, 0)
@@ -85,8 +84,8 @@ const At = 180, Be = 100, Ge = 34, Ot = (e, t = [], a = Be) => e.map((r) => t.in
 }, $t = "slicer-splitter", Me = {
   minSize: 2,
   size: 12
-}, ls = () => {
-  const [e, t] = He($t, [
+}, rs = () => {
+  const [e, t] = Ve($t, [
     Me.size,
     100 - Me.size
   ]);
@@ -94,7 +93,7 @@ const At = 180, Be = 100, Ge = 34, Ot = (e, t = [], a = Be) => e.map((r) => t.in
     t(r.sizes);
   }];
 }, zt = (e, t, a = [], r = 0) => {
-  const [u, l] = He(
+  const [u, l] = Ve(
     `slicer-panel-heights-${e}`,
     {}
   ), [m, b] = U(0), f = Array.isArray(u) ? {} : u, {
@@ -103,8 +102,8 @@ const At = 180, Be = 100, Ge = 34, Ot = (e, t = [], a = Be) => e.map((r) => t.in
     minSize: w,
     height: d,
     heights: S
-  } = Ft(f, t, a, r), g = (i) => {
-    const c = jt(i.sizes, d, h);
+  } = jt(f, t, a, r), g = (i) => {
+    const c = Ft(i.sizes, d, h);
     l({
       ...f,
       ...Object.fromEntries(
@@ -128,7 +127,7 @@ const At = 180, Be = 100, Ge = 34, Ot = (e, t = [], a = Be) => e.map((r) => t.in
   onClose: a,
   onMoveComplete: r
 }) => {
-  const [u] = Ve(), l = nt(), { folders: m } = Ce(), b = l?.tableData || [], f = A(
+  const [u] = He(), l = nt(), { folders: m } = Ce(), b = l?.tableData || [], f = A(
     (g) => l?.getEntityById(g) || m.find((i) => i.id === g),
     [m, l]
   ), p = A(
@@ -248,7 +247,7 @@ const At = 180, Be = 100, Ge = 34, Ot = (e, t = [], a = Be) => e.map((r) => t.in
     getDisabledMessage: d,
     canMoveToRoot: S
   };
-}, Vt = ({
+}, Ht = ({
   projectName: e,
   movingEntities: t,
   onClose: a,
@@ -275,7 +274,7 @@ const At = 180, Be = 100, Ge = 34, Ot = (e, t = [], a = Be) => e.map((r) => t.in
       getDisabledMessage: b
     }
   ) : null;
-}, Ht = ({ projectName: e, useExtraSlices: t }) => {
+}, Vt = ({ projectName: e, useExtraSlices: t }) => {
   const [a, { isLoading: r, isFetching: u }] = rt(), { formatAssignees: l } = t();
   return {
     getData: async () => {
@@ -369,7 +368,7 @@ const At = 180, Be = 100, Ge = 34, Ot = (e, t = [], a = Be) => e.map((r) => t.in
           listId: n.id
         }
       }), c = (n) => n.sort((x, T) => {
-        const v = m.findIndex((H) => H.id === x.id), D = m.findIndex((H) => H.id === T.id);
+        const v = m.findIndex((V) => V.id === x.id), D = m.findIndex((V) => V.id === T.id);
         return v === -1 && D === -1 ? x.folder.label.localeCompare(T.folder.label) : v === -1 ? 1 : D === -1 ? -1 : v - D;
       }), s = (n) => {
         const x = n.items.map((T) => T.id);
@@ -525,7 +524,7 @@ const At = 180, Be = 100, Ge = 34, Ot = (e, t = [], a = Be) => e.map((r) => t.in
       icon: wt(C.name, C.data.type, Ue(C.data))
     })
   );
-  const [T, v] = U(!1), H = !!n.find((C) => C.name === o)?.enumIsLoading, {
+  const [T, v] = U(!1), V = !!n.find((C) => C.name === o)?.enumIsLoading, {
     project: oe,
     getStatuses: ae,
     getTypes: q,
@@ -541,14 +540,14 @@ const At = 180, Be = 100, Ge = 34, Ot = (e, t = [], a = Be) => e.map((r) => t.in
     projectName: g || "",
     folderTypes: oe?.folderTypes || [],
     includeColors: !0
-  }), { getData: I, isLoading: R } = Ht({
+  }), { getData: I, isLoading: R } = Vt({
     projectName: g,
     useExtraSlices: h
   }), {
     getData: P,
     isLoading: K,
     isExpandable: re
-  } = qt(d === "entityList"), j = Y || B || R || w && d !== "hierarchy" || K && d === "entityList" || x || H, N = {
+  } = qt(d === "entityList"), F = Y || B || R || w && d !== "hierarchy" || K && d === "entityList" || x || V, N = {
     hierarchy: {
       getData: Q,
       isLoading: Y,
@@ -603,8 +602,8 @@ const At = 180, Be = 100, Ge = 34, Ot = (e, t = [], a = Be) => e.map((r) => t.in
     (C) => N[C.value] && !t.includes(C.value)
   )?.value;
   se(() => {
-    j || $ || !ne || S(ne, !1);
-  }, [j, $, ne]);
+    F || $ || !ne || S(ne, !1);
+  }, [F, $, ne]);
   const z = (C, k) => {
     const _ = N[C];
     if (!_) {
@@ -614,7 +613,7 @@ const At = 180, Be = 100, Ge = 34, Ot = (e, t = [], a = Be) => e.map((r) => t.in
     (_.isAttribute && s || e.some((ce) => ce.value === C)) && S(C, k);
   };
   se(() => {
-    if (j) return;
+    if (F) return;
     (async () => {
       try {
         if (!$) return;
@@ -634,12 +633,12 @@ const At = 180, Be = 100, Ge = 34, Ot = (e, t = [], a = Be) => e.map((r) => t.in
         v(!1);
       }
     })();
-  }, [d, g, j, d === "hierarchy" ? te : null]);
-  const F = O(
+  }, [d, g, F, d === "hierarchy" ? te : null]);
+  const j = O(
     () => Ke(le.data, r, u, l),
     [le.data, r, u, l]
   ), Le = O(() => {
-    const C = /* @__PURE__ */ new Map(), k = [...F];
+    const C = /* @__PURE__ */ new Map(), k = [...j];
     for (; k.length > 0; ) {
       const _ = k.shift();
       if (_ && (C.set(_.id, _), _.subRows && _.subRows.length > 0))
@@ -647,12 +646,12 @@ const At = 180, Be = 100, Ge = 34, Ot = (e, t = [], a = Be) => e.map((r) => t.in
           k.push(ce);
     }
     return C;
-  }, [F]);
+  }, [j]);
   return {
     sliceOptions: c,
-    table: { ...le, data: F },
+    table: { ...le, data: j },
     sliceMap: Le,
-    isLoading: N[d] && N[d].isLoading || T || j,
+    isLoading: N[d] && N[d].isLoading || T || F,
     sliceType: d,
     handleSliceTypeChange: z
   };
@@ -673,7 +672,7 @@ const At = 180, Be = 100, Ge = 34, Ot = (e, t = [], a = Be) => e.map((r) => t.in
     filled: d,
     complete: !m && h
   };
-}, tn = V.div`
+}, tn = H.div`
   display: flex;
   align-items: center;
 
@@ -681,7 +680,7 @@ const At = 180, Be = 100, Ge = 34, Ot = (e, t = [], a = Be) => e.map((r) => t.in
     flex: 1;
     min-width: 0;
   }
-`, nn = V(gt)`
+`, nn = H(gt)`
   flex: 1;
   min-width: 0;
   height: 28px;
@@ -721,7 +720,7 @@ const At = 180, Be = 100, Ge = 34, Ot = (e, t = [], a = Be) => e.map((r) => t.in
 }, xe = (e, t) => {
   e.toggleExpanded(t), e.subRows?.forEach((a) => xe(a, t));
 }, Oe = (e) => e.map((t) => t.id).filter(Boolean), on = (e, t, a, r) => {
-  const { onOpenNew: u } = Mt(), { projectName: l } = ue(), { setEntities: m } = ut(), b = _t(), [f] = Ve(), { deleteEntities: p } = pt(), [h, w] = U(null), d = A(
+  const { onOpenNew: u } = Mt(), { projectName: l } = ue(), { setEntities: m } = ut(), b = _t(), [f] = He(), { deleteEntities: p } = pt(), [h, w] = U(null), d = A(
     (c, s) => s.map((o) => t?.get(o) || (o === c.id ? c : void 0)).filter((o) => !!o),
     [t]
   ), S = O(
@@ -880,7 +879,7 @@ const At = 180, Be = 100, Ge = 34, Ot = (e, t = [], a = Be) => e.map((r) => t.in
     onSubmitRename: g,
     onCancelRename: () => w(null)
   };
-}, an = V(yt)`
+}, an = H(yt)`
   /* put above the menu so it's still clickable */
   /* NOTE: this will need fixing as this also puts it above dialogs */
   /* z-index: 1001;  */
@@ -911,7 +910,7 @@ const At = 180, Be = 100, Ge = 34, Ot = (e, t = [], a = Be) => e.map((r) => t.in
     }
   }
 `;
-V.div`
+H.div`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-large);
@@ -1008,7 +1007,7 @@ const rn = (e, t, a) => {
       !Pe
     ] });
   }
-), Ne = V.div`
+), Ne = H.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -1016,7 +1015,7 @@ const rn = (e, t, a) => {
   flex: 1;
   min-width: 0;
   color: var(--md-sys-color-outline);
-`, dn = V.span`
+`, dn = H.span`
   display: flex;
   align-items: center;
   gap: 2px;
@@ -1073,12 +1072,12 @@ const rn = (e, t, a) => {
       g
     ] })
   ] });
-}, pn = V.div`
+}, pn = H.div`
   height: 28px;
   border-radius: 4px;
   background: var(--md-sys-color-surface-container);
   width: 100px;
-`, fn = V.div`
+`, fn = H.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -1090,7 +1089,7 @@ const rn = (e, t, a) => {
     flex: 1;
     min-width: 0;
   }
-`, mn = V(vt)`
+`, mn = H(vt)`
   .slicer-dropdown {
     flex: 0 1 auto;
     min-width: 48px;
@@ -1111,7 +1110,7 @@ const rn = (e, t, a) => {
   .power-feature .icon {
     color: var(--md-sys-color-tertiary);
   }
-`, hn = V.div`
+`, hn = H.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -1124,7 +1123,7 @@ const rn = (e, t, a) => {
     text-overflow: ellipsis;
     white-space: nowrap;
   }
-`, Fe = "__splitSlicer__", je = ({
+`, je = "__splitSlicer__", Fe = ({
   panel: e,
   visibleSlices: t,
   sliceFields: a,
@@ -1152,7 +1151,7 @@ const rn = (e, t, a) => {
     setPanelExpanded: T,
     onSliceTypeChange: v,
     isViewSyncPending: D,
-    onOpenViewer: H,
+    onOpenViewer: V,
     onAddToList: oe
   } = Ie(), { refetch: ae } = Ce(), { powerLicense: q, setPowerpackDialog: ie } = we(), Z = y(e.id), ee = x(e.id), B = (L) => {
     n(e.id, L);
@@ -1180,7 +1179,7 @@ const rn = (e, t, a) => {
     () => t.filter((L) => L.id !== e.id).map((L) => L.sliceType),
     [t, e.id]
   ), {
-    sliceOptions: j,
+    sliceOptions: F,
     sliceType: N,
     handleSliceTypeChange: pe,
     table: { data: le, isExpandable: fe },
@@ -1195,25 +1194,25 @@ const rn = (e, t, a) => {
     countsComplete: P,
     sliceType: e.sliceType,
     onSliceTypeChange: K
-  }), z = N === "hierarchy", F = !!p && c.includes(e.id), C = j.find((L) => L.value === N)?.label || N, k = w !== void 0, _ = w ?? "", ce = z ? "Folders" : C, J = on(
+  }), z = N === "hierarchy", j = !!p && c.includes(e.id), C = F.find((L) => L.value === N)?.label || N, k = w !== void 0, _ = w ?? "", ce = z ? "Folders" : C, J = on(
     m || oe,
     $,
-    H,
+    V,
     b
   ), We = z ? J.rowContextMenuBuilders : [], Ee = O(
-    () => j.map((L) => L.value).filter((L) => !t.some((M) => M.sliceType === L)),
-    [j, t]
+    () => F.map((L) => L.value).filter((L) => !t.some((M) => M.sliceType === L)),
+    [F, t]
   ), be = !!f && Ee.length > 0, Se = O(() => {
-    const L = j.map(
+    const L = F.map(
       (M) => re.includes(M.value) ? { ...M, disabled: !0, disabledMessage: "Already used by another panel" } : M
     );
-    return be && L.push({ label: "Split slicer", value: Fe, icon: "splitscreen_add" }), L;
-  }, [j, re, be]), De = () => {
+    return be && L.push({ label: "Split slicer", value: je, icon: "splitscreen_add" }), L;
+  }, [F, re, be]), De = () => {
     if (!q) return ie("slicer");
     g(Ee[0]);
   }, qe = (L) => {
     const M = String(L[0]);
-    if (M === Fe) {
+    if (M === je) {
       De();
       return;
     }
@@ -1223,20 +1222,20 @@ const rn = (e, t, a) => {
     /* @__PURE__ */ G(
       mn,
       {
-        className: W({ collapsed: F }),
-        onClick: F ? () => s(e.id) : void 0,
+        className: W({ collapsed: j }),
+        onClick: j ? () => s(e.id) : void 0,
         children: [
           p && /* @__PURE__ */ E(
             he,
             {
               icon: "expand_more",
-              className: W("collapse-toggle", { collapsed: F }),
-              "data-tooltip": F ? "Expand panel" : "Collapse panel",
+              className: W("collapse-toggle", { collapsed: j }),
+              "data-tooltip": j ? "Expand panel" : "Collapse panel",
               "data-tooltip-delay": 0,
               onClick: () => s(e.id)
             }
           ),
-          F ? (
+          j ? (
             // the dropdown cannot be used from a collapsed panel, but the dimension it
             // shows has to read the same as the dropdown does when open
             /* @__PURE__ */ E(hn, { children: /* @__PURE__ */ E("span", { children: C }) })
@@ -1251,14 +1250,14 @@ const rn = (e, t, a) => {
               disableOpen: Se.length === 1
             }
           ),
-          F && /* @__PURE__ */ E(un, { rowSelection: Z, sliceMap: $ }),
+          j && /* @__PURE__ */ E(un, { rowSelection: Z, sliceMap: $ }),
           /* @__PURE__ */ G(
             fn,
             {
               className: W({ searching: k }),
               onClick: (L) => L.stopPropagation(),
               children: [
-                !F && /* @__PURE__ */ E(
+                !j && /* @__PURE__ */ E(
                   sn,
                   {
                     open: k,
@@ -1302,7 +1301,7 @@ const rn = (e, t, a) => {
         ]
       }
     ),
-    !F && /* @__PURE__ */ E(
+    !j && /* @__PURE__ */ E(
       It,
       {
         rowSelection: Z,
@@ -1331,7 +1330,7 @@ const rn = (e, t, a) => {
       }
     )
   ] });
-}, gn = V.div`
+}, gn = H.div`
   height: 100%;
   width: 100%;
   overflow-y: auto;
@@ -1345,7 +1344,7 @@ const rn = (e, t, a) => {
     }
   `
 ).join("")}
-`, cs = ({
+`, ls = ({
   sliceFields: e = [],
   entityTypes: t = ["task"],
   pinnedSliceType: a,
@@ -1377,7 +1376,7 @@ const rn = (e, t, a) => {
     return R.observe(I), () => R.disconnect();
   }, [S.length]);
   const v = S.map((I) => I.id), D = S.length > 1, {
-    sizes: H,
+    sizes: V,
     minSize: oe,
     height: ae,
     layoutKey: q,
@@ -1407,7 +1406,7 @@ const rn = (e, t, a) => {
   };
   return /* @__PURE__ */ G($e, { children: [
     S.length === 1 ? /* @__PURE__ */ E(
-      je,
+      Fe,
       {
         panel: S[0],
         isPrimary: !0,
@@ -1428,11 +1427,11 @@ const rn = (e, t, a) => {
         children: S.map((I, R) => /* @__PURE__ */ E(
           tt,
           {
-            size: H[R],
+            size: V[R],
             minSize: oe,
             style: { overflow: "hidden" },
             children: /* @__PURE__ */ E(
-              je,
+              Fe,
               {
                 panel: I,
                 isPrimary: R === 0,
@@ -1448,7 +1447,7 @@ const rn = (e, t, a) => {
       q
     ) }),
     /* @__PURE__ */ E(
-      Vt,
+      Ht,
       {
         projectName: p,
         movingEntities: g,
@@ -1463,15 +1462,15 @@ export {
   Be as a,
   Me as b,
   $t as c,
-  cs as d,
+  ls as d,
   Wt as e,
-  jt as f,
+  Ft as f,
   Ae as g,
   on as h,
   en as i,
   zt as j,
-  ls as k,
+  rs as k,
   cn as l,
-  Ft as r,
+  jt as r,
   qt as u
 };

package/dist/chunks/ThumbnailSimple.es.js

@@ -2,7 +2,7 @@ import { jsxs as m, jsx as i } from "react/jsx-runtime";
 import { createPortal as R } from "react-dom";
 import { createContext as z, useContext as L, useEffect as $ } from "react";
 import { aQ as j } from "./searchTerms.es.js";
-import { C as A } from "./getUris.es.js";
+import { D as A } from "./getUris.es.js";
 import "primereact/confirmdialog";
 import "lodash";
 import { e as F } from "./expandRelativeDates.es.js";
@@ -20,12 +20,12 @@ import p, { keyframes as O } from "styled-components";
 import { a as K } from "./EntityTooltip.es.js";
 import { format as b, parse as k } from "date-fns";
 import { g as P } from "./getThumbnailUrl.es.js";
-const Y = new Set(Object.keys(A).filter((e) => e !== "activity")), D = {
+const D = new Set(Object.keys(A).filter((e) => e !== "activity")), Y = {
   has_attachments: "activity_data.files",
   // not `entity_type`: on inbox rows that column is always 'user'
   origin_type: "activity_data.origin.type"
 }, q = (e) => !!e && "key" in e, H = (e) => {
-  const t = D[e.key] ?? e.key;
+  const t = Y[e.key] ?? e.key;
   if (e.key === "has_attachments")
     return e.value ? { key: t, operator: "ne", value: [] } : null;
   if (e.key === "in_review_session")
@@ -53,7 +53,7 @@ const Y = new Set(Object.keys(A).filter((e) => e !== "activity")), D = {
   } : { ...e, key: t };
 }, C = (e) => {
   if (q(e))
-    return Y.has(e.key) ? null : H(e);
+    return D.has(e.key) ? null : H(e);
   const t = (e.conditions || []).map((o) => C(o)).filter((o) => o !== null);
   return t.length === 0 ? null : { operator: e.operator || "and", conditions: t };
 }, Q = (e) => {