@ynput/ayon-frontend-shared 0.4.7 → 0.6.0

package/dist/chunks/uriUtils.es.js

@@ -0,0 +1,48 @@
+const d = (t) => {
+  const n = t.split("://")[1].split("?"), s = n[0], e = n[1];
+  return {
+    baseUri: s,
+    queryParams: new URLSearchParams(e || "")
+  };
+}, g = ({
+  projectName: t,
+  folderPath: n,
+  taskName: s,
+  productName: e,
+  versionName: a
+}) => {
+  const r = new URL(`ayon+entity://${t}/${n}`);
+  return s && r.searchParams.append("task", s), e && r.searchParams.append("product", e), a && r.searchParams.append("version", a), r.toString();
+}, y = (t) => {
+  const { baseUri: n, queryParams: s } = d(t), e = n.split("/"), a = e[0], r = e.slice(1), [i, c] = a.split(":"), p = s.get("site") ?? void 0, o = s.get("project") ?? void 0;
+  return {
+    addonName: i,
+    addonVersion: c,
+    settingsPath: r,
+    site: p,
+    project: o
+  };
+}, l = (t) => {
+  const { baseUri: n, queryParams: s } = d(t), e = n.split("/"), a = e[0], r = e.slice(1).join("/"), i = s.get("task") ?? void 0, c = s.get("product") ?? void 0, p = s.get("version") ?? void 0;
+  let o;
+  return p ? o = "version" : c ? o = "product" : i ? o = "task" : o = "folder", {
+    projectName: a,
+    entityType: o,
+    folderPath: r,
+    taskName: i,
+    productName: c,
+    versionName: p
+  };
+}, u = (t) => t ? t.startsWith("ayon+settings://") ? {
+  type: "settings",
+  settings: y(t)
+} : t.startsWith("ayon+entity://") ? {
+  type: "entity",
+  entity: l(t)
+} : { type: void 0 } : { type: void 0 };
+export {
+  y as a,
+  g as b,
+  l as g,
+  u as p
+};

package/dist/chunks/useAttributeEnums.es.js

@@ -1,72 +1,80 @@
-import { useMemo as l, useRef as R, useEffect as S } from "react";
-import { b0 as w, bg as B, aw as G, ax as N, aW as C, bh as L, bi as F } from "./searchTerms.es.js";
-import { W as O, cg as T, ct as q, ao as I } from "./getUris.es.js";
+import { useMemo as g, useRef as w, useEffect as x } from "react";
+import { b1 as G, bh as M, aw as N, ax as C, aX as I, bi as A, bj as O } from "./searchTerms.es.js";
+import { W as B, ci as P, cv as q, ao as F, as as Q } from "./getUris.es.js";
 import "primereact/confirmdialog";
-import { U as M } from "./MetaWidget.es.js";
-const P = [], K = (e) => {
-  const { entity: m, groupBy: i, skip: k } = e, s = l(
-    () => i ? O(i, m) : null,
-    [i, m]
-  ), E = l(() => s ? [s] : void 0, [s]), u = !!k || !s, g = e.args.projectName, f = T(
-    { ...e.entity === "task" ? e.args : { projectName: g }, targets: E },
-    { skip: u || e.entity !== "task" }
-  ), h = q(
-    { ...e.entity === "version" ? e.args : { projectName: g }, targets: E },
-    { skip: u || e.entity !== "version" }
-  ), r = e.entity === "task" ? f : h, o = r.data ?? P, a = !!r.data, { counts: c, total: v, complete: n } = l(() => {
-    const t = I(o, s);
-    return t.ungrouped.count > 0 && t.counts.set(M, t.ungrouped), {
-      counts: a && t.counts.size > 0 ? t.counts : void 0,
+import { U } from "./MetaWidget.es.js";
+const j = [], z = 3, H = (s) => {
+  const { entity: i, groupBy: c, extraGroupBys: E, skip: p } = s, n = g(
+    () => c ? B(c, i) : null,
+    [c, i]
+  ), h = g(() => {
+    if (!n) return;
+    const t = /* @__PURE__ */ new Set([n.field]), y = [];
+    for (const T of E ?? []) {
+      const S = B(T, i);
+      S && !t.has(S.field) && (t.add(S.field), y.push(S));
+    }
+    return [n, ...y];
+  }, [n, E, i]), u = !!p || !n, m = s.args.projectName, k = P(
+    { ...s.entity === "task" ? s.args : { projectName: m }, targets: h },
+    { skip: u || s.entity !== "task" }
+  ), v = q(
+    { ...s.entity === "version" ? s.args : { projectName: m }, targets: h },
+    { skip: u || s.entity !== "version" }
+  ), e = s.entity === "task" ? k : v, r = e.data ?? j, o = !!e.data, { counts: L, total: a, complete: l } = g(() => {
+    const t = F(r, n);
+    return t.ungrouped.count > 0 && t.counts.set(U, t.ungrouped), {
+      counts: o && t.counts.size > 0 ? t.counts : void 0,
       total: t.total,
       complete: t.complete
     };
-  }, [o, s, a]), d = R(/* @__PURE__ */ new Set()), y = R(/* @__PURE__ */ new Set()), p = l(() => JSON.stringify(e.args), [e.args]);
-  return S(() => {
-    d.current.clear();
-  }, [p]), S(() => {
-    if (u || !s || !a || r.isFetching || n) return;
-    const t = s.field;
-    if (!y.current.has(t)) {
-      if (d.current.has(t)) {
-        y.current.add(t);
-        return;
-      }
-      d.current.add(t), r.refetch();
+  }, [r, n, o]), f = w(/* @__PURE__ */ new Map()), d = w(/* @__PURE__ */ new Set()), R = g(() => JSON.stringify(s.args), [s.args]);
+  return x(() => {
+    f.current.clear(), d.current.clear();
+  }, [R]), x(() => {
+    if (u || !n || !o || e.isFetching || l) return;
+    const t = n.field;
+    if (d.current.has(t)) return;
+    if (r.some((T) => T.columnName === Q(t))) {
+      d.current.add(t);
+      return;
     }
-  }, [u, s, a, r.isFetching, n, r.refetch]), {
-    counts: c,
-    complete: n,
-    total: v,
-    isLoading: !u && (r.isLoading || r.isFetching),
-    isSupported: !!s
+    const y = f.current.get(t) ?? 0;
+    y >= z || (f.current.set(t, y + 1), e.refetch());
+  }, [u, n, o, e.isFetching, l, r, e.refetch]), {
+    counts: L,
+    complete: l,
+    total: a,
+    isLoading: !u && (e.isLoading || e.isFetching),
+    isSupported: !!n
   };
-}, j = (e, { projectName: m, request: i = "all" } = {}) => {
-  const k = i === "all" ? "all" : [...i].sort().join("\0"), { data: s, isError: E } = w(), u = !!s || E, { requests: g, keyByName: f } = l(() => {
-    const o = i === "all" ? null : new Set(i), a = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map();
-    return e.forEach((n) => {
-      if (!B(n.data) || o && !o.has(n.name)) return;
-      const d = s?.find(
-        ({ name: t }) => t === n.data?.enumResolver
-      )?.acceptedParams, y = G(n.data, { projectName: m }, d), p = N(y);
-      c.set(n.name, p), a.has(p) || a.set(p, y);
-    }), { requests: [...a].sort(([n], [d]) => n.localeCompare(d)).map(([, n]) => n), keyByName: c };
-  }, [e, k, m, s]), { data: h, isError: r } = C(
-    { requests: g },
-    { skip: !g.length || !u }
+}, J = (s, { projectName: i, request: c = "all" } = {}) => {
+  const E = c === "all" ? "all" : [...c].sort().join("\0"), { data: p, isError: n } = G(), h = !!p || n, { requests: u, keyByName: m } = g(() => {
+    const e = c === "all" ? null : new Set(c), r = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
+    return s.forEach((a) => {
+      if (!M(a.data) || e && !e.has(a.name)) return;
+      const l = p?.find(
+        ({ name: R }) => R === a.data?.enumResolver
+      )?.acceptedParams, f = N(a.data, { projectName: i }, l), d = C(f);
+      o.set(a.name, d), r.has(d) || r.set(d, f);
+    }), { requests: [...r].sort(([a], [l]) => a.localeCompare(l)).map(([, a]) => a), keyByName: o };
+  }, [s, E, i, p]), { data: k, isError: v } = I(
+    { requests: u },
+    { skip: !u.length || !h }
   );
-  return l(() => f.size ? e.map((o) => {
-    const a = f.get(o.name);
-    if (!a) return o;
-    const c = h?.[a];
-    return c ? {
-      ...o,
+  return g(() => m.size ? s.map((e) => {
+    const r = m.get(e.name);
+    if (!r) return e;
+    const o = k?.[r];
+    return o ? {
+      ...e,
       enumIsLoading: !1,
-      enumError: c.error ? L(c.error) : void 0,
-      data: { ...o.data, enum: F(c.items) }
-    } : r ? { ...o, enumIsLoading: !1, enumError: L() } : { ...o, enumIsLoading: !0 };
-  }) : e, [e, f, h, r]);
+      enumError: o.error ? A(o.error) : void 0,
+      data: { ...e.data, enum: O(o.items) }
+    } : v ? { ...e, enumIsLoading: !1, enumError: A() } : { ...e, enumIsLoading: !0 };
+  }) : s, [s, m, k, v]);
 };
 export {
-  K as a,
-  j as u
+  H as a,
+  J as u
 };

package/dist/chunks/useColumnDragRestriction.es.js

@@ -3,17 +3,27 @@ import "react-toastify";
 import "lodash";
 import "primereact/confirmdialog";
 import { g as a } from "./parseHtmlToPlainTextWithLinks.es.js";
-import { bf as C } from "./searchTerms.es.js";
+import { bg as C } from "./searchTerms.es.js";
 import "uuid";
 import "react/jsx-runtime";
 import "clsx";
 import "./PlayableIcon.es.js";
 import "@ynput/ayon-react-components";
+import "lexical";
+import "@lexical/markdown";
+import "@lexical/react/LexicalBlockWithAlignableContents";
+import "@lexical/react/LexicalDecoratorBlockNode";
+import "match-sorter";
+import "date-fns";
+import "@lexical/code";
+import "@lexical/list";
+import "@lexical/rich-text";
+import "@lexical/selection";
+import "@lexical/utils";
+import "./getUris.es.js";
 import "react-router-dom";
 import { u as k, a as v } from "./MetaWidget.es.js";
-import "date-fns";
 import "./ProjectContext.es.js";
-import "./getUris.es.js";
 import "@tanstack/react-table";
 import "./useCreateContextMenu.es.js";
 import "./DeleteEntitiesContext.es.js";
@@ -22,12 +32,12 @@ import "./useLocalStorage.es.js";
 import "@module-federation/enhanced/runtime";
 import "semver";
 import "./ProjectFoldersContextInstance.es.js";
-const E = ["string", "integer", "float"], L = (n, s, r, o) => (r || E).includes(n.data.type || "") && (!s || n.scope?.includes(s)) ? o ? C(n.data) : !0 : !1, Z = ({
-  allowedTypes: n,
+const E = ["string", "integer", "float"], L = (o, s, r, n) => (r || E).includes(o.data.type || "") && (!s || o.scope?.includes(s)) ? n ? C(o.data) : !0 : !1, lt = ({
+  allowedTypes: o,
   enumOnly: s,
   scope: r
 }) => {
-  const { columnOrder: o } = k(), { attribFields: l } = v();
+  const { columnOrder: n } = k(), { attribFields: l } = v();
   return x(
     () => [
       {
@@ -78,41 +88,41 @@ const E = ["string", "integer", "float"], L = (n, s, r, o) => (r || E).includes(
         icon: a("tags"),
         scopes: ["task", "version", "folder", "product"]
       },
-      ...l.filter((t) => L(t, r, n, s)).map((t) => ({
+      ...l.filter((t) => L(t, r, o, s)).map((t) => ({
         value: "attrib." + t.name,
         label: t.data.title || t.name,
         icon: a(t.name)
       }))
     ].filter((t) => !r || ("scopes" in t ? t.scopes.includes(r) : !0)).sort((t, b) => {
-      const c = o.indexOf(t.value), p = o.indexOf(b.value);
+      const c = n.indexOf(t.value), p = n.indexOf(b.value);
       return c === -1 && p === -1 ? 0 : c === -1 ? 1 : p === -1 ? -1 : c - p;
     }),
-    [l, o, n, s, r]
+    [l, n, o, s, r]
   );
-}, S = "data-column-dnd-container", A = 100, z = ({
-  columnPinning: n,
+}, S = "data-column-dnd-container", A = 100, ut = ({
+  columnPinning: o,
   columnSizing: s
 }) => {
-  const r = T(null), o = T(null), l = d(() => {
-    const e = n.left || [];
+  const r = T(null), n = T(null), l = d(() => {
+    const e = o.left || [];
     let i = 24;
     return e.forEach((h) => {
       i += s[h] || 150;
     }), i;
-  }, [n.left, s]), t = d(
+  }, [o.left, s]), t = d(
     ({ transform: e, activeNodeRect: i, draggingNodeRect: h, active: y }) => {
       if (r.current === null || !i || y?.data.current?.type && y.data.current.type !== "column") return e;
-      let f = o.current;
-      f === null && (f = (document.querySelector(`[${S}]`)?.getBoundingClientRect().left ?? 0) + l());
-      const m = h?.left ?? i.left;
+      let m = n.current;
+      m === null && (m = (document.querySelector(`[${S}]`)?.getBoundingClientRect().left ?? 0) + l());
+      const f = h?.left ?? i.left;
       if (r.current) {
-        const g = m + i.width + e.x, u = f + A;
+        const g = f + i.width + e.x, u = m + A;
         if (g > u)
-          return { ...e, x: u - m - i.width };
+          return { ...e, x: u - f - i.width };
       } else {
-        const g = m + e.x, u = f - A;
+        const g = f + e.x, u = m - A;
         if (g < u)
-          return { ...e, x: u - m };
+          return { ...e, x: u - f };
       }
       return e;
     },
@@ -123,13 +133,13 @@ const E = ["string", "integer", "float"], L = (n, s, r, o) => (r || E).includes(
         r.current = null;
         return;
       }
-      r.current = n.left?.includes(e) || !1;
+      r.current = o.left?.includes(e) || !1;
     },
-    [n.left]
+    [o.left]
   ), c = d(() => {
-    r.current = null, o.current = null;
+    r.current = null, n.current = null;
   }, []), p = d((e) => {
-    o.current = e;
+    n.current = e;
   }, []);
   return {
     restrictToSection: t,
@@ -142,7 +152,7 @@ const E = ["string", "integer", "float"], L = (n, s, r, o) => (r || E).includes(
 export {
   S as T,
   E as a,
-  Z as b,
+  lt as b,
   L as i,
-  z as u
+  ut as u
 };

package/dist/chunks/useDateRangeFilter.es.js

@@ -1,5 +1,5 @@
 import { useState as h } from "react";
-import { C as b, d as F, b as D } from "./PlayableIcon.es.js";
+import { C as F, d as b, a as D } from "./PlayableIcon.es.js";
 import { startOfDay as v, parse as m, endOfDay as R, format as l } from "date-fns";
 const V = () => {
   const [d, y] = h(null), [f, u] = h(""), [g, c] = h(""), p = (r, o) => {
@@ -52,7 +52,7 @@ const V = () => {
           const s = a.id.replace("custom-", ""), i = s.indexOf("Z");
           if (i > 0) {
             const M = s.substring(0, i + 1), S = s.substring(i + 2);
-            if (F(M, S)) return;
+            if (b(M, S)) return;
           }
         }
         r.stopPropagation(), p(t.id, o);
@@ -61,7 +61,7 @@ const V = () => {
     handleDropdownItemClick: (r, o, e) => {
       const n = r.target.closest("li");
       if (!n) return !0;
-      if (n.querySelector(`span[icon="${b}"]`)) {
+      if (n.querySelector(`span[icon="${F}"]`)) {
         const t = n.getAttribute("data-parent") || I(o, e);
         return t && p(t, o), !1;
       }

package/dist/chunks/useLocalStorage.es.js

@@ -1,8 +1,8 @@
 import { jsx as k } from "react/jsx-runtime";
-import { createContext as P, useState as m, useEffect as S, useContext as I, useRef as A, useCallback as C, useMemo as R } from "react";
-import { registerRemotes as E, loadRemote as j } from "@module-federation/enhanced/runtime";
+import { createContext as P, useState as m, useEffect as S, useContext as I, useRef as A, useCallback as C, useMemo as E } from "react";
+import { registerRemotes as O, loadRemote as j } from "@module-federation/enhanced/runtime";
 import "./searchTerms.es.js";
-import { cO as M } from "./getUris.es.js";
+import { cQ as M } from "./getUris.es.js";
 import "primereact/confirmdialog";
 import { u as F } from "./GlobalContext.es.js";
 import D from "semver";
@@ -34,7 +34,7 @@ const x = P({
           modules: v
         });
       });
-    }), E(
+    }), O(
       l.map((s) => ({
         name: s.remote,
         alias: s.remote,
@@ -264,7 +264,7 @@ const x = P({
       }
     })();
   }, [t, L, f, u]);
-  const O = R(
+  const R = E(
     () => ({
       powerLicense: p,
       isLoading: w,
@@ -276,7 +276,7 @@ const x = P({
     }),
     [p, o, r, i, w]
   );
-  return /* @__PURE__ */ k(z.Provider, { value: O, children: e });
+  return /* @__PURE__ */ k(z.Provider, { value: R, children: e });
 }, Y = () => {
   const e = I(z);
   if (e === void 0)
@@ -343,13 +343,13 @@ function te(e, t) {
 export {
   X as P,
   _ as R,
-  $ as a,
+  Y as a,
   T as b,
   V as c,
   N as d,
   te as e,
   K as p,
   Z as r,
-  Y as u,
+  $ as u,
   ee as w
 };

package/dist/chunks/useSessionStorage.es.js

@@ -0,0 +1,61 @@
+import { useRef as w, useState as f, useEffect as S, useCallback as m } from "react";
+const i = (e, t = null) => {
+  if (!e) return t;
+  try {
+    return JSON.parse(e);
+  } catch {
+    return t;
+  }
+}, E = (e, t) => {
+  if (typeof window > "u") return t;
+  try {
+    return i(sessionStorage.getItem(e), t);
+  } catch {
+    return t;
+  }
+}, h = (e, t) => {
+  if (!(typeof window > "u"))
+    try {
+      sessionStorage.setItem(e, JSON.stringify(t)), window.dispatchEvent(new CustomEvent("session-storage", { detail: { key: e } }));
+    } catch (r) {
+      console.error(r);
+    }
+};
+function v(e, t) {
+  const r = w(t);
+  r.current = t;
+  const [c, u] = f(() => typeof window > "u" ? t : i(sessionStorage.getItem(e), t));
+  S(() => {
+    const o = sessionStorage.getItem(e);
+    u(i(o, r.current)), o || sessionStorage.setItem(e, JSON.stringify(r.current));
+    function n(s) {
+      if ("key" in s && s.key && s.key !== e) return;
+      const a = s.detail?.key;
+      if (a && a !== e) return;
+      const g = sessionStorage.getItem(e);
+      u(i(g, r.current));
+    }
+    return window.addEventListener("session-storage", n), window.addEventListener("storage", n), () => {
+      window.removeEventListener("session-storage", n), window.removeEventListener("storage", n);
+    };
+  }, [e]);
+  const d = m(
+    (o) => {
+      try {
+        u((n) => {
+          const s = typeof o == "function" ? o(n) : o;
+          return sessionStorage.setItem(e, JSON.stringify(s)), typeof window < "u" && window.dispatchEvent(new CustomEvent("session-storage", { detail: { key: e } })), s;
+        });
+      } catch (n) {
+        console.error(n);
+      }
+    },
+    [e]
+  );
+  return [c, d];
+}
+export {
+  E as r,
+  v as u,
+  h as w
+};

package/dist/chunks/viewUpdateHelper.es.js

@@ -1,16 +1,16 @@
 import "./searchTerms.es.js";
-import { aO as A, dq as D, dt as M } from "./getUris.es.js";
+import { aP as A, ds as D, dv as M } from "./getUris.es.js";
 import "primereact/confirmdialog";
 import { g as H, u as T } from "./ViewsContext.es.js";
 import { toast as N } from "react-toastify";
-import { useCallback as v, useState as q, useRef as R } from "react";
+import { useCallback as v, useState as P, useRef as R } from "react";
 import { useStore as U } from "react-redux";
 let m = !1;
 const b = () => {
   m || (m = !0, queueMicrotask(() => {
     m = !1;
   }));
-}, x = async (e, n, o, t = {}, a, g, f, s) => {
+}, q = async (e, n, o, t = {}, a, g, f, s) => {
   const {
     viewSettings: c,
     viewType: r,
@@ -48,7 +48,7 @@ const b = () => {
     const W = t.errorMessage || `Failed to update view settings: ${S}`;
     N.error(W);
   }
-}, O = () => {
+}, x = () => {
   const [e] = A(), [n] = D(), o = T(), t = U(), a = v(
     async (s, c) => {
       if (c) {
@@ -85,7 +85,7 @@ const b = () => {
   }, [t, o]);
   return {
     updateViewSettings: v(
-      async (...s) => await x(...s, o, a, g, b),
+      async (...s) => await q(...s, o, a, g, b),
       [o, a, g]
     ),
     onCreateView: a,
@@ -99,7 +99,7 @@ const b = () => {
     [t]: a.length ? j(e[t] || {}, a.join("."), o) : o
   } : e;
 }, X = (e, n) => {
-  const { viewSettings: o, isLoadingViews: t } = T(), { updateViewSettings: a, getLatestSettings: g } = O(), [f, s] = q(null), c = R(null), r = o, V = f !== null ? f : L(r, e) ?? n, i = v((d) => {
+  const { viewSettings: o, isLoadingViews: t } = T(), { updateViewSettings: a, getLatestSettings: g } = x(), [f, s] = P(null), c = R(null), r = o, V = f !== null ? f : L(r, e) ?? n, i = v((d) => {
     c.current = d, s(d);
   }, []), u = v(
     (d) => {
@@ -127,7 +127,7 @@ const b = () => {
   return [V, u];
 };
 export {
-  O as a,
-  x as b,
+  x as a,
+  q as b,
   X as u
 };