@ynput/ayon-frontend-shared 0.7.6 → 0.8.0

package/dist/Feed.es.js

@@ -5,7 +5,7 @@ import N 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 gt, C as vt, a as mt, b as yt, F as pt, c as ht, d as xt, f as It, i as bt, g as At, r as wt } from "./chunks/Feed.es.js";
-import { b as Et, c as Dt, i as Tt } from "./chunks/PlayableIcon.es.js";
+import { b as Et, c as Dt, i as Tt } from "./chunks/FilmstripEntityCard.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(), v = () => n[n.findIndex((i) => i.id == u) - 1], y = () => n[n.findIndex((i) => i.id == u) + 1], f = () => v().id, d = () => y().id;
   return {

package/dist/ListTable.es.js

@@ -3,7 +3,7 @@ import Gt, { useState as L, useEffect as Mt, useRef as At, useCallback as O, use
 import A from "clsx";
 import { flexRender as nt, useReactTable as Ee, getSortedRowModel as Re, getExpandedRowModel as Se, getCoreRowModel as we } from "@tanstack/react-table";
 import { Button as ze, Icon as Ie } from "@ynput/ayon-react-components";
-import "./chunks/PlayableIcon.es.js";
+import "./chunks/FilmstripEntityCard.es.js";
 import "date-fns";
 import { D as Te, B as Ve, T as _e, E as ke, j as Le } from "./chunks/MetaWidget.es.js";
 import "react-toastify";
@@ -22,7 +22,7 @@ import "@lexical/selection";
 import "@lexical/utils";
 import "@lexical/react/LexicalBlockWithAlignableContents";
 import "@lexical/react/LexicalDecoratorBlockNode";
-import { dJ as vt, dK as Me } from "./chunks/getUris.es.js";
+import { dK as vt, dL as Me } from "./chunks/getUris.es.js";
 import { u as Ae } from "./chunks/TableExportContextInstance.es.js";
 import "@ynput/ayon-addon";
 import "@module-federation/enhanced/runtime";
@@ -30,8 +30,8 @@ import "@ynput/ayon-addon/host";
 import "semver";
 import { u as He } from "./chunks/useCreateContextMenu.es.js";
 import "react-dom";
-import "react-redux";
 import "react-router-dom";
+import "react-redux";
 import { useVirtualizer as Oe } from "@tanstack/react-virtual";
 import { useSensors as $e, useSensor as Ct, PointerSensor as Ne, KeyboardSensor as je, DndContext as xt, closestCenter as Dt, DragOverlay as Et, defaultDropAnimationSideEffects as Rt } from "@dnd-kit/core";
 import { restrictToHorizontalAxis as Ke, restrictToVerticalAxis as We } from "@dnd-kit/modifiers";
@@ -44,7 +44,7 @@ import "./chunks/Menu.es.js";
 import "./chunks/EmptyPlaceholder.es.js";
 import "./chunks/EmptyPlaceholderFlex.styled.es.js";
 import "./chunks/InfoMessage.es.js";
-import { C as Je } from "./chunks/ColumnHeaderMenuUI.es.js";
+import { C as Xe } from "./chunks/ColumnHeaderMenuUI.es.js";
 import "primereact-context/contextmenu";
 const $t = v.tr`
   display: flex;
@@ -168,7 +168,7 @@ const $t = v.tr`
   cursor: pointer;
   box-sizing: border-box;
   min-width: 0;
-`, Xe = v.div`
+`, Je = v.div`
   display: flex;
   align-items: center;
   width: 100%;
@@ -580,7 +580,7 @@ const It = v.tbody`
       zt,
       {
         style: { left: 0, paddingLeft: `calc(var(--padding-m) + ${t.depth * 16}px)` },
-        children: /* @__PURE__ */ a(Xe, { children: l })
+        children: /* @__PURE__ */ a(Je, { children: l })
       }
     ) }, `${t.id}-placeholder`);
   }
@@ -835,7 +835,7 @@ function In({
       children: [
         /* @__PURE__ */ a(pn, { children: t.isPlaceholder ? null : nt(t.column.columnDef.header, t.getContext()) }),
         (y.length > 0 || C) && /* @__PURE__ */ M(mn, { ...B, children: [
-          y.length > 0 && /* @__PURE__ */ a(Je, { menuItems: y, menuId: f, className: "header-menu" }),
+          y.length > 0 && /* @__PURE__ */ a(Xe, { menuItems: y, menuId: f, className: "header-menu" }),
           C && /* @__PURE__ */ a(
             Ue,
             {
@@ -1038,16 +1038,16 @@ function Lo({
   sorting: Bt,
   onSortingChange: Yt,
   enableExpanding: Ut = !0,
-  expanded: Jt,
-  onExpandedChange: Xt,
+  expanded: Xt,
+  onExpandedChange: Jt,
   getIsRowInactive: ot
 }) {
   const [qt, Qt] = L([]), [Zt, te] = L({}), [ee, ne] = L({}), [oe, ie] = L({}), Y = At(null), [it] = He(), rt = Bt ?? qt, re = (o) => {
     const p = typeof o == "function" ? o(rt) : o;
     Qt(p), Yt?.(p);
-  }, st = Jt ?? oe, se = (o) => {
+  }, st = Xt ?? oe, se = (o) => {
     const p = typeof o == "function" ? o(st) : o;
-    ie(p), Xt?.(p);
+    ie(p), Jt?.(p);
   }, U = S ?? Zt, ae = (o) => {
     const p = typeof o == "function" ? o(at) : o, D = {};
     Object.keys(p).forEach((I) => {
@@ -1099,17 +1099,17 @@ function Lo({
       updateData: s,
       openViewerDialog: m
     }
-  }), { rows: _ } = N.getRowModel(), J = Oe({
+  }), { rows: _ } = N.getRowModel(), X = Oe({
     count: i ? _.length + 1 : _.length,
     getScrollElement: () => Y.current,
     estimateSize: () => 44,
     overscan: 10
-  }), X = J.getVirtualItems(), { handleRowClick: de, handleKeyDown: ce } = Vn({
+  }), J = X.getVirtualItems(), { handleRowClick: de, handleKeyDown: ce } = Vn({
     rows: _,
     selectedRows: d,
     onSelectedRowsChange: C,
     multiSelection: g,
-    rowVirtualizer: J,
+    rowVirtualizer: X,
     tableContainerRef: Y
   }), ue = O(
     (o, p, D) => {
@@ -1165,9 +1165,9 @@ function Lo({
     handleRowDragCancel: ye
   } = kn({ rows: _, columnOrder: dt, onReorderRows: E, setColumnOrder: ct, onColumnOrderChange: z }), ft = tt(() => ({ onUpdateRow: s, onOpenViewer: m }), [s, m]), ve = Ln(N), Ce = !!N.getState().columnSizingInfo.isResizingColumn;
   Mt(() => {
-    const [o] = X.slice(-1);
+    const [o] = J.slice(-1);
     o && o.index >= _.length - 1 && i && !u && r?.();
-  }, [i, r, _.length, u, X]);
+  }, [i, r, _.length, u, J]);
   const q = pt ? _.find((o) => o.id === pt) : null, j = mt ? N.getHeaderGroups()[0]?.headers.find((o) => o.id === mt) : null;
   return /* @__PURE__ */ a(
     Ze,
@@ -1233,12 +1233,12 @@ function Lo({
             onDragCancel: ye,
             modifiers: [We],
             children: [
-              /* @__PURE__ */ a(It, { style: { height: `${J.getTotalSize()}px` }, children: /* @__PURE__ */ a(
+              /* @__PURE__ */ a(It, { style: { height: `${X.getTotalSize()}px` }, children: /* @__PURE__ */ a(
                 St,
                 {
                   items: _.map((o) => o.id),
                   strategy: Ye,
-                  children: X.map((o) => {
+                  children: J.map((o) => {
                     if (o.index > _.length - 1)
                       return /* @__PURE__ */ a(
                         on,

package/dist/NewEntity.es.js

@@ -1,29 +1,28 @@
 import { jsx as t, jsxs as f, Fragment as ue } from "react/jsx-runtime";
-import { useState as $, forwardRef as Ue, useRef as ce, useEffect as Le, useLayoutEffect as Ve, useContext as Pe, useId as Je, useMemo as ge } from "react";
+import { useState as z, forwardRef as Ue, useRef as ce, useEffect as Le, useLayoutEffect as Ve, useContext as Pe, useId as Je, useMemo as ge } from "react";
 import { isEmpty as Ce } from "lodash";
 import "primereact/confirmdialog";
 import { toast as me } from "react-toastify";
 import { g as Xe, R as Me } from "./chunks/realtimeUpdatesUtils.es.js";
 import { p as be, c as Ze, a as Ge } from "./chunks/iconUtils.es.js";
-import { bt as Qe } from "./chunks/searchTerms.es.js";
+import { bs as Qe } from "./chunks/searchTerms.es.js";
 import "axios";
-import { dw as Ye } from "./chunks/getUris.es.js";
+import { dx as Ye } from "./chunks/getUris.es.js";
 import "@module-federation/enhanced/runtime";
 import "@ynput/ayon-addon/host";
-import { Dropdown as De, Icon as Q, InputText as he, Button as fe, InputSwitch as Te, InputNumber as je, Spacer as ze, theme as qe, Dialog as et, ShortcutTag as tt, Toolbar as nt, SaveButton as at } from "@ynput/ayon-react-components";
-import { y as Ne, z as $e, M as rt } from "./chunks/TableExportContextInstance.es.js";
+import { Dropdown as De, Icon as Q, InputText as he, Button as fe, InputSwitch as Te, InputNumber as je, Spacer as $e, theme as qe, Dialog as et, ShortcutTag as tt, Toolbar as nt, SaveButton as at } from "@ynput/ayon-react-components";
+import { q as Ne, s as ze, M as rt } from "./chunks/TableExportContextInstance.es.js";
 import "semver";
 import "./chunks/ContextMenuContextInstance.es.js";
 import Ae from "clsx";
 import "uuid";
 import "react-dom";
-import "react-redux";
 import "react-router-dom";
-import { g as ot, e as st, C as lt, h as it, i as ct, p as dt } from "./chunks/MetaWidget.es.js";
+import { g as ot, d as st, C as lt, h as it, i as ct, p as dt } from "./chunks/MetaWidget.es.js";
 import { N as pt, u as ft } from "./chunks/NewEntityContextInstance.es.js";
 import E from "styled-components";
 import { a as ut, K as mt } from "./chunks/platform.es.js";
-import "./chunks/PlayableIcon.es.js";
+import "./chunks/FilmstripEntityCard.es.js";
 import "date-fns";
 import "@ynput/ayon-addon";
 import "lexical";
@@ -39,6 +38,7 @@ import "@lexical/react/LexicalDecoratorBlockNode";
 import { u as ht } from "./chunks/useHierarchySelection.es.js";
 import { n as te } from "./chunks/entityDefinitions.es.js";
 import "@tanstack/react-table";
+import "react-redux";
 const Ee = (i, m, u) => {
   const c = i.match(/\d+$/), w = m.match(/\d+$/), h = c ? parseInt(c[0], 10) : NaN, D = (w ? parseInt(w[0], 10) : NaN) - h;
   if (isNaN(D)) return [];
@@ -57,7 +57,7 @@ const Ee = (i, m, u) => {
   );
   return c ? c.name : "";
 }, kn = ({ children: i }) => {
-  const { projectName: m, ...u } = Ne(), { attribFields: c } = ot(), { findNonInheritedValues: w, getFolderById: h } = $e(), { attrib: n = {}, statuses: D } = u || {}, { anatomy: r } = Ne(), { entity_naming: q = { capitalization: "lower", separator: "_" } } = r, { rowSelection: v, sliceType: O } = st(), j = D?.filter((a) => a.scope?.includes("task"))?.[0]?.name || D?.[0]?.name || "none", W = D?.filter((a) => a.scope?.includes("folder"))?.[0]?.name || D?.[0]?.name || "none", [F, R] = $(null), [p, K] = $(null), L = { label: "", subType: "", name: "" }, [b, ne] = $(L), [H, J] = $({
+  const { projectName: m, ...u } = Ne(), { attribFields: c } = ot(), { findNonInheritedValues: w, getFolderById: h } = ze(), { attrib: n = {}, statuses: D } = u || {}, { anatomy: r } = Ne(), { entity_naming: q = { capitalization: "lower", separator: "_" } } = r, { rowSelection: v, sliceType: O } = st(), j = D?.filter((a) => a.scope?.includes("task"))?.[0]?.name || D?.[0]?.name || "none", W = D?.filter((a) => a.scope?.includes("folder"))?.[0]?.name || D?.[0]?.name || "none", [F, R] = z(null), [p, K] = z(null), L = { label: "", subType: "", name: "" }, [b, ne] = z(L), [H, J] = z({
     active: !1,
     increment: "",
     length: 10,
@@ -494,7 +494,7 @@ const Ct = ({
   const { base: F, increment: R, length: p, type: K, id: L, prefix: b, prefixDepth: ne, parentBases: H } = W, J = W.entityType, X = !n && D || q;
   let ae = [];
   F && R && p && (ae = Ee(F, R, p));
-  const [de, U] = $(ae), Y = ce(null), ee = ce(null), B = (s) => {
+  const [de, U] = z(ae), Y = ce(null), ee = ce(null), B = (s) => {
     s?.preventDefault && s?.preventDefault();
     let { value: S, id: _ } = s.target;
     _ === "prefixDepth" && (S = parseInt(String(S), 10));
@@ -534,7 +534,7 @@ const Ct = ({
     } : () => {
       ee.current?.focus();
     }, 50);
-  }, [a, d] = $(!0);
+  }, [a, d] = z(!0);
   Le(
     () => {
       const s = setTimeout(() => {
@@ -545,7 +545,7 @@ const Ct = ({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  const y = St(de, 5, b ? r : void 0), k = ce(null), [o, g] = $(0);
+  const y = St(de, 5, b ? r : void 0), k = ce(null), [o, g] = z(0);
   return Ve(() => {
     k.current && g(k.current.offsetWidth);
   }, [k.current, b]), J === "task" ? /* @__PURE__ */ t(
@@ -722,7 +722,7 @@ const Ct = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ t(ze, {}),
+              /* @__PURE__ */ t($e, {}),
               n && /* @__PURE__ */ t(
                 fe,
                 {
@@ -840,7 +840,7 @@ const Ct = ({
   labelRef: w,
   nameInfo: h = ""
 }) => {
-  const n = Je(), [D, r] = $(!1), [q, v] = $(void 0), O = ce(null), j = () => {
+  const n = Je(), [D, r] = z(!1), [q, v] = z(void 0), O = ce(null), j = () => {
     r(!0), u(!0), v(m.name), setTimeout(() => {
       O.current && (O.current.focus(), O.current.select());
     }, 0);
@@ -971,17 +971,17 @@ const Ct = ({
     onOpenNew: W,
     config: F,
     parentFolderIds: R
-  } = ft(), [p, K] = $(!1), { selectedCells: L } = it() || {}, b = ht(), { getFolderById: ne } = $e(), H = ct(), J = H?.getEntityById, X = H?.showHierarchy ?? !0, ae = ge(() => {
+  } = ft(), [p, K] = z(!1), { selectedCells: L } = it() || {}, b = ht(), { getFolderById: ne } = ze(), H = ct(), J = H?.getEntityById, X = H?.showHierarchy ?? !0, ae = ge(() => {
     if (R !== null) return R;
     const e = L ? Array.from(L).map((T) => dt(T)) : [], x = Array.from(
       new Set(
         e.filter((T) => T && T.colId !== Me).map((T) => T?.rowId).filter(Boolean)
       )
-    ), z = Array.from(
+    ), $ = Array.from(
       new Set(
         e.filter((T) => T?.colId === Me).map((T) => T?.rowId).filter(Boolean)
       )
-    ), le = x.length > 0 ? x : z;
+    ), le = x.length > 0 ? x : $;
     if (le.length > 0) {
       const T = le.map((G) => J?.(G)), ie = T.filter(
         (G) => G?.entityType === "folder"
@@ -1002,27 +1002,27 @@ const Ct = ({
       return { value: e, label: x?.label || x?.name || e };
     }),
     [U, J, ne]
-  ), [B, a] = $(null);
+  ), [B, a] = z(null);
   let d = B !== null ? B : U;
   d = d.filter((e) => U.includes(e)), d.length === 0 && U.length > 0 && (d = U);
-  const y = d.map((e) => ee.find((x) => x.value === e)?.label || "").filter(Boolean), k = y[0] || "", o = Ce(U), [g, s] = $(!1), [S, _] = $(!1), C = { label: "", subType: "", name: "" }, I = () => {
+  const y = d.map((e) => ee.find((x) => x.value === e)?.label || "").filter(Boolean), k = y[0] || "", o = Ce(U), [g, s] = z(!1), [S, _] = z(!1), C = { label: "", subType: "", name: "" }, I = () => {
     let e = "Add New ";
     return o && n === "folder" && (e += "Root "), e += n ? te[n].label : "", o || (y.length > 2 ? e += " - " + y.slice(0, 2).join(", ") + ` +${y.length - 2} more` : e += " - " + y.join(", ")), e;
   }, P = (n === "folder" ? h?.folderTypes : h?.taskTypes) || [], l = (e, x) => {
     if (!x) return;
-    let z = { ...r };
-    if (z[x] = e, e && x === "subType") {
+    let $ = { ...r };
+    if ($[x] = e, e && x === "subType") {
       const le = P.find((ie) => ie.name === r.subType), T = P.find((ie) => ie.name === e);
       if (T && r.label === le?.name) {
-        z.label = T.name;
+        $.label = T.name;
         const ke = be(r.label, F);
-        r.name === ke && (z.name = be(z.label, F));
+        r.name === ke && ($.name = be($.label, F));
       }
       setTimeout(() => {
         M.current?.focus();
       }, 100);
-    } else x === "label" ? (z.label = e, S || (z.name = be(e, F))) : x === "name" && (_(!0), z.name = e);
-    q(z);
+    } else x === "label" ? ($.label = e, S || ($.name = be(e, F))) : x === "name" && (_(!0), $.name = e);
+    q($);
   }, Z = (e) => {
     q({ ...r, label: e.base, subType: e.type }), O({
       ...v,
@@ -1033,14 +1033,14 @@ const Ct = ({
     });
   }, A = ce(null), M = ce(null), N = () => {
     D(null), q(C), O((e) => ({ ...e, active: !1 })), _(!1), a(null);
-  }, V = () => setTimeout(() => A.current?.open(), 180), [oe, ye] = $(!1), se = async (e) => {
+  }, V = () => setTimeout(() => A.current?.open(), 180), [oe, ye] = z(!1), se = async (e) => {
     const x = Ze(r.label);
     if (!x.valid) {
       me.error(x.error || "Invalid label");
       return;
     }
-    const { valid: z, error: le } = Ge(r.name);
-    if (!z) {
+    const { valid: $, error: le } = Ge(r.name);
+    if (!$) {
       me.error(le || "Invalid name");
       return;
     }
@@ -1087,7 +1087,7 @@ const Ct = ({
   );
   Tt({ options: ve, onOpenNew: W, enabled: w });
   const We = (e) => {
-    const x = ve.find((z) => z.value === e);
+    const x = ve.find(($) => $.value === e);
     x && !x.disabled && W(x.type, { isSequence: x.isSequence });
   }, Ie = n === "task" && Ce(d), He = !r.label || !r.subType || Ie;
   return /* @__PURE__ */ f(ue, { children: [
@@ -1144,7 +1144,7 @@ const Ct = ({
               }
             )
           ] }),
-          /* @__PURE__ */ t(ze, {}),
+          /* @__PURE__ */ t($e, {}),
           /* @__PURE__ */ t("span", { children: "Create more" }),
           /* @__PURE__ */ t(
             Te,