@ynput/ayon-frontend-shared 0.6.6 → 0.6.8

package/dist/hooks.es.js

@@ -1,26 +1,26 @@
-import { d as V, a as G } from "./chunks/DeleteEntitiesContextInstance.es.js";
-import { r as te, o as ee, p as re, q as oe, w as ne, s as se } from "./chunks/DeleteEntitiesContextInstance.es.js";
-import { u as C } from "./chunks/useLoadModule.es.js";
-import { loadRemote as M } from "@module-federation/enhanced/runtime";
-import { useRef as N, useState as k, useEffect as v, useCallback as R } from "react";
-import b from "semver";
-import { f as ae, u as de, a as ue, b as ce, c as le, d as me } from "./chunks/Watchers.es.js";
-import { u as pe } from "./chunks/useActionTriggers.es.js";
-import { b2 as T } from "./chunks/searchTerms.es.js";
-import { bw as K, cQ as U } from "./chunks/getUris.es.js";
+import { d as k, a as R } from "./chunks/DeleteEntitiesContextInstance.es.js";
+import { q as ie, r as ae, s as ue, p as de, v as ce, w as le } from "./chunks/DeleteEntitiesContextInstance.es.js";
+import { u as T } from "./chunks/useLoadModule.es.js";
+import { loadRemote as V } from "@module-federation/enhanced/runtime";
+import { useRef as G, useState as S, useEffect as v, useCallback as M } from "react";
+import A from "semver";
+import { k as fe, l as pe, m as ge, n as he, o as ye, p as we } from "./chunks/Watchers.es.js";
+import { u as Le } from "./chunks/useActionTriggers.es.js";
+import { b3 as C } from "./chunks/searchTerms.es.js";
+import { bw as N, cR as O } from "./chunks/getUris.es.js";
 import "primereact/confirmdialog";
-import { jsx as P, jsxs as j } from "react/jsx-runtime";
+import { jsx as x, jsxs as K } from "react/jsx-runtime";
+import { toast as U } from "react-toastify";
+import { Button as _, Icon as j } from "@ynput/ayon-react-components";
 import "lodash";
-import { toast as F } from "react-toastify";
 import "uuid";
-import { Button as O, Icon as $ } from "@ynput/ayon-react-components";
 import "./chunks/ContextMenuContextInstance.es.js";
 import "clsx";
 import "react-dom";
 import "react-redux";
-import { u as ye } from "./chunks/EntityPickerDialog.es.js";
-import { u as we } from "./chunks/useQueryArgumentChangeLoading.es.js";
-import { u as Se } from "./chunks/useGroupedPagination.es.js";
+import { u as ve } from "./chunks/EntityPickerDialog.es.js";
+import { u as Ie } from "./chunks/useQueryArgumentChangeLoading.es.js";
+import { u as xe } from "./chunks/useGroupedPagination.es.js";
 import "./chunks/ReviewablesSelector.es.js";
 import "match-sorter";
 import "./chunks/SimpleForm.es.js";
@@ -48,30 +48,31 @@ import "./chunks/VersionUploadContextInstance.es.js";
 import "./chunks/EntityTooltip.es.js";
 import "./chunks/ColumnDropIndicator.styled.es.js";
 import "@tanstack/react-table";
-import { T as Q } from "./chunks/TableSettingsFallback.es.js";
+import { T as F } from "./chunks/TableSettingsFallback.es.js";
 import "react-router-dom";
 import "./chunks/Slicer.es.js";
 import "primereact/splitter";
 import "./chunks/ThumbnailSimple.es.js";
 import "./chunks/MenuItem.es.js";
-import A from "styled-components";
-import { i as q } from "./chunks/isHTMLElement.es.js";
-import { u as Ee } from "./chunks/useAttributeEnums.es.js";
-const Ht = (t, c, e) => {
-  const a = N(/* @__PURE__ */ new Set()), [m, r] = k(
-    () => h(t)
-  ), [n, f] = k(c.length > 0 && !e);
+import H from "styled-components";
+import { i as W } from "./chunks/isHTMLElement.es.js";
+import { u as Pe } from "./chunks/useAttributeEnums.es.js";
+import { a as $ } from "./chunks/afterStartup.es.js";
+const Jt = (t, n, e) => {
+  const o = G(/* @__PURE__ */ new Set()), [m, r] = S(
+    () => p(t)
+  ), [s, f] = S(n.length > 0 && !e);
   v(() => {
-    e || (console.log("resetting processedModules"), a.current = /* @__PURE__ */ new Set(), r(h(t)));
+    e || (console.log("resetting processedModules"), o.current = /* @__PURE__ */ new Set(), r(p(t)));
   }, [JSON.stringify(t), e]);
-  const l = async (s, d, i, p, u) => {
+  const i = async (u, c, d, h, l) => {
     try {
-      const o = await M(`${s}/${d}`, {
+      const a = await V(`${u}/${c}`, {
         from: "runtime"
       });
-      w(i, s, d, o?.default || p, u);
-    } catch (o) {
-      throw console.error("Error loading remote module", s, d, o), o;
+      g(d, u, c, a?.default || h, l);
+    } catch (a) {
+      throw console.error("Error loading remote module", u, c, a), a;
     }
   };
   v(() => {
@@ -79,243 +80,266 @@ const Ht = (t, c, e) => {
       f(!1);
       return;
     }
-    m.every((i) => !i[1].isLoaded) && a.current.size > 0 && (console.log("resetting processedModules - results were reset"), a.current = /* @__PURE__ */ new Set()), console.log("loading modules");
-    const d = [];
-    if (t.forEach((i, p) => {
-      const { addon: u, remote: o, module: g, fallback: L, minVersion: y } = i;
-      if (!u || !o || !g) {
-        console.log("Invalid module spec", i);
+    m.every((d) => !d[1].isLoaded) && o.current.size > 0 && (console.log("resetting processedModules - results were reset"), o.current = /* @__PURE__ */ new Set()), console.log("loading modules");
+    const c = [];
+    if (t.forEach((d, h) => {
+      const { addon: l, remote: a, module: y, fallback: L, minVersion: w } = d;
+      if (!l || !a || !y) {
+        console.log("Invalid module spec", d);
         return;
       }
-      const x = `${u}/${o}/${g}`;
-      if (a.current.has(x)) {
-        console.log("skipping already processed module", x);
+      const b = `${l}/${a}/${y}`;
+      if (o.current.has(b)) {
+        console.log("skipping already processed module", b);
         return;
       }
-      if (m[p]?.[1]?.isLoaded) {
-        a.current.add(x);
+      if (m[h]?.[1]?.isLoaded) {
+        o.current.add(b);
         return;
       }
-      a.current.add(x);
-      const E = c.find((I) => I.addonName === u);
-      if (!E) {
-        console.log("Addon not found", { addon: u, remote: o, module: g });
+      o.current.add(b);
+      const I = n.find((P) => P.addonName === l);
+      if (!I) {
+        console.log("Addon not found", { addon: l, remote: a, module: y });
         return;
       }
-      if (y && !b.gte(E.addonVersion, y)) {
-        S(
-          p,
-          u,
-          o,
-          g,
-          L,
+      if (w && !A.gte(I.addonVersion, w)) {
+        E(
+          h,
+          l,
+          a,
           y,
-          E.addonVersion
+          L,
+          w,
+          I.addonVersion
         );
         return;
       }
-      if (!E.modules[o]) {
-        console.log("Module not found", { addon: u, remote: o, module: g });
+      if (!I.modules[a]) {
+        console.log("Module not found", { addon: l, remote: a, module: y });
         return;
       }
-      d.push(l(o, g, u, L, y));
-    }), !d.length) {
+      c.push(i(a, y, l, L, w));
+    }), !c.length) {
       f(!1);
       return;
     }
-    f(!0), Promise.all(d).then(() => {
+    f(!0), Promise.all(c).then(() => {
       f(!1);
-    }).catch((i) => {
-      console.error("Error loading modules", i), f(!1);
+    }).catch((d) => {
+      console.error("Error loading modules", d), f(!1);
     });
-  }, [e, c, JSON.stringify(t), m]);
-  function h(s) {
-    return s.map(
-      ({ addon: d = "", remote: i = "", module: p = "", fallback: u, minVersion: o }) => [
-        u,
+  }, [e, n, JSON.stringify(t), m]);
+  function p(u) {
+    return u.map(
+      ({ addon: c = "", remote: d = "", module: h = "", fallback: l, minVersion: a }) => [
+        l,
         {
           isLoaded: !1,
-          addon: d,
-          remote: i,
-          module: p,
-          minVersion: o,
+          addon: c,
+          remote: d,
+          module: h,
+          minVersion: a,
           outdated: void 0
         }
       ]
     );
   }
-  function S(s, d, i, p, u, o, g) {
+  function E(u, c, d, h, l, a, y) {
     r((L) => {
-      const y = [...L];
-      return s >= 0 && s < y.length && (y[s] = [
-        u,
+      const w = [...L];
+      return u >= 0 && u < w.length && (w[u] = [
+        l,
         {
           isLoaded: !1,
-          addon: d,
-          remote: i,
-          module: p,
-          minVersion: o,
+          addon: c,
+          remote: d,
+          module: h,
+          minVersion: a,
           outdated: {
-            current: g,
-            required: o
+            current: y,
+            required: a
           }
         }
-      ]), y;
+      ]), w;
     });
   }
-  function w(s, d, i, p, u) {
-    r((o) => {
-      const g = [...o], L = t.findIndex(
-        (y) => y.addon === s && y.remote === d && y.module === i
+  function g(u, c, d, h, l) {
+    r((a) => {
+      const y = [...a], L = t.findIndex(
+        (w) => w.addon === u && w.remote === c && w.module === d
       );
-      return L >= 0 && L < g.length && (g[L] = [
-        p,
+      return L >= 0 && L < y.length && (y[L] = [
+        h,
         {
           isLoaded: !0,
-          addon: s,
-          remote: d,
-          module: i,
-          minVersion: u,
+          addon: u,
+          remote: c,
+          module: d,
+          minVersion: l,
           outdated: void 0
         }
-      ]), g;
+      ]), y;
     });
   }
-  return { modules: m, isLoading: n };
-}, Jt = ({ selectors: t = [], init: c }) => {
-  const { user: e } = V(), { data: { frontendPreferences: a = {} } = {} } = e || {}, m = t.filter((l) => l != null).map((l) => l.replace(/\s/g, ""));
-  let r = a;
-  for (const l of m)
-    r = r?.[l];
-  r = r || c || {};
-  const [n] = T();
-  return [r, async (l) => {
+  return { modules: m, isLoading: s };
+}, Xt = ({ selectors: t = [], init: n }) => {
+  const { user: e } = k(), { data: { frontendPreferences: o = {} } = {} } = e || {}, m = t.filter((i) => i != null).map((i) => i.replace(/\s/g, ""));
+  let r = o;
+  for (const i of m)
+    r = r?.[i];
+  r = r || n || {};
+  const [s] = C();
+  return [r, async (i) => {
     try {
       if (!e?.name) throw { data: { detail: "User not found" } };
-      let h = { ...a };
-      const S = (w, s, d) => {
-        if (s.length === 0) return { ...w, ...d };
-        const [i, ...p] = s, u = w?.[i] || {};
+      let p = { ...o };
+      const E = (g, u, c) => {
+        if (u.length === 0) return { ...g, ...c };
+        const [d, ...h] = u, l = g?.[d] || {};
         return {
-          ...w,
-          [i]: S(u, p, d)
+          ...g,
+          [d]: E(l, h, c)
         };
       };
-      h = S(h, m, l), await n({
+      p = E(p, m, i), await s({
         userName: e.name,
-        patchData: h,
+        patchData: p,
         // @ts-expect-error - disableInvalidations is not in the api
         disableInvalidations: !0
       }).unwrap();
-    } catch (h) {
-      console.error(h), F.error(h.data?.detail);
+    } catch (p) {
+      console.error(p), U.error(p.data?.detail);
     }
   }, { isSuccess: !0 }];
-}, Wt = ({ groupBy: t, projectName: c, entityType: e }) => {
+}, Yt = ({ groupBy: t, projectName: n, entityType: e }) => {
   t?.id === "taskType" && (e = "task");
-  const a = t?.id || "", { data: { groups: m = [] } = {}, error: r } = K(
-    { projectName: c, entityType: e, groupingKey: a, empty: !0 },
+  const o = t?.id || "", { data: { groups: m = [] } = {}, error: r } = N(
+    { projectName: n, entityType: e, groupingKey: o, empty: !0 },
     { skip: !t?.id }
   );
   return {
     groups: m,
     error: r
   };
-}, z = A.li`
+}, q = H.li`
   display: flex;
   align-items: center;
   padding: 0;
   margin: 0;
-`, D = A(O)`
+`, z = H(_)`
   width: 100%;
   justify-content: start;
-`, H = ({
+`, B = ({
   requiredVersion: t,
-  fields: c
-}) => /* @__PURE__ */ P(Q, { feature: "groupAttributes", requiredVersion: t, children: c.map((e) => /* @__PURE__ */ P(z, { children: /* @__PURE__ */ j(D, { variant: "text", icon: e.icon, children: [
+  fields: n
+}) => /* @__PURE__ */ x(F, { feature: "groupAttributes", requiredVersion: t, children: n.map((e) => /* @__PURE__ */ x(q, { children: /* @__PURE__ */ K(z, { variant: "text", icon: e.icon, children: [
   e.label,
-  /* @__PURE__ */ P($, { icon: "bolt", style: { marginLeft: "auto" } })
-] }) }, e.value)) }), Bt = () => {
-  const { powerLicense: t } = G(), [c, { outdated: e, isLoading: a }] = C({
+  /* @__PURE__ */ x(j, { icon: "bolt", style: { marginLeft: "auto" } })
+] }) }, e.value)) }), Zt = () => {
+  const { powerLicense: t } = R(), [n, { outdated: e, isLoading: o }] = T({
     addon: "powerpack",
     remote: "slicer",
     module: "GroupSettings",
-    fallback: H,
+    fallback: B,
     minVersion: "1.1.1-dev",
     skip: !t
     // skip loading if powerpack license is not available
   });
   return {
-    GroupSettings: c,
+    GroupSettings: n,
     requiredVersion: e?.required,
-    isLoading: a
+    isLoading: o
   };
-}, J = ["w", "s"];
-function Xt({
+}, Q = ["w", "s"];
+function te({
   reviewables: t,
-  selected: c,
+  selected: n,
   onChange: e,
-  onNavigate: a,
+  onNavigate: o,
   enabled: m = !0
 }) {
   v(() => {
     if (!m || t.length <= 1) return;
-    const r = (n) => {
-      const f = n.key.length === 1 ? n.key.toLowerCase() : n.key;
-      if (!J.includes(f) || n.metaKey || n.ctrlKey || n.altKey || q(n.target) && (n.target.tagName === "INPUT" || n.target.tagName === "TEXTAREA" || n.target.isContentEditable))
+    const r = (s) => {
+      const f = s.key.length === 1 ? s.key.toLowerCase() : s.key;
+      if (!Q.includes(f) || s.metaKey || s.ctrlKey || s.altKey || W(s.target) && (s.target.tagName === "INPUT" || s.target.tagName === "TEXTAREA" || s.target.isContentEditable))
         return;
-      const S = t.findIndex(({ fileId: s }) => c.includes(s)) + (f === "w" ? -1 : 1), w = t[S < 0 ? t.length - 1 : S % t.length];
-      w && (e?.(w.fileId), a?.(w));
+      const E = t.findIndex(({ fileId: u }) => n.includes(u)) + (f === "w" ? -1 : 1), g = t[E < 0 ? t.length - 1 : E % t.length];
+      g && (e?.(g.fileId), o?.(g));
     };
     return window.addEventListener("keydown", r), () => window.removeEventListener("keydown", r);
-  }, [m, t, c, e, a]);
+  }, [m, t, n, e, o]);
+}
+const D = 4, J = 0.3;
+function ee({
+  containerRef: t,
+  toolsRef: n,
+  reviewablesCount: e
+}) {
+  const [o, m] = S(0), [r, s] = S(0);
+  return console.log("containerHeight:", o, "toolsHeight:", r), v(() => {
+    const i = t.current, p = n.current;
+    if (!i) return;
+    const E = () => {
+      m(i.clientHeight), s(p?.offsetHeight ?? 0);
+    };
+    E();
+    const g = new ResizeObserver(E);
+    return g.observe(i), p && g.observe(p), () => g.disconnect();
+  }, [t, n]), e <= D || !o || !r ? "column" : o - r < o * J ? "row" : "column";
 }
-const Yt = () => {
-  const { data: t, isLoading: c, isError: e } = U({});
+const re = () => {
+  const { data: t, isLoading: n, isError: e } = O({});
   return {
-    getProductionAddon: R(
+    getProductionAddon: M(
       (m, r) => {
         if (!t?.addons) return;
-        const n = t.addons.find((l) => l.name === m), f = n?.productionVersion;
-        if (!(!n || !f) && !(r?.version && f !== r.version)) {
+        const s = t.addons.find((i) => i.name === m), f = s?.productionVersion;
+        if (!(!s || !f) && !(r?.version && f !== r.version)) {
           if (r?.minVersion)
             try {
-              if (!(b.gte(f, r.minVersion) || b.gte(b.coerce(f) || "0.0.0", r.minVersion))) return;
+              if (!(A.gte(f, r.minVersion) || A.gte(A.coerce(f) || "0.0.0", r.minVersion))) return;
             } catch {
               return;
             }
-          return n;
+          return s;
         }
       },
       [t]
     ),
-    isLoading: c,
+    isLoading: n,
     isError: e
   };
+}, oe = (t) => {
+  const [n, e] = S(!1);
+  return v(() => $(() => e(!0), t), [t]), n;
 };
 export {
-  ae as filterProjectStatuses,
-  te as readLocalStorage,
-  ee as readSessionStorage,
-  pe as useActionTriggers,
-  de as useAttributeEnumOptions,
-  Ee as useAttributeEnums,
-  ue as useEntityUpdate,
-  ce as useFetchAttributeEnumOptions,
-  Wt as useGetEntityGroups,
-  Yt as useGetProductionAddon,
-  Bt as useGroupByRemoteModules,
-  Se as useGroupedPagination,
-  ye as useHierarchyTable,
-  C as useLoadModule,
-  Ht as useLoadModules,
-  re as useLocalStorage,
-  we as useQueryArgumentChangeLoading,
-  Xt as useReviewablesKeyboardNavigation,
-  le as useScopedStatuses,
-  me as useScopedTypes,
-  oe as useSessionStorage,
-  Jt as useUserProjectConfig,
-  ne as writeLocalStorage,
-  se as writeSessionStorage
+  fe as filterProjectStatuses,
+  ie as readLocalStorage,
+  ae as readSessionStorage,
+  Le as useActionTriggers,
+  oe as useAfterStartup,
+  pe as useAttributeEnumOptions,
+  Pe as useAttributeEnums,
+  ge as useEntityUpdate,
+  he as useFetchAttributeEnumOptions,
+  Yt as useGetEntityGroups,
+  re as useGetProductionAddon,
+  Zt as useGroupByRemoteModules,
+  xe as useGroupedPagination,
+  ve as useHierarchyTable,
+  T as useLoadModule,
+  Jt as useLoadModules,
+  ue as useLocalStorage,
+  Ie as useQueryArgumentChangeLoading,
+  te as useReviewablesKeyboardNavigation,
+  ee as useReviewablesLayout,
+  ye as useScopedStatuses,
+  we as useScopedTypes,
+  de as useSessionStorage,
+  Xt as useUserProjectConfig,
+  ce as writeLocalStorage,
+  le as writeSessionStorage
 };

package/dist/types/ContextMenu.d.ts

@@ -98,6 +98,7 @@ declare type PowerpackContextType = {
     }) | null;
     powerLicense: boolean;
     isLoading: boolean;
+    storedLicense: boolean | null;
 };
 
 /** The dialog can be opened for a power feature or an addon */

package/dist/types/ProjectTreeTable.d.ts

@@ -2320,6 +2320,7 @@ declare type PowerpackContextType = {
     }) | null;
     powerLicense: boolean;
     isLoading: boolean;
+    storedLicense: boolean | null;
 };
 
 /** The dialog can be opened for a power feature or an addon */

package/dist/types/Views.d.ts

@@ -590,6 +590,17 @@ export declare const useListsViewSettings: () => ListsViewSettings;
 
 export declare const useOverviewViewSettings: ({ viewSettings, updateViewSettings }: Props_7) => Return_3;
 
+/**
+ * Subscribes to the same queries ViewsProvider loads (keep the arguments in sync with
+ * ViewsContext and useSelectedView), so they can start before the provider mounts.
+ * Pages wait for views before they load their data, e.g. the project pages render
+ * ViewsProvider only once the project has loaded.
+ */
+export declare const usePrefetchViews: ({ viewType, projectName, }: {
+    viewType?: string;
+    projectName?: string;
+}) => void;
+
 declare type UserAttribModel = {
     fullName?: string;
     email?: string;