@ynput/ayon-frontend-shared 0.6.6 → 0.6.7

package/dist/chunks/SimpleTable.es.js

@@ -1,16 +1,16 @@
-import { jsx as d, jsxs as G, Fragment as $e } from "react/jsx-runtime";
-import { useCallback as w, createContext as Ie, useContext as Le, forwardRef as je, useState as Pe, useEffect as ye, useRef as R, useMemo as se } from "react";
+import { jsx as d, jsxs as _, Fragment as Ae } from "react/jsx-runtime";
+import { useCallback as v, createContext as Ie, useContext as Le, forwardRef as je, useState as Pe, useEffect as ye, useRef as R, useMemo as se } from "react";
 import { theme as He, Button as xe, Icon as fe, InputText as Ve, Spacer as Be } from "@ynput/ayon-react-components";
 import L from "styled-components";
-import { functionalUpdate as he, useReactTable as qe, getExpandedRowModel as Oe, getFilteredRowModel as Ge, getCoreRowModel as _e, flexRender as Qe, sortingFns as Je } from "@tanstack/react-table";
-import { useVirtualizer as Ue } from "@tanstack/react-virtual";
+import { functionalUpdate as he, useReactTable as qe, getExpandedRowModel as Oe, getFilteredRowModel as _e, getCoreRowModel as Qe, flexRender as Je, sortingFns as Ue } from "@tanstack/react-table";
+import { useVirtualizer as We } from "@tanstack/react-virtual";
 import K from "clsx";
-import { compareItems as We } from "@tanstack/match-sorter-utils";
+import { compareItems as Ye } from "@tanstack/match-sorter-utils";
 import "lodash";
 import "primereact/confirmdialog";
 import "react-toastify";
 import "uuid";
-import { bs as Ye, bt as Xe } from "./searchTerms.es.js";
+import { bs as Ge, bt as Xe } from "./searchTerms.es.js";
 import { E as Ze } from "./EmptyPlaceholder.es.js";
 import "./ContextMenuContextInstance.es.js";
 import "primereact-context/contextmenu";
@@ -139,7 +139,7 @@ const tt = L.div`
       }
       .pin.active {
         opacity: 0.7;
-        font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;
+        font-variation-settings: 'FILL' 1;
       }
     }
   }
@@ -178,7 +178,7 @@ const tt = L.div`
       &.active {
         display: flex;
         opacity: 0.7;
-        font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;
+        font-variation-settings: 'FILL' 1;
       }
     }
   }
@@ -235,7 +235,7 @@ const tt = L.div`
 
   /* filled icon */
   .icon.filled {
-    font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;
+    font-variation-settings: 'FILL' 1;
   }
 
   .image {
@@ -292,7 +292,7 @@ const tt = L.div`
   gap: var(--base-gap-small);
 
   border-bottom: 1px solid var(--md-sys-color-outline-variant);
-`, Dt = L(xe)`
+`, Tt = L(xe)`
   background-color: unset !important;
   z-index: 110;
   position: relative;
@@ -318,7 +318,7 @@ function rt({
   handleArrowNavigation: a,
   handleRename: l
 }) {
-  return { handleRowKeyDown: w(
+  return { handleRowKeyDown: v(
     (n, p) => {
       if (["Enter", " "].includes(n.key))
         n.preventDefault(), n.stopPropagation(), t(n, p);
@@ -336,7 +336,7 @@ const be = Ie(void 0), at = () => {
   if (t === void 0)
     throw new Error("useSimpleTableContext must be used within a SimpleTableProvider");
   return t;
-}, zt = ({ children: t, ...a }) => /* @__PURE__ */ d(be.Provider, { value: { ...a }, children: t }), it = ({
+}, Dt = ({ children: t, ...a }) => /* @__PURE__ */ d(be.Provider, { value: { ...a }, children: t }), it = ({
   isRowExpandable: t,
   isRowExpanded: a,
   enableNonFolderIndent: l = !0,
@@ -363,32 +363,32 @@ const be = Ie(void 0), at = () => {
     imgShape: b = "square",
     imgRatio: x,
     imgPosition: M = "start",
-    isRowExpandable: _,
+    isRowExpandable: Q,
     isRowExpanded: j,
-    isTableExpandable: Q,
-    enableNonFolderIndent: J = !0,
+    isTableExpandable: J,
+    enableNonFolderIndent: U = !0,
     onExpandClick: P,
-    startContent: U,
+    startContent: W,
     endContent: H,
     badge: C,
     actions: F,
     isRenaming: E,
     renameInitialValue: N,
-    onSubmitRename: W,
+    onSubmitRename: Y,
     onCancelRename: V,
-    renamePlaceholder: Y,
+    renamePlaceholder: G,
     depth: k = 0,
     isDisabled: X,
     disabledMessage: Z,
     active: ee,
-    inactive: D,
+    inactive: T,
     style: re,
     pt: y,
     ...te
-  }, z) => {
-    const [B, T] = Pe(N ?? t);
+  }, D) => {
+    const [B, z] = Pe(N ?? t);
     ye(() => {
-      E && T(N ?? t);
+      E && z(N ?? t);
     }, [t, E, N]);
     const S = p ? /* @__PURE__ */ d(
       "img",
@@ -415,14 +415,14 @@ const be = Ie(void 0), at = () => {
         }
       )
     );
-    return /* @__PURE__ */ G(
+    return /* @__PURE__ */ _(
       nt,
       {
         ...te,
-        ref: z,
+        ref: D,
         className: K(te.className, {
           disabled: X,
-          inactive: D || ee === !1,
+          inactive: T || ee === !1,
           "has-actions": !!F?.length
         }),
         style: {
@@ -434,16 +434,16 @@ const be = Ie(void 0), at = () => {
           /* @__PURE__ */ d(
             it,
             {
-              isRowExpandable: _,
+              isRowExpandable: Q,
               isRowExpanded: j,
-              isTableExpandable: Q,
+              isTableExpandable: J,
               onExpandClick: P,
-              enableNonFolderIndent: J,
+              enableNonFolderIndent: U,
               ...y?.expander
             }
           ),
           M === "start" && S,
-          U,
+          W,
           a && /* @__PURE__ */ d(
             fe,
             {
@@ -461,11 +461,11 @@ const be = Ie(void 0), at = () => {
             {
               autoFocus: !0,
               style: { flex: 1 },
-              onChange: (f) => T(f.target.value),
+              onChange: (f) => z(f.target.value),
               value: B,
-              placeholder: Y,
+              placeholder: G,
               onKeyDown: (f) => {
-                f.key === "Enter" && W?.(B), f.key === "Escape" && V?.();
+                f.key === "Enter" && Y?.(B), f.key === "Escape" && V?.();
               },
               onBlur: () => {
                 V?.();
@@ -475,25 +475,25 @@ const be = Ie(void 0), at = () => {
               },
               ...y?.input
             }
-          ) : /* @__PURE__ */ G("div", { className: "text", ...y?.text, children: [
-            l && k === 0 && /* @__PURE__ */ G("span", { className: "path", children: [
+          ) : /* @__PURE__ */ _("div", { className: "text", ...y?.text, children: [
+            l && k === 0 && /* @__PURE__ */ _("span", { className: "path", children: [
               l.join(" / "),
               " / "
             ] }),
             /* @__PURE__ */ d("span", { className: "value", children: t })
           ] }),
-          !E && /* @__PURE__ */ G($e, { children: [
+          !E && /* @__PURE__ */ _(Ae, { children: [
             /* @__PURE__ */ d(Be, { className: "spacer" }),
             C?.toString() && /* @__PURE__ */ d("div", { className: "badges", children: typeof C == "string" ? /* @__PURE__ */ d("span", { children: C }) : C }),
             F && /* @__PURE__ */ d("div", { className: "actions", children: F.map((f, q) => {
-              const { show: A = "hover", ...$ } = f;
-              return A === "hidden" ? null : /* @__PURE__ */ d(
+              const { show: $ = "hover", ...A } = f;
+              return $ === "hidden" ? null : /* @__PURE__ */ d(
                 fe,
                 {
-                  ...$,
-                  className: K($.className, { "show-always": A === "always" })
+                  ...A,
+                  className: K(A.className, { "show-always": $ === "always" })
                 },
-                $.icon + q.toString()
+                A.icon + q.toString()
               );
             }) })
           ] }),
@@ -503,24 +503,24 @@ const be = Ie(void 0), at = () => {
       }
     );
   }
-), st = (t) => t ? Array.isArray(t) ? t.filter(Boolean) : [t] : [], we = (t, a) => {
-  t.toggleExpanded(a), t.subRows.forEach((l) => we(l, a));
-}, ve = (t, a, l, u) => {
+), st = (t) => t ? Array.isArray(t) ? t.filter(Boolean) : [t] : [], ve = (t, a) => {
+  t.toggleExpanded(a), t.subRows.forEach((l) => ve(l, a));
+}, we = (t, a, l, u) => {
   const n = t.getValue(a);
   let p = typeof n == "string" ? n : Array.isArray(n) ? n.join(" ") : JSON.stringify(n);
   a === "label" && (p = [t.original.label, t.original.name, ...t.original.parents || []].join(
     " "
   ));
-  const b = Ye(p, l);
+  const b = Ge(p, l);
   return u({ itemRank: b }), b.passed;
 };
-ve.resolveFilterValue = Xe;
+we.resolveFilterValue = Xe;
 const ct = (t, a, l) => {
   let u = 0;
-  return t.columnFiltersMeta[l] && (u = We(
+  return t.columnFiltersMeta[l] && (u = Ye(
     t.columnFiltersMeta[l]?.itemRank,
     a.columnFiltersMeta[l]?.itemRank
-  )), u === 0 ? Je.alphanumeric(t, a, l) : u;
+  )), u === 0 ? Ue.alphanumeric(t, a, l) : u;
 };
 function dt(t, a, l) {
   let u = -1, n = -1;
@@ -530,7 +530,7 @@ function dt(t, a, l) {
   const p = Math.min(u, n), b = Math.max(u, n);
   return t.slice(p, b + 1);
 }
-const Tt = ({
+const zt = ({
   data: t = [],
   isLoading: a,
   error: l,
@@ -540,36 +540,36 @@ const Tt = ({
   enableNonFolderIndent: b = !0,
   forceUpdateTable: x,
   globalFilter: M,
-  meta: _,
+  meta: Q,
   rowHeight: j,
-  imgRatio: Q,
-  imgPosition: J,
+  imgRatio: J,
+  imgPosition: U,
   onScrollBottom: P,
-  onRename: U,
+  onRename: W,
   renamingId: H,
   renameInitialValue: C,
   onSubmitRename: F,
   onCancelRename: E,
   onRowDoubleClick: N,
-  onRowOptionClick: W,
+  onRowOptionClick: Y,
   rowContextMenuBuilders: V = [],
-  children: Y,
+  children: G,
   pt: k,
   fitContent: X,
   rowIdPrefix: Z,
   ...ee
 }) => {
   const {
-    rowSelection: D,
+    rowSelection: T,
     expanded: re,
     setExpanded: y,
     onExpandedChange: te,
-    onRowSelectionChange: z,
+    onRowSelectionChange: D,
     rowPinning: B,
-    onRowPinningChange: T
+    onRowPinningChange: z
   } = at(), S = R(null), f = R(null), q = R(Z);
   q.current = Z;
-  const A = (e) => q.current ? `${q.current}-${e}` : e, [$] = et(), ce = R(N);
+  const $ = (e) => q.current ? `${q.current}-${e}` : e, [A] = et(), ce = R(N);
   ce.current = N;
   const ae = R(H);
   ae.current = H;
@@ -579,8 +579,8 @@ const Tt = ({
   ie.current = F;
   const ue = R(E);
   ue.current = E;
-  const pe = R(U);
-  pe.current = U;
+  const pe = R(W);
+  pe.current = W;
   const Re = se(() => a ? Array.from({ length: 10 }, (e, i) => ({
     id: `placeholder-${i}`,
     name: `placeholder-${i}`,
@@ -591,23 +591,23 @@ const Tt = ({
     data: {
       id: `placeholder-${i}`
     }
-  })) : t, [a, t, x]), I = w(
+  })) : t, [a, t, x]), I = v(
     (e, i, r, c) => {
-      const s = i, g = e.getRowModel(), o = g.rows, v = g.rowsById[s], h = e.getState().rowSelection || {};
-      if (!v) return { ...h };
-      if (v.original.isDisabled)
+      const s = i, g = e.getRowModel(), o = g.rows, w = g.rowsById[s], h = e.getState().rowSelection || {};
+      if (!w) return { ...h };
+      if (w.original.isDisabled)
         return { ...h };
       if (p && !r && !c && Object.keys(h).length === 1 && h[s])
         return e.setRowSelection({}), S.current = null, {};
       let m;
       if (n && r && S.current) {
-        const Te = S.current, me = dt(o, s, Te);
-        me.length === 0 ? m = { ...h, [s]: !0 } : (m = { ...h }, me.forEach((Ae) => m[Ae.id] = !0));
+        const ze = S.current, me = dt(o, s, ze);
+        me.length === 0 ? m = { ...h, [s]: !0 } : (m = { ...h }, me.forEach(($e) => m[$e.id] = !0));
       } else n && c ? (m = { ...h }, m[s] ? delete m[s] : m[s] = !0) : (m = { ...h }, Object.keys(m).length === 1 && m[s] || (m = { [s]: !0 }));
       return e.setRowSelection(m), S.current = s, m;
     },
     [n, p]
-  ), Se = w(
+  ), Se = v(
     (e, i) => {
       if (!f.current) {
         console.warn("tableRef not yet available in handleRowSelectForKeydown");
@@ -624,7 +624,7 @@ const Tt = ({
     },
     [I]
     // Depends only on handleSelectionLogic
-  ), Ce = w(
+  ), Ce = v(
     (e, i, r) => {
       if (!f.current) return;
       const c = f.current.getRowModel().rows, s = c.findIndex((o) => o.id === i.id);
@@ -640,7 +640,7 @@ const Tt = ({
               r.shiftKey,
               r.ctrlKey || r.metaKey
             ), requestAnimationFrame(() => {
-              const v = le.current, m = (v ? v.querySelector(`#${CSS.escape(A(o.id))}`) : document.getElementById(A(o.id)))?.querySelector('[tabindex="0"]');
+              const w = le.current, m = (w ? w.querySelector(`#${CSS.escape($(o.id))}`) : document.getElementById($(o.id)))?.querySelector('[tabindex="0"]');
               m && (m.focus(), m.scrollIntoView({ block: "nearest", behavior: "smooth" }));
             });
             return;
@@ -649,7 +649,7 @@ const Tt = ({
         }
     },
     [I]
-  ), Ee = w(
+  ), Ee = v(
     (e, i) => {
       i.original.isDisabled || pe.current?.(i.id, i);
     },
@@ -678,7 +678,7 @@ const Tt = ({
               o.shiftKey,
               o.ctrlKey || o.metaKey
             );
-            o.altKey && W?.(e.original, Object.keys(h));
+            o.altKey && Y?.(e.original, Object.keys(h));
           }, g = {
             className: K({
               selected: e.getIsSelected(),
@@ -700,14 +700,14 @@ const Tt = ({
             iconFilled: e.original.iconFilled,
             img: e.original.img,
             imgShape: e.original.imgShape,
-            imgRatio: Q,
-            imgPosition: J,
+            imgRatio: J,
+            imgPosition: U,
             isRowExpandable: e.getCanExpand(),
             enableNonFolderIndent: b,
             isRowExpanded: e.getIsExpanded(),
             isTableExpandable: c?.isExpandable,
             onExpandClick: (o) => {
-              o?.altKey ? we(e, !e.getIsExpanded()) : e.toggleExpanded();
+              o?.altKey ? ve(e, !e.getIsExpanded()) : e.toggleExpanded();
             },
             startContent: e.original.startContent,
             endContent: e.original.endContent,
@@ -733,21 +733,21 @@ const Tt = ({
       ge,
       p,
       b,
-      Q,
       J,
-      W
+      U,
+      Y
     ]
-  ), Ke = w(
+  ), Ke = v(
     (e) => {
-      z(he(e, D));
+      D(he(e, T));
     },
-    [z]
-  ), Me = w(
+    [D]
+  ), Me = v(
     (e) => {
-      T?.(he(e, B || {}));
+      z?.(he(e, B || {}));
     },
-    [T]
-  ), Fe = w(
+    [z]
+  ), Fe = v(
     (e) => {
       y?.((i) => {
         const r = e instanceof Function ? e(i) : e;
@@ -760,26 +760,26 @@ const Tt = ({
     columns: ke,
     state: {
       expanded: re,
-      rowSelection: D,
+      rowSelection: T,
       globalFilter: M,
       rowPinning: B
     },
     onRowSelectionChange: Ke,
     onRowPinningChange: Me,
     filterFns: {
-      fuzzy: ve
+      fuzzy: we
     },
     globalFilterFn: "fuzzy",
     enableRowSelection: !0,
     //enable row selection for all rows
-    enableRowPinning: !!T,
+    enableRowPinning: !!z,
     getRowId: (e) => e.id,
     enableSubRowSelection: !1,
     //disable sub row selection
     onExpandedChange: Fe,
     getSubRows: (e) => e.subRows,
-    getCoreRowModel: _e(),
-    getFilteredRowModel: Ge(),
+    getCoreRowModel: Qe(),
+    getFilteredRowModel: _e(),
     getExpandedRowModel: Oe(),
     filterFromLeafRows: !0,
     // debugTable: true,
@@ -788,29 +788,29 @@ const Tt = ({
       () => ({
         isExpandable: !!u,
         isLoading: a,
-        children: Y,
-        ..._
+        children: G,
+        ...Q
       }),
-      [u, a, Y, _]
+      [u, a, G, Q]
     )
   });
   ye(() => {
     f.current = O;
   }, [O]);
-  const { rows: ne } = O.getRowModel(), Ne = w(
+  const { rows: ne } = O.getRowModel(), Ne = v(
     (e, i, r) => {
       if (!f.current) return;
       const c = ne[i];
       if (!c || c.original === void 0) return;
       r.preventDefault(), r.stopPropagation();
-      const s = Object.keys(D), g = s.includes(e) ? s : [e];
+      const s = Object.keys(T), g = s.includes(e) ? s : [e];
       if (!s.includes(e)) {
-        const v = { [e]: !0 };
-        z?.(v);
+        const w = { [e]: !0 };
+        D?.(w);
       }
       const o = V.flatMap(
-        (v) => st(
-          v(r, {
+        (w) => st(
+          w(r, {
             rowId: e,
             rowIndex: i,
             row: c,
@@ -820,10 +820,10 @@ const Tt = ({
           })
         )
       );
-      o.length > 0 && $(r, o);
+      o.length > 0 && A(r, o);
     },
-    [V, ne, D, z, $]
-  ), le = R(null), oe = Ue({
+    [V, ne, T, D, A]
+  ), le = R(null), oe = We({
     count: ne.length,
     estimateSize: () => j || 34,
     //estimate row height for accurate scrollbar dragging
@@ -831,12 +831,12 @@ const Tt = ({
     //measure dynamic row height, except in firefox because it measures table border height incorrectly
     measureElement: j ? () => j : typeof window < "u" && navigator.userAgent.indexOf("Firefox") === -1 ? (e) => e?.getBoundingClientRect().height : void 0,
     overscan: 5
-  }), De = w(
+  }), Te = v(
     (e) => {
       e && oe.measureElement(e);
     },
     [oe]
-  ), ze = w(
+  ), De = v(
     (e) => {
       if (!P) return;
       const i = e.currentTarget, { scrollTop: r, scrollHeight: c, clientHeight: s } = i;
@@ -844,11 +844,11 @@ const Tt = ({
     },
     [P, a]
   );
-  return /* @__PURE__ */ G(
+  return /* @__PURE__ */ _(
     tt,
     {
       ref: le,
-      onScroll: ze,
+      onScroll: De,
       onClick: (e) => {
         p && !e.target.closest("tr") && (O.setRowSelection({}), S.current = null);
       },
@@ -868,8 +868,8 @@ const Tt = ({
                 "tr",
                 {
                   "data-index": e.index,
-                  ref: De,
-                  id: A(i.id),
+                  ref: Te,
+                  id: $(i.id),
                   onContextMenu: (r) => Ne(i.id, e.index, r),
                   ...k?.row,
                   style: {
@@ -878,7 +878,7 @@ const Tt = ({
                     ...k?.row?.style
                     // custom styles to be passed
                   },
-                  children: i.getVisibleCells().map((r) => /* @__PURE__ */ d("td", { children: Qe(r.column.columnDef.cell, r.getContext()) }, r.id))
+                  children: i.getVisibleCells().map((r) => /* @__PURE__ */ d("td", { children: Je(r.column.columnDef.cell, r.getContext()) }, r.id))
                 },
                 i.id
               );
@@ -895,12 +895,12 @@ export {
   ot as E,
   Nt as H,
   it as R,
-  Tt as S,
+  zt as S,
   tt as T,
   Ft as a,
-  Dt as b,
+  Tt as b,
   lt as c,
   be as d,
-  zt as e,
+  Dt as e,
   at as u
 };