@ynput/ayon-frontend-shared 0.8.1 → 0.10.0

package/dist/chunks/ColumnDropIndicator.es.js

@@ -1,9 +1,9 @@
-import { useMemo as A, useRef as x, useCallback as h, useState as v, useEffect as T } from "react";
+import { useMemo as v, useRef as x, useCallback as h, useState as A, useEffect as T } from "react";
 import "react-toastify";
 import "lodash";
 import "primereact/confirmdialog";
 import { g as d } from "./iconUtils.es.js";
-import { bB as E } from "./searchTerms.es.js";
+import { bD as E } from "./searchTerms.es.js";
 import "uuid";
 import "axios";
 import { jsx as L } from "react/jsx-runtime";
@@ -29,19 +29,19 @@ import "@module-federation/enhanced/runtime";
 import "@ynput/ayon-addon/host";
 import "semver";
 import "./ContextMenuContextInstance.es.js";
-import { createPortal as R } from "react-dom";
+import { createPortal as D } from "react-dom";
 import "react-router-dom";
 import "@tanstack/react-table";
 import "react-redux";
-import { useDndContext as B } from "@dnd-kit/core";
-import { a as D } from "./addonColumnTags.es.js";
-const I = ["string", "integer", "float"], O = (o, s, t, n) => (t || I).includes(o.data.type || "") && (!s || o.scope?.includes(s)) ? n ? E(o.data) : !0 : !1, xt = ({
+import { useDndContext as I } from "@dnd-kit/core";
+import { a as R } from "./addonColumnTags.es.js";
+const O = ["string", "integer", "float"], B = (o, s, t, n) => (t || O).includes(o.data.type || "") && (!s || o.scope?.includes(s)) ? n ? E(o.data) : !0 : !1, xt = ({
   allowedTypes: o,
   enumOnly: s,
   scope: t
 }) => {
   const { columnOrder: n } = S(), { attribFields: a } = k();
-  return A(
+  return v(
     () => [
       {
         value: "folderType",
@@ -49,6 +49,12 @@ const I = ["string", "integer", "float"], O = (o, s, t, n) => (t || I).includes(
         icon: d("folder"),
         scopes: ["folder", "task"]
       },
+      {
+        value: "folderId",
+        label: "Folder",
+        icon: d("folder"),
+        scopes: ["version"]
+      },
       {
         value: "taskType",
         label: "Task type",
@@ -91,7 +97,7 @@ const I = ["string", "integer", "float"], O = (o, s, t, n) => (t || I).includes(
         icon: d("tags"),
         scopes: ["task", "version", "folder", "product"]
       },
-      ...a.filter((r) => O(r, t, o, s)).map((r) => ({
+      ...a.filter((r) => B(r, t, o, s)).map((r) => ({
         value: "attrib." + r.name,
         label: r.data.title || r.name,
         icon: d(r.name)
@@ -102,7 +108,7 @@ const I = ["string", "integer", "float"], O = (o, s, t, n) => (t || I).includes(
     }),
     [a, n, o, s, t]
   );
-}, P = "data-column-dnd-container", y = 100, yt = ({
+}, F = "data-column-dnd-container", y = 100, yt = ({
   columnPinning: o,
   columnSizing: s
 }) => {
@@ -116,16 +122,16 @@ const I = ["string", "integer", "float"], O = (o, s, t, n) => (t || I).includes(
     ({ transform: e, activeNodeRect: l, draggingNodeRect: g, active: p }) => {
       if (t.current === null || !l || p?.data.current?.type && p.data.current.type !== "column") return e;
       let i = n.current;
-      i === null && (i = (document.querySelector(`[${P}]`)?.getBoundingClientRect().left ?? 0) + a());
-      const C = g?.left ?? l.left;
+      i === null && (i = (document.querySelector(`[${F}]`)?.getBoundingClientRect().left ?? 0) + a());
+      const b = g?.left ?? l.left;
       if (t.current) {
-        const b = C + l.width + e.x, f = i + y;
-        if (b > f)
-          return { ...e, x: f - C - l.width };
+        const C = b + l.width + e.x, f = i + y;
+        if (C > f)
+          return { ...e, x: f - b - l.width };
       } else {
-        const b = C + e.x, f = i - y;
-        if (b < f)
-          return { ...e, x: f - C };
+        const C = b + e.x, f = i - y;
+        if (C < f)
+          return { ...e, x: f - b };
       }
       return e;
     },
@@ -151,15 +157,15 @@ const I = ["string", "integer", "float"], O = (o, s, t, n) => (t || I).includes(
     activePinnedState: t,
     setCachedBoundary: c
   };
-}, F = (o, s) => {
+}, P = (o, s) => {
   const t = o.getBoundingClientRect(), n = o.closest("table")?.getBoundingClientRect() ?? t;
   return {
     left: s === "left" ? t.left - 1 : t.right - 1,
     top: n.top,
     height: n.height
   };
-}, _ = "th[data-column-id]", At = () => {
-  const { active: o, over: s } = B(), t = o?.data?.current?.type === "column" ? String(o.id) : null, n = s ? String(s.id) : null, [a, r] = v(null);
+}, _ = "th[data-column-id]", vt = () => {
+  const { active: o, over: s } = I(), t = o?.data?.current?.type === "column" ? String(o.id) : null, n = s ? String(s.id) : null, [a, r] = A(null);
   return T(() => {
     if (!t || !n || t === n) {
       r(null);
@@ -171,7 +177,7 @@ const I = ["string", "integer", "float"], O = (o, s, t, n) => (t || I).includes(
         document.querySelectorAll(_)
       ), e = c.find((l) => l.dataset.columnId === n);
       if (e) {
-        const l = c.findIndex((i) => i.dataset.columnId === t), g = c.indexOf(e), p = F(e, l < g ? "right" : "left");
+        const l = c.findIndex((i) => i.dataset.columnId === t), g = c.indexOf(e), p = P(e, l < g ? "right" : "left");
         r(
           (i) => i && i.left === p.left && i.top === p.top && i.height === p.height ? i : p
         );
@@ -179,15 +185,15 @@ const I = ["string", "integer", "float"], O = (o, s, t, n) => (t || I).includes(
       m = requestAnimationFrame(u);
     };
     return u(), () => cancelAnimationFrame(m);
-  }, [t, n]), a ? R(/* @__PURE__ */ L(D, { style: a }), document.body) : null;
+  }, [t, n]), a ? D(/* @__PURE__ */ L(R, { style: a }), document.body) : null;
 };
 export {
   _ as C,
-  At as T,
-  P as a,
-  I as b,
+  vt as T,
+  F as a,
+  O as b,
   xt as c,
-  F as g,
-  O as i,
+  P as g,
+  B as i,
   yt as u
 };

package/dist/chunks/DeleteEntitiesConfirmDialog.es.js

@@ -1,7 +1,7 @@
-import { jsx as l, jsxs as d, Fragment as E } from "react/jsx-runtime";
-import { useState as F, useMemo as A } from "react";
+import { jsx as l, jsxs as d, Fragment as A } from "react/jsx-runtime";
+import { useState as E, useMemo as F } from "react";
 import { Button as D } from "@ynput/ayon-react-components";
-import { S as z, D as N, d as $, F as O, e as T, C as P, f as M, g as R, h as I, i as _ } from "./TableExportContextInstance.es.js";
+import { S as j, D as z, d as $, F as N, e as T, C as O, f as I, g as M, h as R, i as K } from "./TableExportContextInstance.es.js";
 import "lodash";
 import "primereact/confirmdialog";
 import "react-toastify";
@@ -24,7 +24,8 @@ const oe = [
   "columnSummaries",
   "listValues",
   "entityLinks",
-  "tableExport"
+  "tableExport",
+  "personalApiKeys"
 ], se = {
   annotations: {
     label: "Annotations",
@@ -100,6 +101,11 @@ const oe = [
     label: "Table Export",
     description: "Export a table or the selected rows to Excel or CSV, with every row and inherited attribute, ready to import back.",
     bullet: "Export tables to Excel and CSV"
+  },
+  personalApiKeys: {
+    label: "Personal API Keys",
+    description: "Create your own API keys on your profile, each with a name and an expiry, for scripts and tools that work as you.",
+    bullet: "Personal API keys for scripts and tools"
   }
 }, C = [
   "folder",
@@ -108,7 +114,7 @@ const oe = [
   "version",
   "representation",
   "workfile"
-], G = (o) => o.length <= 1 ? o.join("") : `${o.slice(0, -1).join(", ")} and ${o[o.length - 1]}`, ie = (o) => {
+], _ = (o) => o.length <= 1 ? o.join("") : `${o.slice(0, -1).join(", ")} and ${o[o.length - 1]}`, ne = (o) => {
   if (o.length === 1) {
     const e = o[0];
     return `${e.entityType} "${e.label || e.name || e.id}"`;
@@ -118,8 +124,8 @@ const oe = [
   const a = C.filter((e) => r[e] > 0).map(
     (e) => u(r[e], e)
   );
-  return G(a);
-}, ne = (o, r) => {
+  return _(a);
+}, ie = (o, r) => {
   const a = {}, e = (s, t) => {
     t > 0 && (a[s] = (a[s] || 0) + t);
   };
@@ -127,19 +133,19 @@ const oe = [
   for (const s of r)
     e("folder", s.totalFolderCount), e("task", s.totalTaskCount), e("product", s.totalProductCount), e("version", s.totalVersionCount);
   return a;
-}, H = (o) => C.reduce((r, a) => r + (o[a] || 0), 0), g = 8, re = (o, r) => {
+}, G = (o) => C.reduce((r, a) => r + (o[a] || 0), 0), g = 8, re = (o, r) => {
   if (o.length === 0) return [];
   const a = new Map(r.map((t) => [t.id, t])), e = o.length > 1, s = [];
   for (const t of o) {
-    const i = a.get(t.id), p = t.label || t.name || t.id, m = e ? `"${p}" contains ` : "Contains ";
-    if (i && (i.totalFolderCount > 0 || i.totalTaskCount > 0 || i.totalProductCount > 0 || i.totalVersionCount > 0)) {
+    const n = a.get(t.id), p = t.label || t.name || t.id, m = e ? `"${p}" contains ` : "Contains ";
+    if (n && (n.totalFolderCount > 0 || n.totalTaskCount > 0 || n.totalProductCount > 0 || n.totalVersionCount > 0)) {
       const c = [];
-      i.totalFolderCount > 0 && c.push(u(i.totalFolderCount, "child folder")), i.totalTaskCount > 0 && c.push(u(i.totalTaskCount, "task")), i.totalProductCount > 0 && c.push(u(i.totalProductCount, "product")), i.totalVersionCount > 0 && c.push(u(i.totalVersionCount, "version")), s.push(`${m}${c.join(", ")}`);
+      n.totalFolderCount > 0 && c.push(u(n.totalFolderCount, "child folder")), n.totalTaskCount > 0 && c.push(u(n.totalTaskCount, "task")), n.totalProductCount > 0 && c.push(u(n.totalProductCount, "product")), n.totalVersionCount > 0 && c.push(u(n.totalVersionCount, "version")), s.push(`${m}${c.join(", ")}`);
     } else
       t.hasChildren && s.push(`${m}child folders`), t.taskNames && t.taskNames.length > 0 && s.push(`${m}${u(t.taskNames.length, "task")}`);
   }
   return s.length > g ? [...s.slice(0, g), `…and ${s.length - g} more`] : s;
-}, K = (o, r) => {
+}, H = (o, r) => {
   const a = (o ?? "").trim();
   return a !== "" && Number(a) === r;
 }, ae = ({
@@ -151,17 +157,17 @@ const oe = [
     entityLabel: e,
     childrenDetails: s,
     expectedCounts: t,
-    expectedName: i,
+    expectedName: n,
     deleteLabel: p = "Delete forever",
     message: m
-  } = o, [f, c] = F(""), [v, x] = F({}), y = A(
-    () => C.filter((n) => (t[n] || 0) > 0),
+  } = o, [f, c] = E(""), [y, x] = E({}), w = F(
+    () => C.filter((i) => (t[i] || 0) > 0),
     [t]
-  ), b = A(() => H(t), [t]), h = b > $, w = !!i && !h, k = h ? y.every((n) => K(v[n], t[n])) : w ? f.trim() === i : !0, S = (n) => {
-    n.key === "Enter" && k && (n.preventDefault(), r());
+  ), b = F(() => G(t), [t]), h = b > $, v = !!n && !h, k = h ? w.every((i) => H(y[i], t[i])) : v ? f.trim() === n : !0, S = (i) => {
+    i.key === "Enter" && k && (i.preventDefault(), r());
   };
   return /* @__PURE__ */ l(
-    z,
+    j,
     {
       size: "md",
       isOpen: !0,
@@ -170,43 +176,43 @@ const oe = [
       footer: (
         // keydown lives here, not on the dialog — dialog spreads rest props over its own
         // handler and would lose escape-to-close
-        /* @__PURE__ */ d(O, { onKeyDown: S, children: [
-          w && /* @__PURE__ */ d(E, { children: [
+        /* @__PURE__ */ d(N, { onKeyDown: S, children: [
+          v && /* @__PURE__ */ d(A, { children: [
             /* @__PURE__ */ d(T, { htmlFor: "delete-confirm-name-input", children: [
               "To confirm delete action, type '",
-              i,
+              n,
               "' in the box below"
             ] }),
             /* @__PURE__ */ l(
-              P,
+              O,
               {
                 id: "delete-confirm-name-input",
                 "data-testid": "delete-confirm-name-input",
                 autoFocus: !0,
                 value: f,
-                placeholder: i,
-                onChange: (n) => c(n.target.value)
+                placeholder: n,
+                onChange: (i) => c(i.target.value)
               }
             )
           ] }),
-          h && /* @__PURE__ */ d(E, { children: [
+          h && /* @__PURE__ */ d(A, { children: [
             /* @__PURE__ */ l(T, { as: "p", children: "To confirm, type how many of each will be deleted, children included" }),
-            /* @__PURE__ */ l(M, { children: y.map((n, V) => /* @__PURE__ */ d(R, { children: [
-              /* @__PURE__ */ l("span", { children: `${n[0].toUpperCase()}${n.slice(1)}s - ${t[n]}` }),
+            /* @__PURE__ */ l(I, { children: w.map((i, V) => /* @__PURE__ */ d(M, { children: [
+              /* @__PURE__ */ l("span", { children: `${i[0].toUpperCase()}${i.slice(1)}s - ${t[i]}` }),
               /* @__PURE__ */ l(
-                I,
+                R,
                 {
-                  "data-testid": `delete-confirm-count-${n}`,
+                  "data-testid": `delete-confirm-count-${i}`,
                   autoFocus: V === 0,
                   inputMode: "numeric",
-                  value: v[n] ?? "",
-                  placeholder: `Number of ${n}s`,
-                  onChange: (L) => x((j) => ({ ...j, [n]: L.target.value }))
+                  value: y[i] ?? "",
+                  placeholder: `Number of ${i}s`,
+                  onChange: (P) => x((L) => ({ ...L, [i]: P.target.value }))
                 }
               )
-            ] }, n)) })
+            ] }, i)) })
           ] }),
-          /* @__PURE__ */ d(_, { children: [
+          /* @__PURE__ */ d(K, { children: [
             /* @__PURE__ */ l(D, { label: "Cancel", onClick: a }),
             /* @__PURE__ */ l(
               D,
@@ -222,7 +228,7 @@ const oe = [
         ] })
       ),
       children: /* @__PURE__ */ l(
-        N,
+        z,
         {
           entityLabel: e,
           childrenDetails: s,
@@ -238,11 +244,11 @@ const oe = [
 };
 export {
   ae as D,
-  ie as a,
+  ne as a,
   re as b,
-  ne as c,
+  ie as c,
   oe as d,
   C as e,
   se as p,
-  H as s
+  G as s
 };

package/dist/chunks/EntityPickerDialog.es.js

@@ -8,21 +8,21 @@ import { bw as pe } from "./searchTerms.es.js";
 import "axios";
 import { createPortal as fe } from "react-dom";
 import { b as y, H as ee, a as me, S as he, e as ge } from "./SimpleTable.es.js";
-import { InputText as be, theme as ve, Dialog as we, SwitchButton as ke, Button as H } from "@ynput/ayon-react-components";
+import { InputText as be, theme as ve, Dialog as we, SwitchButton as ke, Button as U } from "@ynput/ayon-react-components";
 import S from "styled-components";
 import { E as xe } from "./EmptyPlaceholder.es.js";
-import { a as U, E as Pe } from "./EntityTooltip.es.js";
+import { a as X, E as Pe } from "./EntityTooltip.es.js";
 import { cj as Te } from "./getUris.es.js";
 import "@module-federation/enhanced/runtime";
 import "@ynput/ayon-addon/host";
-import { s as Ie, q as Ce, k as Fe, t as Re } from "./TableExportContextInstance.es.js";
+import { n as Ie, o as Ce, k as Fe, p as Re } from "./TableExportContextInstance.es.js";
 import "semver";
 import "./ContextMenuContextInstance.es.js";
 import "clsx";
 import "react-router-dom";
 import { g as A } from "./getThumbnailUrl.es.js";
 import { g as te } from "./getEntityTypeIcon.es.js";
-import { P as je, a as X } from "./ProjectFoldersContext.es.js";
+import { P as je, a as q } from "./ProjectFoldersContext.es.js";
 const I = {
   folder: ["folder"],
   product: ["folder", "product"],
@@ -164,7 +164,7 @@ const I = {
     typeof s == "string" && /* @__PURE__ */ w(Me, { value: s, onChange: n, onClose: () => n(void 0) })
   ] });
 }, Ge = 150, We = (e, s) => {
-  const n = U.includes(e) || e === "product", [t, c] = L(null), a = z(), i = M(() => clearTimeout(a.current), []), o = M(() => {
+  const n = X.includes(e) || e === "product", [t, c] = L(null), a = z(), i = M(() => clearTimeout(a.current), []), o = M(() => {
     i(), c(null);
   }, [i]), p = M(() => {
     i(), a.current = setTimeout(() => c(null), Ge);
@@ -176,7 +176,7 @@ const I = {
   const m = M(
     (d) => {
       const r = s?.find((u) => u.id === d)?.data?.tooltip || { entityType: e, entityId: d };
-      return U.includes(r.entityType) && r.entityId ? r : null;
+      return X.includes(r.entityType) && r.entityId ? r : null;
     },
     [s, e]
   ), h = M(
@@ -514,7 +514,7 @@ const I = {
       a.skipDetection = !0, t(r, o);
     }
   }, [e, s, t]);
-}, J = (e = {}) => Object.keys(e).filter((s) => e[s]), qe = ({
+}, J = (e = {}) => Object.keys(e).filter((s) => e[s]), He = ({
   entityHierarchy: e,
   entityData: s,
   rowSelection: n,
@@ -543,7 +543,7 @@ const I = {
       );
     }
   }, [e, s, n, t, c]);
-}, He = 600, Ue = S.div`
+}, Ue = 600, Xe = S.div`
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
   gap: var(--base-gap-large);
@@ -561,9 +561,9 @@ const I = {
     }
   }
 `, Tt = (e) => {
-  const s = Fe(), n = Re(), t = /* @__PURE__ */ w(Xe, { ...e });
-  return s?.projectName !== e.projectName ? /* @__PURE__ */ w(je, { projectName: e.projectName, children: /* @__PURE__ */ w(X, { projectName: e.projectName, children: t }) }) : n?.projectName !== e.projectName ? /* @__PURE__ */ w(X, { projectName: e.projectName, children: t }) : t;
-}, Xe = ({
+  const s = Fe(), n = Re(), t = /* @__PURE__ */ w(qe, { ...e });
+  return s?.projectName !== e.projectName ? /* @__PURE__ */ w(je, { projectName: e.projectName, children: /* @__PURE__ */ w(q, { projectName: e.projectName, children: t }) }) : n?.projectName !== e.projectName ? /* @__PURE__ */ w(q, { projectName: e.projectName, children: t }) : t;
+}, qe = ({
   projectName: e,
   entityType: s,
   initialSelection: n,
@@ -629,7 +629,7 @@ const I = {
     entityData: O,
     rowSelection: T,
     setEntityRowSelection: F
-  }), qe({
+  }), He({
     entityHierarchy: R,
     entityData: O,
     rowSelection: T,
@@ -637,14 +637,14 @@ const I = {
     initialSelection: n
   });
   const V = (l, v, D) => {
-    const $ = D || v.includes(l.id), ce = $ ? ne(l.id) || p : void 0, q = {
+    const $ = D || v.includes(l.id), ce = $ ? ne(l.id) || p : void 0, H = {
       ...l,
       isDisabled: $,
       disabledMessage: ce
     };
-    return l.subRows && l.subRows.length > 0 && (q.subRows = l.subRows.map(
+    return l.subRows && l.subRows.length > 0 && (H.subRows = l.subRows.map(
       (de) => V(de, v, $)
-    )), q;
+    )), H;
   }, ie = (l) => !Y || Y.length === 0 ? l : l.map((v) => V(v, Y, !1)), Q = (l) => {
     const v = O[s].data;
     c(
@@ -665,11 +665,11 @@ const I = {
       header: `Select ${Z(s)}`,
       isOpen: !0,
       size: "full",
-      style: { height: "80vh", maxWidth: R.length * He },
+      style: { height: "80vh", maxWidth: R.length * Ue },
       footer: /* @__PURE__ */ B(ue, { children: [
-        a && i && /* @__PURE__ */ w(H, { label: "Move to root", variant: "text", onClick: i }),
+        a && i && /* @__PURE__ */ w(U, { label: "Move to root", variant: "text", onClick: i }),
         /* @__PURE__ */ w(
-          H,
+          U,
           {
             label: `Select ${s}${t ? "s" : ""}`,
             variant: "filled",
@@ -693,7 +693,7 @@ const I = {
             }
           }
         ),
-        /* @__PURE__ */ w(Ue, { children: R.map((l) => /* @__PURE__ */ w(
+        /* @__PURE__ */ w(Xe, { children: R.map((l) => /* @__PURE__ */ w(
           ge,
           {
             rowSelection: T[l] || {},