@ynput/ayon-frontend-shared 0.6.9 → 0.7.0

package/dist/chunks/EntityPickerDialog.es.js

@@ -1,26 +1,26 @@
-import { jsxs as j, jsx as k, Fragment as le } from "react/jsx-runtime";
+import { jsxs as j, jsx as x, Fragment as le } from "react/jsx-runtime";
 import { useState as B, useRef as Q, useCallback as N, useEffect as S, useMemo as E } from "react";
 import { upperFirst as U } from "lodash";
 import "primereact/confirmdialog";
 import "react-toastify";
 import "uuid";
-import "./searchTerms.es.js";
-import { createPortal as ce } from "react-dom";
-import { b as X, H as q, a as de, S as ue, e as pe } from "./SimpleTable.es.js";
-import { InputText as fe, theme as he, Dialog as me, SwitchButton as ge, Button as A } from "@ynput/ayon-react-components";
+import { bw as ce } from "./searchTerms.es.js";
+import { createPortal as de } from "react-dom";
+import { b as X, H as q, a as ue, S as pe, e as fe } from "./SimpleTable.es.js";
+import { InputText as he, theme as me, Dialog as ge, SwitchButton as be, Button as A } from "@ynput/ayon-react-components";
 import M from "styled-components";
-import { E as be } from "./EmptyPlaceholder.es.js";
-import { E as V, a as ve } from "./EntityTooltip.es.js";
-import { cc as we } from "./getUris.es.js";
+import { E as ve } from "./EmptyPlaceholder.es.js";
+import { E as V, a as we } from "./EntityTooltip.es.js";
+import { ch as ke } from "./getUris.es.js";
 import "@module-federation/enhanced/runtime";
-import { y as ke, x as xe } from "./DeleteEntitiesContextInstance.es.js";
+import { y as xe, x as Te } from "./TableExportContextInstance.es.js";
 import "semver";
 import "./ContextMenuContextInstance.es.js";
 import "clsx";
 import "react-redux";
+import "react-router-dom";
 import { g as W } from "./getThumbnailUrl.es.js";
 import { g as J } from "./getEntityTypeIcon.es.js";
-import { matchSorter as Te } from "match-sorter";
 const I = {
   folder: ["folder"],
   product: ["folder", "product"],
@@ -104,8 +104,8 @@ const I = {
   right: 6px;
   transform: translateY(-50%);
 `, Fe = ({ value: t, onChange: r, onClose: o, className: e }) => /* @__PURE__ */ j(De, { className: e, children: [
-  /* @__PURE__ */ k(
-    fe,
+  /* @__PURE__ */ x(
+    he,
     {
       value: t,
       onChange: (i) => r(i.target.value),
@@ -116,7 +116,7 @@ const I = {
       }
     }
   ),
-  /* @__PURE__ */ k(Re, { icon: "close", variant: "text", onClick: o })
+  /* @__PURE__ */ x(Re, { icon: "close", variant: "text", onClick: o })
 ] }), Oe = M(q)`
   flex-direction: column;
 `, Se = M(q)`
@@ -125,7 +125,7 @@ const I = {
 `, Ee = M.span`
   display: flex;
   align-items: center;
-  ${he.labelLarge}
+  ${me.labelLarge}
   height: 32px;
   padding-left: 4px;
   white-space: nowrap;
@@ -147,8 +147,8 @@ const I = {
   };
   return /* @__PURE__ */ j(Oe, { className: "projects-list-header", children: [
     /* @__PURE__ */ j(Se, { className: "projects-list-header-top", children: [
-      /* @__PURE__ */ k(Ee, { children: t }),
-      /* @__PURE__ */ k(Me, { className: "projects-list-header-buttons", children: /* @__PURE__ */ k(
+      /* @__PURE__ */ x(Ee, { children: t }),
+      /* @__PURE__ */ x(Me, { className: "projects-list-header-buttons", children: /* @__PURE__ */ x(
         X,
         {
           icon: i.icon,
@@ -159,7 +159,7 @@ const I = {
         }
       ) })
     ] }),
-    typeof r == "string" && /* @__PURE__ */ k(Fe, { value: r, onChange: o, onClose: () => o(void 0) })
+    typeof r == "string" && /* @__PURE__ */ x(Fe, { value: r, onChange: o, onClose: () => o(void 0) })
   ] });
 }, Ne = 150, Be = (t, r) => {
   const o = V.includes(t) || t === "product", [e, i] = B(null), s = Q(), l = N(() => clearTimeout(s.current), []), n = N(() => {
@@ -185,8 +185,8 @@ const I = {
       if (e?.rowId === g) return l();
       const p = f(g);
       if (!p) return n();
-      const { left: w, top: v, width: P } = a.getBoundingClientRect();
-      l(), i({ ...p, rowId: g, pos: { left: w + P / 2, top: v } });
+      const { left: k, top: w, width: P } = a.getBoundingClientRect();
+      l(), i({ ...p, rowId: g, pos: { left: k + P / 2, top: w } });
     },
     [o, e, n, l, f]
   );
@@ -211,11 +211,11 @@ const I = {
 }) => {
   const c = Be(t, o), g = (a) => {
     a.preventDefault();
-    const p = a.currentTarget.id, w = o.find((v) => v.id === p);
-    p && !w?.isDisabled && f?.(p);
+    const p = a.currentTarget.id, k = o.find((w) => w.id === p);
+    p && !k?.isDisabled && f?.(p);
   };
-  return /* @__PURE__ */ j(de, { children: [
-    /* @__PURE__ */ k(
+  return /* @__PURE__ */ j(ue, { children: [
+    /* @__PURE__ */ x(
       Le,
       {
         search: s,
@@ -223,9 +223,9 @@ const I = {
         title: U(t) + "s"
       }
     ),
-    !e && !o?.length && /* @__PURE__ */ k(be, { message: `No ${t}s found.`, error: i }),
-    /* @__PURE__ */ k(
-      ue,
+    !e && !o?.length && /* @__PURE__ */ x(ve, { message: `No ${t}s found.`, error: i }),
+    /* @__PURE__ */ x(
+      pe,
       {
         data: o,
         isLoading: e,
@@ -244,9 +244,9 @@ const I = {
         }
       }
     ),
-    c.hovered && ce(
-      /* @__PURE__ */ k(
-        ve,
+    c.hovered && de(
+      /* @__PURE__ */ x(
+        we,
         {
           entityType: c.hovered.entityType,
           entityId: c.hovered.entityId,
@@ -258,13 +258,13 @@ const I = {
       document.body
     )
   ] });
-}, Ke = ({
+}, ye = ({
   projectName: t,
   folderTypes: r,
   includeColors: o = !1,
   includeThumbnails: e = !1
 }) => {
-  const { folders: i, isLoading: s } = ke(), l = (a) => r.find((w) => w.name === a)?.icon || "folder", n = (a) => o ? r.find((w) => w.name === a)?.color : void 0, u = (a) => !e || !t ? null : W({
+  const { folders: i, isLoading: s } = xe(), l = (a) => r.find((k) => k.name === a)?.icon || "folder", n = (a) => o ? r.find((k) => k.name === a)?.color : void 0, u = (a) => !e || !t ? null : W({
     projectName: t,
     entityType: "folder",
     entityId: a.id,
@@ -285,32 +285,32 @@ const I = {
       path: a.path,
       parents: a.parents
     }
-  }), h = (a, p = "id", w = "parentId") => {
-    const v = /* @__PURE__ */ new Map(), P = [], F = [...a].sort(
-      (m, x) => (m.label || m.name).localeCompare(x.label || x.name)
+  }), h = (a, p = "id", k = "parentId") => {
+    const w = /* @__PURE__ */ new Map(), P = [], F = [...a].sort(
+      (m, v) => (m.label || m.name).localeCompare(v.label || v.name)
     );
     for (let m = 0; m < F.length; m++) {
-      const x = F[m], C = x[p], T = {
-        ...f(x),
+      const v = F[m], C = v[p], T = {
+        ...f(v),
         subRows: []
       };
-      v.set(C, T);
+      w.set(C, T);
     }
     for (let m = 0; m < F.length; m++) {
-      const x = F[m], C = x[p], T = x[w], R = v.get(C);
+      const v = F[m], C = v[p], T = v[k], R = w.get(C);
       if (T) {
-        const K = v.get(T);
-        K && K.subRows.push(R);
+        const y = w.get(T);
+        y && y.subRows.push(R);
       } else
         P.push(R);
     }
     const D = [];
-    for (const m of v.values())
-      (!m.parentId || !v.has(m.parentId)) && D.push(m);
+    for (const m of w.values())
+      (!m.parentId || !w.has(m.parentId)) && D.push(m);
     for (; D.length; ) {
-      const m = D.pop(), x = [...m.parents ?? [], m.label || ""];
+      const m = D.pop(), v = [...m.parents ?? [], m.label || ""];
       for (const C of m.subRows)
-        C.parents = x, D.push(C);
+        C.parents = v, D.push(C);
     }
     return P;
   }, c = E(() => !i.length || s ? [] : h(i), [i, r, s, e, t]), g = N(async () => c, [c]);
@@ -320,7 +320,7 @@ const I = {
     getData: g,
     isFetching: s
   };
-}, ye = ({
+}, Ke = ({
   projectName: t,
   entityType: r,
   search: o,
@@ -328,35 +328,40 @@ const I = {
   reviewablesOnly: i,
   includeTask: s
 }) => {
-  const l = I[r] || [], n = xe(), {
+  const l = I[r] || [], n = Te(), {
     data: u,
     folders: f,
     isFetching: h
-  } = Ke({
+  } = ye({
     projectName: t,
     folderTypes: n?.folderTypes || [],
     includeColors: !0,
     includeThumbnails: !0
-  }), c = E(() => o.folder ? Te(f, o.folder, {
-    keys: ["name", "label", "path"]
-  }) : f, [f, o.folder]), g = E(
+  }), c = E(
+    () => ce(
+      f,
+      o.folder ?? "",
+      (v) => [v.name, v.label, v.path].join(" ")
+    ),
+    [f, o.folder]
+  ), g = E(
     () => o.folder ? Ie(c, t, n?.folderTypes || []) : u,
     [c, u, o.folder, n, t]
   ), a = {
     data: c,
     table: g,
     isLoading: h
-  }, p = (x, C = []) => {
-    const T = e[x];
+  }, p = (v, C = []) => {
+    const T = e[v];
     return T?.length > 0 ? T : C ? C.map((R) => R.id) : void 0;
-  }, w = { includeTask: s, hasReviewables: i || void 0 }, v = y(
+  }, k = { includeTask: s, hasReviewables: i || void 0 }, w = K(
     t,
     "task",
     o.task,
     !l.includes("task"),
     p(I.task[I.task.length - 2], c),
     n?.taskTypes
-  ), P = y(
+  ), P = K(
     t,
     "product",
     o.product,
@@ -366,8 +371,8 @@ const I = {
       a.data
     ),
     n?.productTypes,
-    w
-  ), F = y(
+    k
+  ), F = K(
     t,
     "version",
     o.version,
@@ -377,8 +382,8 @@ const I = {
       P.data
     ),
     void 0,
-    w
-  ), D = y(
+    k
+  ), D = K(
     t,
     "representation",
     o.representation,
@@ -387,26 +392,26 @@ const I = {
       I.representation[I.representation.length - 2],
       F.data
     )
-  ), m = y(
+  ), m = K(
     t,
     "workfile",
     o.workfile,
     !l.includes("workfile"),
     p(
       I.workfile[I.workfile.length - 2],
-      v.data
+      w.data
     )
   );
   return {
     folder: a,
-    task: v,
+    task: w,
     product: P,
     version: F,
     representation: D,
     workfile: m
   };
-}, y = (t, r, o, e, i, s, { includeTask: l, hasReviewables: n } = {}) => {
-  const { data: u, isFetching: f, hasNextPage: h, fetchNextPage: c, isFetchingNextPage: g, error: a } = we(
+}, K = (t, r, o, e, i, s, { includeTask: l, hasReviewables: n } = {}) => {
+  const { data: u, isFetching: f, hasNextPage: h, fetchNextPage: c, isFetchingNextPage: g, error: a } = ke(
     {
       projectName: t,
       entityType: r,
@@ -419,13 +424,13 @@ const I = {
     {
       skip: e
     }
-  ), p = E(() => u?.pages.flatMap((v) => v.entities) || [], [u]), w = E(
+  ), p = E(() => u?.pages.flatMap((w) => w.entities) || [], [u]), k = E(
     () => Pe(p, t, s),
     [p, t, s]
   );
   return {
     data: p,
-    table: w,
+    table: k,
     isLoading: f,
     isFetchingNextPage: g,
     hasNextPage: h,
@@ -560,21 +565,21 @@ const I = {
   defaultReviewablesOnly: g = !1,
   showTaskNames: a,
   isLoading: p,
-  ...w
+  ...k
 }) => {
-  const v = {
+  const w = {
     folder: o?.folder || {},
     task: o?.task || {},
     product: o?.product || {},
     version: o?.version || {},
     representation: o?.representation || {},
     workfile: o?.workfile || {}
-  }, [P, F] = B(v), D = (d, b) => {
+  }, [P, F] = B(w), D = (d, b) => {
     F((O) => ({
       ...O,
       [b]: d
     }));
-  }, [m, x] = B({
+  }, [m, v] = B({
     folder: void 0,
     task: void 0,
     product: void 0,
@@ -582,7 +587,7 @@ const I = {
     representation: void 0,
     workfile: void 0
   }), C = (d, b) => {
-    x((O) => ({
+    v((O) => ({
       ...O,
       [b]: d
     }));
@@ -591,18 +596,18 @@ const I = {
       d,
       Object.keys(b).filter((O) => b[O])
     ])
-  ), R = I[r], K = !!c && R.includes("product"), [$, Z] = B(g), L = ye({
+  ), R = I[r], y = !!c && R.includes("product"), [$, Z] = B(g), L = Ke({
     entityType: r,
     projectName: t,
     search: m,
     selection: T,
-    reviewablesOnly: K && $,
+    reviewablesOnly: y && $,
     includeTask: a
   }), _ = h && r === "version" ? L.version.data.filter((d) => "hasReviewables" in d && d.hasReviewables === !1).map((d) => d.id) : [], G = _.length > 0 ? Array.from(/* @__PURE__ */ new Set([...n, ..._])) : n, ee = (d) => _.includes(d) ? "Version has no reviewables" : f?.(d), te = (d) => {
     const b = L[d];
     b?.hasNextPage && !b.isFetchingNextPage && b.fetchNextPage?.();
   }, [oe, ne] = $e({
-    foldersSelection: v.folder,
+    foldersSelection: w.folder,
     foldersData: L.folder
   });
   _e({
@@ -632,17 +637,17 @@ const I = {
     i(d);
   };
   return /* @__PURE__ */ j(
-    me,
+    ge,
     {
-      ...w,
+      ...k,
       className: "entity-picker-dialog block-shortcuts",
       header: `Select ${U(r)}`,
       isOpen: !0,
       size: "full",
       style: { height: "80vh", maxWidth: R.length * He },
       footer: /* @__PURE__ */ j(le, { children: [
-        s && l && /* @__PURE__ */ k(A, { label: "Move to root", variant: "text", onClick: l }),
-        /* @__PURE__ */ k(
+        s && l && /* @__PURE__ */ x(A, { label: "Move to root", variant: "text", onClick: l }),
+        /* @__PURE__ */ x(
           A,
           {
             label: `Select ${r}${e ? "s" : ""}`,
@@ -654,8 +659,8 @@ const I = {
         )
       ] }),
       children: [
-        K && /* @__PURE__ */ k(
-          ge,
+        y && /* @__PURE__ */ x(
+          be,
           {
             label: "Show reviewables only",
             value: $,
@@ -667,14 +672,14 @@ const I = {
             }
           }
         ),
-        /* @__PURE__ */ k(We, { children: R.map((d) => /* @__PURE__ */ k(
-          pe,
+        /* @__PURE__ */ x(We, { children: R.map((d) => /* @__PURE__ */ x(
+          fe,
           {
             rowSelection: P[d] || {},
             onRowSelectionChange: (b) => D(b, d),
             expanded: d === "folder" ? oe : void 0,
             setExpanded: d === "folder" ? ne : void 0,
-            children: /* @__PURE__ */ k(
+            children: /* @__PURE__ */ x(
               je,
               {
                 entityType: d,
@@ -699,5 +704,5 @@ const I = {
 export {
   ht as E,
   Fe as T,
-  Ke as u
+  ye as u
 };

package/dist/chunks/EntityTooltip.es.js

@@ -2,22 +2,23 @@ import { jsx as I } from "react/jsx-runtime";
 import { EntityCard as S } from "@ynput/ayon-react-components";
 import U, { keyframes as W } from "styled-components";
 import "./searchTerms.es.js";
-import { bE as L } from "./getUris.es.js";
+import { bH as H } from "./getUris.es.js";
 import "primereact/confirmdialog";
 import "react";
 import "@module-federation/enhanced/runtime";
 import "react-toastify";
-import { n as Y } from "./DeleteEntitiesContextInstance.es.js";
+import { n as L } from "./TableExportContextInstance.es.js";
 import "lodash";
-import { g as _ } from "./getEntityTypeIcon.es.js";
+import { g as Y } from "./getEntityTypeIcon.es.js";
 import "uuid";
-import { g as z } from "./getThumbnailUrl.es.js";
+import { g as _ } from "./getThumbnailUrl.es.js";
 import "semver";
 import "./ContextMenuContextInstance.es.js";
 import "clsx";
 import "react-dom";
 import "react-redux";
-const F = W`
+import "react-router-dom";
+const z = W`
 from {
     opacity: 0.4;
     scale: 0.9;
@@ -25,7 +26,7 @@ from {
     opacity: 1;
     scale: 1;
 }
-`, G = U(S)`
+`, F = U(S)`
   position: fixed;
   max-width: 220px;
   z-index: 9999;
@@ -33,7 +34,7 @@ from {
   translate: -50% calc(-100% - 4px);
   transform-origin: bottom center;
 
-  animation: ${F} 100ms ease-out;
+  animation: ${z} 100ms ease-out;
 
   /* path always open */
   .description {
@@ -42,7 +43,7 @@ from {
 
   /* shadow */
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
-`, H = ["folder", "task", "version", "workfile"], nt = ({
+`, G = ["folder", "task", "version", "workfile"], pt = ({
   entityType: t,
   entityId: i,
   projectName: c,
@@ -51,7 +52,7 @@ from {
   onMouseEnter: d,
   onMouseLeave: u
 }) => {
-  const o = Y(), a = c || o?.projectName, p = !!t && H.includes(t), { data: m, isFetching: f } = L(
+  const o = L(), a = c || o?.projectName, p = !!t && G.includes(t), { data: m, isFetching: f } = H(
     { entityType: t, entityId: i, projectName: a },
     { skip: !p || !i || !a }
   ), n = 220;
@@ -67,7 +68,7 @@ from {
     thumbnailId: b,
     status: E,
     thumbnailHash: P
-  } = m || {}, j = r?.taskTypes || o?.taskTypes || [], N = r?.folderTypes || o?.folderTypes || [], v = (r?.statuses || o?.statuses || []).find((s) => s.name === E), O = m ? z({
+  } = m || {}, j = r?.taskTypes || o?.taskTypes || [], N = r?.folderTypes || o?.folderTypes || [], v = (r?.statuses || o?.statuses || []).find((s) => s.name === E), O = m ? _({
     entityId: i || "",
     entityType: t,
     thumbnailHash: P,
@@ -78,10 +79,10 @@ from {
     task: j.find((s) => s.name === w)?.icon,
     folder: N.find((s) => s.name === g)?.icon,
     version: o?.getProductType(k).icon,
-    workfile: _("workfile")
+    workfile: Y("workfile")
   };
   return p ? /* @__PURE__ */ I(
-    G,
+    F,
     {
       style: { left: e, top: l, maxWidth: n },
       onMouseEnter: d,
@@ -101,6 +102,6 @@ from {
   ) : null;
 };
 export {
-  H as E,
-  nt as a
+  G as E,
+  pt as a
 };

package/dist/chunks/EntityUpdatesContext.es.js

@@ -4,20 +4,20 @@ import "lodash";
 import "primereact/confirmdialog";
 import "react-toastify";
 import "uuid";
-import { bf as f } from "./searchTerms.es.js";
+import { bp as f } from "./searchTerms.es.js";
 import { c as I } from "./realtimeUpdatesUtils.es.js";
-import { t as y, m as S, g as T, c as v, E as w } from "./DeleteEntitiesContextInstance.es.js";
+import { t as y, m as S, g as T, b as v, E as w } from "./TableExportContextInstance.es.js";
 import { u as C } from "./viewUpdateHelper.es.js";
 const P = !0, Y = ({ children: l, projectNames: r }) => {
   const a = U(0), [s = y(!1), p] = C("autoSync"), [u, m] = h([]);
   x(() => {
     const n = I(
       (o) => {
-        const e = o.map(({ project: t, topic: i, updateType: b, message: d }) => ({
+        const e = o.map(({ project: t, topic: c, updateType: g, message: d }) => ({
           id: ++a.current,
           project: t,
-          topic: i,
-          updateType: b,
+          topic: c,
+          updateType: g,
           entityId: d.summary?.entityId,
           message: d
         }));
@@ -25,23 +25,23 @@ const P = !0, Y = ({ children: l, projectNames: r }) => {
       },
       ({ key: o }) => String(o),
       0
-    ), c = f.subscribeAll((o, e) => {
+    ), i = f.subscribeAll((o, e) => {
       if (!e?.topic || !S(e.project, r)) return;
       const t = T(e.topic);
       !t || s[t];
     });
     return () => {
-      f.unsubscribe(c), n.clear();
+      f.unsubscribe(i), n.clear();
     };
   }, [s, r]);
-  const g = A(
+  const b = A(
     () => ({
       updates: u,
       projectNames: r,
-      acknowledge: (n, c, o) => {
+      acknowledge: (n, i, o) => {
         m(
           (e) => e.filter(
-            (t) => t.id > o || !n.some((i) => v(t.topic, i)) || !S(t.project, c)
+            (t) => t.id > o || !n.some((c) => v(t.topic, c)) || !S(t.project, i)
           )
         );
       },
@@ -52,7 +52,7 @@ const P = !0, Y = ({ children: l, projectNames: r }) => {
     }),
     [s, r, p, u]
   );
-  return /* @__PURE__ */ E(w.Provider, { value: g, children: l });
+  return /* @__PURE__ */ E(w.Provider, { value: b, children: l });
 };
 export {
   Y as E,