@ynput/ayon-frontend-shared 0.5.0 → 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,9 +1,9 @@
 import { useMemo as g, useRef as w, useEffect as x } from "react";
-import { b0 as G, bg as M, aw as N, ax as C, aW as I, bh as A, bi as O } from "./searchTerms.es.js";
-import { W as B, ch as P, cu as q, ao as F, as as Q } from "./getUris.es.js";
+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 } from "./MetaWidget.es.js";
-const z = [], K = 3, H = (s) => {
+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]
@@ -11,17 +11,17 @@ const z = [], K = 3, H = (s) => {
     if (!n) return;
     const t = /* @__PURE__ */ new Set([n.field]), y = [];
     for (const T of E ?? []) {
-      const v = B(T, i);
-      v && !t.has(v.field) && (t.add(v.field), y.push(v));
+      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" }
-  ), S = q(
+  ), v = q(
     { ...s.entity === "version" ? s.args : { projectName: m }, targets: h },
     { skip: u || s.entity !== "version" }
-  ), e = s.entity === "task" ? k : S, r = e.data ?? z, o = !!e.data, { counts: L, total: a, complete: l } = g(() => {
+  ), 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,
@@ -40,7 +40,7 @@ const z = [], K = 3, H = (s) => {
       return;
     }
     const y = f.current.get(t) ?? 0;
-    y >= K || (f.current.set(t, y + 1), e.refetch());
+    y >= z || (f.current.set(t, y + 1), e.refetch());
   }, [u, n, o, e.isFetching, l, r, e.refetch]), {
     counts: L,
     complete: l,
@@ -58,7 +58,7 @@ const z = [], K = 3, H = (s) => {
       )?.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: S } = I(
+  }, [s, E, i, p]), { data: k, isError: v } = I(
     { requests: u },
     { skip: !u.length || !h }
   );
@@ -71,8 +71,8 @@ const z = [], K = 3, H = (s) => {
       enumIsLoading: !1,
       enumError: o.error ? A(o.error) : void 0,
       data: { ...e.data, enum: O(o.items) }
-    } : S ? { ...e, enumIsLoading: !1, enumError: A() } : { ...e, enumIsLoading: !0 };
-  }) : s, [s, m, k, S]);
+    } : v ? { ...e, enumIsLoading: !1, enumError: A() } : { ...e, enumIsLoading: !0 };
+  }) : s, [s, m, k, v]);
 };
 export {
   H as a,

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,12 +1,12 @@
-import { jsx as P } from "react/jsx-runtime";
-import { createContext as k, useState as m, useEffect as S, useContext as I, useRef as A, useCallback as C, useMemo as E } from "react";
+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 E } from "react";
 import { registerRemotes as O, loadRemote as j } from "@module-federation/enhanced/runtime";
 import "./searchTerms.es.js";
-import { cP 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";
-const x = k({
+const x = P({
   isLoading: !0,
   modules: [],
   remotesInitialized: !1
@@ -42,7 +42,7 @@ const x = k({
         type: "module"
       }))
     ), i(!0);
-  }, [o, c, d, n]), /* @__PURE__ */ P(
+  }, [o, c, d, n]), /* @__PURE__ */ k(
     x.Provider,
     {
       value: {
@@ -231,7 +231,7 @@ const x = k({
     description: "Aggregate each column totals, averages, distributions in a summary footer.",
     bullet: "Per-column summary footer"
   }
-}, z = k(void 0), X = ({
+}, z = P(void 0), X = ({
   children: e,
   debug: t
 }) => {
@@ -276,7 +276,7 @@ const x = k({
     }),
     [p, o, r, i, w]
   );
-  return /* @__PURE__ */ P(z.Provider, { value: R, 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,5 +1,5 @@
 import "./searchTerms.es.js";
-import { aP as A, dr as D, du 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";
@@ -10,13 +10,13 @@ const b = () => {
   m || (m = !0, queueMicrotask(() => {
     m = !1;
   }));
-}, q = async (e, n, o, t = {}, a, u, f, s) => {
+}, q = async (e, n, o, t = {}, a, g, f, s) => {
   const {
     viewSettings: c,
     viewType: r,
     projectName: V,
     selectedView: i,
-    setSelectedView: g,
+    setSelectedView: u,
     workingView: d,
     onSettingsChanged: w,
     isErrorWorkingView: l
@@ -34,7 +34,7 @@ const b = () => {
     }
     const C = { ...I, ...e }, h = H(C), k = W ?? d?.id;
     k && (h.id = k);
-    const E = h.id, F = u(
+    const E = h.id, F = g(
       {
         payload: k ? { settings: C } : h,
         viewType: r,
@@ -42,9 +42,9 @@ const b = () => {
       },
       k
     );
-    s(), (!y || i?.id !== k) && (i && w(!0), g(E)), await F, n(null), t.successMessage && N.success(t.successMessage);
+    s(), (!y || i?.id !== k) && (i && w(!0), u(E)), await F, n(null), t.successMessage && N.success(t.successMessage);
   } catch (S) {
-    n(null), p && g(p), i && !y && w(!1);
+    n(null), p && u(p), i && !y && w(!1);
     const W = t.errorMessage || `Failed to update view settings: ${S}`;
     N.error(W);
   }
@@ -65,18 +65,18 @@ const b = () => {
         return await e(s).unwrap();
     },
     [e, n]
-  ), u = v(() => {
+  ), g = v(() => {
     const { viewType: s, projectName: c, selectedView: r, workingView: V } = o;
     if (!s) return {};
-    const i = t.getState(), g = M.endpoints.getWorkingView.select({
+    const i = t.getState(), u = M.endpoints.getWorkingView.select({
       viewType: s,
       projectName: c
-    })(i), w = g?.data?.id || V?.id, l = M.endpoints.getDefaultView.select({
+    })(i), w = u?.data?.id || V?.id, l = M.endpoints.getDefaultView.select({
       viewType: s,
       projectName: c
     })(i), p = l?.data?.id || r?.id;
-    return (!!w && p === w || m) && g?.data?.settings ? {
-      settings: g.data.settings,
+    return (!!w && p === w || m) && u?.data?.settings ? {
+      settings: u.data.settings,
       workingViewId: w
     } : l?.data?.settings ? {
       settings: l.data.settings,
@@ -85,11 +85,11 @@ const b = () => {
   }, [t, o]);
   return {
     updateViewSettings: v(
-      async (...s) => await q(...s, o, a, u, b),
-      [o, a, u]
+      async (...s) => await q(...s, o, a, g, b),
+      [o, a, g]
     ),
     onCreateView: a,
-    getLatestSettings: u,
+    getLatestSettings: g,
     markCacheDirty: b
   };
 }, L = (e, n) => n.split(".").reduce((o, t) => o?.[t], e), j = (e, n, o) => {
@@ -99,12 +99,12 @@ 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: u } = x(), [f, s] = P(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);
-  }, []), g = v(
+  }, []), u = v(
     (d) => {
       if (t || !r) return;
-      const w = u().settings ?? r, l = c.current !== null ? c.current : L(w, e) ?? n, p = typeof d == "function" ? d(
+      const w = g().settings ?? r, l = c.current !== null ? c.current : L(w, e) ?? n, p = typeof d == "function" ? d(
         l
       ) : d;
       a(
@@ -116,7 +116,7 @@ const b = () => {
     },
     [
       n,
-      u,
+      g,
       t,
       e,
       r,
@@ -124,7 +124,7 @@ const b = () => {
       a
     ]
   );
-  return [V, g];
+  return [V, u];
 };
 export {
   x as a,