@ynput/ayon-frontend-shared 0.7.6 → 0.8.0

package/dist/hooks.es.js

@@ -1,17 +1,17 @@
-import { d as P, b as x } from "./chunks/TableExportContextInstance.es.js";
-import { r as ve, q as Ie, s as be, p as Ae, w as He, v as Pe } from "./chunks/TableExportContextInstance.es.js";
-import { u as G } from "./chunks/useLoadModule.es.js";
-import { loadRemote as R } from "@module-federation/enhanced/runtime";
-import { useRef as T, useState as S, useEffect as v, useCallback as V } from "react";
-import A from "semver";
-import { f as Ge, u as Re, a as Te, b as Ve, c as ke, d as Me } from "./chunks/Watchers.es.js";
-import { u as Ne } from "./chunks/useActionTriggers.es.js";
-import { bc as k } from "./chunks/searchTerms.es.js";
-import { bA as M, cX as C } from "./chunks/getUris.es.js";
+import { c as G, b as R, a as V } from "./chunks/TableExportContextInstance.es.js";
+import { n as Ae, r as Ie, o as He, l as Pe, p as Ge, w as Re } from "./chunks/TableExportContextInstance.es.js";
+import { u as k } from "./chunks/useLoadModule.es.js";
+import { loadRemote as x } from "@module-federation/enhanced/runtime";
+import { useRef as M, useState as v, useEffect as b, useCallback as H } from "react";
+import S from "semver";
+import { k as ke, l as xe, m as Me, n as Te, o as Ce, p as Ne } from "./chunks/Watchers.es.js";
+import { u as Ke } from "./chunks/useActionTriggers.es.js";
+import { bc as T } from "./chunks/searchTerms.es.js";
+import { bB as C, cY as N } from "./chunks/getUris.es.js";
 import "primereact/confirmdialog";
 import "react/jsx-runtime";
 import "@ynput/ayon-addon/host";
-import { toast as N } from "react-toastify";
+import { toast as O } from "react-toastify";
 import "@ynput/ayon-react-components";
 import "lodash";
 import "uuid";
@@ -19,96 +19,95 @@ import "axios";
 import "./chunks/ContextMenuContextInstance.es.js";
 import "clsx";
 import "react-dom";
-import "react-redux";
 import "react-router-dom";
-import { u as Ke } from "./chunks/EntityPickerDialog.es.js";
-import { u as _e } from "./chunks/ProjectFoldersContext.es.js";
-import { u as $e } from "./chunks/useGroupedPagination.es.js";
-import { G as O } from "./chunks/GroupSettingsFallback.es.js";
-import { i as K } from "./chunks/isHTMLElement.es.js";
-import { c as qe } from "./chunks/MetaWidget.es.js";
-import { u as Fe } from "./chunks/useAttributeEnums.es.js";
-import { a as U } from "./chunks/afterStartup.es.js";
-const fe = (e, s, r) => {
-  const o = T(/* @__PURE__ */ new Set()), [f, t] = S(
+import { u as _e } from "./chunks/EntityPickerDialog.es.js";
+import { u as $e } from "./chunks/ProjectFoldersContext.es.js";
+import { u as Be } from "./chunks/useGroupedPagination.es.js";
+import { G as K } from "./chunks/GroupSettingsFallback.es.js";
+import { i as U } from "./chunks/isHTMLElement.es.js";
+import { f as Fe } from "./chunks/MetaWidget.es.js";
+import { u as qe } from "./chunks/useAttributeEnums.es.js";
+import { a as _ } from "./chunks/afterStartup.es.js";
+const me = (e, o, t) => {
+  const n = M(/* @__PURE__ */ new Set()), [u, r] = v(
     () => g(e)
-  ), [n, m] = S(s.length > 0 && !r);
-  v(() => {
-    r || (console.log("resetting processedModules"), o.current = /* @__PURE__ */ new Set(), t(g(e)));
-  }, [JSON.stringify(e), r]);
-  const i = async (u, c, d, h, l) => {
+  ), [s, m] = v(o.length > 0 && !t);
+  b(() => {
+    t || (console.log("resetting processedModules"), n.current = /* @__PURE__ */ new Set(), r(g(e)));
+  }, [JSON.stringify(e), t]);
+  const i = async (d, l, c, h, f) => {
     try {
-      const a = await R(`${u}/${c}`, {
+      const a = await x(`${d}/${l}`, {
         from: "runtime"
       });
-      p(d, u, c, a?.default || h, l);
+      p(c, d, l, a?.default || h, f);
     } catch (a) {
-      throw console.error("Error loading remote module", u, c, a), a;
+      throw console.error("Error loading remote module", d, l, a), a;
     }
   };
-  v(() => {
-    if (r) {
+  b(() => {
+    if (t) {
       m(!1);
       return;
     }
-    f.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 (e.forEach((d, h) => {
-      const { addon: l, remote: a, module: y, fallback: L, minVersion: E } = d;
-      if (!l || !a || !y) {
-        console.log("Invalid module spec", d);
+    u.every((c) => !c[1].isLoaded) && n.current.size > 0 && (console.log("resetting processedModules - results were reset"), n.current = /* @__PURE__ */ new Set()), console.log("loading modules");
+    const l = [];
+    if (e.forEach((c, h) => {
+      const { addon: f, remote: a, module: y, fallback: L, minVersion: E } = c;
+      if (!f || !a || !y) {
+        console.log("Invalid module spec", c);
         return;
       }
-      const I = `${l}/${a}/${y}`;
-      if (o.current.has(I)) {
-        console.log("skipping already processed module", I);
+      const A = `${f}/${a}/${y}`;
+      if (n.current.has(A)) {
+        console.log("skipping already processed module", A);
         return;
       }
-      if (f[h]?.[1]?.isLoaded) {
-        o.current.add(I);
+      if (u[h]?.[1]?.isLoaded) {
+        n.current.add(A);
         return;
       }
-      o.current.add(I);
-      const b = s.find((H) => H.addonName === l);
-      if (!b) {
-        console.log("Addon not found", { addon: l, remote: a, module: y });
+      n.current.add(A);
+      const I = o.find((P) => P.addonName === f);
+      if (!I) {
+        console.log("Addon not found", { addon: f, remote: a, module: y });
         return;
       }
-      if (E && !A.gte(b.addonVersion, E)) {
+      if (E && !S.gte(I.addonVersion, E)) {
         w(
           h,
-          l,
+          f,
           a,
           y,
           L,
           E,
-          b.addonVersion
+          I.addonVersion
         );
         return;
       }
-      if (!b.modules[a]) {
-        console.log("Module not found", { addon: l, remote: a, module: y });
+      if (!I.modules[a]) {
+        console.log("Module not found", { addon: f, remote: a, module: y });
         return;
       }
-      c.push(i(a, y, l, L, E));
-    }), !c.length) {
+      l.push(i(a, y, f, L, E));
+    }), !l.length) {
       m(!1);
       return;
     }
-    m(!0), Promise.all(c).then(() => {
+    m(!0), Promise.all(l).then(() => {
       m(!1);
-    }).catch((d) => {
-      console.error("Error loading modules", d), m(!1);
+    }).catch((c) => {
+      console.error("Error loading modules", c), m(!1);
     });
-  }, [r, s, JSON.stringify(e), f]);
-  function g(u) {
-    return u.map(
-      ({ addon: c = "", remote: d = "", module: h = "", fallback: l, minVersion: a }) => [
-        l,
+  }, [t, o, JSON.stringify(e), u]);
+  function g(d) {
+    return d.map(
+      ({ addon: l = "", remote: c = "", module: h = "", fallback: f, minVersion: a }) => [
+        f,
         {
           isLoaded: !1,
-          addon: c,
-          remote: d,
+          addon: l,
+          remote: c,
           module: h,
           minVersion: a,
           outdated: void 0
@@ -116,15 +115,15 @@ const fe = (e, s, r) => {
       ]
     );
   }
-  function w(u, c, d, h, l, a, y) {
-    t((L) => {
+  function w(d, l, c, h, f, a, y) {
+    r((L) => {
       const E = [...L];
-      return u >= 0 && u < E.length && (E[u] = [
-        l,
+      return d >= 0 && d < E.length && (E[d] = [
+        f,
         {
           isLoaded: !1,
-          addon: c,
-          remote: d,
+          addon: l,
+          remote: c,
           module: h,
           minVersion: a,
           outdated: {
@@ -135,169 +134,192 @@ const fe = (e, s, r) => {
       ]), E;
     });
   }
-  function p(u, c, d, h, l) {
-    t((a) => {
+  function p(d, l, c, h, f) {
+    r((a) => {
       const y = [...a], L = e.findIndex(
-        (E) => E.addon === u && E.remote === c && E.module === d
+        (E) => E.addon === d && E.remote === l && E.module === c
       );
       return L >= 0 && L < y.length && (y[L] = [
         h,
         {
           isLoaded: !0,
-          addon: u,
-          remote: c,
-          module: d,
-          minVersion: l,
+          addon: d,
+          remote: l,
+          module: c,
+          minVersion: f,
           outdated: void 0
         }
       ]), y;
     });
   }
-  return { modules: f, isLoading: n };
-}, me = ({ selectors: e = [], init: s }) => {
-  const { user: r } = P(), { data: { frontendPreferences: o = {} } = {} } = r || {}, f = e.filter((i) => i != null).map((i) => i.replace(/\s/g, ""));
-  let t = o;
-  for (const i of f)
-    t = t?.[i];
-  t = t || s || {};
-  const [n] = k();
-  return [t, async (i) => {
+  return { modules: u, isLoading: s };
+}, ge = ({ selectors: e = [], init: o }) => {
+  const { user: t } = G(), { data: { frontendPreferences: n = {} } = {} } = t || {}, u = e.filter((i) => i != null).map((i) => i.replace(/\s/g, ""));
+  let r = n;
+  for (const i of u)
+    r = r?.[i];
+  r = r || o || {};
+  const [s] = T();
+  return [r, async (i) => {
     try {
-      if (!r?.name) throw { data: { detail: "User not found" } };
-      let g = { ...o };
-      const w = (p, u, c) => {
-        if (u.length === 0) return { ...p, ...c };
-        const [d, ...h] = u, l = p?.[d] || {};
+      if (!t?.name) throw { data: { detail: "User not found" } };
+      let g = { ...n };
+      const w = (p, d, l) => {
+        if (d.length === 0) return { ...p, ...l };
+        const [c, ...h] = d, f = p?.[c] || {};
         return {
           ...p,
-          [d]: w(l, h, c)
+          [c]: w(f, h, l)
         };
       };
-      g = w(g, f, i), await n({
-        userName: r.name,
+      g = w(g, u, i), await s({
+        userName: t.name,
         patchData: g,
         // @ts-expect-error - disableInvalidations is not in the api
         disableInvalidations: !0
       }).unwrap();
     } catch (g) {
-      console.error(g), N.error(g.data?.detail);
+      console.error(g), O.error(g.data?.detail);
     }
   }, { isSuccess: !0 }];
-}, ge = ({ groupBy: e, projectName: s, entityType: r }) => {
-  e?.id === "taskType" && (r = "task");
-  const o = e?.id || "", { data: { groups: f = [] } = {}, error: t } = M(
-    { projectName: s, entityType: r, groupingKey: o, empty: !0 },
+}, pe = ({ groupBy: e, projectName: o, entityType: t }) => {
+  e?.id === "taskType" && (t = "task");
+  const n = e?.id || "", { data: { groups: u = [] } = {}, error: r } = C(
+    { projectName: o, entityType: t, groupingKey: n, empty: !0 },
     { skip: !e?.id }
   );
   return {
-    groups: f,
-    error: t
+    groups: u,
+    error: r
   };
-}, pe = () => {
-  const { powerLicense: e } = x(), [s, { outdated: r, isLoading: o }] = G({
+}, he = () => {
+  const { powerLicense: e } = R(), [o, { outdated: t, isLoading: n }] = k({
     addon: "powerpack",
     remote: "slicer",
     module: "GroupSettings",
-    fallback: O,
+    fallback: K,
     minVersion: "1.1.1-dev",
     skip: !e
     // skip loading if powerpack license is not available
   });
   return {
-    GroupSettings: s,
-    requiredVersion: r?.required,
-    isLoading: o
+    GroupSettings: o,
+    requiredVersion: t?.required,
+    isLoading: n
   };
-}, _ = ["w", "s"];
-function he({
+}, W = ["w", "s"];
+function ye({
   reviewables: e,
-  selected: s,
-  onChange: r,
-  onNavigate: o,
-  enabled: f = !0
+  selected: o,
+  onChange: t,
+  onNavigate: n,
+  enabled: u = !0
 }) {
-  v(() => {
-    if (!f || e.length <= 1) return;
-    const t = (n) => {
-      const m = n.key.length === 1 ? n.key.toLowerCase() : n.key;
-      if (!_.includes(m) || n.metaKey || n.ctrlKey || n.altKey || K(n.target) && (n.target.tagName === "INPUT" || n.target.tagName === "TEXTAREA" || n.target.isContentEditable))
+  b(() => {
+    if (!u || e.length <= 1) return;
+    const r = (s) => {
+      const m = s.key.length === 1 ? s.key.toLowerCase() : s.key;
+      if (!W.includes(m) || s.metaKey || s.ctrlKey || s.altKey || U(s.target) && (s.target.tagName === "INPUT" || s.target.tagName === "TEXTAREA" || s.target.isContentEditable))
         return;
-      const w = e.findIndex(({ fileId: u }) => s.includes(u)) + (m === "w" ? -1 : 1), p = e[w < 0 ? e.length - 1 : w % e.length];
-      p && (r?.(p.fileId), o?.(p));
+      const w = e.findIndex(({ fileId: d }) => o.includes(d)) + (m === "w" ? -1 : 1), p = e[w < 0 ? e.length - 1 : w % e.length];
+      p && (t?.(p.fileId), n?.(p));
     };
-    return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
-  }, [f, e, s, r, o]);
+    return window.addEventListener("keydown", r), () => window.removeEventListener("keydown", r);
+  }, [u, e, o, t, n]);
 }
-const W = 4, $ = 0.3;
-function ye({
+const $ = 4, j = 0.3;
+function Ee({
   containerRef: e,
-  toolsRef: s,
-  reviewablesCount: r
+  toolsRef: o,
+  reviewablesCount: t
 }) {
-  const [o, f] = S(0), [t, n] = S(0);
-  return console.log("containerHeight:", o, "toolsHeight:", t), v(() => {
-    const i = e.current, g = s.current;
+  const [n, u] = v(0), [r, s] = v(0);
+  return console.log("containerHeight:", n, "toolsHeight:", r), b(() => {
+    const i = e.current, g = o.current;
     if (!i) return;
     const w = () => {
-      f(i.clientHeight), n(g?.offsetHeight ?? 0);
+      u(i.clientHeight), s(g?.offsetHeight ?? 0);
     };
     w();
     const p = new ResizeObserver(w);
     return p.observe(i), g && p.observe(g), () => p.disconnect();
-  }, [e, s]), r <= W || !o || !t ? "column" : o - t < o * $ ? "row" : "column";
+  }, [e, o]), t <= $ || !n || !r ? "column" : n - r < n * j ? "row" : "column";
 }
-const Ee = () => {
-  const { data: e, isLoading: s, isError: r } = C({});
+const we = () => {
+  const { data: e, isLoading: o, isError: t } = N({});
   return {
-    getProductionAddon: V(
-      (f, t) => {
+    getProductionAddon: H(
+      (u, r) => {
         if (!e?.addons) return;
-        const n = e.addons.find((i) => i.name === f), m = n?.productionVersion;
-        if (!(!n || !m) && !(t?.version && m !== t.version)) {
-          if (t?.minVersion)
+        const s = e.addons.find((i) => i.name === u), m = s?.productionVersion;
+        if (!(!s || !m) && !(r?.version && m !== r.version)) {
+          if (r?.minVersion)
             try {
-              if (!(A.gte(m, t.minVersion) || A.gte(A.coerce(m) || "0.0.0", t.minVersion))) return;
+              if (!(S.gte(m, r.minVersion) || S.gte(S.coerce(m) || "0.0.0", r.minVersion))) return;
             } catch {
               return;
             }
-          return n;
+          return s;
         }
       },
       [e]
     ),
-    isLoading: s,
-    isError: r
+    isLoading: o,
+    isError: t
+  };
+}, B = (e, { version: o, minVersion: t } = {}) => {
+  if (o && e !== o) return !1;
+  if (!t) return !0;
+  try {
+    return S.gte(e, t) || S.gte(S.coerce(e) || "0.0.0", t);
+  } catch {
+    return !1;
+  }
+}, Le = () => {
+  const { bundle: e } = V(), o = H(
+    (n, u) => {
+      const r = e?.versions[n];
+      if (!(!r || !B(r, u)))
+        return r;
+    },
+    [e]
+  ), t = e?.variant ?? "production";
+  return {
+    getBundleAddonVersion: o,
+    bundleVariant: t,
+    isLoading: !e
   };
-}, we = (e) => {
-  const [s, r] = S(!1);
-  return v(() => U(() => r(!0), e), [e]), s;
+}, Se = (e) => {
+  const [o, t] = v(!1);
+  return b(() => _(() => t(!0), e), [e]), o;
 };
 export {
-  Ge as filterProjectStatuses,
-  ve as readLocalStorage,
+  ke as filterProjectStatuses,
+  Ae as readLocalStorage,
   Ie as readSessionStorage,
-  Ne as useActionTriggers,
-  we as useAfterStartup,
-  Re as useAttributeEnumOptions,
-  Fe as useAttributeEnums,
-  qe as useEditProjectTags,
-  Te as useEntityUpdate,
-  Ve as useFetchAttributeEnumOptions,
-  ge as useGetEntityGroups,
-  Ee as useGetProductionAddon,
-  pe as useGroupByRemoteModules,
-  $e as useGroupedPagination,
-  Ke as useHierarchyTable,
-  G as useLoadModule,
-  fe as useLoadModules,
-  be as useLocalStorage,
-  _e as useQueryArgumentChangeLoading,
-  he as useReviewablesKeyboardNavigation,
-  ye as useReviewablesLayout,
-  ke as useScopedStatuses,
-  Me as useScopedTypes,
-  Ae as useSessionStorage,
-  me as useUserProjectConfig,
-  He as writeLocalStorage,
-  Pe as writeSessionStorage
+  Ke as useActionTriggers,
+  Se as useAfterStartup,
+  xe as useAttributeEnumOptions,
+  qe as useAttributeEnums,
+  Fe as useEditProjectTags,
+  Me as useEntityUpdate,
+  Te as useFetchAttributeEnumOptions,
+  Le as useGetBundleAddon,
+  pe as useGetEntityGroups,
+  we as useGetProductionAddon,
+  he as useGroupByRemoteModules,
+  Be as useGroupedPagination,
+  _e as useHierarchyTable,
+  k as useLoadModule,
+  me as useLoadModules,
+  He as useLocalStorage,
+  $e as useQueryArgumentChangeLoading,
+  ye as useReviewablesKeyboardNavigation,
+  Ee as useReviewablesLayout,
+  Ce as useScopedStatuses,
+  Ne as useScopedTypes,
+  Pe as useSessionStorage,
+  ge as useUserProjectConfig,
+  Ge as writeLocalStorage,
+  Re as writeSessionStorage
 };

package/dist/index.es.js

@@ -8,7 +8,7 @@ import "./chunks/SimpleForm.es.js";
 import "./chunks/MetaWidget.es.js";
 import "react-dom";
 import "date-fns";
-import { U as $ } from "./chunks/PlayableIcon.es.js";
+import { U as $ } from "./chunks/FilmstripEntityCard.es.js";
 import { u as or } from "./chunks/TableExportContextInstance.es.js";
 import "lodash";
 import "primereact/confirmdialog";
@@ -33,7 +33,6 @@ import "@ynput/ayon-addon/host";
 import "semver";
 import "./chunks/ContextMenuContextInstance.es.js";
 import { M as tr } from "./chunks/MenuContext.es.js";
-import "react-redux";
 import "react-router-dom";
 import { E as ir } from "./chunks/EmptyPlaceholder.es.js";
 import "./chunks/EmptyPlaceholderFlex.styled.es.js";
@@ -46,6 +45,7 @@ import "./chunks/EntityTooltip.es.js";
 import "./chunks/addonColumnTags.es.js";
 import "@ynput/ayon-addon";
 import "@tanstack/react-table";
+import "react-redux";
 import "./chunks/EntityPickerDialog.es.js";
 import "remark-gfm";
 import "react-markdown";

package/dist/types/Actions.d.ts

@@ -3,15 +3,17 @@ import { JSX as JSX_2 } from 'react/jsx-runtime';
 
 declare type ActionContext = {
     /** The name of the project. If not provided, use global actions, the rest of the fields are ignored. */
-    projectName?: string;
+    projectName?: string | null;
     /** The type of the entity. Either a project level entity, 'list' or 'project' for project-wide actions. or None for global actions. */
-    entityType?: 'project' | 'list' | 'folder' | 'task' | 'product' | 'version' | 'representation' | 'workfile';
+    entityType?: ('project' | 'list' | 'folder' | 'task' | 'product' | 'version' | 'representation' | 'workfile') | null;
     /** List of subtypes present in the entity list */
-    entitySubtypes?: string[];
+    entitySubtypes?: string[] | null;
     /** The IDs of the entities */
-    entityIds?: string[];
+    entityIds?: string[] | null;
     /** The data from the form */
-    formData?: object;
+    formData?: {
+        [key: string]: any;
+    } | null;
 };
 
 export declare const Actions: ({ entities, entityType, entitySubTypes, isLoadingEntity, projectActionsProjectName, searchParams, featuredCount, bundleMode, onNavigate, onSetSearchParams, align, pt, }: ActionsProps) => JSX_2.Element;
@@ -66,11 +68,11 @@ declare type BundleMode_2 = 'production' | 'staging' | 'developer';
 declare type IconModel = {
     type?: 'material-symbols' | 'url';
     /** The name of the icon (for type material-symbols) */
-    name?: string;
+    name?: string | null;
     /** The color of the icon (for type material-symbols) */
-    color?: string;
+    color?: string | null;
     /** The URL of the icon (for type url) */
-    url?: string;
+    url?: string | null;
 };
 
 export { }