@ynput/ayon-frontend-shared 0.3.30 → 0.3.32

package/dist/shared/src/containers/ProjectTreeTable/context/ColumnSettingsProvider.es.js

@@ -1,10 +1,9 @@
-import { j as ft } from "../../../../../_virtual/jsx-runtime.es.js";
-import c, { useState as V } from "react";
-import { functionalUpdate as R } from "@tanstack/react-table";
-import { ROW_SELECTION_COLUMN_ID as x } from "./SelectionCellsContext.es.js";
-import { DRAG_HANDLE_COLUMN_ID as z } from "../ProjectTreeTable.es.js";
-import { ColumnSettingsContext as at } from "./ColumnSettingsContext.es.js";
-import { isEqual as g } from "lodash";
+import { j as St } from "../../../../../_virtual/jsx-runtime.es.js";
+import s, { useState as z } from "react";
+import { functionalUpdate as P } from "@tanstack/react-table";
+import { ColumnSettingsContext as yt } from "./ColumnSettingsContext.es.js";
+import { isEqual as h } from "lodash";
+import { DRAG_HANDLE_COLUMN_ID as E, ROW_SELECTION_COLUMN_ID as x } from "../constants.es.js";
 import "@ynput/ayon-react-components";
 import "../../../components/SearchFilter/filterDates.es.js";
 import "date-fns";
@@ -13,6 +12,7 @@ import "react-toastify";
 import "uuid";
 import "../../../util/pubsub.es.js";
 import "./CellEditingContext.es.js";
+import "./SelectionCellsContext.es.js";
 import "./ProjectTableQueriesContext.es.js";
 import "./ProjectTableContext.es.js";
 import "../../../context/RemoteModulesContext.es.js";
@@ -70,10 +70,15 @@ import "../../../api/queries/attributes/getAttributes.es.js";
 import "../../../api/queries/attributes/updateAttributes.es.js";
 import "../../../api/queries/authentication/getAuthentication.es.js";
 import "../../../api/queries/cloud/cloud.es.js";
+import "../../../api/queries/columnStats/metricTargets.es.js";
 import "../../../api/queries/config/getConfig.es.js";
 import "../../../api/queries/config/updateConfig.es.js";
 import "../../../api/queries/entities/getEntity.es.js";
 import "../../../api/queries/entities/getEntityPanel.es.js";
+import "../../../api/queries/overview/getOverview.es.js";
+import "../../../api/queries/overview/updateOverview.es.js";
+import "../../../api/queries/versions/getVersionsProducts.es.js";
+import "../../../api/queries/links/getEntityLinks.es.js";
 import "../../../api/queries/entities/updateEntity.es.js";
 import "../../../api/queries/entityLists/getLists.es.js";
 import "../../../api/queries/entityLists/updateLists.es.js";
@@ -85,10 +90,6 @@ import "../../../api/queries/folders/getFolderDeleteInfo.es.js";
 import "../../../api/queries/grouping/getGrouping.es.js";
 import "../../../api/queries/links/updateLinks.es.js";
 import "../../../api/queries/links/getLinks.es.js";
-import "../../../api/queries/links/getEntityLinks.es.js";
-import "../../../api/queries/overview/getOverview.es.js";
-import "../../../api/queries/overview/updateOverview.es.js";
-import "../../../api/queries/versions/getVersionsProducts.es.js";
 import "../../../api/queries/permissions/getPermissions.es.js";
 import "../../../api/queries/products/createProduct.es.js";
 import "../../../api/queries/products/getFolderProducts.es.js";
@@ -243,6 +244,7 @@ import "../../Feed/Feed.styled.es.js";
 import "../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
 import "../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
 import "../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
+import "@tanstack/react-virtual";
 import "../widgets/CollapsedWidget.es.js";
 import "../widgets/DateWidget.es.js";
 import "../widgets/EnumWidget.es.js";
@@ -261,6 +263,8 @@ import "../components/SelectionCell.es.js";
 import "../components/RowSelectionHeader.es.js";
 import "../widgets/LoadMoreWidget.es.js";
 import "../components/HeaderActionButton.es.js";
+import "../components/TableFooterRow.es.js";
+import "./ProjectDataContext.es.js";
 import "../../DetailsPanel/DetailsPanel.styled.es.js";
 import "../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
 import "../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
@@ -276,253 +280,283 @@ import "../../Views/ViewsMenu/ViewsMenu.es.js";
 import "../../Views/context/ViewsContextInstance.es.js";
 import "../../Views/Views.styled.es.js";
 import "../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
-import "@tanstack/react-virtual";
 import "../../ListTable/ListTableRow.es.js";
 import "../../ListTable/ListTable.styled.es.js";
 import "../components/DeleteConfirmContent.es.js";
-import "./ProjectDataContext.es.js";
 import { checkColumnVisibility as B } from "../utils/checkColumnVisibility.es.js";
-const Bn = ({
-  children: U,
-  config: k,
-  onChange: E,
-  defaultColumnVisibility: h
+const Dn = ({
+  children: q,
+  config: K,
+  onChange: v,
+  defaultColumnVisibility: C
 }) => {
-  const W = c.useRef([]), w = c.useRef(null), f = c.useRef(null), S = c.useRef(null), T = c.useRef(void 0), C = c.useRef(null), [O, a] = V(null), [_, b] = V(null), [M, v] = V(null), q = (t) => {
+  const W = s.useRef([]), R = s.useRef(null), f = s.useRef(null), w = s.useRef(null), T = s.useRef(void 0), O = s.useRef(null), [S, d] = z(null), [_, y] = z(null), [J, A] = z(null), Q = (t) => {
     W.current = Array.from(new Set(t));
-  }, e = (t) => {
-    const i = W.current, r = /* @__PURE__ */ new Set([z, x]);
-    if (i.length > 0) {
-      const o = { ...t.columnVisibility };
-      i.forEach((m) => {
-        !r.has(m) && o[m] === void 0 && (o[m] = B({}, m, h));
-      }), E({ ...t, columnVisibility: o }, i);
+  }, m = (t) => {
+    const o = W.current, r = /* @__PURE__ */ new Set([E, x]);
+    if (o.length > 0) {
+      const i = { ...t.columnVisibility };
+      o.forEach((c) => {
+        !r.has(c) && i[c] === void 0 && (i[c] = B({}, c, C));
+      }), r.forEach((c) => delete i[c]);
+      const u = (t.columnOrder ?? []).filter((c) => !r.has(c));
+      v(
+        { ...t, columnVisibility: i, columnOrder: u },
+        o
+      );
     } else
-      E(t, i);
-  }, u = k, {
-    columnOrder: F = [],
-    columnPinning: K = {},
-    columnVisibility: J = {},
+      v(t, o);
+  }, n = K, {
+    columnOrder: X = [],
+    columnPinning: Y = {},
+    columnVisibility: Z = {},
     columnSizing: l = {},
-    sorting: Q = [],
-    groupBy: P,
-    groupByConfig: A = {},
-    rowHeight: s = 34
-  } = u || {};
-  T.current !== s && T.current !== void 0 && (_ !== null && b(null), f.current && (clearTimeout(f.current), f.current = null)), T.current = s;
-  const X = _ ?? s, y = [...Q], n = [...M ?? [...F]], p = { ...K }, I = ["thumbnail", "name", "subType", "status", "tags"];
-  if (I.forEach((t, i) => {
-    if (!n.includes(t)) {
-      const r = I[i - 1], o = I[i + 1];
-      if (!r || !n.includes(r))
-        n.unshift(t);
+    sorting: $ = [],
+    groupBy: b,
+    groupByConfig: F = {},
+    rowHeight: a = 34,
+    columnSummaries: N = {},
+    columnSummaryScopes: j = {},
+    columnSummaryFormats: D = {}
+  } = n || {};
+  T.current !== a && T.current !== void 0 && (_ !== null && y(null), f.current && (clearTimeout(f.current), f.current = null)), T.current = a;
+  const tt = _ ?? a, I = [...$], p = [...J ?? [...X]], e = { ...Y }, H = ["thumbnail", "name", "subType", "status", "tags"];
+  if (H.forEach((t, o) => {
+    if (!p.includes(t)) {
+      const r = H[o - 1], i = H[o + 1];
+      if (!r || !p.includes(r))
+        p.unshift(t);
       else {
-        const m = n.indexOf(r);
-        n.splice(m + 1, 0, t);
+        const u = p.indexOf(r);
+        p.splice(u + 1, 0, t);
       }
-      o && p?.left && p?.left.includes(o) && (p.left = [t, ...p?.left || []]);
+      i && e?.left && e?.left.includes(i) && (e.left = [t, ...e?.left || []]);
     }
-  }), P && P.id !== "folder") {
-    if (!p.left?.includes("name"))
-      p.left = ["name", ...p?.left || []];
+  }), b && b.id !== "folder") {
+    if (!e.left?.includes("name"))
+      e.left = ["name", ...e?.left || []];
     else {
-      const t = p.left.filter((i) => i !== "name");
-      p.left = ["name", ...t];
+      const t = e.left.filter((o) => o !== "name");
+      e.left = ["name", ...t];
     }
-    if (n.includes("name")) {
-      const t = n.indexOf("name");
-      n.splice(t, 1);
+    if (p.includes("name")) {
+      const t = p.indexOf("name");
+      p.splice(t, 1);
     }
-    n.unshift("name");
+    p.unshift("name");
   }
-  n.unshift(z, x);
-  const d = { ...J };
-  P && !d.name && (d.name = !0);
-  const N = (t) => {
-    e({
-      ...u,
+  p.unshift(E, x);
+  const g = { ...Z };
+  b && !g.name && (g.name = !0);
+  const L = (t) => {
+    m({
+      ...n,
       columnVisibility: t
     });
-  }, j = (t) => {
-    e({
-      ...u,
+  }, G = (t) => {
+    m({
+      ...n,
       columnOrder: t
     });
-  }, D = (t) => {
-    e({
-      ...u,
+  }, U = (t) => {
+    m({
+      ...n,
       columnPinning: t
     });
-  }, H = O || l, L = (t) => {
-    a(t), w.current && clearTimeout(w.current), w.current = setTimeout(() => {
-      e({
-        ...u,
+  }, V = S || l, k = (t) => {
+    d(t), R.current && clearTimeout(R.current), R.current = setTimeout(() => {
+      m({
+        ...n,
         columnSizing: t
-      }), a(null);
+      }), d(null);
     }, 500);
-  }, Y = (t) => {
-    const i = { ...p }, o = (i.left || []).filter(
-      (m) => B(t, m, h)
+  }, ot = (t) => {
+    const o = { ...e }, i = (o.left || []).filter(
+      (u) => B(t, u, C)
     );
     return {
-      ...i,
-      left: o
+      ...o,
+      left: i
     };
-  }, Z = (t) => {
-    const i = { ...p }, r = i.left || [], o = t.filter((m) => r.includes(m));
+  }, it = (t) => {
+    const o = { ...e }, r = o.left || [], i = t.filter((u) => r.includes(u));
     return {
-      ...i,
-      left: o
+      ...o,
+      left: i
     };
-  }, $ = (t) => [...n].sort((i, r) => {
-    const o = t.left?.includes(i) ? 1 : 0;
-    return (t.left?.includes(r) ? 1 : 0) - o;
-  }), tt = (t) => {
-    const i = Y(t);
-    e({
-      ...u,
+  }, rt = (t) => [...p].sort((o, r) => {
+    const i = t.left?.includes(o) ? 1 : 0;
+    return (t.left?.includes(r) ? 1 : 0) - i;
+  }), mt = (t) => {
+    const o = ot(t);
+    m({
+      ...n,
       columnVisibility: t,
-      columnPinning: i
+      columnPinning: o
     });
-  }, it = (t) => {
-    const i = t.filter(
-      (o) => o !== z && o !== x
-    ), r = Z(i);
-    v(i), S.current && clearTimeout(S.current), S.current = setTimeout(() => {
-      e({
-        ...u,
-        columnOrder: i,
+  }, nt = (t) => {
+    const o = t.filter(
+      (i) => i !== E && i !== x
+    ), r = it(o);
+    A(o), w.current && clearTimeout(w.current), w.current = setTimeout(() => {
+      m({
+        ...n,
+        columnOrder: o,
         columnPinning: r
-      }), v(null);
+      }), A(null);
     }, 300);
-  }, ot = (t) => {
-    const i = $(t);
-    e({
-      ...u,
-      columnOrder: i,
+  }, pt = (t) => {
+    const o = rt(t);
+    m({
+      ...n,
+      columnOrder: o,
       columnPinning: t
     });
-  }, G = (t) => {
-    e({
-      ...u,
+  }, M = (t) => {
+    m({
+      ...n,
       sorting: t
     });
-  }, rt = (t) => {
-    e({
-      ...u,
+  }, et = (t, o) => {
+    m({
+      ...n,
+      columnSummaries: { ...N, [t]: o }
+    });
+  }, ut = (t, o) => {
+    m({
+      ...n,
+      columnSummaryScopes: { ...j, [t]: o }
+    });
+  }, lt = (t, o) => {
+    m({
+      ...n,
+      columnSummaryFormats: { ...D, [t]: o }
+    });
+  }, ct = (t) => {
+    m({
+      ...n,
       groupBy: t
     });
-  }, mt = (t) => {
-    e({
-      ...u,
+  }, st = (t) => {
+    m({
+      ...n,
       groupByConfig: {
-        ...A,
+        ...F,
         ...t
       }
     });
-  }, nt = c.useCallback(
+  }, at = s.useCallback(
     (t) => {
-      if (C.current === null) {
-        const r = l.thumbnail || 63, o = s || 34;
-        C.current = r / o;
+      if (O.current === null) {
+        const r = l.thumbnail || 63, i = a || 34;
+        O.current = r / i;
       }
-      const i = C.current * t;
-      b(t), a({
-        ...O || l,
-        thumbnail: i
+      const o = O.current * t;
+      y(t), d({
+        ...S || l,
+        thumbnail: o
       });
     },
-    [l, s]
-  ), pt = c.useCallback(
+    [l, a]
+  ), ft = s.useCallback(
     (t) => {
-      const m = (l.thumbnail || 63) / (s || 34) * t;
-      b(t), a({
-        ...O || l,
-        thumbnail: m
+      const u = (l.thumbnail || 63) / (a || 34) * t;
+      y(t), d({
+        ...S || l,
+        thumbnail: u
       }), f.current && clearTimeout(f.current), f.current = setTimeout(() => {
-        e({
-          ...u,
+        m({
+          ...n,
           rowHeight: t,
           columnSizing: {
             ...l,
-            thumbnail: m
+            thumbnail: u
           }
-        }), b(null), a(null), C.current = null;
+        }), y(null), d(null), O.current = null;
       }, 300);
     },
     [
-      u,
-      e,
+      n,
+      m,
       l,
-      s,
-      O
+      a,
+      S
     ]
-  ), et = (t) => {
-    const i = typeof t == "function" ? t(d) : t, r = {};
-    Object.keys(i).forEach((o) => {
-      const m = B({}, o, h);
-      i[o] !== m && (r[o] = i[o]);
-    }), !g(r, d) && N(r);
-  }, ut = (t) => {
-    const i = R(t, p);
-    g(i, p) || D(i);
-  }, lt = (t) => {
-    const i = R(t, n);
-    g(i, n) || j(i);
-  }, ct = (t) => {
-    const i = R(t, H);
-    g(i, H) || L(i);
-  }, st = (t) => {
-    const i = R(t, y);
-    g(i, y) || G(i);
+  ), dt = (t) => {
+    const o = typeof t == "function" ? t(g) : t, r = {};
+    Object.keys(o).forEach((i) => {
+      const u = B({}, i, C);
+      o[i] !== u && (r[i] = o[i]);
+    }), !h(r, g) && L(r);
+  }, gt = (t) => {
+    const o = P(t, e);
+    h(o, e) || U(o);
+  }, ht = (t) => {
+    const o = P(t, p);
+    h(o, p) || G(o);
+  }, Ct = (t) => {
+    const o = P(t, V);
+    h(o, V) || k(o);
+  }, Ot = (t) => {
+    const o = P(t, I);
+    h(o, I) || M(o);
   };
-  return /* @__PURE__ */ ft.jsx(
-    at.Provider,
+  return /* @__PURE__ */ St.jsx(
+    yt.Provider,
     {
       value: {
         // all columns ref
-        setAllColumns: q,
+        setAllColumns: Q,
         // column visibility
-        columnVisibility: d,
-        defaultColumnVisibility: h,
-        setColumnVisibility: N,
-        updateColumnVisibility: tt,
-        columnVisibilityOnChange: et,
+        columnVisibility: g,
+        defaultColumnVisibility: C,
+        setColumnVisibility: L,
+        updateColumnVisibility: mt,
+        columnVisibilityOnChange: dt,
         // column pinning
-        columnPinning: p,
-        setColumnPinning: D,
-        updateColumnPinning: ot,
-        columnPinningOnChange: ut,
+        columnPinning: e,
+        setColumnPinning: U,
+        updateColumnPinning: pt,
+        columnPinningOnChange: gt,
         // column order
-        columnOrder: n,
-        setColumnOrder: j,
-        updateColumnOrder: it,
-        columnOrderOnChange: lt,
+        columnOrder: p,
+        setColumnOrder: G,
+        updateColumnOrder: nt,
+        columnOrderOnChange: ht,
         // column sizing
-        columnSizing: H,
-        setColumnSizing: L,
-        columnSizingOnChange: ct,
+        columnSizing: V,
+        setColumnSizing: k,
+        columnSizingOnChange: Ct,
+        // column summary calc
+        columnSummaries: N,
+        updateColumnSummary: et,
+        // column summary row scope
+        columnSummaryScopes: j,
+        updateColumnSummaryScope: ut,
+        // column summary display format
+        columnSummaryFormats: D,
+        updateColumnSummaryFormat: lt,
         // sorting
-        sorting: y,
-        updateSorting: G,
-        sortingOnChange: st,
+        sorting: I,
+        updateSorting: M,
+        sortingOnChange: Ot,
         // group by
-        groupBy: P,
-        updateGroupBy: rt,
-        groupByConfig: A,
-        updateGroupByConfig: mt,
+        groupBy: b,
+        updateGroupBy: ct,
+        groupByConfig: F,
+        updateGroupByConfig: st,
         // row height
-        rowHeight: X,
-        updateRowHeight: nt,
-        updateRowHeightWithPersistence: pt,
+        rowHeight: tt,
+        updateRowHeight: at,
+        updateRowHeightWithPersistence: ft,
         // global change
-        setColumnsConfig: (t) => e(t)
+        setColumnsConfig: (t) => m(t)
       },
-      children: U
+      children: q
     }
   );
 };
 export {
-  Bn as ColumnSettingsProvider
+  Dn as ColumnSettingsProvider
 };
 //# sourceMappingURL=ColumnSettingsProvider.es.js.map