@ynput/ayon-frontend-shared 0.7.0 → 0.7.2

package/dist/ListTable.es.js

@@ -2,10 +2,10 @@ import { jsx as a, Fragment as De, jsxs as M } from "react/jsx-runtime";
 import Gt, { useState as L, useEffect as Mt, useRef as At, useCallback as O, useMemo as tt } from "react";
 import A from "clsx";
 import { flexRender as nt, useReactTable as Re, getSortedRowModel as Ee, getExpandedRowModel as Se, getCoreRowModel as we } from "@tanstack/react-table";
-import { Button as Ie, Icon as ze } from "@ynput/ayon-react-components";
+import { Button as ze, Icon as Ie } from "@ynput/ayon-react-components";
 import "./chunks/PlayableIcon.es.js";
 import "date-fns";
-import { n as Te, B as Ve, T as _e, o as ke, q as Le } from "./chunks/MetaWidget.es.js";
+import { q as Te, B as Ve, T as _e, r as ke, s as Le } from "./chunks/MetaWidget.es.js";
 import "react-toastify";
 import "lodash";
 import "primereact/confirmdialog";
@@ -21,7 +21,7 @@ import "@lexical/selection";
 import "@lexical/utils";
 import "@lexical/react/LexicalBlockWithAlignableContents";
 import "@lexical/react/LexicalDecoratorBlockNode";
-import { dH as vt, dI as Me } from "./chunks/getUris.es.js";
+import { dJ as vt, dK as Me } from "./chunks/getUris.es.js";
 import { u as Ae } from "./chunks/TableExportContextInstance.es.js";
 import "@module-federation/enhanced/runtime";
 import "semver";
@@ -30,8 +30,8 @@ import "react-dom";
 import "react-redux";
 import "react-router-dom";
 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 Rt, defaultDropAnimationSideEffects as Et } from "@dnd-kit/core";
-import { restrictToHorizontalAxis as Ke, restrictToVerticalAxis as We } from "@dnd-kit/modifiers";
+import { useSensors as $e, useSensor as Ct, PointerSensor as Ne, KeyboardSensor as Ke, DndContext as xt, closestCenter as Dt, DragOverlay as Rt, defaultDropAnimationSideEffects as Et } from "@dnd-kit/core";
+import { restrictToHorizontalAxis as je, restrictToVerticalAxis as We } from "@dnd-kit/modifiers";
 import { useSortable as Ht, sortableKeyboardCoordinates as Pe, arrayMove as Fe, SortableContext as St, horizontalListSortingStrategy as Be, verticalListSortingStrategy as Ye } from "@dnd-kit/sortable";
 import { CSS as Ot } from "@dnd-kit/utilities";
 import v from "styled-components";
@@ -41,7 +41,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 Xe } from "./chunks/ColumnHeaderMenuUI.es.js";
+import { C as Je } from "./chunks/ColumnHeaderMenuUI.es.js";
 import "primereact-context/contextmenu";
 const $t = v.tr`
   display: flex;
@@ -154,7 +154,7 @@ const $t = v.tr`
   &:focus-visible {
     outline: none;
   }
-`, It = v.div`
+`, zt = v.div`
   position: absolute;
   inset: 0;
 
@@ -165,7 +165,7 @@ const $t = v.tr`
   cursor: pointer;
   box-sizing: border-box;
   min-width: 0;
-`, qe = v.div`
+`, Xe = v.div`
   display: flex;
   align-items: center;
   width: 100%;
@@ -173,7 +173,7 @@ const $t = v.tr`
   color: var(--md-sys-color-on-surface-variant);
   font-style: italic;
   pointer-events: none;
-`, Je = v.div`
+`, qe = v.div`
   position: relative;
   display: flex;
   align-items: center;
@@ -280,7 +280,7 @@ v.th`
   white-space: nowrap;
   min-height: fit-content;
 `;
-const zt = v.tbody`
+const It = v.tbody`
   display: grid;
   width: 100%;
   position: relative;
@@ -371,7 +371,7 @@ const zt = v.tbody`
   color: var(--md-sys-color-on-surface-variant);
   cursor: pointer;
   user-select: none;
-`, ln = v(Ie)`
+`, ln = v(ze)`
   &.expander {
     background-color: unset;
     padding: 2px;
@@ -454,7 +454,7 @@ const zt = v.tbody`
   } catch {
     return String(t);
   }
-}, jt = ({
+}, Kt = ({
   value: t,
   attributeData: e,
   isEditing: n,
@@ -477,7 +477,7 @@ const zt = v.tbody`
       onChange: (l) => s(l)
     }
   );
-}, Q = (t) => Nt(t.attributeData) ? jt(t) : /* @__PURE__ */ a(
+}, Q = (t) => Nt(t.attributeData) ? Kt(t) : /* @__PURE__ */ a(
   _e,
   {
     value: F(t.value),
@@ -514,7 +514,7 @@ const zt = v.tbody`
       isMidnightExclusive: e?.includes(t.columnId) ?? !1
     }
   );
-}, Z = (t) => Nt(t.attributeData) ? jt(t) : F(t.value), Tt = (t) => F(t.value), yn = {
+}, Z = (t) => Nt(t.attributeData) ? Kt(t) : F(t.value), Tt = (t) => F(t.value), yn = {
   string: Q,
   integer: Q,
   float: Q,
@@ -525,7 +525,7 @@ const zt = v.tbody`
   list_of_any: Z,
   list_of_submodels: Tt,
   dict: Tt
-}, To = () => yn, Kt = (t, e) => `list-table-cell-${t}-${e}`, vn = (t) => F(t), Vt = "editable", Cn = (t) => !!t && typeof t == "object" && "__listTablePlaceholder" in t, xn = ({
+}, To = () => yn, jt = (t, e) => `list-table-cell-${t}-${e}`, vn = (t) => F(t), Vt = "editable", Cn = (t) => !!t && typeof t == "object" && "__listTablePlaceholder" in t, xn = ({
   cell: t,
   row: e,
   rowIndex: n,
@@ -541,7 +541,7 @@ const zt = v.tbody`
   const R = i[l];
   if (!R)
     return null;
-  const E = t.column.id, c = Kt(e.id, E), d = {
+  const E = t.column.id, c = jt(e.id, E), d = {
     row: e,
     cell: t,
     value: t.getValue(),
@@ -574,15 +574,15 @@ const zt = v.tbody`
   if (m) {
     const l = t.original && typeof t.original == "object" && "label" in t.original ? String(t.original.label ?? "") : "";
     return /* @__PURE__ */ a(wt, { style: { width: "100%" }, children: /* @__PURE__ */ a(
-      It,
+      zt,
       {
         style: { left: 0, paddingLeft: `calc(var(--padding-m) + ${t.depth * 16}px)` },
-        children: /* @__PURE__ */ a(qe, { children: l })
+        children: /* @__PURE__ */ a(Xe, { children: l })
       }
     ) }, `${t.id}-placeholder`);
   }
   return /* @__PURE__ */ a(De, { children: t.getVisibleCells().map((l, R, E) => {
-    const c = Kt(t.id, l.column.id), d = n?.[l.column.id], C = !!l.column.columnDef.meta?.listTableCustomCell, g = d?.type, f = !!g && !C, h = !!(g && r?.[g]), b = i.editingCellId === c, x = s && l.column.columnDef.meta?.editable !== !1, T = !f || m ? null : xn({
+    const c = jt(t.id, l.column.id), d = n?.[l.column.id], C = !!l.column.columnDef.meta?.listTableCustomCell, g = d?.type, f = !!g && !C, h = !!(g && r?.[g]), b = i.editingCellId === c, x = s && l.column.columnDef.meta?.editable !== !1, T = !f || m ? null : xn({
       cell: l,
       row: t,
       rowIndex: t.index,
@@ -591,9 +591,9 @@ const zt = v.tbody`
       editingState: i,
       callbacks: u,
       isReadOnly: !x
-    }), I = !f || m ? nt(l.column.columnDef.cell, l.getContext()) : T ?? vn(l.getValue());
-    let y = I;
-    e !== null && (e ? y = e(t, I) || I : y = /* @__PURE__ */ a(Je, { children: I }));
+    }), z = !f || m ? nt(l.column.columnDef.cell, l.getContext()) : T ?? vn(l.getValue());
+    let y = z;
+    e !== null && (e ? y = e(t, z) || z : y = /* @__PURE__ */ a(qe, { children: z }));
     const S = x && f && h && !m;
     return S && (y = /* @__PURE__ */ a(
       Qe,
@@ -625,7 +625,7 @@ const zt = v.tbody`
           }
         },
         children: /* @__PURE__ */ a(
-          It,
+          zt,
           {
             className: "inner-td",
             style: {
@@ -680,7 +680,7 @@ function Sn({
           }
         ),
         c?.icon ? /* @__PURE__ */ a(
-          ze,
+          Ie,
           {
             icon: c.icon,
             style: { color: c.color },
@@ -736,13 +736,13 @@ function wn({
       }
     );
   }
-  const I = `translateY(${e.start}px)`, y = h ? Ot.Transform.toString(h) : "";
+  const z = `translateY(${e.start}px)`, y = h ? Ot.Transform.toString(h) : "";
   return /* @__PURE__ */ a(
     $t,
     {
       ref: x,
       style: {
-        transform: `${I} ${y}`,
+        transform: `${z} ${y}`,
         transition: b
       },
       tabIndex: -1,
@@ -770,8 +770,8 @@ function wn({
     }
   );
 }
-const In = Gt.memo(wn);
-function zn({
+const zn = Gt.memo(wn);
+function In({
   header: t,
   enabled: e,
   enableSorting: n = !1,
@@ -799,7 +799,7 @@ function zn({
       selected: g === "desc",
       onClick: () => d.toggleSorting(!0)
     }
-  ] : [], I = r && d.getCanHide() ? [
+  ] : [], z = r && d.getCanHide() ? [
     ...x.length > 0 ? [{ id: "divider-visibility", type: "divider" }] : [],
     {
       id: "hide",
@@ -807,7 +807,7 @@ function zn({
       icon: "visibility_off",
       onClick: () => d.toggleVisibility(!1)
     }
-  ] : [], y = [...x, ...I], S = i && d.getCanResize(), w = d.getIsResizing(), { columnSizingInfo: V } = t.getContext().table.getState(), H = V.isResizingColumn === d.id ? V.deltaOffset ?? 0 : 0, $ = !!V.isResizingColumn, B = {
+  ] : [], y = [...x, ...z], S = i && d.getCanResize(), w = d.getIsResizing(), { columnSizingInfo: V } = t.getContext().table.getState(), H = V.isResizingColumn === d.id ? V.deltaOffset ?? 0 : 0, $ = !!V.isResizingColumn, B = {
     onPointerDown: (k) => k.stopPropagation(),
     onMouseDown: (k) => k.stopPropagation()
   };
@@ -832,7 +832,7 @@ function zn({
       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(Xe, { menuItems: y, menuId: f, className: "header-menu" }),
+          y.length > 0 && /* @__PURE__ */ a(Je, { menuItems: y, menuId: f, className: "header-menu" }),
           C && /* @__PURE__ */ a(
             Ue,
             {
@@ -959,7 +959,7 @@ function kn({
   return {
     sensors: $e(
       Ct(Ne),
-      Ct(je, { coordinateGetter: Pe })
+      Ct(Ke, { coordinateGetter: Pe })
     ),
     activeRowId: u,
     activeColumnId: m,
@@ -970,9 +970,9 @@ function kn({
       l(null);
       const { active: b, over: x } = h;
       if (x && b.id !== x.id) {
-        const T = e.indexOf(b.id), I = e.indexOf(x.id);
-        if (T !== -1 && I !== -1) {
-          const y = Fe(e, T, I);
+        const T = e.indexOf(b.id), z = e.indexOf(x.id);
+        if (T !== -1 && z !== -1) {
+          const y = Fe(e, T, z);
           r(() => y), i?.(y);
         }
       }
@@ -985,8 +985,8 @@ function kn({
       s(null);
       const { active: b, over: x } = h;
       if (x && b.id !== x.id) {
-        const T = t.findIndex((y) => y.id === b.id), I = t.findIndex((y) => y.id === x.id);
-        n?.(T, I);
+        const T = t.findIndex((y) => y.id === b.id), z = t.findIndex((y) => y.id === x.id);
+        n?.(T, z);
       }
     },
     handleRowDragCancel: () => s(null)
@@ -1023,7 +1023,7 @@ function Vo({
   dataTypeWidgets: b,
   enableColumnReordering: x = !1,
   columnOrder: T,
-  onColumnOrderChange: I,
+  onColumnOrderChange: z,
   enableColumnVisibility: y = !1,
   columnVisibility: S,
   defaultColumnVisibility: w,
@@ -1035,29 +1035,29 @@ function Vo({
   sorting: Bt,
   onSortingChange: Yt,
   enableExpanding: Ut = !0,
-  expanded: Xt,
-  onExpandedChange: qt,
+  expanded: Jt,
+  onExpandedChange: Xt,
   getIsRowInactive: ot
 }) {
-  const [Jt, Qt] = L([]), [Zt, te] = L({}), [ee, ne] = L({}), [oe, ie] = L({}), Y = At(null), [it] = He(), rt = Bt ?? Jt, re = (o) => {
+  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 = Xt ?? oe, se = (o) => {
+  }, st = Jt ?? oe, se = (o) => {
     const p = typeof o == "function" ? o(st) : o;
-    ie(p), qt?.(p);
+    ie(p), Xt?.(p);
   }, U = S ?? Zt, ae = (o) => {
     const p = typeof o == "function" ? o(at) : o, D = {};
-    Object.keys(p).forEach((z) => {
-      const G = vt({}, z, w);
-      p[z] !== G && (D[z] = p[z]);
+    Object.keys(p).forEach((I) => {
+      const G = vt({}, I, w);
+      p[I] !== G && (D[I] = p[I]);
     }), te(D), V?.(D);
   }, at = tt(() => {
     const o = {};
     return e.forEach((p) => {
       const D = p.id || p.accessorKey;
       if (D) {
-        const z = vt(U, D, w), G = p.visible;
-        G !== void 0 && U[D] === void 0 ? o[D] = G : o[D] = z;
+        const I = vt(U, D, w), G = p.visible;
+        G !== void 0 && U[D] === void 0 ? o[D] = G : o[D] = I;
       }
     }), Me(
       o,
@@ -1096,50 +1096,50 @@ function Vo({
       updateData: s,
       openViewerDialog: m
     }
-  }), { rows: _ } = N.getRowModel(), X = Oe({
+  }), { rows: _ } = N.getRowModel(), J = Oe({
     count: i ? _.length + 1 : _.length,
     getScrollElement: () => Y.current,
     estimateSize: () => 44,
     overscan: 10
-  }), q = X.getVirtualItems(), { handleRowClick: de, handleKeyDown: ce } = Vn({
+  }), X = J.getVirtualItems(), { handleRowClick: de, handleKeyDown: ce } = Vn({
     rows: _,
     selectedRows: d,
     onSelectedRowsChange: C,
     multiSelection: g,
-    rowVirtualizer: X,
+    rowVirtualizer: J,
     tableContainerRef: Y
   }), ue = O(
     (o, p, D) => {
       if (!c) return;
-      const z = _[p];
-      !z || z.original === void 0 || P(z.original) || c(D, {
+      const I = _[p];
+      !I || I.original === void 0 || P(I.original) || c(D, {
         rowId: o,
         rowIndex: p,
-        row: z,
+        row: I,
         isSelected: d.includes(o)
       });
     },
     [c, _, d]
   ), ge = O(
     (o, p, D) => {
-      const z = _[p];
-      if (!z || z.original === void 0) return;
-      const G = P(z.original);
+      const I = _[p];
+      if (!I || I.original === void 0) return;
+      const G = P(I.original);
       let ht = {};
       if (G) {
-        const K = z.original;
+        const j = I.original;
         ht = {
-          groupColumnId: K.__groupColumnId,
-          groupValue: K.__groupValue
+          groupColumnId: j.__groupColumnId,
+          groupValue: j.__groupValue
         };
       }
       D.preventDefault(), D.stopPropagation();
       const bt = d.includes(o), xe = G || bt ? d : [o], yt = E.flatMap(
-        (K) => Gn(
-          K(D, {
+        (j) => Gn(
+          j(D, {
             rowId: o,
             rowIndex: p,
-            row: z,
+            row: I,
             selectedRows: xe,
             isSelected: bt,
             isGroupRow: G,
@@ -1160,12 +1160,12 @@ function Vo({
     handleRowDragStart: he,
     handleRowDragEnd: be,
     handleRowDragCancel: ye
-  } = kn({ rows: _, columnOrder: dt, onReorderRows: R, setColumnOrder: ct, onColumnOrderChange: I }), ft = tt(() => ({ onUpdateRow: s, onOpenViewer: m }), [s, m]), ve = Ln(N), Ce = !!N.getState().columnSizingInfo.isResizingColumn;
+  } = kn({ rows: _, columnOrder: dt, onReorderRows: R, setColumnOrder: ct, onColumnOrderChange: z }), ft = tt(() => ({ onUpdateRow: s, onOpenViewer: m }), [s, m]), ve = Ln(N), Ce = !!N.getState().columnSizingInfo.isResizingColumn;
   Mt(() => {
-    const [o] = q.slice(-1);
+    const [o] = X.slice(-1);
     o && o.index >= _.length - 1 && i && !u && r?.();
-  }, [i, r, _.length, u, q]);
-  const J = pt ? _.find((o) => o.id === pt) : null, j = mt ? N.getHeaderGroups()[0]?.headers.find((o) => o.id === mt) : null;
+  }, [i, r, _.length, u, X]);
+  const q = pt ? _.find((o) => o.id === pt) : null, K = mt ? N.getHeaderGroups()[0]?.headers.find((o) => o.id === mt) : null;
   return /* @__PURE__ */ a(
     Ze,
     {
@@ -1182,7 +1182,7 @@ function Vo({
             onDragStart: pe,
             onDragEnd: me,
             onDragCancel: fe,
-            modifiers: [Ke],
+            modifiers: [je],
             children: [
               /* @__PURE__ */ a(en, { children: N.getHeaderGroups().map((o) => /* @__PURE__ */ a(nn, { children: /* @__PURE__ */ a(
                 St,
@@ -1190,7 +1190,7 @@ function Vo({
                   items: o.headers.map((p) => p.id),
                   strategy: Be,
                   children: o.headers.map((p, D) => /* @__PURE__ */ a(
-                    zn,
+                    In,
                     {
                       header: p,
                       enabled: x,
@@ -1211,9 +1211,9 @@ function Vo({
                       styles: { active: { opacity: "0.4" } }
                     })
                   },
-                  children: j ? /* @__PURE__ */ a("table", { children: /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a(gn, { style: { width: j.getSize() }, children: j.isPlaceholder ? null : nt(
-                    j.column.columnDef.header,
-                    j.getContext()
+                  children: K ? /* @__PURE__ */ a("table", { children: /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a(gn, { style: { width: K.getSize() }, children: K.isPlaceholder ? null : nt(
+                    K.column.columnDef.header,
+                    K.getContext()
                   ) }) }) }) }) : null
                 }
               )
@@ -1230,12 +1230,12 @@ function Vo({
             onDragCancel: ye,
             modifiers: [We],
             children: [
-              /* @__PURE__ */ a(zt, { style: { height: `${X.getTotalSize()}px` }, children: /* @__PURE__ */ a(
+              /* @__PURE__ */ a(It, { style: { height: `${J.getTotalSize()}px` }, children: /* @__PURE__ */ a(
                 St,
                 {
                   items: _.map((o) => o.id),
                   strategy: Ye,
-                  children: q.map((o) => {
+                  children: X.map((o) => {
                     if (o.index > _.length - 1)
                       return /* @__PURE__ */ a(
                         on,
@@ -1247,7 +1247,7 @@ function Vo({
                       );
                     const D = _[o.index];
                     return /* @__PURE__ */ a(
-                      In,
+                      zn,
                       {
                         row: D,
                         virtualRow: o,
@@ -1277,14 +1277,14 @@ function Vo({
                       styles: { active: { opacity: "0.4" } }
                     })
                   },
-                  children: J ? /* @__PURE__ */ a("table", { style: { width: "100%" }, children: /* @__PURE__ */ a(zt, { children: /* @__PURE__ */ a(
+                  children: q ? /* @__PURE__ */ a("table", { style: { width: "100%" }, children: /* @__PURE__ */ a(It, { children: /* @__PURE__ */ a(
                     rn,
                     {
-                      className: A({ inactive: ot?.(J.original) }),
+                      className: A({ inactive: ot?.(q.original) }),
                       children: /* @__PURE__ */ a(
                         Wt,
                         {
-                          row: J,
+                          row: q,
                           cellWrapper: f,
                           columnAttributeData: h,
                           dataTypeWidgets: b,
@@ -1329,7 +1329,7 @@ const Pt = (t) => !!t && typeof t == "object" && ("label" in t || "value" in t),
       return;
     }
     const f = (h, b, x) => {
-      const T = g[b], I = Mn(T), y = `${x}|${d}:${b}:${JSON.stringify(I)}`;
+      const T = g[b], z = Mn(T), y = `${x}|${d}:${b}:${JSON.stringify(z)}`;
       let S = h.find(
         (w) => et(w) && w.__groupKey === y
       );
@@ -1350,7 +1350,7 @@ export {
   yn as defaultListTableDataTypeWidgets,
   To as getDefaultListTableDataTypeWidgets,
   Mn as getGroupItemValue,
-  Kt as getListTableCellId,
+  jt as getListTableCellId,
   Pt as isListTableGroupDisplayObject,
   et as isListTableGroupRow,
   vn as renderListTableFallbackValue

package/dist/NewEntity.es.js

@@ -6,7 +6,7 @@ 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 { du as Ye } from "./chunks/getUris.es.js";
+import { dw as Ye } from "./chunks/getUris.es.js";
 import "@module-federation/enhanced/runtime";
 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 { x as Ne, y as ze, M as rt } from "./chunks/TableExportContextInstance.es.js";
@@ -17,7 +17,7 @@ import "uuid";
 import "react-dom";
 import "react-redux";
 import "react-router-dom";
-import { f as ot, d as st, C as lt, g as it, h 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";