@ynput/ayon-frontend-shared 0.4.7 → 0.6.0

package/dist/Feed.es.js

@@ -1,13 +1,13 @@
-import { A as D, a as I, C as M, b as P, F as K, c as L, d as N, e as k, i as j, f as O } from "./chunks/Feed.es.js";
-import { F as S, a as U, u as W } from "./chunks/PlayableIcon.es.js";
-import { useMemo as x, useCallback as E } from "react";
+import { A as D, F as I, a as M, u as P } from "./chunks/ThumbnailSimple.es.js";
+import { A as L, C as N, a as k, F as j, b as O, c as R, e as S, i as U, d as W } from "./chunks/Feed.es.js";
+import { useMemo as x, useCallback as A } from "react";
 const y = (t) => {
   const e = Array.from(t).find((s) => s.startsWith("id-"));
   return e ? e.split("-")[1] : null;
-}, F = (t, e, s, c, u) => {
+}, E = (t, e, s, c, u) => {
   const i = Object.keys(t);
   return e = [.../* @__PURE__ */ new Set([...e, ...i])], e = s.filter((r) => e.includes(r)), i.includes(c) && (u === 1 ? e.shift() : e.pop()), e;
-}, A = ({
+}, w = ({
   tableRef: t,
   treeData: e,
   selection: s,
@@ -21,7 +21,7 @@ const y = (t) => {
       o && r.push(o);
     }), r;
   }, [t.current, e]);
-  return E(
+  return A(
     (r) => {
       const { key: a, target: o, shiftKey: m } = r;
       if (o.tagName === "TR" && (a === "ArrowDown" || a === "ArrowUp")) {
@@ -30,7 +30,7 @@ const y = (t) => {
         const n = y(f.classList);
         if (!n && n !== "undefined") return;
         let l = [n];
-        m && u && (l = F(s, l, i, n, d));
+        m && u && (l = E(s, l, i, n, d));
         const g = l, v = l.reduce((p, C) => (p[C] = !0, p), {});
         c({ array: g, object: v });
       }
@@ -39,20 +39,20 @@ const y = (t) => {
   );
 };
 export {
-  D as ActivityCategorySelect,
-  I as ActivityReferenceTooltip,
-  M as CategoryDropdownItem,
-  P as CategoryTag,
-  S as FEED_NEW_COMMENT,
-  K as Feed,
-  U as FeedProvider,
-  L as FileUploadPreview,
-  N as activitiesLast,
-  k as expandableMimeTypes,
+  L as ActivityCategorySelect,
+  D as ActivityReferenceTooltip,
+  N as CategoryDropdownItem,
+  k as CategoryTag,
+  I as FEED_NEW_COMMENT,
+  j as Feed,
+  M as FeedProvider,
+  O as FileUploadPreview,
+  R as activitiesLast,
+  S as expandableMimeTypes,
   y as extractIdFromClassList,
-  F as getMultiSelection,
-  j as isCategoryHidden,
-  O as isFilePreviewable,
-  W as useFeedContext,
-  A as useTableKeyboardNavigation
+  E as getMultiSelection,
+  U as isCategoryHidden,
+  W as isFilePreviewable,
+  P as useFeedContext,
+  w as useTableKeyboardNavigation
 };

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 { dx as vt, dy 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";
@@ -31,6 +41,7 @@ import { C as Be, H as Ye } from "./chunks/ColumnDropIndicator.es.js";
 import { u as Ue } from "./chunks/MenuContext.es.js";
 import "./chunks/EmptyPlaceholder.es.js";
 import "./chunks/Menu.es.js";
+import "./chunks/InfoMessage.es.js";
 import "react-dom";
 import "react-redux";
 import "./chunks/ViewsContext.es.js";
@@ -420,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;
@@ -454,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,
@@ -483,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,
@@ -509,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
-}, Co = () => 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,
@@ -524,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])
@@ -541,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) => {
@@ -561,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,
@@ -573,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,
@@ -582,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,
       {
@@ -647,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);
@@ -655,7 +666,7 @@ function Rn({
     $t,
     {
       style: {
-        transform: `translateY(${f}px)`,
+        transform: `translateY(${m}px)`,
         paddingLeft: i * 16
       },
       onClick: a,
@@ -696,7 +707,7 @@ function Sn({
   onRowClick: i,
   onRowDoubleClick: u,
   onRowContextMenu: a,
-  cellWrapper: f,
+  cellWrapper: m,
   columnAttributeData: d,
   dataTypeWidgets: E,
   editingState: R,
@@ -704,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;
@@ -744,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,
@@ -770,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",
@@ -819,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,
             {
@@ -838,7 +849,7 @@ function In({
           )
         ] }),
         S && /* @__PURE__ */ l(
-          fn,
+          mn,
           {
             className: A("resize-handle", { resizing: z }),
             style: { transform: H ? `translateX(${H}px)` : void 0 },
@@ -878,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]
@@ -905,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]
@@ -923,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);
   }, []);
@@ -946,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);
     },
@@ -993,7 +1004,7 @@ function kn(t) {
   }, [o, e]);
 }
 const Ln = (t) => t ? Array.isArray(t) ? t.filter(Boolean) : [t] : [];
-function xo({
+function ko({
   data: t,
   columns: e,
   getRowId: o,
@@ -1001,7 +1012,7 @@ function xo({
   hasNextPage: i,
   isFetchingNextPage: u,
   onUpdateRow: a,
-  onOpenViewer: f,
+  onOpenViewer: m,
   editable: d = !0,
   onReorderRows: E,
   rowContextMenuBuilders: R = [],
@@ -1009,7 +1020,7 @@ function xo({
   selectedRows: s = [],
   onSelectedRowsChange: h,
   multiSelection: g = !1,
-  cellWrapper: m,
+  cellWrapper: f,
   columnAttributeData: b,
   dataTypeWidgets: y,
   enableColumnReordering: x = !1,
@@ -1085,7 +1096,7 @@ function xo({
     getRowCanExpand: (n) => n.subRows.length > 0,
     meta: {
       updateData: a,
-      openViewerDialog: f
+      openViewerDialog: m
     }
   }), { rows: _ } = N.getRowModel(), X = Ae({
     count: i ? _.length + 1 : _.length,
@@ -1145,20 +1156,20 @@ function xo({
     [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,
     {
@@ -1173,8 +1184,8 @@ function xo({
             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(
@@ -1249,7 +1260,7 @@ function xo({
                         onRowClick: de,
                         onRowDoubleClick: c ? ue : void 0,
                         onRowContextMenu: R.length > 0 ? ge : void 0,
-                        cellWrapper: m,
+                        cellWrapper: f,
                         columnAttributeData: b,
                         dataTypeWidgets: y,
                         editingState: gt,
@@ -1278,7 +1289,7 @@ function xo({
                         Wt,
                         {
                           row: q,
-                          cellWrapper: m,
+                          cellWrapper: f,
                           columnAttributeData: b,
                           dataTypeWidgets: y,
                           editingState: gt,
@@ -1310,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];
-}, Do = (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 {
-  xo as ListTable,
-  Do as buildGroupedData,
+  ko as ListTable,
+  Lo as buildGroupedData,
   Mn as compareGroupingPathItems,
   bn as defaultListTableDataTypeWidgets,
-  Co as getDefaultListTableDataTypeWidgets,
+  _o as getDefaultListTableDataTypeWidgets,
   Gn as getGroupItemValue,
   Kt as getListTableCellId,
   Pt as isListTableGroupDisplayObject,