@ynput/ayon-frontend-shared 0.7.6 → 0.8.0

package/dist/chunks/FilterErrorActions.es.js

@@ -16,10 +16,9 @@ import "semver";
 import "./ContextMenuContextInstance.es.js";
 import "clsx";
 import "react-dom";
-import "react-redux";
 import "react-router-dom";
 import { u as a } from "./addonColumnTags.es.js";
-const A = ({ errorMessage: o }) => {
+const g = ({ errorMessage: o }) => {
   const t = a();
   if (!o) return null;
   const p = () => t?.openSupport(
@@ -43,5 +42,5 @@ Error: ${o}`
   ] });
 };
 export {
-  A as F
+  g as F
 };

package/dist/chunks/GroupSettingsFallback.es.js

@@ -8,7 +8,7 @@ import "./SimpleForm.es.js";
 import "./MetaWidget.es.js";
 import "react-dom";
 import "date-fns";
-import "./PlayableIcon.es.js";
+import "./FilmstripEntityCard.es.js";
 import "./TableExportContextInstance.es.js";
 import "lodash";
 import "primereact/confirmdialog";
@@ -32,7 +32,6 @@ import "@module-federation/enhanced/runtime";
 import "@ynput/ayon-addon/host";
 import "semver";
 import "./ContextMenuContextInstance.es.js";
-import "react-redux";
 import "react-router-dom";
 import "./EmptyPlaceholder.es.js";
 import "./EmptyPlaceholderFlex.styled.es.js";
@@ -45,6 +44,7 @@ import "./EntityTooltip.es.js";
 import "./addonColumnTags.es.js";
 import "@ynput/ayon-addon";
 import "@tanstack/react-table";
+import "react-redux";
 import "./EntityPickerDialog.es.js";
 import { T as a } from "./TableSettingsFallback.es.js";
 import "remark-gfm";

package/dist/chunks/Menu.es.js

@@ -1,4 +1,4 @@
-import { jsxs as Q, jsx as u, Fragment as Me } from "react/jsx-runtime";
+import { jsxs as Q, jsx as p, Fragment as Me } from "react/jsx-runtime";
 import te, { forwardRef as ke, useRef as oe, useEffect as Y, useLayoutEffect as le, useState as ce, useCallback as Ee } from "react";
 import { Button as de, Icon as K, ShortcutTag as Le } from "@ynput/ayon-react-components";
 import A, { keyframes as Pe } from "styled-components";
@@ -11,13 +11,12 @@ import "react-toastify";
 import "./searchTerms.es.js";
 import "./getUris.es.js";
 import "primereact/confirmdialog";
-import { b as ne, u as pe } from "./TableExportContextInstance.es.js";
 import "uuid";
 import "axios";
+import { b as ne, u as ue } from "./TableExportContextInstance.es.js";
 import "semver";
 import "./ContextMenuContextInstance.es.js";
 import { createPortal as Se } from "react-dom";
-import "react-redux";
 import { c as Te } from "./copyToClipboard.es.js";
 const z = 42, Ne = 8, U = z + Ne, Ae = A.dialog`
   position: fixed;
@@ -321,14 +320,14 @@ const z = 42, Ne = 8, U = z + Ne, Ae = A.dialog`
       display: flex;
     }
   }
-`, ue = ke(
+`, pe = ke(
   ({
     label: a,
     icon: i,
     hoverIcon: r,
     img: n,
     highlighted: f,
-    notification: p,
+    notification: u,
     selected: l,
     danger: t,
     items: g = [],
@@ -352,7 +351,7 @@ const z = 42, Ne = 8, U = z + Ne, Ae = A.dialog`
           {
             highlighted: f,
             selected: l,
-            notification: p,
+            notification: u,
             danger: t,
             dev: m,
             disabled: e,
@@ -363,19 +362,19 @@ const z = 42, Ne = 8, U = z + Ne, Ae = A.dialog`
         ...N,
         "aria-label": J.join(", "),
         children: [
-          i && /* @__PURE__ */ u(K, { icon: i, className: r ? "hover-swap-default" : void 0 }),
-          r && /* @__PURE__ */ u(K, { icon: r, className: "hover-swap" }),
-          n && /* @__PURE__ */ u($e, { src: n, alt: `${a} icon` }),
-          J.map((b, x) => /* @__PURE__ */ u("span", { children: b }, x)),
-          L && /* @__PURE__ */ u(Le, { style: { minWidth: 22, textAlign: "center" }, align: "right", children: L }),
-          (d || w) && /* @__PURE__ */ u(
+          i && /* @__PURE__ */ p(K, { icon: i, className: r ? "hover-swap-default" : void 0 }),
+          r && /* @__PURE__ */ p(K, { icon: r, className: "hover-swap" }),
+          n && /* @__PURE__ */ p($e, { src: n, alt: `${a} icon` }),
+          J.map((b, x) => /* @__PURE__ */ p("span", { children: b }, x)),
+          L && /* @__PURE__ */ p(Le, { style: { minWidth: 22, textAlign: "center" }, align: "right", children: L }),
+          (d || w) && /* @__PURE__ */ p(
             K,
             {
               icon: "check",
               style: { marginLeft: "auto", visibility: d ? "visible" : "hidden" }
             }
           ),
-          !!y.length && /* @__PURE__ */ u(Fe, { children: y.map((b) => /* @__PURE__ */ u(
+          !!y.length && /* @__PURE__ */ p(Fe, { children: y.map((b) => /* @__PURE__ */ p(
             We,
             {
               variant: "text",
@@ -390,22 +389,22 @@ const z = 42, Ne = 8, U = z + Ne, Ae = A.dialog`
             },
             b.icon
           )) }),
-          C && /* @__PURE__ */ u(K, { icon: "bolt", className: "power-bolt" }),
-          !!g.length && /* @__PURE__ */ u(K, { icon: "arrow_right", className: "more" })
+          C && /* @__PURE__ */ p(K, { icon: "bolt", className: "power-bolt" }),
+          !!g.length && /* @__PURE__ */ p(K, { icon: "arrow_right", className: "more" })
         ]
       }
     );
-    return h ? /* @__PURE__ */ u(Ce, { to: h, target: N.target, children: S }) : S;
+    return h ? /* @__PURE__ */ p(Ce, { to: h, target: N.target, children: S }) : S;
   }
 );
-ue.displayName = "MenuItem";
+pe.displayName = "MenuItem";
 const ae = ({
   items: a,
   handleClick: i,
   onSubMenu: r,
   onSubMenuLayout: n,
   subMenu: f,
-  level: p,
+  level: u,
   id: l = "root-menu",
   parentRef: t,
   parentEl: g,
@@ -438,7 +437,7 @@ const ae = ({
         maxHeight: B - W - M
       },
       items: S,
-      level: p,
+      level: u,
       placement: R,
       // Pass the actual menu-item element so sub-menu measurement uses the <li>
       // instead of whatever inner span the mouse event bubbled from.
@@ -469,7 +468,7 @@ const ae = ({
       { top: re, left: se, maxHeight: O - G - E },
       o
     );
-  }, [f, a, t, l, h, c?.top, c?.left, n]), /* @__PURE__ */ u(
+  }, [f, a, t, l, h, c?.top, c?.left, n]), /* @__PURE__ */ p(
     He,
     {
       style: { paddingLeft: f ? 16 : 0, ...c },
@@ -478,10 +477,10 @@ const ae = ({
       onMouseLeave: J,
       ...w,
       ref: N,
-      children: /* @__PURE__ */ u(_e, { children: a.filter((v) => !v.hidden).map((v, C) => {
+      children: /* @__PURE__ */ p(_e, { children: a.filter((v) => !v.hidden).map((v, C) => {
         if (v.node)
           return v.node;
-        if (v?.id === "divider" || v?.separator) return /* @__PURE__ */ u("hr", {}, C);
+        if (v?.id === "divider" || v?.separator) return /* @__PURE__ */ p("hr", {}, C);
         const {
           label: S,
           icon: b,
@@ -502,8 +501,8 @@ const ae = ({
         } = v, { powerLicense: j } = ne(), $ = !j && T, R = (o) => {
           o.preventDefault(), o.stopPropagation(), T && d?.(T), L?.();
         };
-        return /* @__PURE__ */ u(
-          ue,
+        return /* @__PURE__ */ p(
+          pe,
           {
             tabIndex: 0,
             label: S,
@@ -530,7 +529,7 @@ const ae = ({
             onMouseLeave: (o) => q(o, k, []),
             className: `${e} ${I.className || ""}`,
             ...I,
-            children: !!P.length && /* @__PURE__ */ u(K, { icon: "arrow_right", style: { marginLeft: "auto" } })
+            children: !!P.length && /* @__PURE__ */ p(K, { icon: "arrow_right", style: { marginLeft: "auto" } })
           },
           `${k}-${C}`
         );
@@ -540,7 +539,7 @@ const ae = ({
 };
 function qe(a, i, r = "right") {
   if (!a) return null;
-  const n = a.getBoundingClientRect(), f = i?.getBoundingClientRect(), p = f?.width || 200, l = f?.height || 300, t = 8, g = window.innerWidth, c = window.innerHeight;
+  const n = a.getBoundingClientRect(), f = i?.getBoundingClientRect(), u = f?.width || 200, l = f?.height || 300, t = 8, g = window.innerWidth, c = window.innerHeight;
   let h = n.bottom + 8 - z, m;
   const L = U - z;
   if (h + z + l > c - t) {
@@ -548,23 +547,23 @@ function qe(a, i, r = "right") {
     e >= L && (h = e);
   }
   if (h = Math.max(L, h), r === "right") {
-    const e = n.right - p;
+    const e = n.right - u;
     e >= t ? m = e : m = n.left;
   } else {
     const e = n.left;
-    e + p <= g - t ? m = e : m = n.right - p;
+    e + u <= g - t ? m = e : m = n.right - u;
   }
-  return m !== void 0 && (m = Math.max(t, Math.min(m, g - p - t))), { top: h, left: m, maxHeight: c - (h + z) - t };
+  return m !== void 0 && (m = Math.max(t, Math.min(m, g - u - t))), { top: h, left: m, maxHeight: c - (h + z) - t };
 }
 function Ve(a, i, r = "right") {
-  const [n, f] = ce(null), p = oe(null), l = Ee(() => {
+  const [n, f] = ce(null), u = oe(null), l = Ee(() => {
     let t = a;
     if (!t && i && (t = document.getElementById(i)), !t) {
       i && console.warn(`Target element with id '${i}' not found`);
       return;
     }
-    if (!p.current) return;
-    const g = qe(t, p.current, r);
+    if (!u.current) return;
+    const g = qe(t, u.current, r);
     g && f(
       (c) => c && Math.abs(c.top - g.top) < 1 && Math.abs((c.left ?? 0) - (g.left ?? 0)) < 1 && Math.abs((c.maxHeight ?? 0) - (g.maxHeight ?? 0)) < 1 ? c : g
     );
@@ -577,32 +576,32 @@ function Ve(a, i, r = "right") {
       window.removeEventListener("resize", t), window.removeEventListener("scroll", t);
     };
   }, [l]), Y(() => {
-    if (!p.current) return;
+    if (!u.current) return;
     const t = new ResizeObserver(() => {
       l();
     });
-    return t.observe(p.current), () => {
+    return t.observe(u.current), () => {
       t.disconnect();
     };
-  }, [l]), { position: n, menuRef: p };
+  }, [l]), { position: n, menuRef: u };
 }
-const je = "ayon-menu-dialog", me = "ayon-menu-content", ht = ({
+const je = "ayon-menu-dialog", me = "ayon-menu-content", gt = ({
   id: a,
   target: i,
   targetId: r = "",
   align: n = "right",
   theme: f = "light",
-  isOpen: p,
+  isOpen: u,
   onDismiss: l,
   children: t,
   ...g
 }) => {
-  const { menuOpen: c, setMenuOpen: h, navigate: m } = pe(), L = p ?? c === a, e = () => {
-    p !== void 0 ? l?.() : h(!1);
+  const { menuOpen: c, setMenuOpen: h, navigate: m } = ue(), L = u ?? c === a, e = () => {
+    u !== void 0 ? l?.() : h(!1);
   }, s = (d) => {
     console.log("navigate and close"), e(), !m && d ? console.log("navigate not found") : m && d && m(d);
   };
-  return L ? /* @__PURE__ */ u(
+  return L ? /* @__PURE__ */ p(
     Ge,
     {
       handleClose: e,
@@ -621,7 +620,7 @@ const je = "ayon-menu-dialog", me = "ayon-menu-content", ht = ({
   target: r,
   targetId: n,
   align: f = "right",
-  children: p,
+  children: u,
   ...l
 }) => {
   const { position: t, menuRef: g } = Ve(r ?? null, n ?? "", f);
@@ -633,13 +632,13 @@ const je = "ayon-menu-dialog", me = "ayon-menu-content", ht = ({
     e.preventDefault(), e.stopPropagation(), a(), (r ?? (n ? document.getElementById(n) : null))?.focus();
   }, h = (e) => {
     e.target === e.currentTarget && a();
-  }, m = te.Children.map(p, (e, s) => te.isValidElement(e) ? te.cloneElement(e, {
+  }, m = te.Children.map(u, (e, s) => te.isValidElement(e) ? te.cloneElement(e, {
     onClose: a,
     index: s,
     navigate: i
   }) : e);
   return Se(
-    /* @__PURE__ */ u(
+    /* @__PURE__ */ p(
       Ae,
       {
         open: !0,
@@ -647,7 +646,7 @@ const je = "ayon-menu-dialog", me = "ayon-menu-content", ht = ({
         onKeyDown: c,
         ...l,
         id: je,
-        children: /* @__PURE__ */ u(
+        children: /* @__PURE__ */ p(
           Oe,
           {
             id: me,
@@ -669,8 +668,8 @@ const je = "ayon-menu-dialog", me = "ayon-menu-content", ht = ({
   }
 }, Ke = (a = [], i = []) => a.length === i.length && a.every((r, n) => r.icon === i[n].icon && r.tooltip === i[n].tooltip), Ue = (a, i) => a.length === i.length && a.every(
   (r, n) => r.id === i[n].id && r.icon === i[n].icon && r.selected === i[n].selected && r.active === i[n].active && Ke(r.endActions, i[n].endActions)
-), vt = ({ menu: a = [], onClose: i, header: r, footer: n = "" }) => {
-  const { setPowerpackDialog: f } = ne(), { setMenuOpen: p } = pe(), [l, t] = ce([]), g = (e, s, d, w) => {
+), ht = ({ menu: a = [], onClose: i, header: r, footer: n = "" }) => {
+  const { setPowerpackDialog: f } = ne(), { setMenuOpen: u } = ue(), [l, t] = ce([]), g = (e, s, d, w) => {
     if (d) return i?.();
     s?.(e), !w && i && i();
   }, c = (e, s) => {
@@ -713,7 +712,7 @@ const je = "ayon-menu-dialog", me = "ayon-menu-content", ht = ({
   return /* @__PURE__ */ Q(Me, { children: [
     /* @__PURE__ */ Q(Ie, { children: [
       r && r,
-      /* @__PURE__ */ u(
+      /* @__PURE__ */ p(
         ae,
         {
           items: a,
@@ -721,15 +720,15 @@ const je = "ayon-menu-dialog", me = "ayon-menu-content", ht = ({
           onSubMenu: m,
           level: 0,
           setPowerpackDialog: f,
-          onMenuClose: () => p(!1)
+          onMenuClose: () => u(!1)
         }
       ),
       n && /* @__PURE__ */ Q(ze, { children: [
         n,
-        /* @__PURE__ */ u(de, { icon: "content_copy", variant: "text", onClick: () => Te(n) })
+        /* @__PURE__ */ p(de, { icon: "content_copy", variant: "text", onClick: () => Te(n) })
       ] })
     ] }),
-    l.map((e, s) => /* @__PURE__ */ u(
+    l.map((e, s) => /* @__PURE__ */ p(
       ae,
       {
         ...e,
@@ -740,7 +739,7 @@ const je = "ayon-menu-dialog", me = "ayon-menu-content", ht = ({
         onSubMenu: m,
         onSubMenuLayout: L,
         onClose: () => t(l.filter((d) => d.id !== e.id)),
-        onMenuClose: () => p(!1),
+        onMenuClose: () => u(!1),
         onChange: c,
         setPowerpackDialog: f,
         itemClassName: void 0,
@@ -751,8 +750,8 @@ const je = "ayon-menu-dialog", me = "ayon-menu-content", ht = ({
   ] });
 };
 export {
-  ht as M,
-  vt as a,
+  gt as M,
+  ht as a,
   me as b,
   je as c,
   ae as d