@ynput/ayon-frontend-shared 0.6.8 → 0.7.0

package/dist/chunks/EntityPath.es.js

@@ -1,23 +1,24 @@
 import { jsxs as R, jsx as t, Fragment as Q } from "react/jsx-runtime";
-import { useRef as _, useState as x, useEffect as le, useLayoutEffect as ae, createElement as he, Fragment as ke } from "react";
+import { useRef as _, useState as x, useEffect as le, useLayoutEffect as ae, createElement as me, Fragment as ke } from "react";
 import "./searchTerms.es.js";
-import { ds as Me, bX as Ue, c9 as Fe, de as Te, b0 as Le, aP as We, aK as Ve, di as Ne } from "./getUris.es.js";
+import { dx as Me, c0 as Ue, ce as Fe, dj as Te, b3 as Le, aS as We, aN as Ve, dn as Ne } from "./getUris.es.js";
 import "primereact/confirmdialog";
-import { useSensors as $e, useSensor as me, PointerSensor as Ae, KeyboardSensor as Oe, DndContext as qe, closestCenter as Ke, DragOverlay as Ze } from "@dnd-kit/core";
+import { useSensors as $e, useSensor as he, PointerSensor as Ae, KeyboardSensor as Oe, DndContext as qe, closestCenter as Ke, DragOverlay as Ze } from "@dnd-kit/core";
 import { useSortable as _e, sortableKeyboardCoordinates as Be, SortableContext as Ge, verticalListSortingStrategy as Qe, arrayMove as He } from "@dnd-kit/sortable";
-import { D as ze, R as Re, a as Xe, b as Je, L as Ye, c as oe, u as je, d as et, T as tt, e as ge, U as nt, P as rt, C as it, f as at, S as X, M as ve, g as be, h as J, i as ye, j as ot, F as st } from "./Watchers.es.js";
+import { D as ze, R as Re, a as Je, b as Xe, L as Ye, c as oe, u as je, d as et, T as tt, e as ge, U as nt, P as rt, C as it, f as at, S as J, M as ve, g as be, h as X, i as ye, j as ot, F as st } from "./Watchers.es.js";
 import { CSS as lt } from "@dnd-kit/utilities";
 import { toast as A } from "react-toastify";
 import { u as ct } from "./useCreateContextMenu.es.js";
 import { c as dt } from "./confirmDelete.es.js";
 import "uuid";
 import { camelCase as ut, upperFirst as pt } from "lodash";
-import { Icon as Ce, Dialog as Se, InputText as xe, Toolbar as ft, Button as ce, SaveButton as ht, FormRow as mt } from "@ynput/ayon-react-components";
+import { Icon as Ce, Dialog as Se, InputText as xe, Toolbar as ft, Button as ce, SaveButton as mt, FormRow as ht } from "@ynput/ayon-react-components";
 import "@module-federation/enhanced/runtime";
-import { o as Ee } from "./DeleteEntitiesContextInstance.es.js";
+import { o as Ee } from "./TableExportContextInstance.es.js";
 import "semver";
 import "react-dom";
 import "react-redux";
+import "react-router-dom";
 import ue from "clsx";
 import gt from "axios";
 import "./ContextMenuContextInstance.es.js";
@@ -57,7 +58,7 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
     (n) => n.processing && !a.find((I) => I.activityId === n.activityId) && i
   ), s = u.filter(
     (n) => n.processing?.eventId
-  ), h = u.filter(
+  ), m = u.filter(
     (n) => !n.processing?.eventId
   ).filter(
     (n) => n.availability === "conversionRequired"
@@ -66,7 +67,7 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
     playable: a,
     incompatible: y,
     processing: s,
-    queued: h
+    queued: m
   };
 }, xt = ({
   onClose: r,
@@ -83,9 +84,9 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
         f("");
       };
   }, [i, u.current]);
-  const [h, { isLoading: n }] = Me(), I = async () => {
+  const [m, { isLoading: n }] = Me(), I = async () => {
     try {
-      await h({
+      await m({
         projectName: a,
         versionId: d,
         activityId: g,
@@ -98,18 +99,18 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
     }
   }, E = (v) => {
     v.preventDefault(), s && I();
-  }, m = () => {
+  }, h = () => {
     f(""), r();
   };
   return /* @__PURE__ */ t(
     Se,
     {
       onClose: r,
-      header: /* @__PURE__ */ t(Xe, { children: `Editing label: ${i}` }),
+      header: /* @__PURE__ */ t(Je, { children: `Editing label: ${i}` }),
       footer: /* @__PURE__ */ R(ft, { children: [
-        /* @__PURE__ */ t(ce, { label: "Cancel", onClick: m, variant: "text" }),
+        /* @__PURE__ */ t(ce, { label: "Cancel", onClick: h, variant: "text" }),
         /* @__PURE__ */ t(
-          ht,
+          mt,
           {
             label: "Save",
             active: !!s,
@@ -135,26 +136,26 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
       ) })
     }
   );
-}, an = ({
+}, on = ({
   projectName: r,
   versionId: i,
   productId: a,
   isLoadingVersion: d,
   scope: g
 }) => {
-  const { onOpenViewer: y, user: u, viewer: s, dispatch: f } = Ee(), { data: h, isLoading: n } = Ue({ projectName: r }, { skip: !r }), I = u.data?.isManager || u.data?.isAdmin || !n && (!h?.activities?.enabled || !!h?.activities?.activities?.includes("reviewable")), {
+  const { onOpenViewer: y, user: u, viewer: s, dispatch: f } = Ee(), { data: m, isLoading: n } = Ue({ projectName: r }, { skip: !r }), I = u.data?.isManager || u.data?.isAdmin || !n && (!m?.activities?.enabled || !!m?.activities?.activities?.includes("reviewable")), {
     data: E,
-    isFetching: m,
+    isFetching: h,
     currentData: v
   } = Fe(
     { projectName: r, versionId: i },
     { skip: !i || !r }
   ), P = !1, V = s?.reviewableIds || [], F = u.name, O = u.data?.isUser, [k, W] = x(null), [M, p] = x(null), c = $e(
-    me(Ae),
-    me(Oe, {
+    he(Ae),
+    he(Oe, {
       coordinateGetter: Be
     })
-  ), b = E?.reviewables || [], C = b.find((e) => e.fileId === M), $ = v?.id, K = m && i !== $ || d, N = (e) => {
+  ), b = E?.reviewables || [], C = b.find((e) => e.fileId === M), $ = v?.id, K = h && i !== $ || d, N = (e) => {
     if (M) return console.log("Dragging, cannot open review");
     const o = e.currentTarget.id;
     if (!o || !a) return console.error("No reviewable id or product id");
@@ -239,7 +240,7 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
   };
   return /* @__PURE__ */ R(Q, { children: [
     /* @__PURE__ */ t(
-      Je,
+      Xe,
       {
         projectName: r,
         versionId: i,
@@ -355,35 +356,35 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
   }, [g]), le(() => {
     if (i && y.current && s.startsWith(de) && !u.current) {
       y.current.focus();
-      const m = de.length, v = s.length;
-      y.current.setSelectionRange(m, v), u.current = !0;
+      const h = de.length, v = s.length;
+      y.current.setSelectionRange(h, v), u.current = !0;
     } else i || (u.current = !1);
   }, [i, s]);
-  const h = () => {
+  const m = () => {
     s.trim() && d && d(s.trim());
   }, n = () => {
     f(g), a && a();
   }, I = s.trim().length > 0;
   return /* @__PURE__ */ t(Se, { isOpen: i, onClose: n, header: "Upload Entity", footer: /* @__PURE__ */ R("div", { style: { display: "flex", gap: "8px", justifyContent: "flex-end" }, children: [
     /* @__PURE__ */ t(ce, { variant: "text", onClick: n, children: "Cancel" }),
-    /* @__PURE__ */ t(ce, { variant: "filled", onClick: h, disabled: !I, children: "Upload" })
-  ] }), size: "sm", children: /* @__PURE__ */ t("div", { style: { padding: "16px 0" }, children: /* @__PURE__ */ t(mt, { label: "Product Name", children: /* @__PURE__ */ t(
+    /* @__PURE__ */ t(ce, { variant: "filled", onClick: m, disabled: !I, children: "Upload" })
+  ] }), size: "sm", children: /* @__PURE__ */ t("div", { style: { padding: "16px 0" }, children: /* @__PURE__ */ t(ht, { label: "Product Name", children: /* @__PURE__ */ t(
     xe,
     {
       ref: y,
       placeholder: "Enter product name...",
       value: s,
-      onChange: (m) => f(m.target.value),
+      onChange: (h) => f(h.target.value),
       autoFocus: !0,
-      onKeyDown: (m) => {
-        m.key === "Enter" && I ? (m.preventDefault(), h()) : m.key === "Escape" && (m.preventDefault(), n());
+      onKeyDown: (h) => {
+        h.key === "Enter" && I ? (h.preventDefault(), m()) : h.key === "Escape" && (h.preventDefault(), n());
       }
     }
   ) }) }) });
 }, kt = [
   { id: "thumbnail", label: "Upload thumbnail", icon: "add_photo_alternate" },
   { id: "version", label: "Upload version", icon: "layers" }
-], on = ({
+], sn = ({
   children: r = [],
   entityType: i,
   entities: a = [],
@@ -392,7 +393,7 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
   versionsInputRef: y,
   onVersionCreated: u
 }) => {
-  const { dispatch: s } = Ee(), f = Dt(), [h, n] = x(!1), [I, E] = x(null), m = _(0), [v, P] = x(null), [V, F] = x(0), [O, k] = x(!1), [W, M] = x(null), p = a.length === 1 ? a[0] : null, c = p?.task?.id, b = p?.folder?.id, C = p?.product?.id, $ = p?.id, q = !!(p && i !== "representation"), { handleFileUpload: K } = je({
+  const { dispatch: s } = Ee(), f = Dt(), [m, n] = x(!1), [I, E] = x(null), h = _(0), [v, P] = x(null), [V, F] = x(0), [O, k] = x(!1), [W, M] = x(null), p = a.length === 1 ? a[0] : null, c = p?.task?.id, b = p?.folder?.id, C = p?.product?.id, $ = p?.id, q = !!(p && i !== "representation"), { handleFileUpload: K } = je({
     projectName: d,
     versionId: $,
     taskId: c,
@@ -406,7 +407,7 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
       F(e);
     }
   }), N = kt.filter((e) => e.id === "version" ? q : !0), w = () => {
-    P(null), n(!1), E(null), m.current = 0, F(0), k(!1), M(null);
+    P(null), n(!1), E(null), h.current = 0, F(0), k(!1), M(null);
   }, Z = async (e) => {
     if (!W || !p) {
       k(!1), M(null);
@@ -511,13 +512,13 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
       console.error(o), A.error(o.message), w();
     }
   }, [pe] = Ne(), te = (e) => {
-    e.preventDefault(), m.current++, m.current === 1 && n(!0);
+    e.preventDefault(), h.current++, h.current === 1 && n(!0);
   }, ne = (e) => {
-    e.preventDefault(), m.current--, m.current === 0 && (n(!1), E(null));
+    e.preventDefault(), h.current--, h.current === 0 && (n(!1), E(null));
   }, re = (e) => {
     e.preventDefault();
   }, ie = (e) => {
-    if (e.preventDefault(), m.current = 0, n(!1), E(null), !(!e.dataTransfer.files || e.dataTransfer.files.length === 0)) {
+    if (e.preventDefault(), h.current = 0, n(!1), E(null), !(!e.dataTransfer.files || e.dataTransfer.files.length === 0)) {
       if (I === "thumbnail") {
         P("thumbnail");
         const o = e.dataTransfer.files[0];
@@ -537,14 +538,14 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
     /* @__PURE__ */ R(
       et,
       {
-        className: ue({ dragging: h }),
+        className: ue({ dragging: m }),
         onDragEnter: te,
         onDragLeave: ne,
         onDragOver: re,
         onDrop: ie,
         children: [
           /* @__PURE__ */ t(tt, { children: /* @__PURE__ */ t("div", { children: r }) }),
-          h && /* @__PURE__ */ t(ge, { children: N.map((e) => /* @__PURE__ */ t(
+          m && /* @__PURE__ */ t(ge, { children: N.map((e) => /* @__PURE__ */ t(
             Rt,
             {
               id: e.id,
@@ -602,7 +603,7 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
 }, se = () => /* @__PURE__ */ t("span", { className: "slash", children: "/" }), Mt = ["more", "versions"], Ie = (r) => {
   const i = r.target, a = i.closest(".dropdown")?.id || "";
   return [i, a];
-}, sn = ({
+}, ln = ({
   projectName: r,
   hideProjectName: i,
   segments: a,
@@ -611,12 +612,12 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
   entityType: y,
   scope: u
 }) => {
-  const s = _(null), [f, h] = x(null), [n, I] = x(null), [E, m] = x(!1), v = _(null);
+  const s = _(null), [f, m] = x(null), [n, I] = x(null), [E, h] = x(!1), v = _(null);
   ae(() => {
-    I(null), m(!0);
+    I(null), h(!0);
   }, [a]), ae(() => {
     if (!s.current) {
-      m(!1);
+      h(!1);
       return;
     }
     const c = s.current, b = c.clientWidth, C = De(c);
@@ -630,7 +631,7 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
     let w = Array.from($).slice(0, N).filter(
       (Z) => Z.nodeType === Node.ELEMENT_NODE && Z.className.includes("full")
     )?.length || 2;
-    w = Math.max(w, 1), I(w), m(!1);
+    w = Math.max(w, 1), I(w), h(!1);
   }, [s.current, E]), ae(() => {
     if (!s.current || !v.current || !n) return;
     const c = s.current, b = De(c) ?? 1 / 0, C = c.clientWidth - b;
@@ -642,18 +643,18 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
   y === "version" && a.length > 0 && (F = a[a.length - 1], O = P.slice(0, -1));
   const k = (c) => {
     const [, b] = Ie(c);
-    b && !f && h(b);
-  }, W = () => h(null), M = (c) => {
+    b && !f && m(b);
+  }, W = () => m(null), M = (c) => {
     const [b, C] = Ie(c);
     if (!Mt.includes(C)) return;
-    !!b.closest("li") ? h(null) : f !== C && h(C);
+    !!b.closest("li") ? m(null) : f !== C && m(C);
   }, p = { scope: u, projectName: r };
   return /* @__PURE__ */ R(at, { className: ue({ loading: g }), id: "entity-path", ref: s, children: [
-    !i && /* @__PURE__ */ t(X, { children: r }),
+    !i && /* @__PURE__ */ t(J, { children: r }),
     !!V.length && /* @__PURE__ */ R(Q, { children: [
       !i && /* @__PURE__ */ t(se, {}),
       /* @__PURE__ */ R(
-        X,
+        J,
         {
           className: "dropdown more",
           id: "more",
@@ -662,14 +663,14 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
           onClick: M,
           children: [
             "...",
-            f === "more" && /* @__PURE__ */ t(ve, { children: /* @__PURE__ */ t(be, { children: V.map((c) => /* @__PURE__ */ he(J, { ...p, segment: c, key: c.id }, /* @__PURE__ */ t(ye, { children: c.label }))) }) })
+            f === "more" && /* @__PURE__ */ t(ve, { children: /* @__PURE__ */ t(be, { children: V.map((c) => /* @__PURE__ */ me(X, { ...p, segment: c, key: c.id }, /* @__PURE__ */ t(ye, { children: c.label }))) }) })
           ]
         }
       )
     ] }),
     O.map((c) => /* @__PURE__ */ R(ke, { children: [
       /* @__PURE__ */ t(se, {}),
-      /* @__PURE__ */ t(J, { ...p, segment: c, className: "full", children: /* @__PURE__ */ t(X, { children: /* @__PURE__ */ t("span", { className: "label", children: c.label }) }) })
+      /* @__PURE__ */ t(X, { ...p, segment: c, className: "full", children: /* @__PURE__ */ t(J, { children: /* @__PURE__ */ t("span", { className: "label", children: c.label }) }) })
     ] }, c.id)),
     F && /* @__PURE__ */ R(Q, { children: [
       /* @__PURE__ */ t(se, {}),
@@ -683,18 +684,18 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
           onClick: M,
           children: [
             /* @__PURE__ */ t(
-              J,
+              X,
               {
                 ...p,
                 segment: F,
                 isOpen: f === "versions",
-                children: /* @__PURE__ */ R(X, { children: [
+                children: /* @__PURE__ */ R(J, { children: [
                   /* @__PURE__ */ t(st, { ref: v, className: "label", children: F.label }),
                   /* @__PURE__ */ t(Ce, { icon: "expand_more" })
                 ] })
               }
             ),
-            f === "versions" && /* @__PURE__ */ t(ve, { children: /* @__PURE__ */ t(be, { children: d.map((c) => /* @__PURE__ */ he(J, { ...p, segment: c, key: c.id }, /* @__PURE__ */ t(ye, { children: c.label }))) }) })
+            f === "versions" && /* @__PURE__ */ t(ve, { children: /* @__PURE__ */ t(be, { children: d.map((c) => /* @__PURE__ */ me(X, { ...p, segment: c, key: c.id }, /* @__PURE__ */ t(ye, { children: c.label }))) }) })
           ]
         }
       )
@@ -703,8 +704,8 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
 }, De = (r) => {
   const i = r.parentElement;
   if (!i) return;
-  const a = getComputedStyle(i), d = parseInt(a.paddingLeft) || 0, g = parseInt(a.paddingRight) || 0, y = parseInt(a.gap) || 0, u = i.clientWidth - d - g, s = Array.from(i.children).filter((h) => h.id !== "entity-path"), f = Array.from(s).reduce(
-    (h, n) => h + n.clientWidth,
+  const a = getComputedStyle(i), d = parseInt(a.paddingLeft) || 0, g = parseInt(a.paddingRight) || 0, y = parseInt(a.gap) || 0, u = i.clientWidth - d - g, s = Array.from(i.children).filter((m) => m.id !== "entity-path"), f = Array.from(s).reduce(
+    (m, n) => m + n.clientWidth,
     0
   );
   return u - f - y * (s.length - 1);
@@ -712,14 +713,14 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
   const d = a - i;
   let g = 0;
   for (let s = 0; s < a - d; s++) {
-    const f = s > 1 ? s + d : s, h = r[f]?.clientWidth;
-    isNaN(h) || (g += h);
+    const f = s > 1 ? s + d : s, m = r[f]?.clientWidth;
+    isNaN(m) || (g += m);
   }
   return g + (4 * i - 1) + 40;
 };
 export {
-  on as E,
-  an as R,
-  sn as a,
+  sn as E,
+  on as R,
+  ln as a,
   St as g
 };