@ynput/ayon-frontend-shared 0.6.4 → 0.6.6

package/dist/chunks/Watchers.es.js

@@ -7,11 +7,11 @@ import { c as K } from "./copyToClipboard.es.js";
 import "uuid";
 import { aw as ce, aY as De, bh as de, a$ as je, b0 as Fe, b1 as Ce, bj as Ae, bn as Ne, bw as $e, bg as Re, a as B, bo as ze } from "./searchTerms.es.js";
 import p, { keyframes as pe, css as ue } from "styled-components";
-import M from "clsx";
-import { BorderedSection as H, Button as O, StatusSelect as Ue, AssigneeSelect as Me, TagsSelect as Le, EnumDropdown as Pe, Icon as P, getMimeTypeIcon as We, theme as Oe, getFileSizeString as Ie, WatcherSelect as Ve } from "@ynput/ayon-react-components";
-import { m as Be, M as He, T as _e, l as Qe, B as qe, D as Ge } from "./MetaWidget.es.js";
+import U from "clsx";
+import { BorderedSection as H, Button as O, StatusSelect as Me, AssigneeSelect as Ue, TagsSelect as Le, EnumDropdown as Pe, Icon as P, getMimeTypeIcon as We, theme as Oe, getFileSizeString as Ie, WatcherSelect as Ve } from "@ynput/ayon-react-components";
+import { o as Be, M as He, T as _e, n as Qe, B as qe, D as Ge } from "./MetaWidget.es.js";
 import "./PlayableIcon.es.js";
-import { df as Ke, bU as Ye, c6 as me, bf as Ze, an as Je, bu as Xe, d3 as et } from "./getUris.es.js";
+import { dh as Ke, bW as Ye, c8 as me, bg as Ze, ao as Je, bv as Xe, d5 as et } from "./getUris.es.js";
 import "@module-federation/enhanced/runtime";
 import { v as Y, d as tt, x as ot, T as rt } from "./DeleteEntitiesContextInstance.es.js";
 import "semver";
@@ -29,7 +29,6 @@ import "@lexical/list";
 import "@lexical/rich-text";
 import "@lexical/selection";
 import "@lexical/utils";
-import "react-router-dom";
 import "@tanstack/react-table";
 import { g as nt, h as X } from "./humanizeFieldName.es.js";
 import { a as it, A as st } from "./ThumbnailSimple.es.js";
@@ -48,7 +47,7 @@ const ee = [], pt = (e) => {
     }),
     [t, r, e]
   );
-}, Bo = () => {
+}, Vo = () => {
   const [e] = je(), [t] = Fe();
   return Q(
     async (r, o) => {
@@ -386,7 +385,7 @@ const ee = [], pt = (e) => {
     o = le(o, n, "name");
   }
   return o;
-}, Ho = (e, t) => {
+}, Bo = (e, t) => {
   let r = Object.values(e || {});
   return r.length == 0 || r[0].scope === void 0 ? r : r.filter(
     (o) => t.every((l) => o.scope === void 0 || o.scope.includes(l))
@@ -695,7 +694,7 @@ const ee = [], pt = (e) => {
         return /* @__PURE__ */ z(
           fe,
           {
-            className: M("field-row", { "multi-line": y.data.widget === "markdown" }),
+            className: U("field-row", { "multi-line": y.data.widget === "markdown" }),
             children: [
               /* @__PURE__ */ m(
                 he,
@@ -709,7 +708,7 @@ const ee = [], pt = (e) => {
               /* @__PURE__ */ m(
                 St,
                 {
-                  className: M("field-value", {
+                  className: U("field-value", {
                     editing: F,
                     readonly: T
                   }),
@@ -859,7 +858,7 @@ const ee = [], pt = (e) => {
   padding-right: 8px;
   padding-left: 8px;
   margin-top: 16px;
-`, _o = ({ entities: e = [], isLoading: t }) => {
+`, Ho = ({ entities: e = [], isLoading: t }) => {
   const { formData: r, mixedFields: o, updateFormData: l, clearMixedField: n } = ft(
     e,
     t
@@ -891,18 +890,18 @@ const ee = [], pt = (e) => {
     entityType: r?.entityType,
     folderHasVersions: y,
     attribAccess: T
-  }), { writableAttributes: d } = T, D = !d || d.includes("description"), N = (R, U) => {
-    R === "tags" && (Array.isArray(U) || (U == null || U === "" ? U = [] : U = [String(U)])), R.startsWith("attrib.") && (U = {
-      [R.replace("attrib.", "")]: U
-    }, R = "attrib"), l(R, U), A(R, U);
+  }), { writableAttributes: d } = T, D = !d || d.includes("description"), N = (R, M) => {
+    R === "tags" && (Array.isArray(M) || (M == null || M === "" ? M = [] : M = [String(M)])), R.startsWith("attrib.") && (M = {
+      [R.replace("attrib.", "")]: M
+    }, R = "attrib"), l(R, M), A(R, M);
   }, C = r?.projectName || e[0]?.projectName, $ = e[0]?.id, b = W(
     () => C && $ ? { projectName: C, entityType: x, entityId: $, productTypes: i, taskTypes: g } : void 0,
     [C, x, $, i, g]
-  ), E = ({ type: R, id: U }) => {
-    R === "user" || R === "team" || !C || h({ entityId: U, entityType: R, projectName: C });
-  }, j = ({ type: R, id: U, label: ye }, be) => {
+  ), E = ({ type: R, id: M }) => {
+    R === "user" || R === "team" || !C || h({ entityId: M, entityType: R, projectName: C });
+  }, j = ({ type: R, id: M, label: ye }, be) => {
     const { x: xe, y: we, width: ke } = be.getBoundingClientRect();
-    v({ id: U, name: U, type: R, label: ye, pos: { left: xe + ke / 2, top: we } });
+    v({ id: M, name: M, type: R, label: ye, pos: { left: xe + ke / 2, top: we } });
   }, ve = (R) => {
     l("description", R), n("description"), A("attrib", { description: R });
   };
@@ -944,9 +943,9 @@ const ee = [], pt = (e) => {
       }
     )
   ] });
-}, Qo = p.div`
+}, _o = p.div`
   position: relative;
-`, qo = p.div`
+`, Qo = p.div`
   position: relative;
   padding: 8px;
   border-bottom: 1px solid var(--md-sys-color-outline-variant);
@@ -978,13 +977,13 @@ const ee = [], pt = (e) => {
     /* align center */
     align-items: center;
   }
-`, Go = p(O)`
+`, qo = p(O)`
   position: absolute;
   right: 4px;
   top: 4px;
   width: fit-content;
   z-index: 50;
-`, Ko = p.header`
+`, Go = p.header`
   display: flex;
   align-items: center;
   gap: var(--base-gap-large);
@@ -999,7 +998,7 @@ const ee = [], pt = (e) => {
       display: none;
     }
   }
-`, Yo = p.div`
+`, Ko = p.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -1007,7 +1006,7 @@ const ee = [], pt = (e) => {
   h2 {
     min-width: fit-content;
   }
-`, Zo = p.div`
+`, Yo = p.div`
   position: relative;
   height: 100%;
 
@@ -1022,7 +1021,7 @@ const ee = [], pt = (e) => {
     flex-direction: column;
     gap: var(--base-gap-small);
   }
-`, Jo = p.div`
+`, Zo = p.div`
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -1060,7 +1059,7 @@ const ee = [], pt = (e) => {
     align-items: center;
     gap: var(--base-gap-medium);
   }
-`, Xo = p.div`
+`, Jo = p.div`
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
@@ -1069,10 +1068,10 @@ const ee = [], pt = (e) => {
   label {
     color: var(--md-sys-color-outline);
   }
-`, er = p.div`
+`, Xo = p.div`
   display: flex;
   flex-direction: column;
-`, tr = p(Ue)`
+`, er = p(Me)`
   width: fit-content;
   .status-field.value {
     position: relative;
@@ -1083,11 +1082,11 @@ const ee = [], pt = (e) => {
     margin-bottom: 2px;
     color: ${(e) => e.$textColor};
   }
-`, or = p(Me)`
+`, tr = p(Ue)`
   width: fit-content;
   justify-self: end;
   max-width: 100%;
-`, rr = p(Le)`
+`, or = p(Le)`
   height: 24px;
   .template-value {
     padding: 0 2px;
@@ -1101,7 +1100,7 @@ const ee = [], pt = (e) => {
       display: none;
     }
   }
-`, ar = p.div`
+`, rr = p.div`
   display: flex;
   align-items: center;
   gap: 4px;
@@ -1121,7 +1120,7 @@ const ee = [], pt = (e) => {
     border-radius: 3px;
     padding: 0 4px;
   }
-`, nr = p(Pe)`
+`, ar = p(Pe)`
   width: max-content;
   justify-self: end;
   /* remove text and dropdown icon */
@@ -1145,12 +1144,12 @@ const ee = [], pt = (e) => {
       background-color: var(--md-sys-color-surface-container-low-hover);
     }
   }
-`, ir = p.footer`
+`, nr = p.footer`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
   justify-content: space-between;
-`, sr = p.div`
+`, ir = p.div`
   height: 100%;
 
   > input[type='file'] {
@@ -1161,7 +1160,7 @@ const ee = [], pt = (e) => {
   input[type='file'] {
     display: none;
   }
-`, lr = p.div`
+`, sr = p.div`
   z-index: 100;
   position: absolute;
   inset: 0;
@@ -1173,7 +1172,7 @@ const ee = [], pt = (e) => {
   display: flex;
   align-items: center;
   justify-content: center;
-`, cr = p.div`
+`, lr = p.div`
   flex: 1;
   height: 100%;
   border-radius: var(--border-radius-l);
@@ -1202,11 +1201,11 @@ const ee = [], pt = (e) => {
     /* show children */
     opacity: 1;
   }
-`, dr = p(O)`
+`, cr = p(O)`
   position: absolute;
   top: 4px;
   right: 4px;
-`, pr = p.div`
+`, dr = p.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1219,7 +1218,7 @@ const ee = [], pt = (e) => {
     top: 12px;
     position: relative;
   }
-`, ur = p.div`
+`, pr = p.div`
   height: 8px;
   position: absolute;
   border-radius: 4px;
@@ -1247,7 +1246,7 @@ const ee = [], pt = (e) => {
 `, zt = p(P)`
   animation: ${$t} 1s linear infinite;
   opacity: 0.6;
-`, Ut = p.img`
+`, Mt = p.img`
   position: absolute;
   inset: 0;
   object-fit: cover;
@@ -1259,7 +1258,7 @@ const ee = [], pt = (e) => {
   &.hidden {
     opacity: 0;
   }
-`, Mt = ({ mimetype: e = "", src: t, ...r }) => {
+`, Ut = ({ mimetype: e = "", src: t, ...r }) => {
   const [o, l] = L(!1), [n, a] = L(!1), c = J(null), g = J(0);
   return V(() => {
     const s = g.current + 1;
@@ -1290,10 +1289,10 @@ const ee = [], pt = (e) => {
     }, 1e4), () => {
       cancelAnimationFrame(h), window.clearInterval(v), window.clearTimeout(f), u && (u.removeEventListener("load", x), u.removeEventListener("error", F));
     };
-  }, [t]), /* @__PURE__ */ z(Rt, { ...r, className: M("file-thumbnail", r.className), children: [
+  }, [t]), /* @__PURE__ */ z(Rt, { ...r, className: U("file-thumbnail", r.className), children: [
     n ? /* @__PURE__ */ m(P, { icon: We(e) }) : /* @__PURE__ */ m(zt, { icon: "progress_activity" }),
     /* @__PURE__ */ m(
-      Ut,
+      Mt,
       {
         ref: c,
         src: t,
@@ -1304,7 +1303,7 @@ const ee = [], pt = (e) => {
         onLoad: (s) => {
           s.currentTarget === c.current && (a(!0), l(!1));
         },
-        className: M({ hidden: !n || o })
+        className: U({ hidden: !n || o })
       }
     )
   ] });
@@ -1420,7 +1419,7 @@ const ee = [], pt = (e) => {
   }
 
   margin: -2px;
-`, It = p(Mt)`
+`, It = p(Ut)`
   width: 71px;
   height: 40px;
 
@@ -1434,7 +1433,7 @@ const ee = [], pt = (e) => {
 
   /* default hidden */
   opacity: 0;
-`, mr = q(
+`, ur = q(
   ({
     availability: e,
     projectName: t,
@@ -1461,7 +1460,7 @@ const ee = [], pt = (e) => {
       {
         id: r,
         ref: w,
-        className: M({
+        className: U({
           draggable: y,
           "drop-placeholder": g,
           "drag-overlay": c,
@@ -1644,13 +1643,13 @@ const ee = [], pt = (e) => {
   return /* @__PURE__ */ z(
     Ht,
     {
-      className: M({ finished: t === 100, error: !!a, [o]: !0 }),
+      className: U({ finished: t === 100, error: !!a, [o]: !0 }),
       id: l,
       ...s,
       children: [
         /* @__PURE__ */ z(Qt, { children: [
           n && /* @__PURE__ */ m("img", { src: n }),
-          h && /* @__PURE__ */ m(P, { icon: h, className: M({ spinning: i }) })
+          h && /* @__PURE__ */ m(P, { icon: h, className: U({ spinning: i }) })
         ] }),
         /* @__PURE__ */ z("span", { className: "content", children: [
           /* @__PURE__ */ m("span", { className: "name", children: e }),
@@ -1672,13 +1671,13 @@ p.div`
   min-height: 100%;
   padding-bottom: var(--padding-m);
 `;
-const gr = p.div`
+const mr = p.div`
   position: relative;
   overflow: hidden;
   border-radius: var(--border-radius-m);
   width: 100%;
   min-height: 50px;
-`, hr = p.div`
+`, gr = p.div`
   word-break: break-all;
 `, qt = p.div`
   display: flex;
@@ -1858,7 +1857,7 @@ const gr = p.div`
     handleRemoveUpload: u,
     uploading: g
   };
-}, fr = ({
+}, hr = ({
   projectName: e,
   taskId: t,
   folderId: r,
@@ -1919,7 +1918,7 @@ const gr = p.div`
     /* @__PURE__ */ m(
       qt,
       {
-        className: M(h, s, { dragging: y }),
+        className: U(h, s, { dragging: y }),
         ...w,
         onDragEnter: () => !v && x(!0),
         onDragOver: (b) => b.preventDefault(),
@@ -1954,7 +1953,7 @@ const gr = p.div`
             Gt,
             {
               id: "upload",
-              className: M("upload", s),
+              className: U("upload", s),
               style: $,
               ...f?.upload,
               children: [
@@ -1980,7 +1979,7 @@ const gr = p.div`
       }
     )
   ] });
-}, vr = p.div`
+}, fr = p.div`
   position: relative;
   border-radius: var(--border-radius-m);
   display: flex;
@@ -1995,9 +1994,9 @@ const gr = p.div`
   }
 
   flex: 1;
-`, yr = p.div`
+`, vr = p.div`
   position: relative;
-`, br = p.span`
+`, yr = p.span`
   position: relative;
   padding: 0px 2px;
   border-radius: var(--border-radius-m);
@@ -2019,7 +2018,7 @@ const gr = p.div`
       color: var(--md-sys-color-on-surface);
     }
   }
-`, xr = p.span`
+`, br = p.span`
   text-overflow: ellipsis;
   overflow: hidden;
   display: inline-block;
@@ -2053,7 +2052,7 @@ const gr = p.div`
       }
     }
   }
-`, wr = p.div`
+`, xr = p.div`
   position: absolute;
   top: 100%;
   left: 0px;
@@ -2062,7 +2061,7 @@ const gr = p.div`
 
   z-index: 200;
   padding-top: 4px;
-`, kr = p.ul`
+`, wr = p.ul`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-small);
@@ -2077,13 +2076,13 @@ const gr = p.div`
 
   max-height: 500px;
   overflow: auto;
-`, Er = p.li`
+`, kr = p.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%;
-`, Tr = q(
+`, Er = q(
   ({ children: e, segment: t, isOpen: r, scope: o, projectName: l, ...n }, a) => {
     const { openSlideOut: c } = Y(), g = t?.type !== "product" && t?.type !== "project", s = () => {
       if (!g) return;
@@ -2247,7 +2246,7 @@ const gr = p.div`
   }, [x]), /* @__PURE__ */ z(
     Jt,
     {
-      className: M(g, "thumbnail", {
+      className: U(g, "thumbnail", {
         loading: c && (a || !A),
         loaded: A,
         error: F,
@@ -2311,7 +2310,7 @@ const gr = p.div`
       object-fit: cover;
     }
   }
-`, Sr = ({
+`, Tr = ({
   thumbnails: e = [],
   isLoading: t,
   className: r,
@@ -2325,7 +2324,7 @@ const gr = p.div`
     to,
     {
       $length: e.length,
-      className: M("stacked-thumbnails", r, { stacking: a }),
+      className: U("stacked-thumbnails", r, { stacking: a }),
       children: e.map(
         (c, g) => c ? /* @__PURE__ */ m(
           eo,
@@ -2347,7 +2346,7 @@ const gr = p.div`
       )
     }
   ) : null;
-}, Dr = q(
+}, Sr = q(
   ({ entities: e, entityType: t, onWatchersUpdate: r, userName: o, ...l }, n) => {
     const a = e.map((i) => ({
       entityId: i.id,
@@ -2388,54 +2387,54 @@ const gr = p.div`
   }
 );
 export {
-  Jo as A,
-  Yo as B,
-  dr as C,
-  cr as D,
-  rr as E,
-  xr as F,
-  qo as G,
-  Qo as H,
-  ar as I,
-  tr as J,
-  or as K,
-  gr as L,
-  wr as M,
-  nr as N,
-  Go as O,
-  ur as P,
-  Xo as Q,
-  mr as R,
-  br as S,
-  Zo as T,
-  pr as U,
-  ir as V,
-  Dr as W,
-  er as X,
+  Zo as A,
+  Ko as B,
+  cr as C,
+  lr as D,
+  or as E,
+  br as F,
+  Qo as G,
+  _o as H,
+  rr as I,
+  er as J,
+  tr as K,
+  mr as L,
+  xr as M,
+  ar as N,
+  qo as O,
+  pr as P,
+  Jo as Q,
+  ur as R,
+  yr as S,
+  Yo as T,
+  dr as U,
+  nr as V,
+  Sr as W,
+  Xo as X,
   yt as a,
-  Bo as b,
+  Vo as b,
   xt as c,
   wt as d,
-  hr as e,
-  Ho as f,
-  fr as g,
+  gr as e,
+  Bo as f,
+  hr as g,
   ne as h,
   Yt as i,
-  sr as j,
-  lr as k,
-  vr as l,
-  kr as m,
-  Tr as n,
-  Er as o,
-  yr as p,
+  ir as j,
+  sr as k,
+  fr as l,
+  wr as m,
+  Er as n,
+  kr as o,
+  vr as p,
   Ft as q,
   At as r,
-  _o as s,
+  Ho as s,
   he as t,
   mt as u,
-  Mt as v,
-  Sr as w,
+  Ut as v,
+  Tr as w,
   eo as x,
   bt as y,
-  Ko as z
+  Go as z
 };

package/dist/chunks/activeEntities.es.js

@@ -0,0 +1,58 @@
+import { useSyncExternalStore as g, useId as f, useEffect as l } from "react";
+const k = (e, t) => {
+  if (!(!e?.scope?.includes(t) || e?.name !== "priority"))
+    return e.data.enum || [];
+}, T = (e, t, i) => {
+  let s = "", o, n, r;
+  switch (t) {
+    case "folder":
+      s = [...e, i].join("/");
+      break;
+    case "task":
+      s = e.join("/"), o = i;
+      break;
+    case "product":
+      s = e.join("/"), n = i;
+      break;
+    case "version":
+      e.length > 0 && (s = e.slice(0, -1).join("/"), n = e[e.length - 1]), r = i;
+      break;
+    case "representation":
+      e.length > 1 && (s = e.slice(0, -2).join("/"), n = e[e.length - 2], r = e[e.length - 1]);
+      break;
+  }
+  return { folderPath: s, taskName: o, productName: n, versionName: r };
+}, h = {
+  page: 0,
+  detailsPanel: 1,
+  slideOut: 2
+}, c = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set();
+let u = [], p = 0;
+const d = () => {
+  let e;
+  for (const t of c.values())
+    t.entities.length && (!e || t.priority > e.priority || t.priority === e.priority && t.updatedAt > e.updatedAt) && (e = t);
+  u = e?.entities ?? [], a.forEach((t) => t());
+}, E = (e, t) => e.length === t.length && e.every(
+  (i, s) => i.id === t[s].id && i.entityType === t[s].entityType && i.projectName === t[s].projectName
+), m = (e, t, i = 0) => {
+  const s = c.get(e);
+  s && s.priority === i && E(s.entities, t) || (c.set(e, { entities: t, priority: i, updatedAt: ++p }), d());
+}, v = (e) => {
+  c.delete(e) && d();
+}, y = () => u, A = (e) => (a.add(e), () => a.delete(e)), b = () => g(A, y), I = (e, t = h.page) => {
+  const i = f(), s = (e || []).map((o) => `${o.projectName}/${o.entityType}/${o.id}`).join(",");
+  l(() => {
+    m(i, e || [], t);
+  }, [i, s, t]), l(() => () => v(i), [i]);
+};
+export {
+  h as A,
+  k as a,
+  I as b,
+  v as c,
+  T as e,
+  y as g,
+  m as s,
+  b as u
+};