@ynput/ayon-frontend-shared 0.6.0 → 0.6.1

package/dist/chunks/TableSettingsFallback.es.js

@@ -1,29 +1,41 @@
-import { jsx as o, jsxs as e, Fragment as n } from "react/jsx-runtime";
-import { R as c, P as l } from "./ReviewablesSelector.es.js";
+import { jsx as o, jsxs as a, Fragment as s } from "react/jsx-runtime";
+import { R as e, P as n } from "./ReviewablesSelector.es.js";
 import "react";
 import "@ynput/ayon-react-components";
-import { a as m } from "./useLocalStorage.es.js";
-const P = ({
+import "@module-federation/enhanced/runtime";
+import "./searchTerms.es.js";
+import "./getUris.es.js";
+import "primereact/confirmdialog";
+import { a as c } from "./DeleteEntitiesContextInstance.es.js";
+import "lodash";
+import "react-toastify";
+import "uuid";
+import "semver";
+import "./ContextMenuContextInstance.es.js";
+import "clsx";
+import "react-dom";
+import "react-redux";
+const A = ({
   requiredVersion: r,
   feature: t,
-  button: a,
-  children: i
+  button: i,
+  children: m
 }) => {
-  const { setPowerpackDialog: s } = m();
-  return r ? /* @__PURE__ */ o(c, { requiredVersion: r }) : /* @__PURE__ */ e(n, { children: [
-    !!a && /* @__PURE__ */ o(
-      l,
+  const { setPowerpackDialog: p } = c();
+  return r ? /* @__PURE__ */ o(e, { requiredVersion: r }) : /* @__PURE__ */ a(s, { children: [
+    !!i && /* @__PURE__ */ o(
+      n,
       {
         style: { width: "100%" },
         icon: "add",
         variant: "filled",
-        ...a,
+        ...i,
         feature: t
       }
     ),
-    /* @__PURE__ */ o("div", { onClick: () => s(t), children: i })
+    /* @__PURE__ */ o("div", { onClick: () => p(t), children: m })
   ] });
 };
 export {
-  P as T
+  A as T
 };

package/dist/chunks/ThumbnailSimple.es.js

@@ -1,91 +1,48 @@
-import { jsx as s, jsxs as g } from "react/jsx-runtime";
-import { createPortal as te } from "react-dom";
-import { useMemo as b, createContext as ie, useState as _, useContext as ne, useEffect as oe } from "react";
-import { aQ as D } from "./searchTerms.es.js";
-import { bf as ae, C as se, bi as re, aE as ce, dd as le, aR as de, aL as ue, a_ as me, K as pe, bA as ye, bh as fe, bs as ge } from "./getUris.es.js";
+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 "primereact/confirmdialog";
-import { union as ve, isEqual as he } from "lodash";
-import { e as xe } from "./expandRelativeDates.es.js";
-import { u as be } from "./DetailsPanelContext.es.js";
-import { U as we } from "./PlayableIcon.es.js";
-import y, { keyframes as Te } from "styled-components";
-import { Icon as P, Dialog as ke, FormRow as I, InputDate as j, SaveButton as Me } from "@ynput/ayon-react-components";
-import { a as _e } from "./EntityTooltip.es.js";
-import { format as L, parse as R } from "date-fns";
+import "lodash";
+import { e as F } from "./expandRelativeDates.es.js";
+import "@module-federation/enhanced/runtime";
+import "./DeleteEntitiesContextInstance.es.js";
 import "react-toastify";
 import "uuid";
-import { g as Ne } from "./getThumbnailUrl.es.js";
-const Ae = ({
-  entities: e,
-  filter: t,
-  backendFilter: i,
-  activityTypes: n,
-  projectName: r,
-  entityType: c
-}) => {
-  const o = b(
-    () => e.map((p) => ({ id: p.id, projectName: p.projectName, entityType: c })),
-    [e]
-  ).map((p) => p.id), a = !e.length || !t || !n || !r, f = {
-    entityIds: o,
-    projectName: r,
-    referenceTypes: ["origin", "mention", "relation"],
-    activityTypes: n,
-    activityFilter: i,
-    filter: t
-  };
-  let {
-    data: u,
-    isLoading: l,
-    isFetchingNextPage: h,
-    currentData: v,
-    fetchNextPage: w,
-    hasNextPage: x
-  } = ae(f, { skip: a });
-  const T = b(() => u?.pages ? u.pages.flatMap((p) => p.activities || []) : [], [u?.pages]), k = b(() => v?.pages ? v.pages.flatMap((p) => p.activities || []) : [], [v?.pages]), N = async () => {
-    if (!x) {
-      console.log("No more activities to load");
-      return;
-    }
-    return console.log("loading next page..."), await w();
-  }, A = b(() => {
-    if (!l) return !1;
-    const p = ve(
-      k?.flatMap((M) => M.entityId ? M.entityId : [])
-    );
-    return !he(p, o);
-  }, [k, o, l]);
-  return a && (l = !0), {
-    activitiesData: T,
-    isLoadingActivities: l,
-    isLoadingNew: A,
-    isLoadingNextPage: h,
-    hasNextPage: x,
-    loadNextPage: N
-  };
-}, Ee = new Set(Object.keys(se).filter((e) => e !== "activity")), Ce = {
+import "semver";
+import { Icon as w, Dialog as N, FormRow as v, InputDate as x, SaveButton as B } from "@ynput/ayon-react-components";
+import "./ContextMenuContextInstance.es.js";
+import "clsx";
+import "react-redux";
+import { U } from "./PlayableIcon.es.js";
+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 = {
   has_attachments: "activity_data.files",
   // not `entity_type`: on inbox rows that column is always 'user'
   origin_type: "activity_data.origin.type"
-}, Fe = (e) => !!e && "key" in e, Ie = (e) => {
-  const t = Ce[e.key] ?? e.key;
+}, q = (e) => !!e && "key" in e, H = (e) => {
+  const t = D[e.key] ?? e.key;
   if (e.key === "has_attachments")
     return e.value ? { key: t, operator: "ne", value: [] } : null;
   if (e.key === "in_review_session")
     return e.value ? { key: "activity_data.entityList", operator: "notnull" } : null;
   if (e.key === "category") {
-    const i = Array.isArray(e.value) ? e.value : [], n = i.includes("__none__"), r = i.filter((o) => o !== "__none__"), c = {
+    const o = Array.isArray(e.value) ? e.value : [], n = o.includes("__none__"), s = o.filter((a) => a !== "__none__"), l = {
       operator: "or",
       conditions: [
         { key: "activity_data.category", operator: "isnull" },
         { key: "activity_data.category", operator: "eq", value: "" }
       ]
-    }, d = {
+    }, c = {
       key: "activity_data.category",
       operator: "in",
-      value: r
+      value: s
     };
-    return n && r.length ? { operator: "or", conditions: [c, d] } : n ? c : r.length ? d : null;
+    return n && s.length ? { operator: "or", conditions: [l, c] } : n ? l : s.length ? c : null;
   }
   return e.key === "body" && e.operator === "like" && typeof e.value == "string" ? { ...e, key: t, value: `%${e.value}%` } : e.key === "author" ? {
     operator: "or",
@@ -94,98 +51,30 @@ const Ae = ({
       { ...e, key: "activity_data.assignee" }
     ]
   } : { ...e, key: t };
-}, z = (e) => {
-  if (Fe(e))
-    return Ee.has(e.key) ? null : Ie(e);
-  const t = (e.conditions || []).map((i) => z(i)).filter((i) => i !== null);
+}, C = (e) => {
+  if (q(e))
+    return Y.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 };
-}, je = (e) => {
+}, Q = (e) => {
   if (!e || !e.conditions?.length) return null;
-  const t = xe(e), i = z(t);
-  return i || null;
-}, Le = (e) => {
-  const t = je(e);
+  const t = F(e), o = C(t);
+  return o || null;
+}, $e = (e) => {
+  const t = Q(e);
   if (t)
     return JSON.stringify(t);
-}, pt = "__new__", U = ie(void 0), yt = ({ children: e, ...t }) => {
-  const { isGuest: i } = be(), { data: n = [] } = re({ projects: [t.projectName] }), { data: r = [] } = D.useGetTeamsQuery(
-    { projectName: t.projectName, showMembers: !0 },
-    { skip: !t.projectName }
-  ), c = b(
-    () => r.filter((m) => m.members?.some((ee) => ee.name === t.userName)).map((m) => m.name),
-    [r, t.userName]
-  ), [d, o] = _({
-    operator: "and",
-    conditions: []
-  }), [a, f] = _(""), u = t.feedFilter ?? d, l = t.setFeedFilter ?? o, [h, v] = _(null), [w, x] = _(null), [T, { isLoading: k }] = ce(), [N, { isLoading: A }] = le(), [p, { isLoading: M }] = de(), G = k || A || M, B = async (m) => await T(m).unwrap(), O = async (m) => await N(m).unwrap(), K = async (m) => await p(m).unwrap(), [q] = ue(), [Y] = me(), W = async (m) => await q(m).unwrap(), H = async (m) => await Y(m).unwrap(), C = pe(u), F = b(() => Le(u), [u]), J = Ae({
-    entities: t.entities,
-    filter: u,
-    backendFilter: F,
-    activityTypes: C,
-    projectName: t.projectName,
-    entityType: t.entityType
-  }), { data: V = {} } = ye(
-    {
-      suggestRequest: {
-        entityType: t.entityType,
-        entityId: t.entities[0]?.id
-      },
-      projectName: t.projectName
-    },
-    { skip: !h }
-  ), { data: X = [] } = fe({
-    projectName: t.projectName
-  }), { data: Z } = ge(
-    {
-      projectName: t.projectName,
-      entityIds: t.entities.map((m) => m.id)
-    },
-    { skip: !t.projectName || !t.entities.length }
-  );
-  return /* @__PURE__ */ s(
-    U.Provider,
-    {
-      value: {
-        ...t,
-        ...J,
-        mentionSuggestionsData: V,
-        categories: X,
-        checklistCount: Z,
-        users: n,
-        isUpdatingActivity: G,
-        userTeamNames: c,
-        refTooltip: w,
-        activityTypes: C,
-        feedFilter: u,
-        setFeedFilter: l,
-        backendFilter: F,
-        searchText: a,
-        setSearchText: f,
-        isGuest: i,
-        editingId: h,
-        setEditingId: v,
-        setRefTooltip: x,
-        // Query functions
-        createEntityActivity: B,
-        updateActivity: O,
-        deleteActivity: K,
-        createReaction: W,
-        deleteReaction: H
-      },
-      children: e
-    }
-  );
-}, E = () => {
-  const e = ne(U);
+}, W = z(void 0), g = () => {
+  const e = L(W);
   if (!e)
     throw new Error("useFeedContext must be used within a FeedProvider");
   return e;
-}, Re = () => {
-  const { refTooltip: e, setRefTooltip: t } = E();
+}, G = () => {
+  const { refTooltip: e, setRefTooltip: t } = g();
   return [e, (n) => {
     n && n.id !== e?.id && t(n), n || t(null);
   }];
-}, Se = y.span`
+}, J = p.span`
   display: flex;
   align-items: center;
   gap: var(--base-gap-large);
@@ -202,7 +91,7 @@ const Ae = ({
   span {
     white-space: nowrap;
   }
-`, De = y.span`
+`, V = p.span`
   display: flex;
   flex-direction: column;
 
@@ -210,13 +99,13 @@ const Ae = ({
     color: var(--md-sys-color-outline);
     font-size: 0.85em;
   }
-`, $ = ({ name: e, fullName: t, showSubtitle: i, size: n = 24 }) => /* @__PURE__ */ g(Se, { $size: n, children: [
-  /* @__PURE__ */ s(we, { name: e, size: n }),
-  i ? /* @__PURE__ */ g(De, { children: [
-    /* @__PURE__ */ s("span", { children: t || e }),
-    t && /* @__PURE__ */ s("span", { className: "label", children: e })
-  ] }) : /* @__PURE__ */ s("span", { children: t || e })
-] }), Pe = Te`
+`, E = ({ name: e, fullName: t, showSubtitle: o, size: n = 24 }) => /* @__PURE__ */ m(J, { $size: n, children: [
+  /* @__PURE__ */ i(U, { name: e, size: n }),
+  o ? /* @__PURE__ */ m(V, { children: [
+    /* @__PURE__ */ i("span", { children: t || e }),
+    t && /* @__PURE__ */ i("span", { className: "label", children: e })
+  ] }) : /* @__PURE__ */ i("span", { children: t || e })
+] }), X = O`
     from {
         opacity: 0.4;
         scale: 0.9;
@@ -225,7 +114,7 @@ const Ae = ({
         opacity: 1;
         scale: 1;
     }
-`, Q = y.span`
+`, M = p.span`
   display: flex;
   padding: 8px;
   gap: var(--base-gap-large);
@@ -249,14 +138,14 @@ const Ae = ({
     }
   }
 
-  animation: ${Pe} 50ms ease-out;
+  animation: ${X} 50ms ease-out;
   transform-origin: left bottom;
-`, ze = ({ name: e, label: t, pos: i }) => /* @__PURE__ */ s(Q, { style: { ...i }, children: /* @__PURE__ */ s($, { name: e || "", fullName: t, showSubtitle: !0, size: 32 }) }), Ue = y(Q)`
+`, Z = ({ name: e, label: t, pos: o }) => /* @__PURE__ */ i(M, { style: { ...o }, children: /* @__PURE__ */ i(E, { name: e || "", fullName: t, showSubtitle: !0, size: 32 }) }), ee = p(M)`
   flex-direction: column;
   align-items: flex-start;
   gap: 8px;
   min-width: 180px;
-`, $e = y.span`
+`, te = p.span`
   display: flex;
   align-items: center;
   gap: var(--base-gap-large);
@@ -264,7 +153,7 @@ const Ae = ({
   .icon {
     font-size: 20px;
   }
-`, Qe = y.span`
+`, oe = p.span`
   display: flex;
   flex-direction: column;
 
@@ -276,7 +165,7 @@ const Ae = ({
     color: var(--md-sys-color-outline);
     font-size: 0.85em;
   }
-`, Ge = y.ul`
+`, ne = p.ul`
   list-style: none;
   margin: 0;
   padding: 0;
@@ -284,124 +173,124 @@ const Ae = ({
   flex-direction: column;
   gap: 4px;
   width: 100%;
-`, Be = y.li`
+`, ie = p.li`
   display: flex;
   align-items: center;
-`, Oe = y.span`
+`, re = p.span`
   color: var(--md-sys-color-outline);
   font-size: 0.85em;
   padding-left: 32px;
-`, S = 5, Ke = ({ name: e, pos: t }) => {
-  const { projectName: i, users: n } = E(), { data: r = [] } = D.useGetTeamsQuery(
-    { projectName: i, showMembers: !0 },
-    { skip: !i || !e }
-  ), c = r.find((l) => l.name === e), d = c?.members ?? [], o = c?.memberCount ?? 0, a = d.slice(0, S), f = Math.max(0, o - S), u = new Map(n.map((l) => [l.name, l.attrib?.fullName || void 0]));
-  return /* @__PURE__ */ g(Ue, { style: { ...t }, children: [
-    /* @__PURE__ */ g($e, { children: [
-      /* @__PURE__ */ s(P, { icon: "group" }),
-      /* @__PURE__ */ g(Qe, { children: [
-        /* @__PURE__ */ s("span", { children: e }),
-        c && /* @__PURE__ */ g("span", { className: "label", children: [
-          o,
+`, _ = 5, ae = ({ name: e, pos: t }) => {
+  const { projectName: o, users: n } = g(), { data: s = [] } = j.useGetTeamsQuery(
+    { projectName: o, showMembers: !0 },
+    { skip: !o || !e }
+  ), l = s.find((d) => d.name === e), c = l?.members ?? [], a = l?.memberCount ?? 0, r = c.slice(0, _), u = Math.max(0, a - _), f = new Map(n.map((d) => [d.name, d.attrib?.fullName || void 0]));
+  return /* @__PURE__ */ m(ee, { style: { ...t }, children: [
+    /* @__PURE__ */ m(te, { children: [
+      /* @__PURE__ */ i(w, { icon: "group" }),
+      /* @__PURE__ */ m(oe, { children: [
+        /* @__PURE__ */ i("span", { children: e }),
+        l && /* @__PURE__ */ m("span", { className: "label", children: [
+          a,
           " ",
-          o === 1 ? "member" : "members"
+          a === 1 ? "member" : "members"
         ] })
       ] })
     ] }),
-    a.length > 0 && /* @__PURE__ */ g(Ge, { children: [
-      a.map((l) => /* @__PURE__ */ s(Be, { children: /* @__PURE__ */ s(
-        $,
+    r.length > 0 && /* @__PURE__ */ m(ne, { children: [
+      r.map((d) => /* @__PURE__ */ i(ie, { children: /* @__PURE__ */ i(
+        E,
         {
-          name: l.name,
-          fullName: u.get(l.name),
+          name: d.name,
+          fullName: f.get(d.name),
           size: 20
         }
-      ) }, l.name)),
-      f > 0 && /* @__PURE__ */ g(Oe, { children: [
+      ) }, d.name)),
+      u > 0 && /* @__PURE__ */ m(re, { children: [
         "+",
-        f,
+        u,
         " more"
       ] })
     ] })
   ] });
-}, qe = ({ type: e, id: t, pos: i }) => {
-  const { projectInfo: n, projectName: r } = E();
-  return /* @__PURE__ */ s(
-    _e,
+}, se = ({ type: e, id: t, pos: o }) => {
+  const { projectInfo: n, projectName: s } = g();
+  return /* @__PURE__ */ i(
+    K,
     {
       entityType: e,
       entityId: t,
-      projectName: r,
+      projectName: s,
       projectInfo: n,
-      pos: i
+      pos: o
     }
   );
-}, ft = () => {
-  const [e, t] = Re(), { type: i, label: n, name: r, pos: c, id: d } = e || {}, o = document.querySelector(".feed ul");
-  return oe(() => {
-    if (d) {
-      const a = (f) => {
-        const u = f.target, l = CSS.escape(`ref-${d.replaceAll(".", "-")}`), h = u?.closest(`#${l}`), v = u?.closest("[data-mention-value], .reference");
-        !h && !v && (t(null), document.removeEventListener("mouseover", a), o && o.removeEventListener("scroll", a));
+}, je = () => {
+  const [e, t] = G(), { type: o, label: n, name: s, pos: l, id: c } = e || {}, a = document.querySelector(".feed ul");
+  return $(() => {
+    if (c) {
+      const r = (u) => {
+        const f = u.target, d = CSS.escape(`ref-${c.replaceAll(".", "-")}`), y = f?.closest(`#${d}`), h = f?.closest("[data-mention-value], .reference");
+        !y && !h && (t(null), document.removeEventListener("mouseover", r), a && a.removeEventListener("scroll", r));
       };
-      return document.addEventListener("mouseover", a), o && o.addEventListener("scroll", a), () => {
-        document.removeEventListener("mouseover", a), o && o.removeEventListener("scroll", a);
+      return document.addEventListener("mouseover", r), a && a.addEventListener("scroll", r), () => {
+        document.removeEventListener("mouseover", r), a && a.removeEventListener("scroll", r);
       };
     }
-  }, [d, t, o]), d ? te(
-    i === "user" && c ? /* @__PURE__ */ s(ze, { name: r, label: n, pos: c }) : i === "team" && c ? /* @__PURE__ */ s(Ke, { name: r, pos: c }) : /* @__PURE__ */ s(qe, { type: i, label: n, name: r, pos: c, id: d }),
+  }, [c, t, a]), c ? R(
+    o === "user" && l ? /* @__PURE__ */ i(Z, { name: s, label: n, pos: l }) : o === "team" && l ? /* @__PURE__ */ i(ae, { name: s, pos: l }) : /* @__PURE__ */ i(se, { type: o, label: n, name: s, pos: l, id: c }),
     document.body
   ) : null;
-}, Ye = y.div`
+}, le = p.div`
   display: flex;
   flex-direction: column;
   gap: 12px;
-`, gt = ({
+`, Ae = ({
   isOpen: e,
   header: t,
-  startDate: i,
+  startDate: o,
   endDate: n,
-  onStartDateChange: r,
-  onEndDateChange: c,
-  onApply: d,
-  onClose: o
-}) => /* @__PURE__ */ s(
-  ke,
+  onStartDateChange: s,
+  onEndDateChange: l,
+  onApply: c,
+  onClose: a
+}) => /* @__PURE__ */ i(
+  N,
   {
     isOpen: e,
-    onClose: o,
+    onClose: a,
     header: t,
     size: "sm",
     hideCancelButton: !0,
-    footer: /* @__PURE__ */ s(
-      Me,
+    footer: /* @__PURE__ */ i(
+      B,
       {
         label: "Confirm",
         icon: "check",
-        onClick: d,
-        active: !!i && !!n && n >= i
+        onClick: c,
+        active: !!o && !!n && n >= o
       }
     ),
-    children: /* @__PURE__ */ g(Ye, { children: [
-      /* @__PURE__ */ s(I, { label: "Start date", children: /* @__PURE__ */ s(
-        j,
+    children: /* @__PURE__ */ m(le, { children: [
+      /* @__PURE__ */ i(v, { label: "Start date", children: /* @__PURE__ */ i(
+        x,
         {
-          selected: i ? R(i, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
-          onChange: (a) => r(a ? L(a, "yyyy-MM-dd") : ""),
+          selected: o ? k(o, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
+          onChange: (r) => s(r ? b(r, "yyyy-MM-dd") : ""),
           autoFocus: !0
         }
       ) }),
-      /* @__PURE__ */ s(I, { label: "End date", children: /* @__PURE__ */ s(
-        j,
+      /* @__PURE__ */ i(v, { label: "End date", children: /* @__PURE__ */ i(
+        x,
         {
-          selected: n ? R(n, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
-          onChange: (a) => c(a ? L(a, "yyyy-MM-dd") : ""),
-          openToDate: i ? new Date(i) : void 0
+          selected: n ? k(n, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
+          onChange: (r) => l(r ? b(r, "yyyy-MM-dd") : ""),
+          openToDate: o ? new Date(o) : void 0
         }
       ) })
     ] })
   }
-), We = y.div`
+), ce = p.div`
   position: relative;
   width: 100%;
   max-width: 500px;
@@ -423,7 +312,7 @@ const Ae = ({
     background-color: hsl(220 20% 8%);
     color: var(--md-sys-color-outline);
   }
-`, He = y.img`
+`, de = p.img`
   width: 100%;
   height: 100%;
   object-fit: contain;
@@ -432,46 +321,46 @@ const Ae = ({
   display: block;
   position: absolute;
   inset: 0;
-`, vt = ({
+`, Fe = ({
   projectName: e,
   entityType: t,
-  entityId: i,
+  entityId: o,
   icon: n,
-  thumbnailHash: r,
-  isLoading: c,
-  className: d,
-  disabled: o,
-  src: a,
-  onLoad: f,
-  onError: u,
-  iconOnly: l,
-  ...h
+  thumbnailHash: s,
+  isLoading: l,
+  className: c,
+  disabled: a,
+  src: r,
+  onLoad: u,
+  onError: f,
+  iconOnly: d,
+  ...y
 }) => {
-  const v = Ne({
+  const h = P({
     projectName: e,
     entityType: t,
-    entityId: i,
-    thumbnailHash: r ? String(r) : void 0
-  }), w = t === "project", x = ["product"].includes(t), T = w ? !!e : !!i;
-  return /* @__PURE__ */ g(We, { className: d + " thumbnail", ...h, children: [
-    !c && !o && /* @__PURE__ */ s(P, { icon: n || "image" }),
-    (t && !x && T || a) && !l && /* @__PURE__ */ s(
-      He,
+    entityId: o,
+    thumbnailHash: s ? String(s) : void 0
+  }), T = t === "project", S = ["product"].includes(t), I = T ? !!e : !!o;
+  return /* @__PURE__ */ m(ce, { className: c + " thumbnail", ...y, children: [
+    !l && !a && /* @__PURE__ */ i(w, { icon: n || "image" }),
+    (t && !S && I || r) && !d && /* @__PURE__ */ i(
+      de,
       {
-        alt: `Entity thumbnail ${i || e}`,
-        src: a || v || void 0,
-        onLoad: f,
-        onError: u
+        alt: `Entity thumbnail ${o || e}`,
+        src: r || h || void 0,
+        onLoad: u,
+        onError: f
       }
     )
   ] });
 };
 export {
-  ft as A,
-  gt as C,
-  pt as F,
-  vt as T,
-  yt as a,
-  Re as b,
-  E as u
+  je as A,
+  Ae as C,
+  W as F,
+  Fe as T,
+  G as a,
+  $e as b,
+  g as u
 };

package/dist/chunks/VersionUploadContextInstance.es.js

@@ -0,0 +1,12 @@
+import { createContext as n, useContext as t } from "react";
+const e = n(void 0), s = () => {
+  const o = t(e);
+  if (o === void 0)
+    throw new Error("useVersionUploadContext must be used within a VersionUploadProvider");
+  return o;
+}, i = () => t(e) ?? null;
+export {
+  e as V,
+  s as a,
+  i as u
+};