@ynput/ayon-frontend-shared 0.5.0 → 0.6.0

package/dist/ListTable.es.js

@@ -6,14 +6,24 @@ import { Button as ze, Icon as Ie } from "@ynput/ayon-react-components";
 import "./chunks/PlayableIcon.es.js";
 import "date-fns";
 import "uuid";
-import { j as Te, k as we, T as Ve, l as _e, m as ke } from "./chunks/MetaWidget.es.js";
+import { i as Te, B as we, T as Ve, j as _e, k as ke } from "./chunks/MetaWidget.es.js";
 import "react-toastify";
 import "lodash";
 import "primereact/confirmdialog";
-import { bf as Le } from "./chunks/searchTerms.es.js";
+import { bg as Le } from "./chunks/searchTerms.es.js";
+import "lexical";
+import "@lexical/markdown";
+import "@lexical/react/LexicalBlockWithAlignableContents";
+import "@lexical/react/LexicalDecoratorBlockNode";
+import "match-sorter";
+import "@lexical/code";
+import "@lexical/list";
+import "@lexical/rich-text";
+import "@lexical/selection";
+import "@lexical/utils";
+import { dz as vt, dA as Ge } from "./chunks/getUris.es.js";
 import "react-router-dom";
 import "./chunks/ProjectContext.es.js";
-import { dy as vt, dz as Ge } from "./chunks/getUris.es.js";
 import { a as Me } from "./chunks/useCreateContextMenu.es.js";
 import "./chunks/DeleteEntitiesContext.es.js";
 import "./chunks/GlobalContext.es.js";
@@ -421,7 +431,7 @@ const Tt = C.tbody`
   gap: 2px;
   flex-shrink: 0;
   z-index: 1;
-`, fn = C.div`
+`, mn = C.div`
   position: absolute;
   right: -3px;
   top: 0;
@@ -455,11 +465,11 @@ const Tt = C.tbody`
   stopEditing: u,
   updateValue: a
 }) => {
-  const f = Array.isArray(t) ? t : t == null ? [] : [t];
+  const m = Array.isArray(t) ? t : t == null ? [] : [t];
   return /* @__PURE__ */ l(
     _e,
     {
-      value: f,
+      value: m,
       options: e.enum || [],
       type: e.type,
       isEditing: o,
@@ -484,7 +494,7 @@ const Tt = C.tbody`
     getDraftValue: t.getDraftValue,
     setDraftValue: t.setDraftValue
   }
-), mn = (t) => /* @__PURE__ */ l(
+), fn = (t) => /* @__PURE__ */ l(
   we,
   {
     value: !!t.value,
@@ -510,14 +520,14 @@ const Tt = C.tbody`
   string: Z,
   integer: Z,
   float: Z,
-  boolean: mn,
+  boolean: fn,
   datetime: hn,
   list_of_strings: tt,
   list_of_integers: tt,
   list_of_any: tt,
   list_of_submodels: wt,
   dict: wt
-}, xo = () => bn, Kt = (t, e) => `list-table-cell-${t}-${e}`, yn = (t) => F(t), Vt = "editable", vn = (t) => !!t && typeof t == "object" && "__listTablePlaceholder" in t, Cn = ({
+}, _o = () => bn, Kt = (t, e) => `list-table-cell-${t}-${e}`, yn = (t) => F(t), Vt = "editable", vn = (t) => !!t && typeof t == "object" && "__listTablePlaceholder" in t, Cn = ({
   cell: t,
   row: e,
   rowIndex: o,
@@ -525,7 +535,7 @@ const Tt = C.tbody`
   dataTypeWidgets: i,
   editingState: u,
   callbacks: a,
-  isReadOnly: f
+  isReadOnly: m
 }) => {
   const d = r?.type;
   if (!d || !i?.[d])
@@ -542,7 +552,7 @@ const Tt = C.tbody`
     cellId: c,
     attributeData: r,
     isEditing: u.editingCellId === c,
-    isReadOnly: f,
+    isReadOnly: m,
     startEditing: () => u.startEditingCell(c),
     stopEditing: u.stopEditingCell,
     updateValue: (h) => {
@@ -562,8 +572,8 @@ const Tt = C.tbody`
   callbacks: u,
   editable: a = !0
 }) => {
-  const f = vn(t.original);
-  if (f) {
+  const m = vn(t.original);
+  if (m) {
     const d = t.original && typeof t.original == "object" && "label" in t.original ? String(t.original.label ?? "") : "";
     return /* @__PURE__ */ l(zt, { style: { width: "100%" }, children: /* @__PURE__ */ l(
       It,
@@ -574,7 +584,7 @@ const Tt = C.tbody`
     ) }, `${t.id}-placeholder`);
   }
   return /* @__PURE__ */ l(xe, { children: t.getVisibleCells().map((d, E, R) => {
-    const c = Kt(t.id, d.column.id), s = o?.[d.column.id], h = !!d.column.columnDef.meta?.listTableCustomCell, g = s?.type, m = !!g && !h, b = !!(g && r?.[g]), y = i.editingCellId === c, x = a && d.column.columnDef.meta?.editable !== !1, w = !m || f ? null : Cn({
+    const c = Kt(t.id, d.column.id), s = o?.[d.column.id], h = !!d.column.columnDef.meta?.listTableCustomCell, g = s?.type, f = !!g && !h, b = !!(g && r?.[g]), y = i.editingCellId === c, x = a && d.column.columnDef.meta?.editable !== !1, w = !f || m ? null : Cn({
       cell: d,
       row: t,
       rowIndex: t.index,
@@ -583,10 +593,10 @@ const Tt = C.tbody`
       editingState: i,
       callbacks: u,
       isReadOnly: !x
-    }), I = !m || f ? ot(d.column.columnDef.cell, d.getContext()) : w ?? yn(d.getValue());
+    }), I = !f || m ? ot(d.column.columnDef.cell, d.getContext()) : w ?? yn(d.getValue());
     let v = I;
     e !== null && (e ? v = e(t, I) || I : v = /* @__PURE__ */ l(Je, { children: I }));
-    const S = x && m && b && !f;
+    const S = x && f && b && !m;
     return S && (v = /* @__PURE__ */ l(
       qe,
       {
@@ -648,7 +658,7 @@ function Rn({
   depth: i,
   isExpanded: u,
   onToggle: a,
-  virtualStart: f,
+  virtualStart: m,
   onContextMenu: d
 }) {
   const R = xn(t)?.baseColumnId ?? t, c = Dn(e) ? e : void 0, s = c?.value ?? e, h = c?.label ?? En(R, s);
@@ -656,7 +666,7 @@ function Rn({
     $t,
     {
       style: {
-        transform: `translateY(${f}px)`,
+        transform: `translateY(${m}px)`,
         paddingLeft: i * 16
       },
       onClick: a,
@@ -697,7 +707,7 @@ function Sn({
   onRowClick: i,
   onRowDoubleClick: u,
   onRowContextMenu: a,
-  cellWrapper: f,
+  cellWrapper: m,
   columnAttributeData: d,
   dataTypeWidgets: E,
   editingState: R,
@@ -705,9 +715,9 @@ function Sn({
   editable: s,
   isInactive: h
 }) {
-  const g = P(t.original), m = kt(t.original), { transform: b, transition: y, setNodeRef: x, isDragging: w } = Ht({
+  const g = P(t.original), f = kt(t.original), { transform: b, transition: y, setNodeRef: x, isDragging: w } = Ht({
     id: t.id,
-    disabled: g || m
+    disabled: g || f
   });
   if (g) {
     const S = t.original;
@@ -745,13 +755,13 @@ function Sn({
         dragging: w,
         selected: o,
         inactive: h,
-        "placeholder-row": m
+        "placeholder-row": f
       }),
       children: /* @__PURE__ */ l(
         Wt,
         {
           row: t,
-          cellWrapper: f,
+          cellWrapper: m,
           columnAttributeData: d,
           dataTypeWidgets: E,
           editingState: R,
@@ -771,11 +781,11 @@ function In({
   enableColumnResizing: i = !1,
   isLast: u = !1
 }) {
-  const { attributes: a, listeners: f, setNodeRef: d, isDragging: E, transform: R, transition: c } = Ht({
+  const { attributes: a, listeners: m, setNodeRef: d, isDragging: E, transform: R, transition: c } = Ht({
     id: t.id,
     data: { type: "column" },
     disabled: !e
-  }), s = t.column, h = o && s.getCanSort(), g = s.getIsSorted(), m = `list-table-menu-${t.id}`, { menuOpen: b } = Ue(), y = b === m, x = h ? [
+  }), s = t.column, h = o && s.getCanSort(), g = s.getIsSorted(), f = `list-table-menu-${t.id}`, { menuOpen: b } = Ue(), y = b === f, x = h ? [
     {
       id: "sort-asc",
       label: "Sort ascending",
@@ -820,11 +830,11 @@ function In({
         resizing: $,
         sorted: !!g
       }),
-      ...e ? { ...a, ...f } : {},
+      ...e ? { ...a, ...m } : {},
       children: [
         /* @__PURE__ */ l(gn, { children: t.isPlaceholder ? null : ot(t.column.columnDef.header, t.getContext()) }),
         (v.length > 0 || h) && /* @__PURE__ */ M(pn, { ...B, children: [
-          v.length > 0 && /* @__PURE__ */ l(Be, { menuItems: v, menuId: m, className: "header-menu" }),
+          v.length > 0 && /* @__PURE__ */ l(Be, { menuItems: v, menuId: f, className: "header-menu" }),
           h && /* @__PURE__ */ l(
             Ye,
             {
@@ -839,7 +849,7 @@ function In({
           )
         ] }),
         S && /* @__PURE__ */ l(
-          fn,
+          mn,
           {
             className: A("resize-handle", { resizing: z }),
             style: { transform: H ? `translateX(${H}px)` : void 0 },
@@ -879,15 +889,15 @@ function wn({
   rowVirtualizer: i,
   tableContainerRef: u
 }) {
-  const [a, f] = L(-1), d = At(-1), E = O(
+  const [a, m] = L(-1), d = At(-1), E = O(
     (c, s, h) => {
       const g = t[s];
       if (!(g && W(g))) {
         if (r && h.shiftKey && d.current >= 0) {
-          const m = Math.min(d.current, s), b = Math.max(d.current, s), y = t.slice(m, b + 1).filter((x) => !W(x)).map((x) => x.id);
+          const f = Math.min(d.current, s), b = Math.max(d.current, s), y = t.slice(f, b + 1).filter((x) => !W(x)).map((x) => x.id);
           h.metaKey || h.ctrlKey ? o?.(Array.from(/* @__PURE__ */ new Set([...e, ...y]))) : o?.(y);
-        } else r && (h.metaKey || h.ctrlKey) ? (e.includes(c) ? o?.(e.filter((m) => m !== c)) : o?.([...e, c]), d.current = s) : e.includes(c) ? o?.(e.filter((m) => m !== c)) : (o?.([c]), d.current = s);
-        f(s), u.current?.focus();
+        } else r && (h.metaKey || h.ctrlKey) ? (e.includes(c) ? o?.(e.filter((f) => f !== c)) : o?.([...e, c]), d.current = s) : e.includes(c) ? o?.(e.filter((f) => f !== c)) : (o?.([c]), d.current = s);
+        m(s), u.current?.focus();
       }
     },
     [e, t, o, r, u]
@@ -906,17 +916,17 @@ function wn({
           break;
       }
       if (g === a || W(t[g])) return;
-      const m = t[g]?.id;
-      if (m) {
+      const f = t[g]?.id;
+      if (f) {
         if (c.shiftKey && r)
-          if (e.includes(m)) {
+          if (e.includes(f)) {
             const b = t[a]?.id;
             b && o?.(e.filter((y) => y !== b));
           } else
-            o?.([...e, m]);
+            o?.([...e, f]);
         else
-          o?.([m]), d.current = g;
-        f(g), i.scrollToIndex(g, { behavior: "smooth" });
+          o?.([f]), d.current = g;
+        m(g), i.scrollToIndex(g, { behavior: "smooth" });
       }
     },
     [a, t, e, o, i]
@@ -924,8 +934,8 @@ function wn({
   return { activeRowIndex: a, handleRowClick: E, handleKeyDown: R };
 }
 function Vn() {
-  const [t, e] = L(null), [o, r] = L(null), i = O((f) => {
-    e(f);
+  const [t, e] = L(null), [o, r] = L(null), i = O((m) => {
+    e(m);
   }, []), u = O(() => {
     e(null), r(null);
   }, []);
@@ -947,14 +957,14 @@ function _n({
   setColumnOrder: r,
   onColumnOrderChange: i
 }) {
-  const [u, a] = L(null), [f, d] = L(null);
+  const [u, a] = L(null), [m, d] = L(null);
   return {
     sensors: He(
       Ct(Oe),
       Ct($e, { coordinateGetter: Ke })
     ),
     activeRowId: u,
-    activeColumnId: f,
+    activeColumnId: m,
     handleColumnDragStart: (b) => {
       d(b.active.id);
     },
@@ -994,7 +1004,7 @@ function kn(t) {
   }, [o, e]);
 }
 const Ln = (t) => t ? Array.isArray(t) ? t.filter(Boolean) : [t] : [];
-function Do({
+function ko({
   data: t,
   columns: e,
   getRowId: o,
@@ -1002,7 +1012,7 @@ function Do({
   hasNextPage: i,
   isFetchingNextPage: u,
   onUpdateRow: a,
-  onOpenViewer: f,
+  onOpenViewer: m,
   editable: d = !0,
   onReorderRows: E,
   rowContextMenuBuilders: R = [],
@@ -1010,7 +1020,7 @@ function Do({
   selectedRows: s = [],
   onSelectedRowsChange: h,
   multiSelection: g = !1,
-  cellWrapper: m,
+  cellWrapper: f,
   columnAttributeData: b,
   dataTypeWidgets: y,
   enableColumnReordering: x = !1,
@@ -1086,7 +1096,7 @@ function Do({
     getRowCanExpand: (n) => n.subRows.length > 0,
     meta: {
       updateData: a,
-      openViewerDialog: f
+      openViewerDialog: m
     }
   }), { rows: _ } = N.getRowModel(), X = Ae({
     count: i ? _.length + 1 : _.length,
@@ -1146,20 +1156,20 @@ function Do({
     [R, _, s, h, rt]
   ), { editingState: gt } = Vn(), {
     sensors: pt,
-    activeRowId: ft,
-    activeColumnId: mt,
+    activeRowId: mt,
+    activeColumnId: ft,
     handleColumnDragStart: pe,
-    handleColumnDragEnd: fe,
-    handleColumnDragCancel: me,
+    handleColumnDragEnd: me,
+    handleColumnDragCancel: fe,
     handleRowDragStart: he,
     handleRowDragEnd: be,
     handleRowDragCancel: ye
-  } = _n({ rows: _, columnOrder: ct, onReorderRows: E, setColumnOrder: ut, onColumnOrderChange: I }), ht = et(() => ({ onUpdateRow: a, onOpenViewer: f }), [a, f]), ve = kn(N), Ce = !!N.getState().columnSizingInfo.isResizingColumn;
+  } = _n({ rows: _, columnOrder: ct, onReorderRows: E, setColumnOrder: ut, onColumnOrderChange: I }), ht = et(() => ({ onUpdateRow: a, onOpenViewer: m }), [a, m]), ve = kn(N), Ce = !!N.getState().columnSizingInfo.isResizingColumn;
   Mt(() => {
     const [n] = J.slice(-1);
     n && n.index >= _.length - 1 && i && !u && r?.();
   }, [i, r, _.length, u, J]);
-  const q = ft ? _.find((n) => n.id === ft) : null, j = mt ? N.getHeaderGroups()[0]?.headers.find((n) => n.id === mt) : null;
+  const q = mt ? _.find((n) => n.id === mt) : null, j = ft ? N.getHeaderGroups()[0]?.headers.find((n) => n.id === ft) : null;
   return /* @__PURE__ */ l(
     Qe,
     {
@@ -1174,8 +1184,8 @@ function Do({
             sensors: pt,
             collisionDetection: Dt,
             onDragStart: pe,
-            onDragEnd: fe,
-            onDragCancel: me,
+            onDragEnd: me,
+            onDragCancel: fe,
             modifiers: [Ne],
             children: [
               /* @__PURE__ */ l(tn, { children: N.getHeaderGroups().map((n) => /* @__PURE__ */ l(en, { children: /* @__PURE__ */ l(
@@ -1250,7 +1260,7 @@ function Do({
                         onRowClick: de,
                         onRowDoubleClick: c ? ue : void 0,
                         onRowContextMenu: R.length > 0 ? ge : void 0,
-                        cellWrapper: m,
+                        cellWrapper: f,
                         columnAttributeData: b,
                         dataTypeWidgets: y,
                         editingState: gt,
@@ -1279,7 +1289,7 @@ function Do({
                         Wt,
                         {
                           row: q,
-                          cellWrapper: m,
+                          cellWrapper: f,
                           columnAttributeData: b,
                           dataTypeWidgets: y,
                           editingState: gt,
@@ -1311,38 +1321,38 @@ const Pt = (t) => !!t && typeof t == "object" && ("label" in t || "value" in t),
   }), o.forEach((i) => {
     i.subRows = Ft(i.subRows, e);
   }), [...o, ...r];
-}, Eo = (t, e, o, r, i, u) => {
-  const a = [], f = (d, E, R, c) => {
+}, Lo = (t, e, o, r, i, u) => {
+  const a = [], m = (d, E, R, c) => {
     if (!R.length) {
       d.push(E);
       return;
     }
     const [s, ...h] = R, g = r(s, E) ?? [u(E, s)];
     if (!g.length) {
-      f(d, E, h, c);
+      m(d, E, h, c);
       return;
     }
-    const m = (b, y, x) => {
+    const f = (b, y, x) => {
       const w = g[y], I = Gn(w), v = `${x}|${s}:${y}:${JSON.stringify(I)}`;
       let S = b.find(
         (z) => nt(z) && z.__groupKey === v
       );
       if (S || (S = i(s, v, w), b.push(S)), y < g.length - 1) {
-        m(S.subRows, y + 1, v);
+        f(S.subRows, y + 1, v);
         return;
       }
-      f(S.subRows, E, h, v);
+      m(S.subRows, E, h, v);
     };
-    m(d, 0, c);
+    f(d, 0, c);
   };
-  return t.forEach((d) => f(a, d, e, "root")), Ft(a, o);
+  return t.forEach((d) => m(a, d, e, "root")), Ft(a, o);
 };
 export {
-  Do as ListTable,
-  Eo as buildGroupedData,
+  ko as ListTable,
+  Lo as buildGroupedData,
   Mn as compareGroupingPathItems,
   bn as defaultListTableDataTypeWidgets,
-  xo as getDefaultListTableDataTypeWidgets,
+  _o as getDefaultListTableDataTypeWidgets,
   Gn as getGroupItemValue,
   Kt as getListTableCellId,
   Pt as isListTableGroupDisplayObject,