@ynput/ayon-frontend-shared 0.3.51 → 0.3.52

package/dist/shared/src/containers/ProjectTreeTable/hooks/useCellContextMenu.es.js

@@ -1,19 +1,19 @@
-import { useCreateContextMenu as Z } from "../../ContextMenu/useCreateContextMenu.es.js";
-import tt from "./useDeleteEntities.es.js";
-import { getPlatformShortcutKey as C, KeyMode as y } from "../../../util/platform.es.js";
-import { parseCellId as u, getCellId as A } from "../utils/cellUtils.es.js";
-import { useClipboard as ot } from "../context/ClipboardContext.es.js";
-import { useSelectionCellsContext as et } from "../context/SelectionCellsContext.es.js";
-import { useProjectTableContext as it } from "../context/ProjectTableContext.es.js";
+import { useCreateContextMenu as dt } from "../../ContextMenu/useCreateContextMenu.es.js";
+import ct from "./useDeleteEntities.es.js";
+import { getPlatformShortcutKey as b, KeyMode as w } from "../../../util/platform.es.js";
+import { parseCellId as s, getCellId as j } from "../utils/cellUtils.es.js";
+import { useClipboard as at } from "../context/ClipboardContext.es.js";
+import { useSelectionCellsContext as ut } from "../context/SelectionCellsContext.es.js";
+import { useProjectTableContext as It } from "../context/ProjectTableContext.es.js";
 import { ROW_SELECTION_COLUMN_ID as x } from "../constants.es.js";
-import { useProjectDataContext as rt } from "../context/ProjectDataContext.es.js";
-import { useCellEditing as mt } from "../context/CellEditingContext.es.js";
-import { GROUP_BY_ID as v } from "./useBuildGroupByTableData.es.js";
+import { useProjectDataContext as ft } from "../context/ProjectDataContext.es.js";
+import { useCellEditing as ht } from "../context/CellEditingContext.es.js";
+import { GROUP_BY_ID as B } from "./useBuildGroupByTableData.es.js";
 import "@ynput/ayon-react-components";
 import "../../../components/SearchFilter/filterDates.es.js";
 import "date-fns";
 import "short-uuid";
-import { getEntityViewierIds as pt } from "../utils/getEntityViewerIds.es.js";
+import { getEntityViewierIds as yt } from "../utils/getEntityViewerIds.es.js";
 import "../../../../../_virtual/jsx-runtime.es.js";
 import "@tanstack/react-table";
 import "../widgets/CollapsedWidget.es.js";
@@ -29,7 +29,7 @@ import "../widgets/GroupHeaderWidget.es.js";
 import "../widgets/ThumbnailWidget.es.js";
 import "../widgets/LinksWidget.es.js";
 import "../../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
-import { useMemo as nt } from "react";
+import { useMemo as Ct } from "react";
 import "../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
 import "../../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
 import "../../../components/AccessUser/AccessUser.es.js";
@@ -172,11 +172,10 @@ import "../../../context/pip/PiPProvider.es.js";
 import "../../../context/pip/PiPWrapper.es.js";
 import "../../../context/AddonProjectContext.es.js";
 import "../../../context/AddonContext.es.js";
-import "../../../context/MoveEntityContext.es.js";
 import "../../../context/MenuContext.es.js";
 import "../../../context/WebsocketContext.es.js";
 import "../../../context/GlobalContext.es.js";
-import { useProjectContext as lt } from "../../../context/ProjectContext.es.js";
+import { useProjectContext as bt } from "../../../context/ProjectContext.es.js";
 import "../../../context/ProjectFoldersContextInstance.es.js";
 import "../../../context/EntityUpdatesContextInstance.es.js";
 import "../../ContextMenu/ContextMenuContext.es.js";
@@ -203,8 +202,8 @@ import "../../Feed/components/ActivityStatus/ActivityStatus.es.js";
 import "../../Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
 import "../../Feed/components/ActivityDate.es.js";
 import "../../Feed/components/ActivityCategorySelect/CategoryTag.es.js";
-import "../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
-import "../../Feed/components/ActivityStatusChange/ActivityStatusSecondary.es.js";
+import "../../Feed/components/ActivityFieldChange/ActivityFieldChange.styled.es.js";
+import "../../Feed/components/ActivityFieldChange/FieldValue.es.js";
 import "../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
 import "../../Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
 import "../../Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
@@ -224,16 +223,19 @@ import "../context/ProjectTableQueriesContext.es.js";
 import "../context/ColumnSettingsContext.es.js";
 import "../context/SelectedRowsContext.es.js";
 import "../context/DetailsPanelEntityContext.es.js";
-import { isEntityRestricted as st } from "../utils/restrictedEntity.es.js";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "../components/TableFooterRow.es.js";
-import "../../EntityPickerDialog/EntityPickerDialog.es.js";
+import { isEntityRestricted as wt } from "../utils/restrictedEntity.es.js";
+import "../../NewEntity/components/NewEntity.es.js";
 import "../../Slicer/components/Slicer.es.js";
 import "../../Slicer/context/SlicerContextInstance.es.js";
 import "../../Slicer/components/SlicerDropdownFallback.es.js";
 import "../../Slicer/hooks/useTableDataBySlice.es.js";
 import "react-redux";
+import "../../NewEntity/context/NewEntityContextInstance.es.js";
+import "../../NewEntity/components/NewEntityForm.es.js";
+import { newEntityDefinitions as u } from "../../NewEntity/util/entityDefinitions.es.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../components/TableFooterRow.es.js";
 import "../../DetailsPanel/DetailsPanel.styled.es.js";
 import "../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
 import "../../DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.es.js";
@@ -252,6 +254,7 @@ import "../../Views/ViewsMenu/ViewsMenu.es.js";
 import "../../Views/context/ViewsContextInstance.es.js";
 import "../../Views/Views.styled.es.js";
 import "../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
+import "../../EntityPickerDialog/EntityPickerDialog.es.js";
 import "../../ListTable/ListTableRow.es.js";
 import "../../ListTable/ListTable.styled.es.js";
 import "../../../context/DeleteEntitiesContext.es.js";
@@ -305,257 +308,269 @@ import "../../../components/ColumnHeaderMenuUI.es.js";
 import "../widgets/EmptyWidget.es.js";
 import "../widgets/ErrorWidget.es.js";
 import "../widgets/LoadMoreWidget.es.js";
-const mp = ({
-  attribs: g,
-  headerLabels: W = [],
+const ap = ({
+  attribs: _,
+  headerLabels: V = [],
   onOpenNew: d,
-  contextMenuItems: _
+  contextMenuItems: M
 }) => {
-  const { projectName: V } = lt(), {
+  const { projectName: K } = bt(), {
     showHierarchy: I,
-    getEntityById: b,
-    toggleExpandAll: R,
-    toggleExpands: E,
-    expanded: M,
-    contextMenuItems: T = [],
-    powerpack: j,
-    onOpenPlayer: k
-  } = it(), B = nt(
-    () => [...T, ..._ || []],
-    [T, _]
-  ), { canWriteLabelPermission: L, canWriteNamePermission: K } = rt(), { copyToClipboard: G, exportCSV: O, pasteFromClipboard: U } = ot(), { selectedCells: D, clearSelection: q, selectCell: F, focusCell: H } = et(), { inheritFromParent: Y, history: P, setEditingCellId: $ } = mt(), z = tt({}), [J] = Z([], j), N = (r) => r.reduce((t, p) => {
-    const { rowId: o, colId: i } = u(p) || {};
-    if (!o || !i || !i.startsWith("attrib_")) return t;
-    const e = b(o);
-    if (!e) return t;
-    const s = e.entityId || e.id, n = i.replace("attrib_", ""), c = g.find((l) => l.name === n)?.data.inherit;
-    if (e.ownAttrib?.includes(n) && c) {
-      const l = t.findIndex((a) => a.entityId === s);
+    getEntityById: f,
+    toggleExpandAll: T,
+    toggleExpands: F,
+    expanded: k,
+    contextMenuItems: G = [],
+    powerpack: O,
+    onOpenPlayer: S
+  } = It(), U = Ct(
+    () => [...G, ...M || []],
+    [G, M]
+  ), { canWriteLabelPermission: $, canWriteNamePermission: q } = ft(), { copyToClipboard: D, exportCSV: H, pasteFromClipboard: Y } = at(), { selectedCells: P, clearSelection: z, selectCell: A, focusCell: J } = ut(), { inheritFromParent: N, history: v, setEditingCellId: Q } = ht(), X = ct({}), [Z] = dt([], O), tt = (m) => m.reduce((t, p) => {
+    const { rowId: o, colId: e } = s(p) || {};
+    if (!o || !e || !e.startsWith("attrib_")) return t;
+    const r = f(o);
+    if (!r) return t;
+    const c = r.entityId || r.id, n = e.replace("attrib_", ""), R = _.find((l) => l.name === n)?.data.inherit;
+    if (r.ownAttrib?.includes(n) && R) {
+      const l = t.findIndex((a) => a.entityId === c);
       l >= 0 ? t[l].attribs.includes(n) || t[l].attribs.push(n) : t.push({
-        rowId: s,
-        entityId: s,
-        entityType: "folderId" in e ? "task" : "folder",
+        rowId: c,
+        entityId: c,
+        entityType: "folderId" in r ? "task" : "folder",
         attribs: [n],
-        ownAttrib: e.ownAttrib || [],
+        ownAttrib: r.ownAttrib || [],
         // @ts-ignore
-        folderId: e.parentId ?? e.folderId
+        folderId: r.parentId ?? r.folderId
       });
     }
     return t;
-  }, []), Q = {
-    "copy-paste": (r, t, p, o) => [
-      {
-        label: "Copy",
-        icon: "content_copy",
-        shortcut: C("c", [y.Ctrl]),
-        command: () => G(o.selectedCells),
-        hidden: t.isGroup || t.columnId === "thumbnail"
-      },
-      {
-        label: `Copy row${o.selectedFullRows.length > 1 ? "s" : ""}`,
-        icon: "content_copy",
-        command: () => G(o.selectedFullRows, !0),
-        hidden: t.columnId !== "name" || !o.selectedFullRows.some(
-          (i) => u(i)?.rowId === u(t.cellId)?.rowId
-        )
-      },
-      {
-        label: "Paste",
-        icon: "content_paste",
-        shortcut: C("v", [y.Ctrl]),
-        command: () => U(o.selectedCells),
-        hidden: t.columnId === "name" || t.columnId === "thumbnail" || t.isGroup,
-        disabled: t.attribField?.readOnly
+  }, []), ot = (m, t, p, o) => [
+    {
+      label: "Copy",
+      icon: "content_copy",
+      shortcut: b("c", [w.Ctrl]),
+      command: () => D(o.selectedCells),
+      hidden: t.isGroup || t.columnId === "thumbnail"
+    },
+    {
+      label: `Copy row${o.selectedFullRows.length > 1 ? "s" : ""}`,
+      icon: "content_copy",
+      command: () => D(o.selectedFullRows, !0),
+      hidden: t.columnId !== "name" || !o.selectedFullRows.some(
+        (e) => s(e)?.rowId === s(t.cellId)?.rowId
+      )
+    },
+    {
+      label: "Paste",
+      icon: "content_paste",
+      shortcut: b("v", [w.Ctrl]),
+      command: () => Y(o.selectedCells),
+      hidden: t.columnId === "name" || t.columnId === "thumbnail" || t.isGroup,
+      disabled: t.attribField?.readOnly
+    }
+  ], et = (m, t, p, o) => ({
+    label: "Show details",
+    icon: "dock_to_left",
+    shortcut: "Double click",
+    command: () => {
+      const e = j(t.entityId, x);
+      A(e, !1, !1);
+    },
+    hidden: t.columnId !== "name" || o.selectedRows.length > 1 || t.isGroup || wt(t.entityType)
+  }), rt = (m, t, p, o) => ({
+    label: "Open in viewer",
+    icon: "play_circle",
+    shortcut: "Spacebar",
+    command: () => {
+      if (S) {
+        const e = f(t.entityId);
+        if (e) {
+          const r = yt(e);
+          S(r, { quickView: !0 });
+        }
       }
-    ],
-    "show-details": (r, t, p, o) => ({
-      label: "Show details",
-      icon: "dock_to_left",
-      shortcut: "Double click",
-      command: () => {
-        const i = A(t.entityId, x);
-        F(i, !1, !1);
-      },
-      hidden: t.columnId !== "name" || o.selectedRows.length > 1 || t.isGroup || st(t.entityType)
-    }),
-    rename: (r, t) => ({
+    },
+    hidden: t.columnId !== "thumbnail" && t.columnId !== "name" || t.isGroup || t.entityType === "unknown"
+  }), it = (m, t, p, o) => [
+    {
+      label: "Expand children",
+      icon: "expand_all",
+      shortcut: b("click", [w.Alt]),
+      command: () => T(o.selectedRows, !0),
+      hidden: t.columnId !== "name" || t.entityType !== "folder"
+    },
+    {
+      label: "Collapse children",
+      icon: "collapse_all",
+      shortcut: b("click", [w.Alt]),
+      command: () => T(o.selectedRows, !1),
+      hidden: t.columnId !== "name" || t.entityType !== "folder"
+    },
+    {
+      label: "Expand",
+      icon: "expand_all",
+      command: () => F(o.selectedRows, !0),
+      hidden: t.columnId !== "name" || !t.isGroup || k[t.entityId]
+    },
+    {
+      label: "Collapse",
+      icon: "collapse_all",
+      command: () => F(o.selectedRows, !1),
+      hidden: t.columnId !== "name" || !t.isGroup || !k[t.entityId]
+    }
+  ], mt = (m, t, p, o) => ({
+    label: "Delete",
+    icon: "delete",
+    danger: !0,
+    // prefer the cell selection; fall back to checkbox/row selection only when no body
+    // cells are selected, so row-selected rows still delete on their own but don't get
+    // swept in alongside an unrelated cell selection
+    command: () => {
+      const e = [
+        ...new Set(
+          o.selectedCells.map((r) => s(r)?.rowId).filter((r) => !!r)
+        )
+      ];
+      X(e.length ? e : o.selectedRows);
+    },
+    hidden: t.columnId !== "name" || t.isGroup
+  }), pt = (m, t, p, o) => {
+    const e = tt(o.selectedCells), r = e.length > 0 && I && !(o.selectedRows.length > 1 && o.selectedColumns.length > 1);
+    return {
+      label: "Inherit from parent",
+      icon: "disabled_by_default",
+      command: () => N(e),
+      hidden: !r
+    };
+  }, nt = (m, t) => ({
+    label: "Export selection",
+    icon: "download",
+    command: () => H(Array.from(P), K),
+    hidden: t.isGroup
+  }), L = (m, t) => (t.length ? t : [m.entityId]).flatMap((o) => {
+    const e = f(o);
+    return e ? e.entityType === "folder" || !("folderId" in e) ? [e.id] : e.folderId ? [e.folderId] : [] : [];
+  }), lt = {
+    "copy-paste": ot,
+    "show-details": et,
+    rename: (m, t) => ({
       label: "Rename",
       icon: "titlecase",
       shortcut: "R",
       command: () => {
-        const p = A(t.entityId, "name");
-        $(p);
+        const p = j(t.entityId, "name");
+        Q(p);
       },
       hidden: t.columnId !== "name" || t.isGroup || t.entityType !== "folder" && t.entityType !== "task",
-      disabled: !(K || L)
+      disabled: !(q || $)
     }),
-    "expand-collapse": (r, t, p, o) => [
-      {
-        label: "Expand children",
-        icon: "expand_all",
-        shortcut: C("click", [y.Alt]),
-        command: () => R(o.selectedRows, !0),
-        hidden: t.columnId !== "name" || t.entityType !== "folder"
-      },
-      {
-        label: "Collapse children",
-        icon: "collapse_all",
-        shortcut: C("click", [y.Alt]),
-        command: () => R(o.selectedRows, !1),
-        hidden: t.columnId !== "name" || t.entityType !== "folder"
-      },
-      {
-        label: "Expand",
-        icon: "expand_all",
-        command: () => E(o.selectedRows, !0),
-        hidden: t.columnId !== "name" || !t.isGroup || M[t.entityId]
-      },
+    "expand-collapse": it,
+    delete: mt,
+    inherit: pt,
+    export: nt,
+    "create-folder": (m, t, p, o) => [
       {
-        label: "Collapse",
-        icon: "collapse_all",
-        command: () => E(o.selectedRows, !1),
-        hidden: t.columnId !== "name" || !t.isGroup || !M[t.entityId]
-      }
-    ],
-    delete: (r, t, p, o) => ({
-      label: "Delete",
-      icon: "delete",
-      danger: !0,
-      // prefer the cell selection; fall back to checkbox/row selection only when no body
-      // cells are selected, so row-selected rows still delete on their own but don't get
-      // swept in alongside an unrelated cell selection
-      command: () => {
-        const i = [
-          ...new Set(
-            o.selectedCells.map((e) => u(e)?.rowId).filter((e) => !!e)
-          )
-        ];
-        z(i.length ? i : o.selectedRows);
-      },
-      hidden: t.columnId !== "name" || t.isGroup
-    }),
-    inherit: (r, t, p, o) => {
-      const i = N(o.selectedCells), e = i.length > 0 && I && !(o.selectedRows.length > 1 && o.selectedColumns.length > 1);
-      return {
-        label: "Inherit from parent",
-        icon: "disabled_by_default",
-        command: () => Y(i),
-        hidden: !e
-      };
-    },
-    export: (r, t) => ({
-      label: "Export selection",
-      icon: "download",
-      command: () => O(Array.from(D), V),
-      hidden: t.isGroup
-    }),
-    "create-folder": (r, t) => [
-      {
-        label: "Create folder",
-        icon: "create_new_folder",
-        command: () => d?.("folder"),
+        label: u.folder.createLabel,
+        icon: u.folder.icon,
+        command: () => d?.("folder", {
+          parentFolderIds: L(t, o.selectedRows)
+        }),
         hidden: t.columnId !== "name" || !I || !d
       },
       {
-        label: "Create root folder",
-        icon: "create_new_folder",
+        label: `Create root ${u.folder.label.toLowerCase()}`,
+        icon: u.folder.icon,
         command: () => {
-          q(), d?.("folder");
+          z(), d?.("folder", { parentFolderIds: [] });
         },
         hidden: t.columnId !== "name" || !I || !d
       }
     ],
-    "create-task": (r, t) => ({
-      label: "Create task",
-      icon: "add_task",
-      command: () => d?.("task"),
+    "create-task": (m, t, p, o) => ({
+      label: u.task.createLabel,
+      icon: u.task.icon,
+      command: () => d?.("task", {
+        parentFolderIds: L(t, o.selectedRows)
+      }),
       hidden: t.columnId !== "name" || !I || !d
     }),
-    "open-viewer": (r, t, p, o) => ({
-      label: "Open in viewer",
-      icon: "play_circle",
-      shortcut: "Spacebar",
-      command: () => {
-        if (k) {
-          const i = b(t.entityId);
-          if (i) {
-            const e = pt(i);
-            k(e, { quickView: !0 });
-          }
-        }
-      },
-      hidden: t.columnId !== "thumbnail" && t.columnId !== "name" || t.isGroup || t.entityType === "unknown"
-    })
-  }, S = (r) => {
-    const { rowId: t, colId: p } = u(r) || {};
+    "open-viewer": rt
+  }, W = (m) => {
+    const { rowId: t, colId: p } = s(m) || {};
     if (!t || !p) return;
-    const o = b(t), i = g.find((n) => n.name === p?.replace("attrib_", "")), e = W.find((n) => n.id === p), s = o ? "parentId" in o ? o.parentId : "folderId" in o ? o.folderId : void 0 : void 0;
+    const o = f(t), e = _.find((n) => n.name === p?.replace("attrib_", "")), r = V.find((n) => n.id === p), c = o ? "parentId" in o ? o.parentId : "folderId" in o ? o.folderId : void 0 : void 0;
     return {
-      cellId: r,
+      cellId: m,
       columnId: p,
       entityId: o?.entityId || o?.id || t,
       entityType: o?.entityType,
-      parentId: s,
-      attribField: i,
-      isGroup: t.startsWith(v),
+      parentId: c,
+      attribField: e,
+      isGroup: t.startsWith(B),
       column: {
         id: p,
-        label: e?.label || ""
+        label: r?.label || ""
       },
       data: o
     };
   };
-  return { handleTableBodyContextMenu: (r) => {
-    const o = r.target.closest("td")?.firstElementChild?.id;
+  return { handleTableBodyContextMenu: (m) => {
+    const o = m.target.closest("td")?.firstElementChild?.id;
     if (!o) return;
-    const i = S(o);
-    if (!i) return;
-    let e = Array.from(D);
-    (!e.includes(o) || !e.length) && (e = [o], F(o, !1, !1), H(o));
-    const s = e.filter(
-      (m) => u(m)?.colId !== x
-    ), n = e.flatMap((m) => S(m) || []), f = [
-      ...new Map(n.map((m) => [m.entityId, m])).values()
-    ], c = [], l = [], a = [], w = [];
-    for (const { entityId: m, columnId: h } of f)
-      m && !c.includes(m) && c.push(m), h && !l.includes(h) && l.push(h), h === x && !a.includes(m) && a.push(m), m.startsWith(v) && w.push(m);
-    const X = B.flatMap(
-      (m) => typeof m == "function" ? m(
-        r,
-        i,
-        f,
+    const e = W(o);
+    if (!e) return;
+    let r = Array.from(P);
+    const n = r.filter(
+      (i) => s(i)?.colId === x
+    ).some(
+      (i) => s(i)?.rowId === e.entityId
+    );
+    (!r.includes(o) && !n || !r.length) && (r = [o], A(o, !1, !1), J(o));
+    const g = r.filter(
+      (i) => s(i)?.colId !== x
+    ), R = r.flatMap((i) => W(i) || []), l = [
+      ...new Map(R.map((i) => [i.entityId, i])).values()
+    ], a = [], h = [], y = [], E = [];
+    for (const { entityId: i, columnId: C } of l)
+      i && !a.includes(i) && a.push(i), C && !h.includes(C) && h.push(C), C === x && !y.includes(i) && y.push(i), i.startsWith(B) && E.push(i);
+    const st = U.flatMap(
+      (i) => typeof i == "function" ? i(
+        m,
+        e,
+        l,
         {
-          selectedCells: s,
+          selectedCells: g,
           // selected cells without row selection
-          selectedRows: c,
-          selectedColumns: l,
-          selectedFullRows: a,
-          selectedGroups: w
+          selectedRows: a,
+          selectedColumns: h,
+          selectedFullRows: y,
+          selectedGroups: E
           // groups if any
         },
         {
-          history: P
+          history: v
         }
-      ) : Q[m]?.(
-        r,
-        i,
-        f,
+      ) : lt[i]?.(
+        m,
+        e,
+        l,
         {
-          selectedCells: s,
+          selectedCells: g,
           // selected cells without row selection
-          selectedRows: c,
-          selectedColumns: l,
-          selectedFullRows: a,
-          selectedGroups: w
+          selectedRows: a,
+          selectedColumns: h,
+          selectedFullRows: y,
+          selectedGroups: E
           // groups if any
         },
-        { history: P }
+        { history: v }
       )
     );
-    J(r, X);
+    Z(m, st);
   } };
 };
 export {
-  mp as default
+  ap as default
 };
 //# sourceMappingURL=useCellContextMenu.es.js.map