@ynput/ayon-frontend-shared 0.6.0 → 0.6.1

package/dist/Feed.es.js

@@ -1,58 +1,187 @@
-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;
-}, 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;
-}, w = ({
-  tableRef: t,
-  treeData: e,
+import { A as lt, F as dt, u as ut } from "./chunks/ThumbnailSimple.es.js";
+import { jsxs as V, jsx as A } from "react/jsx-runtime";
+import { useRef as X, useEffect as _, useMemo as j, useCallback as G } from "react";
+import T from "clsx";
+import { Icon as z } from "@ynput/ayon-react-components";
+import { e as J, D as Q, S as Y } from "./chunks/Feed.es.js";
+import { A as vt, C as gt, a as yt, F as mt, b as pt, c as ht, d as xt, i as It, f as bt } from "./chunks/Feed.es.js";
+const Z = ({ files: c, index: t, activityId: s, onNavigate: e }) => {
+  const n = c, o = t, u = s, l = () => n[0].id != u, a = () => n[n.length - 1].id != u, r = () => o > 0 || l(), I = () => o < n.find((i) => i.id == u).files.length - 1 || a(), g = () => n[n.findIndex((i) => i.id == u) - 1], m = () => n[n.findIndex((i) => i.id == u) + 1], f = () => g().id, d = () => m().id;
+  return {
+    canNavigateDown: a,
+    canNavigateUp: l,
+    canNavigateLeft: r,
+    canNavigateRight: I,
+    getPreviousActivity: g,
+    getNextActivityId: d,
+    getByIndexActivity: (i, h) => !i === null || h == null ? { id: null, projectName: null, mime: null, extension: null } : n.find((x) => x.id == i).files[h],
+    navigateUp: () => {
+      e({ activityId: f(), index: 0 });
+    },
+    navigateDown: () => e({ activityId: d(), index: 0 }),
+    navigateLeft: () => {
+      if (o > 0)
+        return e({ delta: -1 });
+      const i = g();
+      e({
+        activityId: i.id,
+        index: i.files.length - 1
+      });
+    },
+    navigateRight: () => {
+      if (o < n.find((i) => i.id == u).files.length - 1)
+        return e({ delta: 1 });
+      e({ activityId: d(), index: 0 });
+    }
+  };
+}, ot = ({
+  files: c,
+  index: t,
+  activityId: s,
+  projectName: e,
+  onFilePreviewClose: n,
+  onNavigate: o
+}) => {
+  const {
+    canNavigateDown: u,
+    canNavigateUp: l,
+    canNavigateLeft: a,
+    canNavigateRight: r,
+    getByIndexActivity: I,
+    navigateUp: g,
+    navigateDown: m,
+    navigateLeft: f,
+    navigateRight: d
+  } = Z({ files: c, index: t, activityId: s, onNavigate: o }), p = { ...I(s, t), projectName: e }, { id: v, mime: b, extension: w, name: P } = p, i = X(null);
+  _(() => {
+    v && e && i.current?.focus();
+  }, [v, e]);
+  const h = () => {
+    n();
+  }, k = Object.values(J).find(
+    ({ mimeTypes: L }) => L.some((N) => (b || w)?.includes(N))
+  ), { component: x, id: R, callback: C, fullPreviews: B } = k || {};
+  if (_(() => {
+    if (!v || !e || !x || C) return;
+    const L = {
+      ArrowUp: [l, g],
+      ArrowDown: [u, m],
+      ArrowLeft: [a, f],
+      ArrowRight: [r, d]
+    }, N = (y) => {
+      if (y.key === "Escape") {
+        y.preventDefault(), y.stopPropagation(), h();
+        return;
+      }
+      const U = L[y.code];
+      if (!U) return;
+      if (y.target instanceof HTMLElement) {
+        const { tagName: M, isContentEditable: q } = y.target;
+        if (M === "INPUT" || M === "TEXTAREA" || q) return;
+      }
+      y.preventDefault(), y.stopPropagation();
+      const [W, H] = U;
+      W() && H();
+    };
+    return document.addEventListener("keydown", N, !0), () => document.removeEventListener("keydown", N, !0);
+  }, [v, e, c, t, s, x, C]), !v || !e) return null;
+  if (C)
+    return C(p), null;
+  const O = () => a() && f(), S = () => r() && d(), D = R === "image", F = R === "video", E = 50;
+  return x ? /* @__PURE__ */ V(
+    Q,
+    {
+      size: "full",
+      isOpen: !!(v && e),
+      onClose: h,
+      hideCancelButton: D,
+      ref: i,
+      className: T({ isImage: D }, "block-shortcuts"),
+      header: D ? null : P,
+      children: [
+        /* @__PURE__ */ A("div", { style: { position: "absolute", inset: 0, zIndex: E }, onClick: h }),
+        /* @__PURE__ */ A(
+          z,
+          {
+            style: { zIndex: E + 1 },
+            icon: "chevron_left",
+            className: T("navIcon", "left", { disabled: !a() }),
+            onClick: O
+          }
+        ),
+        /* @__PURE__ */ A(
+          Y,
+          {
+            style: { zIndex: E + 1 },
+            className: T({ scrollable: !D && !F, fill: F }),
+            children: /* @__PURE__ */ A(x, { file: p, fullPreviews: B })
+          }
+        ),
+        /* @__PURE__ */ A(
+          z,
+          {
+            style: { zIndex: E + 1 },
+            icon: "chevron_right",
+            className: T("navIcon", "right", { disabled: !r() }),
+            onClick: S
+          }
+        )
+      ]
+    }
+  ) : null;
+}, K = (c) => {
+  const t = Array.from(c).find((s) => s.startsWith("id-"));
+  return t ? t.split("-")[1] : null;
+}, $ = (c, t, s, e, n) => {
+  const o = Object.keys(c);
+  return t = [.../* @__PURE__ */ new Set([...t, ...o])], t = s.filter((l) => t.includes(l)), o.includes(e) && (n === 1 ? t.shift() : t.pop()), t;
+}, at = ({
+  tableRef: c,
+  treeData: t,
   selection: s,
-  onSelectionChange: c,
-  config: { multiSelect: u = !0 } = {}
+  onSelectionChange: e,
+  config: { multiSelect: n = !0 } = {}
 }) => {
-  const i = x(() => {
-    const r = [];
-    return t.current?.getElement()?.querySelectorAll(".p-treetable-tbody tr").forEach((a) => {
-      const o = y(a.classList);
-      o && r.push(o);
-    }), r;
-  }, [t.current, e]);
-  return A(
-    (r) => {
-      const { key: a, target: o, shiftKey: m } = r;
-      if (o.tagName === "TR" && (a === "ArrowDown" || a === "ArrowUp")) {
-        const d = a === "ArrowDown" ? 1 : -1, f = d === 1 ? o.nextElementSibling : o.previousElementSibling;
-        if (!f) return;
-        const n = y(f.classList);
-        if (!n && n !== "undefined") return;
-        let l = [n];
-        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 });
+  const o = j(() => {
+    const l = [];
+    return c.current?.getElement()?.querySelectorAll(".p-treetable-tbody tr").forEach((a) => {
+      const r = K(a.classList);
+      r && l.push(r);
+    }), l;
+  }, [c.current, t]);
+  return G(
+    (l) => {
+      const { key: a, target: r, shiftKey: I } = l;
+      if (r.tagName === "TR" && (a === "ArrowDown" || a === "ArrowUp")) {
+        const g = a === "ArrowDown" ? 1 : -1, m = g === 1 ? r.nextElementSibling : r.previousElementSibling;
+        if (!m) return;
+        const f = K(m.classList);
+        if (!f && f !== "undefined") return;
+        let d = [f];
+        I && n && (d = $(s, d, o, f, g));
+        const p = d, v = d.reduce((b, w) => (b[w] = !0, b), {});
+        e({ array: p, object: v });
       }
     },
-    [i, s]
+    [o, s]
   );
 };
 export {
-  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,
-  E as getMultiSelection,
-  U as isCategoryHidden,
-  W as isFilePreviewable,
-  P as useFeedContext,
-  w as useTableKeyboardNavigation
+  vt as ActivityCategorySelect,
+  lt as ActivityReferenceTooltip,
+  gt as CategoryDropdownItem,
+  yt as CategoryTag,
+  mt as FEED_NEW_COMMENT,
+  pt as Feed,
+  dt as FeedContext,
+  ht as FeedProvider,
+  ot as FileUploadPreview,
+  xt as activitiesLast,
+  J as expandableMimeTypes,
+  K as extractIdFromClassList,
+  $ as getMultiSelection,
+  It as isCategoryHidden,
+  bt as isFilePreviewable,
+  ut as useFeedContext,
+  at as useTableKeyboardNavigation
 };

package/dist/ListTable.es.js

@@ -6,11 +6,11 @@ import { Button as ze, Icon as Ie } from "@ynput/ayon-react-components";
 import "./chunks/PlayableIcon.es.js";
 import "date-fns";
 import "uuid";
-import { i as Te, B as we, T as Ve, j as _e, k 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 { bg 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";
@@ -23,28 +23,25 @@ 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 { 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;
@@ -527,7 +524,7 @@ const Tt = C.tbody`
   list_of_any: tt,
   list_of_submodels: wt,
   dict: wt
-}, _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 = ({
+}, 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,
@@ -785,7 +782,7 @@ function In({
     id: t.id,
     data: { type: "column" },
     disabled: !e
-  }), s = t.column, h = o && s.getCanSort(), g = s.getIsSorted(), f = `list-table-menu-${t.id}`, { menuOpen: b } = Ue(), y = b === f, 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",
@@ -834,7 +831,7 @@ function In({
       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: f, className: "header-menu" }),
+          v.length > 0 && /* @__PURE__ */ l(Ue, { menuItems: v, menuId: f, className: "header-menu" }),
           h && /* @__PURE__ */ l(
             Ye,
             {
@@ -959,9 +956,9 @@ function _n({
 }) {
   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: m,
@@ -974,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);
         }
       }
@@ -1004,7 +1001,7 @@ function kn(t) {
   }, [o, e]);
 }
 const Ln = (t) => t ? Array.isArray(t) ? t.filter(Boolean) : [t] : [];
-function ko({
+function wo({
   data: t,
   columns: e,
   getRowId: o,
@@ -1041,7 +1038,7 @@ function ko({
   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) => {
@@ -1098,7 +1095,7 @@ function ko({
       updateData: a,
       openViewerDialog: m
     }
-  }), { rows: _ } = N.getRowModel(), X = Ae({
+  }), { rows: _ } = N.getRowModel(), X = He({
     count: i ? _.length + 1 : _.length,
     getScrollElement: () => Y.current,
     estimateSize: () => 44,
@@ -1186,13 +1183,13 @@ function ko({
             onDragStart: pe,
             onDragEnd: me,
             onDragCancel: fe,
-            modifiers: [Ne],
+            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,
                     {
@@ -1232,13 +1229,13 @@ function ko({
             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(
@@ -1321,7 +1318,7 @@ const Pt = (t) => !!t && typeof t == "object" && ("label" in t || "value" in t),
   }), o.forEach((i) => {
     i.subRows = Ft(i.subRows, e);
   }), [...o, ...r];
-}, Lo = (t, e, o, r, i, u) => {
+}, Vo = (t, e, o, r, i, u) => {
   const a = [], m = (d, E, R, c) => {
     if (!R.length) {
       d.push(E);
@@ -1348,11 +1345,11 @@ const Pt = (t) => !!t && typeof t == "object" && ("label" in t || "value" in t),
   return t.forEach((d) => m(a, d, e, "root")), Ft(a, o);
 };
 export {
-  ko as ListTable,
-  Lo as buildGroupedData,
+  wo as ListTable,
+  Vo as buildGroupedData,
   Mn as compareGroupingPathItems,
   bn as defaultListTableDataTypeWidgets,
-  _o as getDefaultListTableDataTypeWidgets,
+  To as getDefaultListTableDataTypeWidgets,
   Gn as getGroupItemValue,
   Kt as getListTableCellId,
   Pt as isListTableGroupDisplayObject,