@ynput/ayon-frontend-shared 0.5.0 → 0.6.1

package/dist/ListTable.es.js

@@ -6,35 +6,42 @@ 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 { l as Te, B as we, T as Ve, m as _e, n 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 { bj 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";
-import "./chunks/useLocalStorage.es.js";
 import "@module-federation/enhanced/runtime";
+import { u as Me } from "./chunks/DeleteEntitiesContextInstance.es.js";
 import "semver";
-import "./chunks/ProjectFoldersContextInstance.es.js";
-import { useVirtualizer as Ae } from "@tanstack/react-virtual";
-import { useSensors as He, useSensor as Ct, PointerSensor as Oe, KeyboardSensor as $e, DndContext as xt, closestCenter as Dt, DragOverlay as Et, defaultDropAnimationSideEffects as Rt } from "@dnd-kit/core";
-import { restrictToHorizontalAxis as Ne, restrictToVerticalAxis as je } from "@dnd-kit/modifiers";
-import { useSortable as Ht, sortableKeyboardCoordinates as Ke, arrayMove as We, SortableContext as St, horizontalListSortingStrategy as Pe, verticalListSortingStrategy as Fe } from "@dnd-kit/sortable";
+import { u as Ae } from "./chunks/useCreateContextMenu.es.js";
+import "react-dom";
+import "react-redux";
+import { useVirtualizer as He } from "@tanstack/react-virtual";
+import { useSensors as Oe, useSensor as Ct, PointerSensor as $e, KeyboardSensor as Ne, DndContext as xt, closestCenter as Dt, DragOverlay as Et, defaultDropAnimationSideEffects as Rt } from "@dnd-kit/core";
+import { restrictToHorizontalAxis as je, restrictToVerticalAxis as Ke } from "@dnd-kit/modifiers";
+import { useSortable as Ht, sortableKeyboardCoordinates as We, arrayMove as Pe, SortableContext as St, horizontalListSortingStrategy as Fe, verticalListSortingStrategy as Be } from "@dnd-kit/sortable";
 import { CSS as Ot } from "@dnd-kit/utilities";
 import C from "styled-components";
-import { C as Be, H as Ye } from "./chunks/ColumnDropIndicator.es.js";
-import { u as Ue } from "./chunks/MenuContext.es.js";
+import { H as Ye } from "./chunks/ColumnDropIndicator.styled.es.js";
+import "./chunks/ContextMenuContextInstance.es.js";
+import "./chunks/MenuItem.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";
+import { C as Ue } from "./chunks/ColumnHeaderMenuUI.es.js";
 import "primereact-context/contextmenu";
 const $t = C.tr`
   display: flex;
@@ -421,7 +428,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 +462,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 +491,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 +517,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 = ({
+}, To = () => 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 +532,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 +549,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 +569,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 +581,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 +590,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 +655,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 +663,7 @@ function Rn({
     $t,
     {
       style: {
-        transform: `translateY(${f}px)`,
+        transform: `translateY(${m}px)`,
         paddingLeft: i * 16
       },
       onClick: a,
@@ -697,7 +704,7 @@ function Sn({
   onRowClick: i,
   onRowDoubleClick: u,
   onRowContextMenu: a,
-  cellWrapper: f,
+  cellWrapper: m,
   columnAttributeData: d,
   dataTypeWidgets: E,
   editingState: R,
@@ -705,9 +712,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 +752,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 +778,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 } = Me(), y = b === f, x = h ? [
     {
       id: "sort-asc",
       label: "Sort ascending",
@@ -820,11 +827,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(Ue, { menuItems: v, menuId: f, className: "header-menu" }),
           h && /* @__PURE__ */ l(
             Ye,
             {
@@ -839,7 +846,7 @@ function In({
           )
         ] }),
         S && /* @__PURE__ */ l(
-          fn,
+          mn,
           {
             className: A("resize-handle", { resizing: z }),
             style: { transform: H ? `translateX(${H}px)` : void 0 },
@@ -879,15 +886,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 +913,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 +931,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 +954,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 })
+    sensors: Oe(
+      Ct($e),
+      Ct(Ne, { coordinateGetter: We })
     ),
     activeRowId: u,
-    activeColumnId: f,
+    activeColumnId: m,
     handleColumnDragStart: (b) => {
       d(b.active.id);
     },
@@ -964,7 +971,7 @@ function _n({
       if (x && y.id !== x.id) {
         const w = e.indexOf(y.id), I = e.indexOf(x.id);
         if (w !== -1 && I !== -1) {
-          const v = We(e, w, I);
+          const v = Pe(e, w, I);
           r(() => v), i?.(v);
         }
       }
@@ -994,7 +1001,7 @@ function kn(t) {
   }, [o, e]);
 }
 const Ln = (t) => t ? Array.isArray(t) ? t.filter(Boolean) : [t] : [];
-function Do({
+function wo({
   data: t,
   columns: e,
   getRowId: o,
@@ -1002,7 +1009,7 @@ function Do({
   hasNextPage: i,
   isFetchingNextPage: u,
   onUpdateRow: a,
-  onOpenViewer: f,
+  onOpenViewer: m,
   editable: d = !0,
   onReorderRows: E,
   rowContextMenuBuilders: R = [],
@@ -1010,7 +1017,7 @@ function Do({
   selectedRows: s = [],
   onSelectedRowsChange: h,
   multiSelection: g = !1,
-  cellWrapper: m,
+  cellWrapper: f,
   columnAttributeData: b,
   dataTypeWidgets: y,
   enableColumnReordering: x = !1,
@@ -1031,7 +1038,7 @@ function Do({
   onExpandedChange: Jt,
   getIsRowInactive: it
 }) {
-  const [qt, Qt] = L([]), [Zt, te] = L({}), [ee, ne] = L({}), [oe, ie] = L({}), Y = At(null), [rt] = Me(), st = Bt ?? qt, re = (n) => {
+  const [qt, Qt] = L([]), [Zt, te] = L({}), [ee, ne] = L({}), [oe, ie] = L({}), Y = At(null), [rt] = Ae(), st = Bt ?? qt, re = (n) => {
     const p = typeof n == "function" ? n(st) : n;
     Qt(p), Yt?.(p);
   }, at = Xt ?? oe, se = (n) => {
@@ -1086,9 +1093,9 @@ function Do({
     getRowCanExpand: (n) => n.subRows.length > 0,
     meta: {
       updateData: a,
-      openViewerDialog: f
+      openViewerDialog: m
     }
-  }), { rows: _ } = N.getRowModel(), X = Ae({
+  }), { rows: _ } = N.getRowModel(), X = He({
     count: i ? _.length + 1 : _.length,
     getScrollElement: () => Y.current,
     estimateSize: () => 44,
@@ -1146,20 +1153,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,15 +1181,15 @@ function Do({
             sensors: pt,
             collisionDetection: Dt,
             onDragStart: pe,
-            onDragEnd: fe,
-            onDragCancel: me,
-            modifiers: [Ne],
+            onDragEnd: me,
+            onDragCancel: fe,
+            modifiers: [je],
             children: [
               /* @__PURE__ */ l(tn, { children: N.getHeaderGroups().map((n) => /* @__PURE__ */ l(en, { children: /* @__PURE__ */ l(
                 St,
                 {
                   items: n.headers.map((p) => p.id),
-                  strategy: Pe,
+                  strategy: Fe,
                   children: n.headers.map((p, D) => /* @__PURE__ */ l(
                     In,
                     {
@@ -1222,13 +1229,13 @@ function Do({
             onDragStart: he,
             onDragEnd: be,
             onDragCancel: ye,
-            modifiers: [je],
+            modifiers: [Ke],
             children: [
               /* @__PURE__ */ l(Tt, { style: { height: `${X.getTotalSize()}px` }, children: /* @__PURE__ */ l(
                 St,
                 {
                   items: _.map((n) => n.id),
-                  strategy: Fe,
+                  strategy: Be,
                   children: J.map((n) => {
                     if (n.index > _.length - 1)
                       return /* @__PURE__ */ l(
@@ -1250,7 +1257,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 +1286,7 @@ function Do({
                         Wt,
                         {
                           row: q,
-                          cellWrapper: m,
+                          cellWrapper: f,
                           columnAttributeData: b,
                           dataTypeWidgets: y,
                           editingState: gt,
@@ -1311,38 +1318,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) => {
+}, Vo = (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,
+  wo as ListTable,
+  Vo as buildGroupedData,
   Mn as compareGroupingPathItems,
   bn as defaultListTableDataTypeWidgets,
-  xo as getDefaultListTableDataTypeWidgets,
+  To as getDefaultListTableDataTypeWidgets,
   Gn as getGroupItemValue,
   Kt as getListTableCellId,
   Pt as isListTableGroupDisplayObject,