@ynput/ayon-frontend-shared 0.8.1 → 0.10.0

package/dist/hooks.es.js

@@ -1,17 +1,18 @@
-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 { r as Ve, u as be, w as ke } from "./chunks/useLocalStorage.es.js";
+import { c as V, n as b, o as k, b as M, a as R } from "./chunks/TableExportContextInstance.es.js";
+import { r as Re, l as Te, w as Ce } from "./chunks/TableExportContextInstance.es.js";
+import { u as T } from "./chunks/useLoadModule.es.js";
+import { loadRemote as C } from "@module-federation/enhanced/runtime";
+import { useRef as N, useState as S, useEffect as A, useMemo as G, useCallback as x } from "react";
+import v from "semver";
+import { k as Oe, l as Ke, m as Ue, n as _e, o as Fe, p as je } from "./chunks/Watchers.es.js";
+import { u as $e } from "./chunks/useActionTriggers.es.js";
+import { bc as O } from "./chunks/searchTerms.es.js";
+import { bB as K, cY as U } from "./chunks/getUris.es.js";
 import "primereact/confirmdialog";
 import "react/jsx-runtime";
 import "@ynput/ayon-addon/host";
-import { toast as O } from "react-toastify";
+import { toast as _ } from "react-toastify";
 import "@ynput/ayon-react-components";
 import "lodash";
 import "uuid";
@@ -20,184 +21,214 @@ import "./chunks/ContextMenuContextInstance.es.js";
 import "clsx";
 import "react-dom";
 import "react-router-dom";
-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)
-  ), [s, m] = v(o.length > 0 && !t);
-  b(() => {
-    t || (console.log("resetting processedModules"), n.current = /* @__PURE__ */ new Set(), r(g(e)));
+import { u as Be } from "./chunks/EntityPickerDialog.es.js";
+import { u as Qe } from "./chunks/ProjectFoldersContext.es.js";
+import { u as Je } from "./chunks/useGroupedPagination.es.js";
+import { G as F } from "./chunks/GroupSettingsFallback.es.js";
+import { i as j } from "./chunks/isHTMLElement.es.js";
+import { f as Ye } from "./chunks/MetaWidget.es.js";
+import { u as et } from "./chunks/useAttributeEnums.es.js";
+import { a as W } from "./chunks/afterStartup.es.js";
+const Le = (e, o, t) => {
+  const n = N(/* @__PURE__ */ new Set()), [i, r] = S(
+    () => c(e)
+  ), [s, u] = S(o.length > 0 && !t);
+  A(() => {
+    t || (console.log("resetting processedModules"), n.current = /* @__PURE__ */ new Set(), r(c(e)));
   }, [JSON.stringify(e), t]);
-  const i = async (d, l, c, h, f) => {
+  const a = async (f, m, g, y, p) => {
     try {
-      const a = await x(`${d}/${l}`, {
+      const l = await C(`${f}/${m}`, {
         from: "runtime"
       });
-      p(c, d, l, a?.default || h, f);
-    } catch (a) {
-      throw console.error("Error loading remote module", d, l, a), a;
+      h(g, f, m, l?.default || y, p);
+    } catch (l) {
+      throw console.error("Error loading remote module", f, m, l), l;
     }
   };
-  b(() => {
+  A(() => {
     if (t) {
-      m(!1);
+      u(!1);
       return;
     }
-    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);
+    i.every((g) => !g[1].isLoaded) && n.current.size > 0 && (console.log("resetting processedModules - results were reset"), n.current = /* @__PURE__ */ new Set()), console.log("loading modules");
+    const m = [];
+    if (e.forEach((g, y) => {
+      const { addon: p, remote: l, module: L, fallback: E, minVersion: w } = g;
+      if (!p || !l || !L) {
+        console.log("Invalid module spec", g);
         return;
       }
-      const A = `${f}/${a}/${y}`;
-      if (n.current.has(A)) {
-        console.log("skipping already processed module", A);
+      const I = `${p}/${l}/${L}`;
+      if (n.current.has(I)) {
+        console.log("skipping already processed module", I);
         return;
       }
-      if (u[h]?.[1]?.isLoaded) {
-        n.current.add(A);
+      if (i[y]?.[1]?.isLoaded) {
+        n.current.add(I);
         return;
       }
-      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 });
+      n.current.add(I);
+      const P = o.find((H) => H.addonName === p);
+      if (!P) {
+        console.log("Addon not found", { addon: p, remote: l, module: L });
         return;
       }
-      if (E && !S.gte(I.addonVersion, E)) {
-        w(
-          h,
-          f,
-          a,
+      if (w && !v.gte(P.addonVersion, w)) {
+        d(
           y,
+          p,
+          l,
           L,
           E,
-          I.addonVersion
+          w,
+          P.addonVersion
         );
         return;
       }
-      if (!I.modules[a]) {
-        console.log("Module not found", { addon: f, remote: a, module: y });
+      if (!P.modules[l]) {
+        console.log("Module not found", { addon: p, remote: l, module: L });
         return;
       }
-      l.push(i(a, y, f, L, E));
-    }), !l.length) {
-      m(!1);
+      m.push(a(l, L, p, E, w));
+    }), !m.length) {
+      u(!1);
       return;
     }
-    m(!0), Promise.all(l).then(() => {
-      m(!1);
-    }).catch((c) => {
-      console.error("Error loading modules", c), m(!1);
+    u(!0), Promise.all(m).then(() => {
+      u(!1);
+    }).catch((g) => {
+      console.error("Error loading modules", g), u(!1);
     });
-  }, [t, o, JSON.stringify(e), u]);
-  function g(d) {
-    return d.map(
-      ({ addon: l = "", remote: c = "", module: h = "", fallback: f, minVersion: a }) => [
-        f,
+  }, [t, o, JSON.stringify(e), i]);
+  function c(f) {
+    return f.map(
+      ({ addon: m = "", remote: g = "", module: y = "", fallback: p, minVersion: l }) => [
+        p,
         {
           isLoaded: !1,
-          addon: l,
-          remote: c,
-          module: h,
-          minVersion: a,
+          addon: m,
+          remote: g,
+          module: y,
+          minVersion: l,
           outdated: void 0
         }
       ]
     );
   }
-  function w(d, l, c, h, f, a, y) {
-    r((L) => {
-      const E = [...L];
-      return d >= 0 && d < E.length && (E[d] = [
-        f,
+  function d(f, m, g, y, p, l, L) {
+    r((E) => {
+      const w = [...E];
+      return f >= 0 && f < w.length && (w[f] = [
+        p,
         {
           isLoaded: !1,
-          addon: l,
-          remote: c,
-          module: h,
-          minVersion: a,
+          addon: m,
+          remote: g,
+          module: y,
+          minVersion: l,
           outdated: {
-            current: y,
-            required: a
+            current: L,
+            required: l
           }
         }
-      ]), E;
+      ]), w;
     });
   }
-  function p(d, l, c, h, f) {
-    r((a) => {
-      const y = [...a], L = e.findIndex(
-        (E) => E.addon === d && E.remote === l && E.module === c
+  function h(f, m, g, y, p) {
+    r((l) => {
+      const L = [...l], E = e.findIndex(
+        (w) => w.addon === f && w.remote === m && w.module === g
       );
-      return L >= 0 && L < y.length && (y[L] = [
-        h,
+      return E >= 0 && E < L.length && (L[E] = [
+        y,
         {
           isLoaded: !0,
-          addon: d,
-          remote: l,
-          module: c,
-          minVersion: f,
+          addon: f,
+          remote: m,
+          module: g,
+          minVersion: p,
           outdated: void 0
         }
-      ]), y;
+      ]), L;
     });
   }
-  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, ""));
+  return { modules: i, isLoading: s };
+}, we = ({ selectors: e = [], init: o }) => {
+  const { user: t } = V(), { data: { frontendPreferences: n = {} } = {} } = t || {}, i = e.filter((a) => a != null).map((a) => a.replace(/\s/g, ""));
   let r = n;
-  for (const i of u)
-    r = r?.[i];
+  for (const a of i)
+    r = r?.[a];
   r = r || o || {};
-  const [s] = T();
-  return [r, async (i) => {
+  const [s] = O();
+  return [r, async (a) => {
     try {
       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] || {};
+      let c = { ...n };
+      const d = (h, f, m) => {
+        if (f.length === 0) return { ...h, ...m };
+        const [g, ...y] = f, p = h?.[g] || {};
         return {
-          ...p,
-          [c]: w(f, h, l)
+          ...h,
+          [g]: d(p, y, m)
         };
       };
-      g = w(g, u, i), await s({
+      c = d(c, i, a), await s({
         userName: t.name,
-        patchData: g,
+        patchData: c,
         // @ts-expect-error - disableInvalidations is not in the api
         disableInvalidations: !0
       }).unwrap();
-    } catch (g) {
-      console.error(g), O.error(g.data?.detail);
+    } catch (c) {
+      console.error(c), _.error(c.data?.detail);
     }
   }, { isSuccess: !0 }];
-}, pe = ({ groupBy: e, projectName: o, entityType: t }) => {
+}, $ = {
+  task: (e) => !!e.hasTasks,
+  // hasVersions is true for the whole subtree, so parents show up as groups too
+  version: (e) => !!e.hasVersions,
+  product: (e) => e.hasProducts ?? !!e.hasVersions
+}, z = (e, o, t) => {
+  const { folders: n, isLoading: i, getChildFolderIds: r } = b(), { getFolderType: s } = k(), u = G(
+    () => o && t?.length ? new Set(r(t, !0)) : null,
+    [o, t, r]
+  );
+  return { groups: G(() => {
+    const c = $[e];
+    return !o || !c ? [] : n.filter((d) => c(d) && (!u || u.has(d.id))).sort((d, h) => d.path < h.path ? -1 : d.path > h.path ? 1 : 0).map((d) => ({
+      value: d.id,
+      label: d.path,
+      icon: s(d.folderType)?.icon
+    }));
+  }, [o, e, n, s, u]), isLoading: o && i };
+}, Ee = ({
+  groupBy: e,
+  projectName: o,
+  entityType: t,
+  folderIds: n
+}) => {
   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 }
+  const i = e?.id === "folderId", r = z(t, i, n), {
+    data: { groups: s = [] } = {},
+    currentData: u,
+    isFetching: a,
+    error: c
+  } = K(
+    { projectName: o, entityType: t, groupingKey: e?.id || "", empty: !0 },
+    { skip: !e?.id || i }
   );
-  return {
-    groups: u,
-    error: r
+  return i ? { ...r, error: void 0 } : {
+    groups: s,
+    error: c,
+    // data still holds the previous key's groups while the new ones load
+    isLoading: a && !u
   };
-}, he = () => {
-  const { powerLicense: e } = R(), [o, { outdated: t, isLoading: n }] = k({
+}, ve = () => {
+  const { powerLicense: e } = M(), [o, { outdated: t, isLoading: n }] = T({
     addon: "powerpack",
     remote: "slicer",
     module: "GroupSettings",
-    fallback: K,
+    fallback: F,
     minVersion: "1.1.1-dev",
     skip: !e
     // skip loading if powerpack license is not available
@@ -207,55 +238,55 @@ const me = (e, o, t) => {
     requiredVersion: t?.required,
     isLoading: n
   };
-}, W = ["w", "s"];
-function ye({
+}, B = ["w", "s"];
+function Se({
   reviewables: e,
   selected: o,
   onChange: t,
   onNavigate: n,
-  enabled: u = !0
+  enabled: i = !0
 }) {
-  b(() => {
-    if (!u || e.length <= 1) return;
+  A(() => {
+    if (!i || 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))
+      const u = s.key.length === 1 ? s.key.toLowerCase() : s.key;
+      if (!B.includes(u) || s.metaKey || s.ctrlKey || s.altKey || j(s.target) && (s.target.tagName === "INPUT" || s.target.tagName === "TEXTAREA" || s.target.isContentEditable))
         return;
-      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));
+      const d = e.findIndex(({ fileId: f }) => o.includes(f)) + (u === "w" ? -1 : 1), h = e[d < 0 ? e.length - 1 : d % e.length];
+      h && (t?.(h.fileId), n?.(h));
     };
     return window.addEventListener("keydown", r), () => window.removeEventListener("keydown", r);
-  }, [u, e, o, t, n]);
+  }, [i, e, o, t, n]);
 }
-const $ = 4, j = 0.3;
-function Ee({
+const D = 4, Q = 0.3;
+function Ae({
   containerRef: e,
   toolsRef: o,
   reviewablesCount: t
 }) {
-  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 = () => {
-      u(i.clientHeight), s(g?.offsetHeight ?? 0);
+  const [n, i] = S(0), [r, s] = S(0);
+  return console.log("containerHeight:", n, "toolsHeight:", r), A(() => {
+    const a = e.current, c = o.current;
+    if (!a) return;
+    const d = () => {
+      i(a.clientHeight), s(c?.offsetHeight ?? 0);
     };
-    w();
-    const p = new ResizeObserver(w);
-    return p.observe(i), g && p.observe(g), () => p.disconnect();
-  }, [e, o]), t <= $ || !n || !r ? "column" : n - r < n * j ? "row" : "column";
+    d();
+    const h = new ResizeObserver(d);
+    return h.observe(a), c && h.observe(c), () => h.disconnect();
+  }, [e, o]), t <= D || !n || !r ? "column" : n - r < n * Q ? "row" : "column";
 }
-const we = () => {
-  const { data: e, isLoading: o, isError: t } = N({});
+const Ie = () => {
+  const { data: e, isLoading: o, isError: t } = U({});
   return {
-    getProductionAddon: H(
-      (u, r) => {
+    getProductionAddon: x(
+      (i, r) => {
         if (!e?.addons) return;
-        const s = e.addons.find((i) => i.name === u), m = s?.productionVersion;
-        if (!(!s || !m) && !(r?.version && m !== r.version)) {
+        const s = e.addons.find((a) => a.name === i), u = s?.productionVersion;
+        if (!(!s || !u) && !(r?.version && u !== r.version)) {
           if (r?.minVersion)
             try {
-              if (!(S.gte(m, r.minVersion) || S.gte(S.coerce(m) || "0.0.0", r.minVersion))) return;
+              if (!(v.gte(u, r.minVersion) || v.gte(v.coerce(u) || "0.0.0", r.minVersion))) return;
             } catch {
               return;
             }
@@ -267,19 +298,19 @@ const we = () => {
     isLoading: o,
     isError: t
   };
-}, B = (e, { version: o, minVersion: t } = {}) => {
+}, q = (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);
+    return v.gte(e, t) || v.gte(v.coerce(e) || "0.0.0", t);
   } catch {
     return !1;
   }
-}, Le = () => {
-  const { bundle: e } = V(), o = H(
-    (n, u) => {
+}, Pe = () => {
+  const { bundle: e } = R(), o = x(
+    (n, i) => {
       const r = e?.versions[n];
-      if (!(!r || !B(r, u)))
+      if (!(!r || !q(r, i)))
         return r;
     },
     [e]
@@ -289,37 +320,37 @@ const we = () => {
     bundleVariant: t,
     isLoading: !e
   };
-}, Se = (e) => {
-  const [o, t] = v(!1);
-  return b(() => _(() => t(!0), e), [e]), o;
+}, Ge = (e) => {
+  const [o, t] = S(!1);
+  return A(() => W(() => t(!0), e), [e]), o;
 };
 export {
-  ke as filterProjectStatuses,
-  Ae as readLocalStorage,
-  Ie as readSessionStorage,
-  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
+  Oe as filterProjectStatuses,
+  Ve as readLocalStorage,
+  Re as readSessionStorage,
+  $e as useActionTriggers,
+  Ge as useAfterStartup,
+  Ke as useAttributeEnumOptions,
+  et as useAttributeEnums,
+  Ye as useEditProjectTags,
+  Ue as useEntityUpdate,
+  _e as useFetchAttributeEnumOptions,
+  Pe as useGetBundleAddon,
+  Ee as useGetEntityGroups,
+  Ie as useGetProductionAddon,
+  ve as useGroupByRemoteModules,
+  Je as useGroupedPagination,
+  Be as useHierarchyTable,
+  T as useLoadModule,
+  Le as useLoadModules,
+  be as useLocalStorage,
+  Qe as useQueryArgumentChangeLoading,
+  Se as useReviewablesKeyboardNavigation,
+  Ae as useReviewablesLayout,
+  Fe as useScopedStatuses,
+  je as useScopedTypes,
+  Te as useSessionStorage,
+  we as useUserProjectConfig,
+  ke as writeLocalStorage,
+  Ce as writeSessionStorage
 };

package/dist/index.es.js

@@ -8,8 +8,8 @@ import "./chunks/SimpleForm.es.js";
 import "./chunks/MetaWidget.es.js";
 import "react-dom";
 import "date-fns";
-import { U as $ } from "./chunks/FilmstripEntityCard.es.js";
-import { u as or } from "./chunks/TableExportContextInstance.es.js";
+import { U as rr } from "./chunks/FilmstripEntityCard.es.js";
+import { u as mr } from "./chunks/TableExportContextInstance.es.js";
 import "lodash";
 import "primereact/confirmdialog";
 import "react-toastify";
@@ -32,9 +32,9 @@ import "@module-federation/enhanced/runtime";
 import "@ynput/ayon-addon/host";
 import "semver";
 import "./chunks/ContextMenuContextInstance.es.js";
-import { M as tr } from "./chunks/MenuContext.es.js";
+import { M as pr } from "./chunks/MenuContext.es.js";
 import "react-router-dom";
-import { E as ir } from "./chunks/EmptyPlaceholder.es.js";
+import { E as er } from "./chunks/EmptyPlaceholder.es.js";
 import "./chunks/EmptyPlaceholderFlex.styled.es.js";
 import "./chunks/InfoMessage.es.js";
 import "@dnd-kit/core";
@@ -53,11 +53,12 @@ import "primereact/splitter";
 import "./chunks/Slicer.es.js";
 import "./chunks/NewEntityContextInstance.es.js";
 import "./chunks/Menu.es.js";
-import { T as ar } from "./chunks/ThumbnailSimple.es.js";
+import "primereact-context/contextmenu";
+import { T as sr } from "./chunks/ThumbnailSimple.es.js";
 export {
-  ir as EmptyPlaceholder,
-  tr as MenuProvider,
-  ar as ThumbnailSimple,
-  $ as UserImage,
-  or as useMenuContext
+  er as EmptyPlaceholder,
+  pr as MenuProvider,
+  sr as ThumbnailSimple,
+  rr as UserImage,
+  mr as useMenuContext
 };

package/dist/types/Actions.d.ts

@@ -78,6 +78,22 @@ declare type IconModel = {
 export { }
 
 
+declare module '@tanstack/react-table' {
+    interface FilterFns {
+        fuzzy: (row: Row<any>, columnId: string, searchValue: string[][], addMeta: (meta: any) => void) => boolean;
+    }
+    interface FilterMeta {
+        itemRank: RankingInfo;
+    }
+    interface TableMeta<TData extends RowData> {
+        isExpandable?: boolean;
+        isLoading?: boolean;
+        children?: (props: SimpleTableCellTemplateProps, row: Row<TData>, table: Table<SimpleTableRow>) => JSX.Element;
+        [key: string]: any;
+    }
+}
+
+
 declare module '@tanstack/react-table' {
     interface ColumnMeta<TData extends RowData, TValue> {
         addonColumn?: AddonColumnMeta;
@@ -95,22 +111,6 @@ declare module '@tanstack/react-table' {
 }
 
 
-declare module '@tanstack/react-table' {
-    interface FilterFns {
-        fuzzy: (row: Row<any>, columnId: string, searchValue: string[][], addMeta: (meta: any) => void) => boolean;
-    }
-    interface FilterMeta {
-        itemRank: RankingInfo;
-    }
-    interface TableMeta<TData extends RowData> {
-        isExpandable?: boolean;
-        isLoading?: boolean;
-        children?: (props: SimpleTableCellTemplateProps, row: Row<TData>, table: Table<SimpleTableRow>) => JSX.Element;
-        [key: string]: any;
-    }
-}
-
-
 declare global {
     interface Window {
         senderId: string;
@@ -121,6 +121,7 @@ declare global {
 declare module '@tanstack/react-table' {
     interface ColumnMeta<TData extends RowData, TValue> {
         listTableCustomCell?: boolean;
+        listTableGrow?: boolean;
         editable?: boolean;
     }
     interface TableMeta<TData extends RowData> {