@ynput/ayon-frontend-shared 0.8.1 → 0.9.0

package/dist/chunks/ThumbnailSimple.es.js

@@ -1,7 +1,7 @@
 import { jsxs as m, jsx as i } from "react/jsx-runtime";
 import { createPortal as L } from "react-dom";
 import { createContext as $, useContext as A, useEffect as j } from "react";
-import { bH as B, a_ as N } from "./searchTerms.es.js";
+import { bJ as B, a_ as N } from "./searchTerms.es.js";
 import { H as U } from "./getUris.es.js";
 import "primereact/confirmdialog";
 import "lodash";
@@ -18,16 +18,16 @@ import "./ContextMenuContextInstance.es.js";
 import "clsx";
 import "react-router-dom";
 import { U as Y, F as D } from "./FilmstripEntityCard.es.js";
-import p, { keyframes as H } from "styled-components";
-import { E as q } from "./EntityTooltip.es.js";
+import p, { keyframes as q } from "styled-components";
+import { E as H } from "./EntityTooltip.es.js";
 import { format as b, parse as k } from "date-fns";
-import { g as Q, a as W } from "./getThumbnailUrl.es.js";
-const G = new Set(Object.keys(U).filter((e) => e !== "activity")), J = {
+import { g as J, a as Q } from "./getThumbnailUrl.es.js";
+const W = new Set(Object.keys(U).filter((e) => e !== "activity")), G = {
   has_attachments: "activity_data.files",
   // not `entity_type`: on inbox rows that column is always 'user'
   origin_type: "activity_data.origin.type"
 }, V = (e) => !!e && "key" in e, X = (e) => {
-  const o = J[e.key] ?? e.key;
+  const o = G[e.key] ?? e.key;
   if (e.key === "has_attachments")
     return e.value ? { key: o, operator: "ne", value: [] } : null;
   if (e.key === "in_review_session")
@@ -55,7 +55,7 @@ const G = new Set(Object.keys(U).filter((e) => e !== "activity")), J = {
   } : { ...e, key: o };
 }, E = (e) => {
   if (V(e))
-    return G.has(e.key) ? null : X(e);
+    return W.has(e.key) ? null : X(e);
   const o = (e.conditions || []).map((t) => E(t)).filter((t) => t !== null);
   return o.length === 0 ? null : { operator: e.operator || "and", conditions: o };
 }, Z = (e) => {
@@ -107,7 +107,7 @@ const G = new Set(Object.keys(U).filter((e) => e !== "activity")), J = {
     /* @__PURE__ */ i("span", { children: o || e }),
     o && /* @__PURE__ */ i("span", { className: "label", children: e })
   ] }) : /* @__PURE__ */ i("span", { children: o || e })
-] }), ie = H`
+] }), ie = q`
     from {
         opacity: 0.4;
         scale: 0.9;
@@ -218,7 +218,7 @@ const G = new Set(Object.keys(U).filter((e) => e !== "activity")), J = {
 }, ue = ({ type: e, id: o, pos: t }) => {
   const { projectInfo: n, projectName: s } = v();
   return /* @__PURE__ */ i(
-    q,
+    H,
     {
       entityType: e,
       entityId: o,
@@ -347,7 +347,7 @@ const G = new Set(Object.keys(U).filter((e) => e !== "activity")), J = {
   filmstripFit: T = "contain",
   ...S
 }) => {
-  const F = Q({
+  const F = J({
     projectName: e,
     entityType: o,
     entityId: t,
@@ -367,7 +367,7 @@ const G = new Set(Object.keys(U).filter((e) => e !== "activity")), J = {
     (h || y) && !l && !r && /* @__PURE__ */ i(
       D,
       {
-        src: y || W({ projectName: e, entityType: o, entityId: t, thumbnailHash: s }),
+        src: y || Q({ projectName: e, entityType: o, entityId: t, thumbnailHash: s }),
         fit: T
       }
     )

package/dist/chunks/Watchers.es.js

@@ -1,21 +1,21 @@
 import { jsx as u, jsxs as z, Fragment as ne } from "react/jsx-runtime";
 import { useMemo as I, useCallback as ee, useState as O, useEffect as G, useRef as ie, forwardRef as te, useContext as Ae } from "react";
-import { getMixedCounts as je, BorderedSection as Z, Button as Q, applyMixedChange as De, StatusSelect as Ce, AssigneeSelect as Ne, TagsSelect as Ue, EnumDropdown as $e, Icon as V, getMimeTypeIcon as Me, theme as ze, getFileSizeString as Re, WatcherSelect as We } from "@ynput/ayon-react-components";
-import { snakeCase as Le, upperFirst as Pe, intersectionBy as fe } from "lodash";
+import { getMixedCounts as je, BorderedSection as J, Button as Q, applyMixedChange as De, StatusSelect as Ce, AssigneeSelect as Ne, TagsSelect as Ue, EnumDropdown as $e, Icon as V, getMimeTypeIcon as Me, theme as ze, getFileSizeString as Re, WatcherSelect as Le } from "@ynput/ayon-react-components";
+import { snakeCase as We, upperFirst as Pe, intersectionBy as fe } from "lodash";
 import "primereact/confirmdialog";
 import { toast as oe } from "react-toastify";
 import { c as re } from "./copyToClipboard.es.js";
 import "uuid";
-import { aF as ve, b6 as Be, br as ye, b9 as Oe, ba as Ie, bb as Ve, bB as _e, by as He, bJ as Qe, bq as qe, a as J, bz as Ge } from "./searchTerms.es.js";
+import { aF as ve, b6 as Be, br as ye, b9 as Oe, ba as Ie, bb as Ve, bD as _e, by as He, bL as Qe, bq as qe, a as Z, bB as Ge } from "./searchTerms.es.js";
 import be from "axios";
 import m, { keyframes as xe, css as we } from "styled-components";
-import W from "clsx";
-import { E as Ke, t as Je, M as Ze, T as Xe, D as Ye, B as et, l as tt } from "./MetaWidget.es.js";
+import L from "clsx";
+import { E as Ke, t as Ze, M as Je, T as Xe, D as Ye, B as et, l as tt } from "./MetaWidget.es.js";
 import { U as ot, F as ke } from "./FilmstripEntityCard.es.js";
 import { dr as rt, c1 as at, cf as Ee, bl as nt, cA as it, as as st, bA as lt, de as ct } from "./getUris.es.js";
 import "@module-federation/enhanced/runtime";
 import "@ynput/ayon-addon/host";
-import { m as ae, c as dt, q as pt, T as ut } from "./TableExportContextInstance.es.js";
+import { m as ae, c as dt, s as pt, T as ut } from "./TableExportContextInstance.es.js";
 import "semver";
 import "./ContextMenuContextInstance.es.js";
 import "react-dom";
@@ -281,7 +281,7 @@ const le = [], kt = (e) => {
         (l) => ["tags", "status"].includes(l.name) ? l : { ...l, readonly: !0 }
       )
     ] : x, S = v ? E.map(
-      (l) => v.includes(l.name) || v.includes(Le(l.name)) ? l : { ...l, readonly: !0 }
+      (l) => v.includes(l.name) || v.includes(We(l.name)) ? l : { ...l, readonly: !0 }
     ) : E, y = c ? e.filter((l) => l.scope?.includes(c) && l.name !== "description").filter((l) => !s || s.includes(l.name)).map((l) => ({
       name: "attrib." + l.name,
       data: l.data,
@@ -439,7 +439,7 @@ const le = [], kt = (e) => {
   &:hover {
     background-color: unset;
   }
-`, Mt = m(Je)`
+`, Mt = m(Ze)`
   &.enum:hover {
     background-color: unset;
   }
@@ -471,8 +471,8 @@ const le = [], kt = (e) => {
     if (!(!a || i.length < 2 || n !== "list_of_strings"))
       return je(
         i.map((D) => {
-          const L = e.name === "tags" ? D.tags : e.name.startsWith("attrib.") ? D.attrib?.[e.name.slice(7)] : void 0;
-          return Array.isArray(L) ? L.map(String) : [];
+          const W = e.name === "tags" ? D.tags : e.name.startsWith("attrib.") ? D.attrib?.[e.name.slice(7)] : void 0;
+          return Array.isArray(W) ? W.map(String) : [];
         })
       );
   }, [a, i, n, e.name]), N = $ && {
@@ -519,8 +519,8 @@ const le = [], kt = (e) => {
       );
     case _e(e.data): {
       const D = n?.includes("list");
-      let L = [];
-      D ? L = Array.isArray(C) ? C : [] : g ? L = [] : L = [C];
+      let W = [];
+      D ? W = Array.isArray(C) ? C : [] : g ? W = [] : W = [C];
       let P = k.map((U) => ({
         value: U.value,
         label: U.label,
@@ -539,14 +539,14 @@ const le = [], kt = (e) => {
         label: U.name,
         icon: U.icon,
         color: U.color
-      }))), e.allowNone && L.length && !D && C && C !== "" && (P = [
+      }))), e.allowNone && W.length && !D && C && C !== "" && (P = [
         { value: "", label: `No ${e.data.title || e.name}` },
         ...P
       ]), /* @__PURE__ */ u(
         $t,
         {
           "data-tooltip": l,
-          value: L,
+          value: W,
           options: P,
           type: n,
           pt: {
@@ -571,7 +571,7 @@ const le = [], kt = (e) => {
     case (n === "string" || n === "integer" || n === "float"):
     default:
       return v === "markdown" ? /* @__PURE__ */ u(
-        Ze,
+        Je,
         {
           value: C.toString(),
           onCancelEdit: d,
@@ -645,7 +645,7 @@ const le = [], kt = (e) => {
       margin-top: 6px;
     }
   }
-`, Wt = m.div`
+`, Lt = m.div`
   height: 32px;
   overflow: hidden;
   width: 100%;
@@ -681,7 +681,7 @@ const le = [], kt = (e) => {
   &.readonly {
     pointer-events: none;
   }
-`, Lt = m.div`
+`, Wt = m.div`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-small);
@@ -731,11 +731,11 @@ const le = [], kt = (e) => {
   }, S = () => {
     n(null);
   };
-  return t ? /* @__PURE__ */ u(Z, { title: "Attributes", withPadding: !0, children: Array.from({ length: 10 }).map((y, k) => /* @__PURE__ */ z(Pt, { children: [
+  return t ? /* @__PURE__ */ u(J, { title: "Attributes", withPadding: !0, children: Array.from({ length: 10 }).map((y, k) => /* @__PURE__ */ z(Pt, { children: [
     /* @__PURE__ */ u("div", { className: "loading" }),
     /* @__PURE__ */ u("div", { className: "loading" })
   ] }, k)) }) : /* @__PURE__ */ u(
-    Z,
+    J,
     {
       title: "Attributes",
       autoHeight: !0,
@@ -747,7 +747,7 @@ const le = [], kt = (e) => {
         return /* @__PURE__ */ z(
           Te,
           {
-            className: W("field-row", { "multi-line": y.data.widget === "markdown" }),
+            className: L("field-row", { "multi-line": y.data.widget === "markdown" }),
             children: [
               /* @__PURE__ */ u(
                 Se,
@@ -759,9 +759,9 @@ const le = [], kt = (e) => {
                 }
               ),
               /* @__PURE__ */ u(
-                Wt,
+                Lt,
                 {
-                  className: W("field-value", {
+                  className: L("field-value", {
                     editing: j,
                     readonly: w
                   }),
@@ -788,7 +788,7 @@ const le = [], kt = (e) => {
                   )
                 }
               ),
-              /* @__PURE__ */ u(Lt, { className: "field-tools", children: /* @__PURE__ */ u(
+              /* @__PURE__ */ u(Wt, { className: "field-tools", children: /* @__PURE__ */ u(
                 Q,
                 {
                   className: "tool",
@@ -879,11 +879,11 @@ const le = [], kt = (e) => {
       }
     return a.toString();
   };
-  return r ? /* @__PURE__ */ u(Z, { title: "Details", withPadding: !0, children: Array.from({ length: 6 }).map((a, d) => /* @__PURE__ */ z(pe, { children: [
+  return r ? /* @__PURE__ */ u(J, { title: "Details", withPadding: !0, children: Array.from({ length: 6 }).map((a, d) => /* @__PURE__ */ z(pe, { children: [
     /* @__PURE__ */ u(ue, { style: { width: "80px" } }),
     /* @__PURE__ */ u(ue, { style: { width: "120px", justifySelf: "end" } }),
     /* @__PURE__ */ u("div", { style: { width: "24px" } })
-  ] }, d)) }) : /* @__PURE__ */ u(Z, { title: "Details", autoHeight: !0, showHeader: !0, withPadding: !0, children: e.filter((a) => !a.hidden).map((a) => {
+  ] }, d)) }) : /* @__PURE__ */ u(J, { title: "Details", autoHeight: !0, showHeader: !0, withPadding: !0, children: e.filter((a) => !a.hidden).map((a) => {
     const d = t[a.name], p = o.includes(a.name), i = p ? "Multiple values" : c(d, a.name), s = ["createdBy", "updatedBy"].includes(a.name) && !p ? g.find((n) => n.name === d) : void 0;
     return /* @__PURE__ */ z(pe, { children: [
       /* @__PURE__ */ u(Se, { name: a.name, data: a.data, showDetailedTooltip: !0 }),
@@ -974,7 +974,7 @@ const le = [], kt = (e) => {
       const H = K.get(B) || [];
       return _ ? { [_]: H } : H;
     });
-  }, F = o?.projectName || e[0]?.projectName, D = e[0]?.id, L = I(
+  }, F = o?.projectName || e[0]?.projectName, D = e[0]?.id, W = I(
     () => F && D ? { projectName: F, entityType: S, entityId: D, productTypes: s, taskTypes: p } : void 0,
     [F, S, D, s, p]
   ), P = ({ type: A, id: M }) => {
@@ -994,7 +994,7 @@ const le = [], kt = (e) => {
         enableEditing: R,
         onChange: Fe,
         isLoading: t,
-        mentionsContext: L,
+        mentionsContext: W,
         onMentionClick: P,
         onMentionHover: U
       }
@@ -1381,7 +1381,7 @@ const le = [], kt = (e) => {
     }, 1e4), () => {
       cancelAnimationFrame(v), window.clearInterval(h), window.clearTimeout(x), s && (s.removeEventListener("load", y), s.removeEventListener("error", k));
     };
-  }, [t]), /* @__PURE__ */ z(Ht, { ...r, className: W("file-thumbnail", r.className), children: [
+  }, [t]), /* @__PURE__ */ z(Ht, { ...r, className: L("file-thumbnail", r.className), children: [
     a ? /* @__PURE__ */ u(V, { icon: Me(e) }) : /* @__PURE__ */ u(Qt, { icon: "progress_activity" }),
     /* @__PURE__ */ u(
       qt,
@@ -1395,7 +1395,7 @@ const le = [], kt = (e) => {
         onLoad: (f) => {
           f.currentTarget === p.current && (d(!0), c(!1));
         },
-        className: W({ hidden: !a || g })
+        className: L({ hidden: !a || g })
       }
     ),
     o && /* @__PURE__ */ u(ke, { src: o, fit: "cover" })
@@ -1467,7 +1467,7 @@ const le = [], kt = (e) => {
       background-color: var(--md-sys-color-primary-container);
     }
   }
-`, Jt = m.div`
+`, Zt = m.div`
   display: flex;
   flex-direction: column;
   flex: 1;
@@ -1492,7 +1492,7 @@ const le = [], kt = (e) => {
   .name {
     color: var(--md-sys-color-outline);
   }
-`, Zt = m.div`
+`, Jt = m.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -1553,7 +1553,7 @@ const le = [], kt = (e) => {
       {
         id: o,
         ref: x,
-        className: W({
+        className: L({
           draggable: E,
           "drop-placeholder": p,
           "drag-overlay": d,
@@ -1572,8 +1572,8 @@ const le = [], kt = (e) => {
               filmstripSrc: !f && a?.startsWith("video/") ? vt(t, o) : null
             }
           ),
-          /* @__PURE__ */ z(Jt, { children: [
-            /* @__PURE__ */ z(Zt, { children: [
+          /* @__PURE__ */ z(Zt, { children: [
+            /* @__PURE__ */ z(Jt, { children: [
               /* @__PURE__ */ u("h4", { children: j }),
               !!v && /* @__PURE__ */ u(Xt, { icon: "edit", variant: "text", className: "edit", onClick: v })
             ] }),
@@ -1737,13 +1737,13 @@ const le = [], kt = (e) => {
   return /* @__PURE__ */ z(
     oo,
     {
-      className: W({ finished: t === 100, error: !!a, [r]: !0 }),
+      className: L({ finished: t === 100, error: !!a, [r]: !0 }),
       id: g,
       ...i,
       children: [
         /* @__PURE__ */ z(ao, { children: [
           c && /* @__PURE__ */ u("img", { src: c }),
-          n && /* @__PURE__ */ u(V, { icon: n, className: W({ spinning: s }) })
+          n && /* @__PURE__ */ u(V, { icon: n, className: L({ spinning: s }) })
         ] }),
         /* @__PURE__ */ z("span", { className: "content", children: [
           /* @__PURE__ */ u("span", { className: "name", children: e }),
@@ -1897,7 +1897,7 @@ const jr = m.div`
                 $.reviewables || ($.reviewables = []), $.reviewables.push(l);
               }
             )
-          ), g && c(J.util.invalidateTags([{ type: "viewer", id: g }])), c(J.util.invalidateTags([{ type: "viewer", id: h }])), r && c(J.util.invalidateTags([{ type: "viewer", id: r }])), o && c(J.util.invalidateTags([{ type: "viewer", id: o }])), f(q(w.name)));
+          ), g && c(Z.util.invalidateTags([{ type: "viewer", id: g }])), c(Z.util.invalidateTags([{ type: "viewer", id: h }])), r && c(Z.util.invalidateTags([{ type: "viewer", id: r }])), o && c(Z.util.invalidateTags([{ type: "viewer", id: o }])), f(q(w.name)));
         }, k = (w) => (T) => {
           h && (console.error(`Upload failed for ${w.name}: ${T}`), i((l) => {
             const N = (l[h] || []).map((R) => R.name !== q(w.name) ? R : {
@@ -2012,7 +2012,7 @@ const jr = m.div`
     /* @__PURE__ */ u(
       no,
       {
-        className: W(n, i, { dragging: E }),
+        className: L(n, i, { dragging: E }),
         ...x,
         onDragEnter: () => !v && S(!0),
         onDragOver: (b) => b.preventDefault(),
@@ -2047,7 +2047,7 @@ const jr = m.div`
             io,
             {
               id: "upload",
-              className: W("upload", i),
+              className: L("upload", i),
               style: C,
               ...h?.upload,
               children: [
@@ -2170,13 +2170,13 @@ const jr = m.div`
 
   max-height: 500px;
   overflow: auto;
-`, Wr = m.li`
+`, Lr = m.li`
   padding: var(--base-gap-small);
   border-radius: var(--border-radius-m);
   color: var(--md-sys-color-on-surface);
   min-width: max-content;
   width: 100%;
-`, Lr = te(
+`, Wr = te(
   ({ children: e, segment: t, isOpen: o, scope: r, projectName: g, ...c }, a) => {
     const { openSlideOut: d } = ae(), p = t?.type !== "product" && t?.type !== "project", i = () => {
       if (!p) return;
@@ -2349,7 +2349,7 @@ const jr = m.div`
   }, [y]), /* @__PURE__ */ z(
     po,
     {
-      className: W(p, "thumbnail", {
+      className: L(p, "thumbnail", {
         loading: d && (a || !w),
         loaded: w,
         error: k,
@@ -2435,7 +2435,7 @@ const jr = m.div`
     go,
     {
       $length: e.length,
-      className: W("stacked-thumbnails", o, { stacking: d }),
+      className: L("stacked-thumbnails", o, { stacking: d }),
       children: e.map(
         (p, i) => p ? /* @__PURE__ */ u(
           mo,
@@ -2484,7 +2484,7 @@ const jr = m.div`
       }
     };
     return /* @__PURE__ */ u(
-      We,
+      Le,
       {
         align: "right",
         ...g,
@@ -2530,8 +2530,8 @@ export {
   kr as e,
   Nr as f,
   Rr as g,
-  Lr as h,
-  Wr as i,
+  Wr as h,
+  Lr as i,
   Ur as j,
   ar as k,
   St as l,

package/dist/chunks/getUris.es.js

@@ -1,4 +1,4 @@
-import { aj as rs, aU as he, aO as P, ak as Ne, ab as O, bB as Fs, aI as R, aE as yt, bv as F, az as le, a as _s, bs as Rs, aQ as Gs, aJ as M, al as Le, an as Cs, ap as Ns, aq as Qs, as as Ms, bo as Vs, au as Os, aK as Ds, aM as $s, bj as as, aR as xs, aT as Us, aV as X, aY as Bs, aZ as rt, a_ as qs, af as de, aA as Hs, bk as Ws, bl as zs, b0 as Ks } from "./searchTerms.es.js";
+import { aj as rs, aU as he, aO as P, ak as Ne, ab as O, bD as Fs, aI as R, aE as yt, bv as F, az as le, a as _s, bs as Rs, aQ as Gs, aJ as M, al as Le, an as Cs, ap as Ns, aq as Qs, as as Ms, bo as Vs, au as Os, aK as Ds, aM as $s, bj as as, aR as xs, aT as Us, aV as X, aY as Bs, aZ as rt, a_ as qs, af as de, aA as Hs, bk as Ws, bl as zs, b0 as Ks } from "./searchTerms.es.js";
 import "lodash";
 import "primereact/confirmdialog";
 import { toast as os } from "react-toastify";