@ynput/ayon-frontend-shared 0.4.7 → 0.6.0

package/dist/chunks/DeleteEntitiesContext.es.js

@@ -1,38 +1,38 @@
-import X, { useState as x, useMemo as U, createContext as $, useContext as F, useCallback as M, useEffect as A, useRef as H } from "react";
+import X, { useState as x, useMemo as U, createContext as $, useContext as F, useCallback as M, useEffect as A, useRef as G } from "react";
 import { jsxs as I, jsx as c, Fragment as Z } from "react/jsx-runtime";
 import { a as fe } from "./useCreateContextMenu.es.js";
-import { v4 as J } from "uuid";
+import { v4 as Q } from "uuid";
 import { createPortal as he } from "react-dom";
 import { Dialog as me } from "primereact/dialog";
 import { Dialog as ge, InputText as re, Button as z } from "@ynput/ayon-react-components";
 import v from "styled-components";
-import { c0 as we, cJ as ye, dj as Ce, cG as xe } from "./getUris.es.js";
+import { c2 as we, cL as ye, dl as Ce, cI as xe } from "./getUris.es.js";
 import { u as ve } from "./GlobalContext.es.js";
 import { toast as O } from "react-toastify";
 import { debounce as ee, isEqual as be } from "lodash";
 import "primereact/confirmdialog";
-import { bd as _, a as Pe, be as Ee } from "./searchTerms.es.js";
-import Se, { ReadyState as Te } from "react-use-websocket";
+import { bf as _, a as Pe, ay as Ee, be as Se } from "./searchTerms.es.js";
+import Te, { ReadyState as ke } from "react-use-websocket";
 import { p as j } from "./pluralize.es.js";
-const Y = [
+const J = [
   "folder",
   "task",
   "product",
   "version",
   "representation",
   "workfile"
-], te = 1, ke = (e) => e.length <= 1 ? e.join("") : `${e.slice(0, -1).join(", ")} and ${e[e.length - 1]}`, De = (e) => {
+], te = 1, De = (e) => e.length <= 1 ? e.join("") : `${e.slice(0, -1).join(", ")} and ${e[e.length - 1]}`, Ie = (e) => {
   if (e.length === 1) {
     const t = e[0];
     return `${t.entityType} "${t.label || t.name || t.id}"`;
   }
   const s = {};
   for (const t of e) s[t.entityType] = (s[t.entityType] || 0) + 1;
-  const i = Y.filter((t) => s[t] > 0).map(
+  const i = J.filter((t) => s[t] > 0).map(
     (t) => j(s[t], t)
   );
-  return ke(i);
-}, Ie = (e, s) => {
+  return De(i);
+}, Re = (e, s) => {
   const i = {}, t = (o, n) => {
     n > 0 && (i[o] = (i[o] || 0) + n);
   };
@@ -40,7 +40,7 @@ const Y = [
   for (const o of s)
     t("folder", o.totalFolderCount), t("task", o.totalTaskCount), t("product", o.totalProductCount), t("version", o.totalVersionCount);
   return i;
-}, Re = (e) => Y.reduce((s, i) => s + (e[i] || 0), 0), Q = 8, $e = (e, s) => {
+}, $e = (e) => J.reduce((s, i) => s + (e[i] || 0), 0), Y = 8, Le = (e, s) => {
   if (e.length === 0) return [];
   const i = new Map(s.map((n) => [n.id, n])), t = e.length > 1, o = [];
   for (const n of e) {
@@ -51,49 +51,49 @@ const Y = [
     } else
       n.hasChildren && o.push(`${m}child folders`), n.taskNames && n.taskNames.length > 0 && o.push(`${m}${j(n.taskNames.length, "task")}`);
   }
-  return o.length > Q ? [
-    ...o.slice(0, Q),
-    `…and ${o.length - Q} more`
+  return o.length > Y ? [
+    ...o.slice(0, Y),
+    `…and ${o.length - Y} more`
   ] : o;
-}, Le = v.div`
+}, Oe = v.div`
   min-width: 350px;
-`, Oe = v.div`
+`, Fe = v.div`
   margin-top: 12px;
   min-height: 60px;
   min-width: 350px;
-`, Fe = v.p`
+`, Ne = v.p`
   font-weight: 600;
   margin-bottom: 4px;
-`, Ne = v.p`
+`, Ae = v.p`
   margin-top: 12px;
   font-weight: 600;
   color: var(--md-sys-color-error);
-`, Ae = ({
+`, je = ({
   entityLabel: e,
   childrenDetails: s,
   totalLine: i,
   message: t
-}) => /* @__PURE__ */ I(Le, { children: [
+}) => /* @__PURE__ */ I(Oe, { children: [
   /* @__PURE__ */ c("p", { children: t || `Are you sure you want to delete ${e}? This action cannot be undone.` }),
-  s.length > 0 && /* @__PURE__ */ I(Oe, { children: [
-    /* @__PURE__ */ c(Fe, { children: "The following will also be affected:" }),
+  s.length > 0 && /* @__PURE__ */ I(Fe, { children: [
+    /* @__PURE__ */ c(Ne, { children: "The following will also be affected:" }),
     s.map((o, n) => /* @__PURE__ */ c("p", { children: o }, n))
   ] }),
-  i && /* @__PURE__ */ c(Ne, { children: i })
-] }), je = v(ge)`
+  i && /* @__PURE__ */ c(Ae, { children: i })
+] }), Me = v(ge)`
   max-height: min(600px, 90vh);
-`, Me = v.div`
+`, We = v.div`
   display: flex;
   flex-direction: column;
   width: 100%;
 `, oe = v.label`
   margin: 2px 0 14px 0;
-`, We = v.div`
+`, _e = v.div`
   display: flex;
   padding-top: 14px;
   gap: 8px;
   justify-content: flex-end;
-`, _e = v.div`
+`, Ue = v.div`
   display: flex;
   flex-direction: column;
   gap: 8px;
@@ -102,18 +102,18 @@ const Y = [
   /* scroll container clips the inputs' 2px focus outline — inset it, then pull back to keep alignment */
   padding: 4px;
   margin: -4px;
-`, Ue = v.label`
+`, qe = v.label`
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 12px;
-`, qe = v(re)`
-  width: 180px;
 `, Ve = v(re)`
+  width: 180px;
+`, ze = v(re)`
   width: 100%;
   /* room for the 2px focus outline */
   margin: 2px 0;
-`, ze = (e, s) => {
+`, Be = (e, s) => {
   const i = (e ?? "").trim();
   return i !== "" && Number(i) === s;
 }, ne = ({
@@ -129,13 +129,13 @@ const Y = [
     deleteLabel: y = "Delete forever",
     message: m
   } = e, [C, u] = x(""), [p, a] = x({}), g = U(
-    () => Y.filter((d) => (n[d] || 0) > 0),
+    () => J.filter((d) => (n[d] || 0) > 0),
     [n]
-  ), f = U(() => Re(n), [n]), b = f > te, h = !!r && !b, S = b ? g.every((d) => ze(p[d], n[d])) : h ? C.trim() === r : !0, T = (d) => {
+  ), f = U(() => $e(n), [n]), b = f > te, h = !!r && !b, S = b ? g.every((d) => Be(p[d], n[d])) : h ? C.trim() === r : !0, T = (d) => {
     d.key === "Enter" && S && (d.preventDefault(), s());
   };
   return /* @__PURE__ */ c(
-    je,
+    Me,
     {
       size: "md",
       isOpen: !0,
@@ -144,7 +144,7 @@ const Y = [
       footer: (
         // keydown lives here, not on the dialog — dialog spreads rest props over its own
         // handler and would lose escape-to-close
-        /* @__PURE__ */ I(Me, { onKeyDown: T, children: [
+        /* @__PURE__ */ I(We, { onKeyDown: T, children: [
           h && /* @__PURE__ */ I(Z, { children: [
             /* @__PURE__ */ I(oe, { htmlFor: "delete-confirm-name-input", children: [
               "To confirm delete action, type '",
@@ -152,7 +152,7 @@ const Y = [
               "' in the box below"
             ] }),
             /* @__PURE__ */ c(
-              Ve,
+              ze,
               {
                 id: "delete-confirm-name-input",
                 "data-testid": "delete-confirm-name-input",
@@ -165,10 +165,10 @@ const Y = [
           ] }),
           b && /* @__PURE__ */ I(Z, { children: [
             /* @__PURE__ */ c(oe, { as: "p", children: "To confirm, type how many of each will be deleted, children included" }),
-            /* @__PURE__ */ c(_e, { children: g.map((d, P) => /* @__PURE__ */ I(Ue, { children: [
+            /* @__PURE__ */ c(Ue, { children: g.map((d, P) => /* @__PURE__ */ I(qe, { children: [
               /* @__PURE__ */ c("span", { children: `${d[0].toUpperCase()}${d.slice(1)}s - ${n[d]}` }),
               /* @__PURE__ */ c(
-                qe,
+                Ve,
                 {
                   "data-testid": `delete-confirm-count-${d}`,
                   autoFocus: P === 0,
@@ -180,7 +180,7 @@ const Y = [
               )
             ] }, d)) })
           ] }),
-          /* @__PURE__ */ I(We, { children: [
+          /* @__PURE__ */ I(_e, { children: [
             /* @__PURE__ */ c(z, { label: "Cancel", onClick: i }),
             /* @__PURE__ */ c(
               z,
@@ -196,7 +196,7 @@ const Y = [
         ] })
       ),
       children: /* @__PURE__ */ c(
-        Ae,
+        je,
         {
           entityLabel: t,
           childrenDetails: o,
@@ -209,9 +209,9 @@ const Y = [
       )
     }
   );
-}, gt = $(
+}, wt = $(
   void 0
-), ie = $({}), wt = ({
+), ie = $({}), yt = ({
   children: e,
   thumbnailInputRef: s,
   versionsInputRef: i,
@@ -251,12 +251,12 @@ const Y = [
       children: e
     }
   );
-}, yt = () => {
+}, Ct = () => {
   const e = ie;
   if (!e)
     throw new Error("useThumbnailUploadContext must be used within a ThumbnailUploadProvider");
   return e;
-}, le = $(void 0), Ct = ({ children: e }) => {
+}, le = $(void 0), xt = ({ children: e }) => {
   const [s, i] = x(!1), [t, o] = x(null), [n, r] = x(null), y = () => {
     i(!0), o(null);
   }, m = () => {
@@ -285,23 +285,23 @@ const Y = [
       children: e
     }
   );
-}, xt = () => {
+}, vt = () => {
   const e = F(le);
   if (e === void 0)
     throw new Error("useSettingsPanel must be used within a SettingsPanelProvider");
   return e;
 }, ae = $(void 0);
-function vt({ children: e }) {
+function bt({ children: e }) {
   const s = window.location.protocol === "https:" || window.location.hostname === "localhost", i = "documentPictureInPicture" in window && s, [t, o] = x(null), [n, r] = x(null), y = M(() => {
     r(null), t != null && (t.close(), o(null));
   }, [t, n]), m = M(
     async (u, p) => {
       if (!i) {
-        r(J());
+        r(Q());
         return;
       }
       if (t != null) {
-        console.log("pipWindow is already open"), r(J());
+        console.log("pipWindow is already open"), r(Q());
         return;
       }
       const a = await window.documentPictureInPicture.requestWindow({
@@ -310,7 +310,7 @@ function vt({ children: e }) {
       });
       a.addEventListener("pagehide", () => {
         o(null), r(null);
-      }), o(a), r(J());
+      }), o(a), r(Q());
     },
     [t, n]
   );
@@ -344,7 +344,7 @@ function vt({ children: e }) {
   }), [y, i, t, m]);
   return /* @__PURE__ */ c(ae.Provider, { value: C, children: e });
 }
-function Be() {
+function He() {
   const e = F(ae);
   if (e === void 0)
     throw new Error("usePiPWindow must be used within a PiPContext");
@@ -353,7 +353,7 @@ function Be() {
 function Ge({ pipWindow: e, children: s }) {
   return he(s, e.document.body);
 }
-const He = v(me)`
+const Qe = v(me)`
   width: 25vw;
   height: 70vh;
   border: solid 1px var(--md-sys-color-outline-variant);
@@ -366,7 +366,7 @@ const He = v(me)`
       opacity: 1;
     }
   }
-`, Je = v(z)`
+`, Ye = v(z)`
   width: 26px;
   height: 26px;
   margin-left: auto;
@@ -382,12 +382,12 @@ const He = v(me)`
   &:hover {
     background-color: #3d3e40;
   }
-`, bt = ({ children: e }) => {
-  const { pipWindow: s, pipId: i, isSupported: t, closePipWindow: o } = Be(), n = i && X.isValidElement(e) ? X.cloneElement(e, { id: i }) : e;
+`, Pt = ({ children: e }) => {
+  const { pipWindow: s, pipId: i, isSupported: t, closePipWindow: o } = He(), n = i && X.isValidElement(e) ? X.cloneElement(e, { id: i }) : e;
   return !t && i ? /* @__PURE__ */ c(
-    He,
+    Qe,
     {
-      header: /* @__PURE__ */ c(Je, { icon: "close", className: "close", onClick: o }),
+      header: /* @__PURE__ */ c(Ye, { icon: "close", className: "close", onClick: o }),
       headerStyle: {
         padding: 4,
         backgroundColor: "#202124",
@@ -411,7 +411,7 @@ const He = v(me)`
       children: n
     }
   ) : s && /* @__PURE__ */ c(Ge, { pipWindow: s, children: /* @__PURE__ */ c("div", { className: "pipRoot", children: n }) });
-}, ce = $(void 0), Pt = ({
+}, ce = $(void 0), Et = ({
   children: e,
   projectName: s,
   // utils
@@ -435,33 +435,33 @@ const He = v(me)`
       children: e
     }
   );
-}, Et = () => {
+}, St = () => {
   const e = F(ce);
   if (!e)
     throw new Error("useAddonProjectContext must be used within a AddonProjectContext");
   return e;
-}, de = $(void 0), St = ({ children: e, ...s }) => /* @__PURE__ */ c(de.Provider, { value: { ...s }, children: e }), Tt = () => {
+}, de = $(void 0), Tt = ({ children: e, ...s }) => /* @__PURE__ */ c(de.Provider, { value: { ...s }, children: e }), kt = () => {
   const e = F(de);
   if (!e)
     throw new Error("useAddonContext must be used within a AddonContext");
   return e;
-}, Qe = () => /* @__PURE__ */ I("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+}, Je = () => /* @__PURE__ */ I("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
   "Refresh to see latest changes.",
   /* @__PURE__ */ c(z, { onClick: () => window.location.reload(), variant: "filled", children: "Refresh" })
-] }), ue = $(void 0), Ye = window.location.protocol.replace("http", "ws"), Ke = `${Ye}//${window.location.host}/ws`, kt = ({
+] }), ue = $(void 0), Ke = window.location.protocol.replace("http", "ws"), Xe = `${Ke}//${window.location.host}/ws`, Dt = ({
   children: e,
   userName: s,
   projectName: i,
   dispatch: t
 }) => {
-  const [o, n] = x(!1), [r, y] = x([]), [m] = ye(), C = H(!1);
+  const [o, n] = x(!1), [r, y] = x([]), [m] = ye(), C = G(!1);
   A(() => {
     C.current = o;
   }, [o]);
   const u = {
     shouldReconnect: () => !s || !localStorage.getItem("accessToken") ? !1 : (m({ full: !1 }).unwrap(), !0)
-  }, { sendMessage: p, readyState: a, getWebSocket: g } = Se(
-    Ke,
+  }, { sendMessage: p, readyState: a, getWebSocket: g } = Te(
+    Xe,
     u,
     !!s
   ), f = () => {
@@ -477,7 +477,7 @@ const He = v(me)`
   A(() => {
     console.debug("Topics changed", r), f();
   }, [r, i]);
-  const b = H(r);
+  const b = G(r);
   b.current = r;
   const h = U(
     () => ee((E) => {
@@ -490,12 +490,12 @@ const He = v(me)`
   }), [h]);
   const [S, T] = x(!1), [d, P] = x(!1);
   A(() => {
-    S && !d && (O.warning(/* @__PURE__ */ c(Qe, {}), {
+    S && !d && (O.warning(/* @__PURE__ */ c(Je, {}), {
       autoClose: !1,
       closeButton: !1
     }), P(!0));
   }, [S, d]);
-  const k = H({ callCount: 0, lastCall: Date.now() }), N = ee(() => {
+  const k = G({ callCount: 0, lastCall: Date.now() }), N = ee(() => {
     console.log("Resetting API state due to server restart"), n(!1), t(Pe.util.resetApiState());
   }, 1e3), q = M(
     (E) => {
@@ -506,8 +506,8 @@ const He = v(me)`
       let l;
       try {
         l = JSON.parse(E.data);
-      } catch (G) {
-        console.error("Failed to parse websocket message:", G, E.data);
+      } catch (H) {
+        console.error("Failed to parse websocket message:", H, E.data);
         return;
       }
       const { topic: w, sender: D, summary: R, status: L } = l || {};
@@ -526,7 +526,7 @@ const He = v(me)`
     [n]
   );
   return A(() => {
-    a === Te.OPEN && (g().onmessage = q, f(), _.publish("client.connected", {
+    a === ke.OPEN && (g().onmessage = q, f(), _.publish("client.connected", {
       topic: "client.connected"
     }));
   }, [a, g]), /* @__PURE__ */ c(
@@ -540,26 +540,26 @@ const He = v(me)`
       children: e
     }
   );
-}, Dt = () => {
+}, It = () => {
   const e = F(ue);
   if (e === void 0)
     throw new Error("useSocketContext must be used within a SocketProvider");
   return e;
-}, It = $(void 0), Xe = /* @__PURE__ */ new Set([
+}, Rt = $(void 0), Ze = /* @__PURE__ */ new Set([
   "folder",
   "task",
   "product",
   "version",
   "representation",
   "workfile"
-]), Rt = (e) => !!e && Xe.has(e), K = $(null), se = [
+]), $t = (e) => !!e && Ze.has(e), K = $(null), se = [
   "representation",
   "version",
   "workfile",
   "product",
   "task",
   "folder"
-], Ze = "delete-folder-with-children", $t = ({ children: e }) => {
+], et = "delete-folder-with-children", Lt = ({ children: e }) => {
   const [s] = Ce(), [i] = xe(), [t, o] = x(null), [n, r] = x(null), y = M(
     (p) => new Promise((a) => r({ payload: p, resolve: a })),
     []
@@ -583,7 +583,7 @@ const He = v(me)`
         }
         await Promise.all(
           Array.from(D.entries()).map(([R, L]) => {
-            const G = [...L].sort(
+            const H = [...L].sort(
               (V, pe) => se.indexOf(V.entityType) - se.indexOf(pe.entityType)
             ).map((V) => ({
               type: "delete",
@@ -592,7 +592,7 @@ const He = v(me)`
               force: w
             }));
             return s({
-              operationsRequestModel: { operations: G },
+              operationsRequestModel: { operations: H },
               projectName: R
             }).unwrap();
           })
@@ -601,7 +601,7 @@ const He = v(me)`
         try {
           await S(h, !1), a?.onSuccess?.();
         } catch (l) {
-          throw { message: Ee(l) || "Failed to delete entities", ...l };
+          throw { message: Se(l) || "Failed to delete entities", ...l };
         }
       }, d = () => S(
         h.filter((l) => l.entityType === "folder" || l.entityType === "task"),
@@ -627,20 +627,20 @@ const He = v(me)`
           console.warn("Failed to fetch folder delete info, falling back to local data", w);
         }
       }
-      const N = $e(P, k), q = h.filter((l) => l.entityType === "product").length;
+      const N = Le(P, k), q = h.filter((l) => l.entityType === "product").length;
       q > 0 && N.push(
         q > 1 ? "Deleting these products also deletes all their versions" : "Deleting this product also deletes all its versions"
       );
-      const E = De(h), W = h.length === 1 ? h[0] : void 0;
+      const E = Ie(h), W = h.length === 1 ? h[0] : void 0;
       o({
         payload: {
           entityLabel: E,
           childrenDetails: N,
-          expectedCounts: Ie(h, k),
+          expectedCounts: Re(h, k),
           expectedName: W && (W.label || W.name || W.id)
         },
         accept: T,
-        recover: async (l) => l?.errorCodes?.includes(Ze) ? await y({
+        recover: async (l) => Ee(l).includes(et) ? await y({
           entityLabel: E,
           message: `Are you really sure you want to delete ${E} and all of its dependencies? This cannot be undone. (NOT RECOMMENDED)`,
           childrenDetails: [],
@@ -709,40 +709,40 @@ const He = v(me)`
       }
     )
   ] });
-}, Lt = () => {
+}, Ot = () => {
   const e = F(K);
   if (!e)
     throw new Error("useDeleteEntitiesContext must be used within a DeleteEntitiesProvider");
   return e;
-}, Ot = () => F(K);
+}, Ft = () => F(K);
 export {
-  Pt as A,
-  $t as D,
-  It as E,
-  vt as P,
-  Qe as R,
-  gt as S,
+  Et as A,
+  Lt as D,
+  Rt as E,
+  bt as P,
+  Je as R,
+  wt as S,
   ie as T,
-  St as a,
-  bt as b,
-  Ct as c,
-  kt as d,
-  wt as e,
-  Et as f,
-  Lt as g,
-  Ot as h,
-  Rt as i,
-  Be as j,
-  xt as k,
-  Dt as l,
-  yt as m,
+  Tt as a,
+  Pt as b,
+  xt as c,
+  Dt as d,
+  yt as e,
+  St as f,
+  Ot as g,
+  Ft as h,
+  $t as i,
+  He as j,
+  vt as k,
+  It as l,
+  Ct as m,
   te as n,
-  Y as o,
-  Ae as p,
+  J as o,
+  je as p,
   ne as q,
-  $e as r,
-  De as s,
-  Ie as t,
-  Tt as u,
-  Re as v
+  Le as r,
+  Ie as s,
+  Re as t,
+  kt as u,
+  $e as v
 };

package/dist/chunks/DetailsDialog.es.js

@@ -1,11 +1,11 @@
 import { jsx as o } from "react/jsx-runtime";
 import { toast as d } from "react-toastify";
 import "./searchTerms.es.js";
-import { bz as p } from "./getUris.es.js";
+import { bB as p } from "./getUris.es.js";
 import "primereact/confirmdialog";
 import { Dialog as f } from "@ynput/ayon-react-components";
 import { J as u } from "./JsonViewer.es.js";
-const z = ({
+const A = ({
   projectName: s,
   entityType: e,
   entityIds: l,
@@ -34,5 +34,5 @@ const z = ({
   );
 };
 export {
-  z as D
+  A as D
 };