@ynput/ayon-frontend-shared 0.2.35 → 0.2.36

package/dist/shared/src/containers/SimpleTable/SimpleTable.es.js

@@ -1,16 +1,16 @@
-import { j as h } from "../../../../_virtual/jsx-runtime.es.js";
-import { useRef as D, useMemo as V, useCallback as x, useEffect as ot } from "react";
-import { TableContainer as it } from "./SimpleTable.styled.es.js";
-import { functionalUpdate as B, useReactTable as rt, getExpandedRowModel as et, getFilteredRowModel as mt, getCoreRowModel as pt, flexRender as nt, sortingFns as lt } from "@tanstack/react-table";
-import { useVirtualizer as at } from "@tanstack/react-virtual";
+import { j as b } from "../../../../_virtual/jsx-runtime.es.js";
+import { useRef as D, useMemo as B, useCallback as R, useEffect as et } from "react";
+import { TableContainer as mt } from "./SimpleTable.styled.es.js";
+import { functionalUpdate as O, useReactTable as nt, getExpandedRowModel as pt, getFilteredRowModel as lt, getCoreRowModel as at, flexRender as st, sortingFns as ct } from "@tanstack/react-table";
+import { useVirtualizer as dt } from "@tanstack/react-virtual";
 import J from "clsx";
-import st from "./hooks/useRowKeydown.es.js";
-import { compareItems as ct, rankItem as dt } from "@tanstack/match-sorter-utils";
-import { useSimpleTableContext as gt } from "./context/SimpleTableContext.es.js";
-import { SimpleTableCellTemplate as ft } from "./SimpleTableRowTemplate.es.js";
+import gt from "./hooks/useRowKeydown.es.js";
+import { compareItems as ut, rankItem as ft } from "@tanstack/match-sorter-utils";
+import { useSimpleTableContext as ht } from "./context/SimpleTableContext.es.js";
+import { SimpleTableCellTemplate as Rt } from "./SimpleTableRowTemplate.es.js";
 import "@ynput/ayon-react-components";
 import "../../components/ThumbnailSimple/ThumbnailSimple.es.js";
-import { EmptyPlaceholder as ut } from "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import { EmptyPlaceholder as xt } from "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
 import "react-toastify";
 import "../../api/base/client.es.js";
@@ -78,6 +78,7 @@ 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/project/getProject.es.js";
@@ -155,6 +156,7 @@ import "../Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
 import "../Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
 import "../ProjectTreeTable/ProjectTreeTable.es.js";
 import "../ProjectTreeTable/context/CellEditingContext.es.js";
+import "short-uuid";
 import "../ProjectTreeTable/widgets/CollapsedWidget.es.js";
 import "../ProjectTreeTable/widgets/DateWidget.es.js";
 import "../ProjectTreeTable/widgets/EnumWidget.es.js";
@@ -168,6 +170,8 @@ import "../../components/LinksManager/CellEditingDialog.es.js";
 import "../ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
 import "../ProjectTreeTable/context/SelectedRowsContext.es.js";
 import "../../components/LinksManager/LinksManager.styled.es.js";
+import "../ProjectTreeTable/widgets/EmptyWidget.es.js";
+import "../ProjectTreeTable/widgets/ErrorWidget.es.js";
 import "../ProjectTreeTable/ProjectTreeTable.styled.es.js";
 import "../ProjectTreeTable/components/SelectionCell.es.js";
 import "../ProjectTreeTable/components/RowSelectionHeader.es.js";
@@ -214,11 +218,13 @@ import "../../components/Powerpack/PricingLink.es.js";
 import "../../components/Powerpack/PowerpackDialog.styled.es.js";
 import "../../components/Powerpack/CTAButton.es.js";
 import "../../components/Powerpack/RequiredAddonVersion.es.js";
+import "../../components/SizeSlider/SizeSlider.es.js";
 import "../../components/SettingsPanel/SettingsPanel.es.js";
 import "../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../../components/AttributeEditor/components/MinMaxField.es.js";
 import "../../components/EnumEditor/EnumEditor.styled.es.js";
 import "../../components/SearchFilter/filterDates.es.js";
+import "../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
 import "../../components/Badge/Badge.es.js";
 import "../../components/VersionUploader/components/UploadVersionDialog.es.js";
 import "../../components/VersionUploader/context/VersionUploadContext.es.js";
@@ -231,64 +237,69 @@ import "../../components/ShareOptionIcon/ShareOptionIcon.es.js";
 import "../../components/AccessUser/AccessUser.es.js";
 import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
 import "../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
-const Rt = (e, m, s, c) => {
-  const i = e.getValue(m);
-  let p = typeof i == "string" ? i : Array.isArray(i) ? i.join(" ") : JSON.stringify(i);
-  m === "label" && (p = [e.original.label, e.original.name, ...e.original.parents || []].join(
+import "../../components/TableGridSwitch/TableGridSwitch.es.js";
+import "../../components/SortingSetting/SortingSetting.styled.es.js";
+import "../../components/EarlyPreview/EarlyPreview.es.js";
+import "../../components/LegacyBadge/LegacyBadge.es.js";
+const bt = (n, p, d, u) => {
+  const m = n.getValue(p);
+  let l = typeof m == "string" ? m : Array.isArray(m) ? m.join(" ") : JSON.stringify(m);
+  p === "label" && (l = [n.original.label, n.original.name, ...n.original.parents || []].join(
     " "
   ));
-  const u = dt(p, s);
-  return c({
-    itemRank: u
-  }), u.passed;
-}, ht = (e, m, s) => {
-  var i, p;
-  let c = 0;
-  return e.columnFiltersMeta[s] && (c = ct(
-    (i = e.columnFiltersMeta[s]) == null ? void 0 : i.itemRank,
-    (p = m.columnFiltersMeta[s]) == null ? void 0 : p.itemRank
-  )), c === 0 ? lt.alphanumeric(e, m, s) : c;
+  const x = ft(l, d);
+  return u({
+    itemRank: x
+  }), x.passed;
+}, yt = (n, p, d) => {
+  var m, l;
+  let u = 0;
+  return n.columnFiltersMeta[d] && (u = ut(
+    (m = n.columnFiltersMeta[d]) == null ? void 0 : m.itemRank,
+    (l = p.columnFiltersMeta[d]) == null ? void 0 : l.itemRank
+  )), u === 0 ? ct.alphanumeric(n, p, d) : u;
 };
-function xt(e, m, s) {
-  const c = [];
-  if (m === s) {
-    const a = e.find((M) => M.id === m);
-    return a ? [a] : [];
+function St(n, p, d) {
+  const u = [];
+  if (p === d) {
+    const s = n.find((T) => T.id === p);
+    return s ? [s] : [];
   }
-  let i = -1, p = -1;
-  for (let a = 0; a < e.length && (e[a].id === m && (i = a), e[a].id === s && (p = a), !(i !== -1 && p !== -1)); a++)
+  let m = -1, l = -1;
+  for (let s = 0; s < n.length && (n[s].id === p && (m = s), n[s].id === d && (l = s), !(m !== -1 && l !== -1)); s++)
     ;
-  if (i === -1 || p === -1) return [];
-  const u = Math.min(i, p), y = Math.max(i, p);
-  for (let a = u; a <= y; a++)
-    c.push(e[a]);
-  return c;
+  if (m === -1 || l === -1) return [];
+  const x = Math.min(m, l), E = Math.max(m, l);
+  for (let s = x; s <= E; s++)
+    u.push(n[s]);
+  return u;
 }
-const Ae = ({
-  data: e = [],
-  isLoading: m,
-  error: s,
-  isExpandable: c,
-  isMultiSelect: i = !0,
-  enableClickToDeselect: p = !0,
-  enableNonFolderIndent: u = !0,
-  forceUpdateTable: y,
-  globalFilter: a,
-  meta: M,
-  rowHeight: T,
-  onScrollBottom: j,
+const We = ({
+  data: n = [],
+  isLoading: p,
+  error: d,
+  isExpandable: u,
+  isMultiSelect: m = !0,
+  enableClickToDeselect: l = !0,
+  enableNonFolderIndent: x = !0,
+  forceUpdateTable: E,
+  globalFilter: s,
+  meta: T,
+  rowHeight: j,
+  imgRatio: $,
+  onScrollBottom: k,
   children: Y,
   pt: g
 }) => {
   const {
-    rowSelection: k,
+    rowSelection: A,
     expanded: _,
-    setExpanded: C,
-    onExpandedChange: E,
-    onRowSelectionChange: P,
-    rowPinning: z,
-    onRowPinningChange: b
-  } = gt(), S = D(null), H = D(null), q = V(() => m ? Array.from({ length: 10 }, (t, r) => ({
+    setExpanded: F,
+    onExpandedChange: z,
+    onRowSelectionChange: N,
+    rowPinning: P,
+    onRowPinningChange: w
+  } = ht(), C = D(null), y = D(null), G = B(() => p ? Array.from({ length: 10 }, (t, r) => ({
     id: `placeholder-${r}`,
     name: `placeholder-${r}`,
     label: `placeholder-${r}`,
@@ -298,64 +309,90 @@ const Ae = ({
     data: {
       id: `placeholder-${r}`
     }
-  })) : e, [m, e, y]), w = x(
-    (t, r, n, o) => {
-      const d = r, R = t.getFilteredRowModel().flatRows, l = R.find((K) => K.id === d);
-      if (l && !l.original.isDisabled) {
-        if (p && !n && !o && Object.keys(t.getState().rowSelection).length === 1 && t.getState().rowSelection[d]) {
-          t.setRowSelection({}), S.current = null;
+  })) : n, [p, n, E]), S = R(
+    (t, r, e, o) => {
+      const c = r, a = t.getFilteredRowModel().flatRows, i = a.find((h) => h.id === c);
+      if (i && !i.original.isDisabled) {
+        if (l && !e && !o && Object.keys(t.getState().rowSelection).length === 1 && t.getState().rowSelection[c]) {
+          t.setRowSelection({}), C.current = null;
           return;
         }
-        if (i && n && S.current) {
-          const K = S.current;
-          if (!R.find(($) => $.id === K))
-            t.setRowSelection({ [d]: !0 });
+        if (m && e && C.current) {
+          const h = C.current;
+          if (!a.find((H) => H.id === h))
+            t.setRowSelection({ [c]: !0 });
           else {
-            const $ = xt(R, d, K), O = {};
-            $.forEach((tt) => O[tt.id] = !0), t.setRowSelection(O);
+            const H = St(a, c, h), q = {};
+            H.forEach((rt) => q[rt.id] = !0), t.setRowSelection(q);
           }
-        } else i && o ? l.toggleSelected() : t.setRowSelection({ [d]: !0 });
-        S.current = d;
+        } else m && o ? i.toggleSelected() : t.setRowSelection({ [c]: !0 });
+        C.current = c;
       }
     },
-    [i, p]
-  ), G = x(
+    [m, l]
+  ), Q = R(
     (t, r) => {
-      if (!H.current) {
+      if (!y.current) {
         console.warn("tableRef not yet available in handleRowSelectForKeydown");
         return;
       }
-      const n = t.shiftKey, o = t.ctrlKey || t.metaKey;
-      w(
-        H.current,
+      const e = t.shiftKey, o = t.ctrlKey || t.metaKey;
+      S(
+        y.current,
         // Pass the main table instance
         r.id,
-        n,
+        e,
         o
       );
     },
-    [w]
+    [S]
     // Depends only on handleSelectionLogic
-  ), { handleRowKeyDown: L } = st({
-    handleRowSelect: G
-  }), Q = V(
+  ), U = R(
+    (t, r, e) => {
+      if (!y.current) return;
+      const o = y.current.getRowModel().rows, c = o.findIndex((i) => i.id === r.id);
+      if (c === -1) return;
+      let a = t === "down" ? c + 1 : c - 1;
+      if (!(a < 0 || a >= o.length))
+        for (; a >= 0 && a < o.length; ) {
+          const i = o[a];
+          if (!i.original.isDisabled) {
+            S(
+              y.current,
+              i.id,
+              e.shiftKey,
+              e.ctrlKey || e.metaKey
+            ), requestAnimationFrame(() => {
+              const h = document.getElementById(i.id), M = h == null ? void 0 : h.querySelector('[tabindex="0"]');
+              M && (M.focus(), M.scrollIntoView({ block: "nearest", behavior: "smooth" }));
+            });
+            return;
+          }
+          a = t === "down" ? a + 1 : a - 1;
+        }
+    },
+    [S]
+  ), { handleRowKeyDown: I } = gt({
+    handleRowSelect: Q,
+    handleArrowNavigation: U
+  }), W = B(
     () => [
       {
         accessorKey: "label",
         header: void 0,
         filterFn: "fuzzy",
-        sortingFn: ht,
+        sortingFn: yt,
         //sort by fuzzy rank (falls back to alphanumeric)
-        cell: ({ row: t, getValue: r, table: n }) => {
-          const o = n.options.meta, d = (l) => {
-            l.target instanceof HTMLInputElement || l.target instanceof HTMLButtonElement || l.target instanceof HTMLTextAreaElement || l.target instanceof HTMLSelectElement || l.target instanceof HTMLAnchorElement || l.target.closest("button, a, input, textarea, select") || w(
-              n,
+        cell: ({ row: t, getValue: r, table: e }) => {
+          const o = e.options.meta, c = (i) => {
+            i.target instanceof HTMLInputElement || i.target instanceof HTMLButtonElement || i.target instanceof HTMLTextAreaElement || i.target instanceof HTMLSelectElement || i.target instanceof HTMLAnchorElement || i.target.closest("button, a, input, textarea, select") || S(
+              e,
               // Pass the cell's table instance
               t.id,
-              l.shiftKey,
-              l.ctrlKey || l.metaKey
+              i.shiftKey,
+              i.ctrlKey || i.metaKey
             );
-          }, R = {
+          }, a = {
             className: J({
               selected: t.getIsSelected(),
               loading: o == null ? void 0 : o.isLoading,
@@ -364,11 +401,9 @@ const Ae = ({
               inactive: t.original.inactive
               // false: archived items but still selectable
             }),
-            onKeyDown: (l) => {
-              l.target instanceof HTMLInputElement || L(l, t);
+            onKeyDown: (i) => {
+              i.target instanceof HTMLInputElement || I(i, t);
             },
-            onClick: d,
-            // Added onClick handler
             depth: t.depth,
             tabIndex: 0,
             value: r(),
@@ -376,118 +411,123 @@ const Ae = ({
             icon: t.original.icon || void 0,
             iconColor: t.original.iconColor,
             iconFilled: t.original.iconFilled,
+            img: t.original.img,
+            imgShape: t.original.imgShape,
+            imgRatio: $,
             isRowExpandable: t.getCanExpand(),
-            enableNonFolderIndent: u,
+            enableNonFolderIndent: x,
             isRowExpanded: t.getIsExpanded(),
             isTableExpandable: o == null ? void 0 : o.isExpandable,
             onExpandClick: t.getToggleExpandedHandler(),
             startContent: t.original.startContent,
             endContent: t.original.endContent,
             isDisabled: t.original.isDisabled,
-            disabledMessage: t.original.disabledMessage
+            disabledMessage: t.original.disabledMessage,
+            ...g == null ? void 0 : g.cell,
+            onClick: c
+            // Added onClick handler
           };
-          return o != null && o.children ? o.children(R, t, n) : /* @__PURE__ */ h.jsx(ft, { ...R, ...g == null ? void 0 : g.cell });
+          return o != null && o.children ? o.children(a, t, e) : /* @__PURE__ */ b.jsx(Rt, { ...a, ...g == null ? void 0 : g.cell });
         }
       }
     ],
     [
-      y,
-      w,
-      L,
-      p,
-      u
+      E,
+      S,
+      I,
+      l,
+      x,
+      $
     ]
     // include enableClickToDeselect for completeness
-  ), U = x(
+  ), X = R(
     (t) => {
-      P(B(t, k));
+      N(O(t, A));
     },
-    [P, k]
-    // Depends only on the stable setState function from context
-  ), W = x(
+    [N]
+  ), Z = R(
     (t) => {
-      z && (b == null || b(B(t, z)));
+      w == null || w(O(t, P || {}));
     },
-    [b]
-    // Depends only on the stable setState function from context
-  ), X = x(
+    [w]
+  ), v = R(
     (t) => {
-      C == null || C((r) => {
-        const n = t instanceof Function ? t(r) : t;
-        return E == null || E(n), n;
+      F == null || F((r) => {
+        const e = t instanceof Function ? t(r) : t;
+        return z == null || z(e), e;
       });
     },
-    [C, E]
-  ), F = rt({
-    data: q,
-    columns: Q,
+    [F]
+  ), K = nt({
+    data: G,
+    columns: W,
     state: {
       expanded: _,
-      rowSelection: k,
-      globalFilter: a,
-      rowPinning: z
+      rowSelection: A,
+      globalFilter: s,
+      rowPinning: P
     },
-    onRowSelectionChange: U,
-    onRowPinningChange: W,
+    onRowSelectionChange: X,
+    onRowPinningChange: Z,
     filterFns: {
-      fuzzy: Rt
+      fuzzy: bt
     },
     globalFilterFn: "fuzzy",
     enableRowSelection: !0,
     //enable row selection for all rows
-    enableRowPinning: !!b,
+    enableRowPinning: !!w,
     getRowId: (t) => t.id,
     enableSubRowSelection: !1,
     //disable sub row selection
-    onExpandedChange: X,
+    onExpandedChange: v,
     getSubRows: (t) => t.subRows,
-    getCoreRowModel: pt(),
-    getFilteredRowModel: mt(),
-    getExpandedRowModel: et(),
+    getCoreRowModel: at(),
+    getFilteredRowModel: lt(),
+    getExpandedRowModel: pt(),
     filterFromLeafRows: !0,
     // debugTable: true,
     meta: {
-      isExpandable: !!c,
-      isLoading: m,
+      isExpandable: !!u,
+      isLoading: p,
       children: Y,
-      ...M
+      ...T
     }
   });
-  ot(() => {
-    H.current = F;
-  }, [F]);
-  const { rows: N } = F.getRowModel(), A = D(null), f = at({
-    count: N.length,
-    estimateSize: () => T || 34,
+  et(() => {
+    y.current = K;
+  }, [K]);
+  const { rows: L } = K.getRowModel(), V = D(null), f = dt({
+    count: L.length,
+    estimateSize: () => j || 34,
     //estimate row height for accurate scrollbar dragging
-    getScrollElement: () => A.current,
+    getScrollElement: () => V.current,
     //measure dynamic row height, except in firefox because it measures table border height incorrectly
-    measureElement: T ? () => T : typeof window < "u" && navigator.userAgent.indexOf("Firefox") === -1 ? (t) => t == null ? void 0 : t.getBoundingClientRect().height : void 0,
+    measureElement: j ? () => j : typeof window < "u" && navigator.userAgent.indexOf("Firefox") === -1 ? (t) => t == null ? void 0 : t.getBoundingClientRect().height : void 0,
     overscan: 5
-  }), Z = x(
+  }), tt = R(
     (t) => {
       t && f.measureElement(t);
     },
     [f]
-  ), I = x(
+  ), ot = R(
     (t) => {
-      if (!j) return;
-      const r = t.currentTarget, { scrollTop: n, scrollHeight: o, clientHeight: d } = r;
-      o - n - d < 100 && !m && j();
+      if (!k) return;
+      const r = t.currentTarget, { scrollTop: e, scrollHeight: o, clientHeight: c } = r;
+      o - e - c < 100 && !p && k();
     },
-    [j, m]
-  ), v = (t) => {
-    p && !t.target.closest("tr") && (F.setRowSelection({}), S.current = null);
+    [k, p]
+  ), it = (t) => {
+    l && !t.target.closest("tr") && (K.setRowSelection({}), C.current = null);
   };
-  return /* @__PURE__ */ h.jsxs(
-    it,
+  return /* @__PURE__ */ b.jsxs(
+    mt,
     {
-      ref: A,
-      className: J({ isLoading: m }),
-      onScroll: I,
-      onClick: v,
+      ref: V,
+      className: J({ isLoading: p }),
+      onScroll: ot,
+      onClick: it,
       children: [
-        !s && /* @__PURE__ */ h.jsx("table", { children: /* @__PURE__ */ h.jsx(
+        !d && /* @__PURE__ */ b.jsx("table", { children: /* @__PURE__ */ b.jsx(
           "tbody",
           {
             style: {
@@ -495,34 +535,34 @@ const Ae = ({
               //tells scrollbar how big the table is
             },
             children: f == null ? void 0 : f.getVirtualItems().map((t) => {
-              var n;
-              const r = N[t.index];
-              return /* @__PURE__ */ h.jsx(
+              var e;
+              const r = L[t.index];
+              return /* @__PURE__ */ b.jsx(
                 "tr",
                 {
                   "data-index": t.index,
-                  ref: Z,
+                  ref: tt,
                   id: r.id,
                   ...g == null ? void 0 : g.row,
                   style: {
                     transform: `translateY(${t.start}px)`,
                     //this should always be a `style` as it changes on scroll
-                    ...(n = g == null ? void 0 : g.row) == null ? void 0 : n.style
+                    ...(e = g == null ? void 0 : g.row) == null ? void 0 : e.style
                     // custom styles to be passed
                   },
-                  children: r.getVisibleCells().map((o) => /* @__PURE__ */ h.jsx("td", { children: nt(o.column.columnDef.cell, o.getContext()) }, o.id))
+                  children: r.getVisibleCells().map((o) => /* @__PURE__ */ b.jsx("td", { children: st(o.column.columnDef.cell, o.getContext()) }, o.id))
                 },
                 r.id
               );
             })
           }
         ) }),
-        !!s && /* @__PURE__ */ h.jsx(ut, { error: s })
+        !!d && /* @__PURE__ */ b.jsx(xt, { error: d })
       ]
     }
   );
 };
 export {
-  Ae as default
+  We as default
 };
 //# sourceMappingURL=SimpleTable.es.js.map