@ynput/ayon-frontend-shared 0.7.2 → 0.7.4

package/dist/hooks.es.js

@@ -1,136 +1,107 @@
-import { d as T, a as k } from "./chunks/TableExportContextInstance.es.js";
-import { q as se, r as ie, s as ae, p as ue, v as de, w as ce } from "./chunks/TableExportContextInstance.es.js";
-import { u as R } 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 { d as P, b as x } from "./chunks/TableExportContextInstance.es.js";
+import { r as ve, p as Ie, q as be, o as Ae, w as He, s 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 { k as me, l as fe, m as pe, n as ge, o as he, p as ye } from "./chunks/Watchers.es.js";
-import { u as Ee } from "./chunks/useActionTriggers.es.js";
-import { bc as C } from "./chunks/searchTerms.es.js";
-import { bA as N, cX as O } from "./chunks/getUris.es.js";
+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 "primereact/confirmdialog";
-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 "react/jsx-runtime";
+import "@ynput/ayon-addon/host";
+import { toast as N } from "react-toastify";
+import "@ynput/ayon-react-components";
 import "lodash";
 import "uuid";
+import "axios";
 import "./chunks/ContextMenuContextInstance.es.js";
 import "clsx";
 import "react-dom";
 import "react-redux";
 import "react-router-dom";
-import { u as Se } from "./chunks/EntityPickerDialog.es.js";
-import { u as be } from "./chunks/useQueryArgumentChangeLoading.es.js";
-import { u as Ae } from "./chunks/useGroupedPagination.es.js";
-import "./chunks/ReviewablesSelector.es.js";
-import "match-sorter";
-import "./chunks/SimpleForm.es.js";
-import { f as He } from "./chunks/MetaWidget.es.js";
-import "date-fns";
-import "./chunks/PlayableIcon.es.js";
-import "./chunks/JsonViewer.es.js";
-import "lexical";
-import "@lexical/markdown";
-import "@lexical/code";
-import "@lexical/list";
-import "@lexical/rich-text";
-import "@lexical/selection";
-import "@lexical/utils";
-import "@lexical/react/LexicalBlockWithAlignableContents";
-import "@lexical/react/LexicalDecoratorBlockNode";
-import "./chunks/EmptyPlaceholder.es.js";
-import "./chunks/EmptyPlaceholderFlex.styled.es.js";
-import "./chunks/InfoMessage.es.js";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "@dnd-kit/utilities";
-import "axios";
-import "./chunks/VersionUploadContextInstance.es.js";
-import "./chunks/EntityTooltip.es.js";
-import "./chunks/ColumnDropIndicator.styled.es.js";
-import "@tanstack/react-table";
-import { T as F } from "./chunks/TableSettingsFallback.es.js";
-import "./chunks/Slicer.es.js";
-import "primereact/splitter";
-import "./chunks/ThumbnailSimple.es.js";
-import "./chunks/Menu.es.js";
-import H from "styled-components";
-import { i as W } from "./chunks/isHTMLElement.es.js";
-import { u as Te } from "./chunks/useAttributeEnums.es.js";
-import { a as $ } from "./chunks/afterStartup.es.js";
-const Xt = (t, n, e) => {
-  const o = G(/* @__PURE__ */ new Set()), [m, r] = S(
-    () => p(t)
-  ), [s, f] = S(n.length > 0 && !e);
+import { u as Ke } from "./chunks/EntityPickerDialog.es.js";
+import { u as _e } from "./chunks/useQueryArgumentChangeLoading.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(
+    () => g(e)
+  ), [n, m] = S(s.length > 0 && !r);
   v(() => {
-    e || (console.log("resetting processedModules"), o.current = /* @__PURE__ */ new Set(), r(p(t)));
-  }, [JSON.stringify(t), e]);
+    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) => {
     try {
-      const a = await V(`${u}/${c}`, {
+      const a = await R(`${u}/${c}`, {
         from: "runtime"
       });
-      g(d, u, c, a?.default || h, l);
+      p(d, u, c, a?.default || h, l);
     } catch (a) {
       throw console.error("Error loading remote module", u, c, a), a;
     }
   };
   v(() => {
-    if (e) {
-      f(!1);
+    if (r) {
+      m(!1);
       return;
     }
-    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");
+    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 (t.forEach((d, h) => {
-      const { addon: l, remote: a, module: y, fallback: L, minVersion: w } = d;
+    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);
         return;
       }
-      const b = `${l}/${a}/${y}`;
-      if (o.current.has(b)) {
-        console.log("skipping already processed module", b);
+      const I = `${l}/${a}/${y}`;
+      if (o.current.has(I)) {
+        console.log("skipping already processed module", I);
         return;
       }
-      if (m[h]?.[1]?.isLoaded) {
-        o.current.add(b);
+      if (f[h]?.[1]?.isLoaded) {
+        o.current.add(I);
         return;
       }
-      o.current.add(b);
-      const I = n.find((P) => P.addonName === l);
-      if (!I) {
+      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 });
         return;
       }
-      if (w && !A.gte(I.addonVersion, w)) {
-        E(
+      if (E && !A.gte(b.addonVersion, E)) {
+        w(
           h,
           l,
           a,
           y,
           L,
-          w,
-          I.addonVersion
+          E,
+          b.addonVersion
         );
         return;
       }
-      if (!I.modules[a]) {
+      if (!b.modules[a]) {
         console.log("Module not found", { addon: l, remote: a, module: y });
         return;
       }
-      c.push(i(a, y, l, L, w));
+      c.push(i(a, y, l, L, E));
     }), !c.length) {
-      f(!1);
+      m(!1);
       return;
     }
-    f(!0), Promise.all(c).then(() => {
-      f(!1);
+    m(!0), Promise.all(c).then(() => {
+      m(!1);
     }).catch((d) => {
-      console.error("Error loading modules", d), f(!1);
+      console.error("Error loading modules", d), m(!1);
     });
-  }, [e, n, JSON.stringify(t), m]);
-  function p(u) {
+  }, [r, s, JSON.stringify(e), f]);
+  function g(u) {
     return u.map(
       ({ addon: c = "", remote: d = "", module: h = "", fallback: l, minVersion: a }) => [
         l,
@@ -145,10 +116,10 @@ const Xt = (t, n, e) => {
       ]
     );
   }
-  function E(u, c, d, h, l, a, y) {
-    r((L) => {
-      const w = [...L];
-      return u >= 0 && u < w.length && (w[u] = [
+  function w(u, c, d, h, l, a, y) {
+    t((L) => {
+      const E = [...L];
+      return u >= 0 && u < E.length && (E[u] = [
         l,
         {
           isLoaded: !1,
@@ -161,13 +132,13 @@ const Xt = (t, n, e) => {
             required: a
           }
         }
-      ]), w;
+      ]), E;
     });
   }
-  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
+  function p(u, c, d, h, l) {
+    t((a) => {
+      const y = [...a], L = e.findIndex(
+        (E) => E.addon === u && E.remote === c && E.module === d
       );
       return L >= 0 && L < y.length && (y[L] = [
         h,
@@ -182,165 +153,151 @@ const Xt = (t, n, e) => {
       ]), y;
     });
   }
-  return { modules: m, isLoading: s };
-}, Dt = ({ selectors: t = [], init: n }) => {
-  const { user: e } = T(), { 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) => {
+  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) => {
     try {
-      if (!e?.name) throw { data: { detail: "User not found" } };
-      let p = { ...o };
-      const E = (g, u, c) => {
-        if (u.length === 0) return { ...g, ...c };
-        const [d, ...h] = u, l = g?.[d] || {};
+      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] || {};
         return {
-          ...g,
-          [d]: E(l, h, c)
+          ...p,
+          [d]: w(l, h, c)
         };
       };
-      p = E(p, m, i), await s({
-        userName: e.name,
-        patchData: p,
+      g = w(g, f, i), await n({
+        userName: r.name,
+        patchData: g,
         // @ts-expect-error - disableInvalidations is not in the api
         disableInvalidations: !0
       }).unwrap();
-    } catch (p) {
-      console.error(p), U.error(p.data?.detail);
+    } catch (g) {
+      console.error(g), N.error(g.data?.detail);
     }
   }, { isSuccess: !0 }];
-}, Jt = ({ groupBy: t, projectName: n, entityType: e }) => {
-  t?.id === "taskType" && (e = "task");
-  const o = t?.id || "", { data: { groups: m = [] } = {}, error: r } = N(
-    { projectName: n, entityType: e, groupingKey: o, empty: !0 },
-    { skip: !t?.id }
+}, 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 },
+    { skip: !e?.id }
   );
   return {
-    groups: m,
-    error: r
+    groups: f,
+    error: t
   };
-}, q = H.li`
-  display: flex;
-  align-items: center;
-  padding: 0;
-  margin: 0;
-`, z = H(_)`
-  width: 100%;
-  justify-content: start;
-`, B = ({
-  requiredVersion: t,
-  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__ */ x(j, { icon: "bolt", style: { marginLeft: "auto" } })
-] }) }, e.value)) }), Yt = () => {
-  const { powerLicense: t } = k(), [n, { outdated: e, isLoading: o }] = R({
+}, pe = () => {
+  const { powerLicense: e } = x(), [s, { outdated: r, isLoading: o }] = G({
     addon: "powerpack",
     remote: "slicer",
     module: "GroupSettings",
-    fallback: B,
+    fallback: O,
     minVersion: "1.1.1-dev",
-    skip: !t
+    skip: !e
     // skip loading if powerpack license is not available
   });
   return {
-    GroupSettings: n,
-    requiredVersion: e?.required,
+    GroupSettings: s,
+    requiredVersion: r?.required,
     isLoading: o
   };
-}, Q = ["w", "s"];
-function Zt({
-  reviewables: t,
-  selected: n,
-  onChange: e,
+}, _ = ["w", "s"];
+function he({
+  reviewables: e,
+  selected: s,
+  onChange: r,
   onNavigate: o,
-  enabled: m = !0
+  enabled: f = !0
 }) {
   v(() => {
-    if (!m || t.length <= 1) return;
-    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))
+    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))
         return;
-      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));
+      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));
     };
-    return window.addEventListener("keydown", r), () => window.removeEventListener("keydown", r);
-  }, [m, t, n, e, o]);
+    return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
+  }, [f, e, s, r, o]);
 }
-const X = 4, D = 0.3;
-function te({
-  containerRef: t,
-  toolsRef: n,
-  reviewablesCount: e
+const W = 4, $ = 0.3;
+function ye({
+  containerRef: e,
+  toolsRef: s,
+  reviewablesCount: r
 }) {
-  const [o, m] = S(0), [r, s] = S(0);
-  return console.log("containerHeight:", o, "toolsHeight:", r), v(() => {
-    const i = t.current, p = n.current;
+  const [o, f] = S(0), [t, n] = S(0);
+  return console.log("containerHeight:", o, "toolsHeight:", t), v(() => {
+    const i = e.current, g = s.current;
     if (!i) return;
-    const E = () => {
-      m(i.clientHeight), s(p?.offsetHeight ?? 0);
+    const w = () => {
+      f(i.clientHeight), n(g?.offsetHeight ?? 0);
     };
-    E();
-    const g = new ResizeObserver(E);
-    return g.observe(i), p && g.observe(p), () => g.disconnect();
-  }, [t, n]), e <= X || !o || !r ? "column" : o - r < o * D ? "row" : "column";
+    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";
 }
-const ee = () => {
-  const { data: t, isLoading: n, isError: e } = O({});
+const Ee = () => {
+  const { data: e, isLoading: s, isError: r } = C({});
   return {
-    getProductionAddon: M(
-      (m, r) => {
-        if (!t?.addons) return;
-        const s = t.addons.find((i) => i.name === m), f = s?.productionVersion;
-        if (!(!s || !f) && !(r?.version && f !== r.version)) {
-          if (r?.minVersion)
+    getProductionAddon: V(
+      (f, t) => {
+        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)
             try {
-              if (!(A.gte(f, r.minVersion) || A.gte(A.coerce(f) || "0.0.0", r.minVersion))) return;
+              if (!(A.gte(m, t.minVersion) || A.gte(A.coerce(m) || "0.0.0", t.minVersion))) return;
             } catch {
               return;
             }
-          return s;
+          return n;
         }
       },
-      [t]
+      [e]
     ),
-    isLoading: n,
-    isError: e
+    isLoading: s,
+    isError: r
   };
-}, re = (t) => {
-  const [n, e] = S(!1);
-  return v(() => $(() => e(!0), t), [t]), n;
+}, we = (e) => {
+  const [s, r] = S(!1);
+  return v(() => U(() => r(!0), e), [e]), s;
 };
 export {
-  me as filterProjectStatuses,
-  se as readLocalStorage,
-  ie as readSessionStorage,
-  Ee as useActionTriggers,
-  re as useAfterStartup,
-  fe as useAttributeEnumOptions,
-  Te as useAttributeEnums,
-  He as useEditProjectTags,
-  pe as useEntityUpdate,
-  ge as useFetchAttributeEnumOptions,
-  Jt as useGetEntityGroups,
-  ee as useGetProductionAddon,
-  Yt as useGroupByRemoteModules,
-  Ae as useGroupedPagination,
-  Se as useHierarchyTable,
-  R as useLoadModule,
-  Xt as useLoadModules,
-  ae as useLocalStorage,
-  be as useQueryArgumentChangeLoading,
-  Zt as useReviewablesKeyboardNavigation,
-  te as useReviewablesLayout,
-  he as useScopedStatuses,
-  ye as useScopedTypes,
-  ue as useSessionStorage,
-  Dt as useUserProjectConfig,
-  de as writeLocalStorage,
-  ce as writeSessionStorage
+  Ge as filterProjectStatuses,
+  ve 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
 };

package/dist/index.es.js

@@ -8,13 +8,14 @@ import "./chunks/SimpleForm.es.js";
 import "./chunks/MetaWidget.es.js";
 import "react-dom";
 import "date-fns";
-import { U as W } from "./chunks/PlayableIcon.es.js";
-import { u as Y } from "./chunks/TableExportContextInstance.es.js";
+import { U as $ } from "./chunks/PlayableIcon.es.js";
+import { u as or } from "./chunks/TableExportContextInstance.es.js";
 import "lodash";
 import "primereact/confirmdialog";
 import "react-toastify";
 import "uuid";
 import "./chunks/searchTerms.es.js";
+import "axios";
 import "./chunks/getUris.es.js";
 import "./chunks/JsonViewer.es.js";
 import "./chunks/Watchers.es.js";
@@ -28,31 +29,35 @@ import "@lexical/utils";
 import "@lexical/react/LexicalBlockWithAlignableContents";
 import "@lexical/react/LexicalDecoratorBlockNode";
 import "@module-federation/enhanced/runtime";
+import "@ynput/ayon-addon/host";
 import "semver";
 import "./chunks/ContextMenuContextInstance.es.js";
-import { M as _ } from "./chunks/MenuContext.es.js";
+import { M as tr } from "./chunks/MenuContext.es.js";
 import "react-redux";
 import "react-router-dom";
-import { E as rr } from "./chunks/EmptyPlaceholder.es.js";
+import { E as ir } from "./chunks/EmptyPlaceholder.es.js";
 import "./chunks/EmptyPlaceholderFlex.styled.es.js";
 import "./chunks/InfoMessage.es.js";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";
 import "@dnd-kit/utilities";
-import "axios";
 import "./chunks/VersionUploadContextInstance.es.js";
 import "./chunks/EntityTooltip.es.js";
 import "./chunks/ColumnDropIndicator.styled.es.js";
 import "@tanstack/react-table";
+import "@ynput/ayon-addon";
 import "./chunks/EntityPickerDialog.es.js";
-import "./chunks/Slicer.es.js";
+import "remark-gfm";
+import "react-markdown";
 import "primereact/splitter";
-import { T as mr } from "./chunks/ThumbnailSimple.es.js";
+import "./chunks/Slicer.es.js";
+import "./chunks/NewEntityContextInstance.es.js";
 import "./chunks/Menu.es.js";
+import { T as ar } from "./chunks/ThumbnailSimple.es.js";
 export {
-  rr as EmptyPlaceholder,
-  _ as MenuProvider,
-  mr as ThumbnailSimple,
-  W as UserImage,
-  Y as useMenuContext
+  ir as EmptyPlaceholder,
+  tr as MenuProvider,
+  ar as ThumbnailSimple,
+  $ as UserImage,
+  or as useMenuContext
 };

package/dist/types/Actions.d.ts

@@ -76,20 +76,6 @@ declare type IconModel = {
 export { }
 
 
-declare module '@tanstack/react-table' {
-    interface TableMeta<TData extends RowData> {
-        options?: BuiltInFieldOptions;
-        readOnly?: ProjectTreeTableProps['readOnly'];
-        projectName?: string;
-        updateEntities?: CellUpdate;
-        toggleExpandAll?: ToggleExpandAll;
-        selection?: string[];
-        columnsConfig?: ColumnsConfig;
-        loadingLinksEntityIds?: Set<string>;
-    }
-}
-
-
 declare module '@tanstack/react-table' {
     interface FilterFns {
         fuzzy: (row: Row<any>, columnId: string, searchValue: string[][], addMeta: (meta: any) => void) => boolean;
@@ -106,6 +92,23 @@ declare module '@tanstack/react-table' {
 }
 
 
+declare module '@tanstack/react-table' {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        addonColumn?: AddonColumnMeta;
+    }
+    interface TableMeta<TData extends RowData> {
+        options?: BuiltInFieldOptions;
+        readOnly?: ProjectTreeTableProps['readOnly'];
+        projectName?: string;
+        updateEntities?: CellUpdate;
+        toggleExpandAll?: ToggleExpandAll;
+        selection?: string[];
+        columnsConfig?: ColumnsConfig;
+        loadingLinksEntityIds?: Set<string>;
+    }
+}
+
+
 declare global {
     interface Window {
         senderId: string;

package/dist/types/ContextMenu.d.ts

@@ -132,20 +132,6 @@ RefObject<{
 export { }
 
 
-declare module '@tanstack/react-table' {
-    interface TableMeta<TData extends RowData> {
-        options?: BuiltInFieldOptions;
-        readOnly?: ProjectTreeTableProps['readOnly'];
-        projectName?: string;
-        updateEntities?: CellUpdate;
-        toggleExpandAll?: ToggleExpandAll;
-        selection?: string[];
-        columnsConfig?: ColumnsConfig;
-        loadingLinksEntityIds?: Set<string>;
-    }
-}
-
-
 declare module '@tanstack/react-table' {
     interface FilterFns {
         fuzzy: (row: Row<any>, columnId: string, searchValue: string[][], addMeta: (meta: any) => void) => boolean;
@@ -162,6 +148,23 @@ declare module '@tanstack/react-table' {
 }
 
 
+declare module '@tanstack/react-table' {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        addonColumn?: AddonColumnMeta;
+    }
+    interface TableMeta<TData extends RowData> {
+        options?: BuiltInFieldOptions;
+        readOnly?: ProjectTreeTableProps['readOnly'];
+        projectName?: string;
+        updateEntities?: CellUpdate;
+        toggleExpandAll?: ToggleExpandAll;
+        selection?: string[];
+        columnsConfig?: ColumnsConfig;
+        loadingLinksEntityIds?: Set<string>;
+    }
+}
+
+
 declare global {
     interface Window {
         senderId: string;