@ynput/ayon-frontend-shared 0.6.8 → 0.7.0

package/dist/chunks/TableSettingsFallback.es.js

@@ -7,7 +7,7 @@ import "react-toastify";
 import "./searchTerms.es.js";
 import "./getUris.es.js";
 import "primereact/confirmdialog";
-import { a as c } from "./DeleteEntitiesContextInstance.es.js";
+import { a as c } from "./TableExportContextInstance.es.js";
 import "lodash";
 import "uuid";
 import "semver";
@@ -15,7 +15,8 @@ import "./ContextMenuContextInstance.es.js";
 import "clsx";
 import "react-dom";
 import "react-redux";
-const A = ({
+import "react-router-dom";
+const B = ({
   requiredVersion: r,
   feature: t,
   button: i,
@@ -37,5 +38,5 @@ const A = ({
   ] });
 };
 export {
-  A as T
+  B as T
 };

package/dist/chunks/ThumbnailSimple.es.js

@@ -1,37 +1,38 @@
 import { jsxs as m, jsx as i } from "react/jsx-runtime";
-import { createPortal as I } from "react-dom";
-import { createContext as z, useContext as L, useEffect as $ } from "react";
-import { aR as j } from "./searchTerms.es.js";
-import { D as A } from "./getUris.es.js";
+import { createPortal as R } from "react-dom";
+import { createContext as z, useContext as L, useEffect as F } from "react";
+import { bH as $, a_ as j } from "./searchTerms.es.js";
+import { G as A } from "./getUris.es.js";
 import "primereact/confirmdialog";
 import "lodash";
-import { e as F } from "./expandRelativeDates.es.js";
+import { e as N } from "./expandRelativeDates.es.js";
 import "@module-federation/enhanced/runtime";
 import "react-toastify";
-import { Icon as w, Dialog as N, FormRow as v, InputDate as x, SaveButton as B } from "@ynput/ayon-react-components";
-import "./DeleteEntitiesContextInstance.es.js";
+import { Icon as w, Dialog as B, FormRow as v, InputDate as x, SaveButton as U } from "@ynput/ayon-react-components";
+import "./TableExportContextInstance.es.js";
 import "uuid";
 import "semver";
 import "./ContextMenuContextInstance.es.js";
 import "clsx";
 import "react-redux";
-import { U } from "./PlayableIcon.es.js";
-import p, { keyframes as O } from "styled-components";
-import { a as K } from "./EntityTooltip.es.js";
+import "react-router-dom";
+import { U as O } from "./PlayableIcon.es.js";
+import p, { keyframes as K } from "styled-components";
+import { a as P } from "./EntityTooltip.es.js";
 import { format as b, parse as k } from "date-fns";
-import { g as P } from "./getThumbnailUrl.es.js";
-const D = new Set(Object.keys(A).filter((e) => e !== "activity")), Y = {
+import { g as Y } from "./getThumbnailUrl.es.js";
+const D = new Set(Object.keys(A).filter((e) => e !== "activity")), H = {
   has_attachments: "activity_data.files",
   // not `entity_type`: on inbox rows that column is always 'user'
   origin_type: "activity_data.origin.type"
-}, q = (e) => !!e && "key" in e, H = (e) => {
-  const t = Y[e.key] ?? e.key;
+}, q = (e) => !!e && "key" in e, G = (e) => {
+  const o = H[e.key] ?? e.key;
   if (e.key === "has_attachments")
-    return e.value ? { key: t, operator: "ne", value: [] } : null;
+    return e.value ? { key: o, operator: "ne", value: [] } : null;
   if (e.key === "in_review_session")
     return e.value ? { key: "activity_data.entityList", operator: "notnull" } : null;
   if (e.key === "category") {
-    const o = Array.isArray(e.value) ? e.value : [], n = o.includes("__none__"), s = o.filter((a) => a !== "__none__"), l = {
+    const t = Array.isArray(e.value) ? e.value : [], n = t.includes("__none__"), s = t.filter((a) => a !== "__none__"), l = {
       operator: "or",
       conditions: [
         { key: "activity_data.category", operator: "isnull" },
@@ -44,37 +45,37 @@ const D = new Set(Object.keys(A).filter((e) => e !== "activity")), Y = {
     };
     return n && s.length ? { operator: "or", conditions: [l, c] } : n ? l : s.length ? c : null;
   }
-  return e.key === "body" && e.operator === "like" && typeof e.value == "string" ? { ...e, key: t, value: `%${e.value}%` } : e.key === "author" ? {
+  return e.key === "body" && e.operator === "like" && typeof e.value == "string" ? $(e.value, (t) => ({ ...e, key: o, value: `%${t}%` })) : e.key === "author" ? {
     operator: "or",
     conditions: [
       { ...e, key: "activity_data.author" },
       { ...e, key: "activity_data.assignee" }
     ]
-  } : { ...e, key: t };
+  } : { ...e, key: o };
 }, C = (e) => {
   if (q(e))
-    return D.has(e.key) ? null : H(e);
-  const t = (e.conditions || []).map((o) => C(o)).filter((o) => o !== null);
-  return t.length === 0 ? null : { operator: e.operator || "and", conditions: t };
-}, W = (e) => {
+    return D.has(e.key) ? null : G(e);
+  const o = (e.conditions || []).map((t) => C(t)).filter((t) => t !== null);
+  return o.length === 0 ? null : { operator: e.operator || "and", conditions: o };
+}, Q = (e) => {
   if (!e || !e.conditions?.length) return null;
-  const t = F(e), o = C(t);
-  return o || null;
-}, $e = (e) => {
-  const t = W(e);
-  if (t)
-    return JSON.stringify(t);
-}, G = z(void 0), g = () => {
-  const e = L(G);
+  const o = N(e), t = C(o);
+  return t || null;
+}, je = (e) => {
+  const o = Q(e);
+  if (o)
+    return JSON.stringify(o);
+}, W = z(void 0), g = () => {
+  const e = L(W);
   if (!e)
     throw new Error("useFeedContext must be used within a FeedProvider");
   return e;
 }, J = () => {
-  const { refTooltip: e, setRefTooltip: t } = g();
+  const { refTooltip: e, setRefTooltip: o } = g();
   return [e, (n) => {
-    n && n.id !== e?.id && t(n), n || t(null);
+    n && n.id !== e?.id && o(n), n || o(null);
   }];
-}, Q = p.span`
+}, V = p.span`
   display: flex;
   align-items: center;
   gap: var(--base-gap-large);
@@ -91,7 +92,7 @@ const D = new Set(Object.keys(A).filter((e) => e !== "activity")), Y = {
   span {
     white-space: nowrap;
   }
-`, V = p.span`
+`, X = p.span`
   display: flex;
   flex-direction: column;
 
@@ -99,13 +100,13 @@ const D = new Set(Object.keys(A).filter((e) => e !== "activity")), Y = {
     color: var(--md-sys-color-outline);
     font-size: 0.85em;
   }
-`, E = ({ name: e, fullName: t, showSubtitle: o, size: n = 24 }) => /* @__PURE__ */ m(Q, { $size: n, children: [
-  /* @__PURE__ */ i(U, { name: e, size: n }),
-  o ? /* @__PURE__ */ m(V, { children: [
-    /* @__PURE__ */ i("span", { children: t || e }),
-    t && /* @__PURE__ */ i("span", { className: "label", children: e })
-  ] }) : /* @__PURE__ */ i("span", { children: t || e })
-] }), X = O`
+`, T = ({ name: e, fullName: o, showSubtitle: t, size: n = 24 }) => /* @__PURE__ */ m(V, { $size: n, children: [
+  /* @__PURE__ */ i(O, { name: e, size: n }),
+  t ? /* @__PURE__ */ m(X, { children: [
+    /* @__PURE__ */ i("span", { children: o || e }),
+    o && /* @__PURE__ */ i("span", { className: "label", children: e })
+  ] }) : /* @__PURE__ */ i("span", { children: o || e })
+] }), Z = K`
     from {
         opacity: 0.4;
         scale: 0.9;
@@ -114,7 +115,7 @@ const D = new Set(Object.keys(A).filter((e) => e !== "activity")), Y = {
         opacity: 1;
         scale: 1;
     }
-`, M = p.span`
+`, E = p.span`
   display: flex;
   padding: 8px;
   gap: var(--base-gap-large);
@@ -138,14 +139,14 @@ const D = new Set(Object.keys(A).filter((e) => e !== "activity")), Y = {
     }
   }
 
-  animation: ${X} 50ms ease-out;
+  animation: ${Z} 50ms ease-out;
   transform-origin: left bottom;
-`, Z = ({ name: e, label: t, pos: o }) => /* @__PURE__ */ i(M, { style: { ...o }, children: /* @__PURE__ */ i(E, { name: e || "", fullName: t, showSubtitle: !0, size: 32 }) }), ee = p(M)`
+`, ee = ({ name: e, label: o, pos: t }) => /* @__PURE__ */ i(E, { style: { ...t }, children: /* @__PURE__ */ i(T, { name: e || "", fullName: o, showSubtitle: !0, size: 32 }) }), te = p(E)`
   flex-direction: column;
   align-items: flex-start;
   gap: 8px;
   min-width: 180px;
-`, te = p.span`
+`, oe = p.span`
   display: flex;
   align-items: center;
   gap: var(--base-gap-large);
@@ -153,7 +154,7 @@ const D = new Set(Object.keys(A).filter((e) => e !== "activity")), Y = {
   .icon {
     font-size: 20px;
   }
-`, oe = p.span`
+`, ne = p.span`
   display: flex;
   flex-direction: column;
 
@@ -165,7 +166,7 @@ const D = new Set(Object.keys(A).filter((e) => e !== "activity")), Y = {
     color: var(--md-sys-color-outline);
     font-size: 0.85em;
   }
-`, ne = p.ul`
+`, ie = p.ul`
   list-style: none;
   margin: 0;
   padding: 0;
@@ -173,22 +174,22 @@ const D = new Set(Object.keys(A).filter((e) => e !== "activity")), Y = {
   flex-direction: column;
   gap: 4px;
   width: 100%;
-`, ie = p.li`
+`, re = p.li`
   display: flex;
   align-items: center;
-`, re = p.span`
+`, ae = p.span`
   color: var(--md-sys-color-outline);
   font-size: 0.85em;
   padding-left: 32px;
-`, _ = 5, ae = ({ name: e, pos: t }) => {
-  const { projectName: o, users: n } = g(), { data: s = [] } = j.useGetTeamsQuery(
-    { projectName: o, showMembers: !0 },
-    { skip: !o || !e }
+`, _ = 5, se = ({ name: e, pos: o }) => {
+  const { projectName: t, users: n } = g(), { data: s = [] } = j.useGetTeamsQuery(
+    { projectName: t, showMembers: !0 },
+    { skip: !t || !e }
   ), l = s.find((d) => d.name === e), c = l?.members ?? [], a = l?.memberCount ?? 0, r = c.slice(0, _), u = Math.max(0, a - _), f = new Map(n.map((d) => [d.name, d.attrib?.fullName || void 0]));
-  return /* @__PURE__ */ m(ee, { style: { ...t }, children: [
-    /* @__PURE__ */ m(te, { children: [
+  return /* @__PURE__ */ m(te, { style: { ...o }, children: [
+    /* @__PURE__ */ m(oe, { children: [
       /* @__PURE__ */ i(w, { icon: "group" }),
-      /* @__PURE__ */ m(oe, { children: [
+      /* @__PURE__ */ m(ne, { children: [
         /* @__PURE__ */ i("span", { children: e }),
         l && /* @__PURE__ */ m("span", { className: "label", children: [
           a,
@@ -197,85 +198,85 @@ const D = new Set(Object.keys(A).filter((e) => e !== "activity")), Y = {
         ] })
       ] })
     ] }),
-    r.length > 0 && /* @__PURE__ */ m(ne, { children: [
-      r.map((d) => /* @__PURE__ */ i(ie, { children: /* @__PURE__ */ i(
-        E,
+    r.length > 0 && /* @__PURE__ */ m(ie, { children: [
+      r.map((d) => /* @__PURE__ */ i(re, { children: /* @__PURE__ */ i(
+        T,
         {
           name: d.name,
           fullName: f.get(d.name),
           size: 20
         }
       ) }, d.name)),
-      u > 0 && /* @__PURE__ */ m(re, { children: [
+      u > 0 && /* @__PURE__ */ m(ae, { children: [
         "+",
         u,
         " more"
       ] })
     ] })
   ] });
-}, se = ({ type: e, id: t, pos: o }) => {
+}, le = ({ type: e, id: o, pos: t }) => {
   const { projectInfo: n, projectName: s } = g();
   return /* @__PURE__ */ i(
-    K,
+    P,
     {
       entityType: e,
-      entityId: t,
+      entityId: o,
       projectName: s,
       projectInfo: n,
-      pos: o
+      pos: t
     }
   );
-}, je = () => {
-  const [e, t] = J(), { type: o, label: n, name: s, pos: l, id: c } = e || {}, a = document.querySelector(".feed ul");
-  return $(() => {
+}, Ae = () => {
+  const [e, o] = J(), { type: t, label: n, name: s, pos: l, id: c } = e || {}, a = document.querySelector(".feed ul");
+  return F(() => {
     if (c) {
       const r = (u) => {
         const f = u.target, d = CSS.escape(`ref-${c.replaceAll(".", "-")}`), y = f?.closest(`#${d}`), h = f?.closest("[data-mention-value], .reference");
-        !y && !h && (t(null), document.removeEventListener("mouseover", r), a && a.removeEventListener("scroll", r));
+        !y && !h && (o(null), document.removeEventListener("mouseover", r), a && a.removeEventListener("scroll", r));
       };
       return document.addEventListener("mouseover", r), a && a.addEventListener("scroll", r), () => {
         document.removeEventListener("mouseover", r), a && a.removeEventListener("scroll", r);
       };
     }
-  }, [c, t, a]), c ? I(
-    o === "user" && l ? /* @__PURE__ */ i(Z, { name: s, label: n, pos: l }) : o === "team" && l ? /* @__PURE__ */ i(ae, { name: s, pos: l }) : /* @__PURE__ */ i(se, { type: o, label: n, name: s, pos: l, id: c }),
+  }, [c, o, a]), c ? R(
+    t === "user" && l ? /* @__PURE__ */ i(ee, { name: s, label: n, pos: l }) : t === "team" && l ? /* @__PURE__ */ i(se, { name: s, pos: l }) : /* @__PURE__ */ i(le, { type: t, label: n, name: s, pos: l, id: c }),
     document.body
   ) : null;
-}, le = p.div`
+}, ce = p.div`
   display: flex;
   flex-direction: column;
   gap: 12px;
-`, Ae = ({
+`, Ne = ({
   isOpen: e,
-  header: t,
-  startDate: o,
+  header: o,
+  startDate: t,
   endDate: n,
   onStartDateChange: s,
   onEndDateChange: l,
   onApply: c,
   onClose: a
 }) => /* @__PURE__ */ i(
-  N,
+  B,
   {
     isOpen: e,
     onClose: a,
-    header: t,
+    header: o,
     size: "sm",
     hideCancelButton: !0,
     footer: /* @__PURE__ */ i(
-      B,
+      U,
       {
         label: "Confirm",
         icon: "check",
         onClick: c,
-        active: !!o && !!n && n >= o
+        active: !!t && !!n && n >= t
       }
     ),
-    children: /* @__PURE__ */ m(le, { children: [
+    children: /* @__PURE__ */ m(ce, { children: [
       /* @__PURE__ */ i(v, { label: "Start date", children: /* @__PURE__ */ i(
         x,
         {
-          selected: o ? k(o, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
+          selected: t ? k(t, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
           onChange: (r) => s(r ? b(r, "yyyy-MM-dd") : ""),
           autoFocus: !0
         }
@@ -285,12 +286,12 @@ const D = new Set(Object.keys(A).filter((e) => e !== "activity")), Y = {
         {
           selected: n ? k(n, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
           onChange: (r) => l(r ? b(r, "yyyy-MM-dd") : ""),
-          openToDate: o ? new Date(o) : void 0
+          openToDate: t ? new Date(t) : void 0
         }
       ) })
     ] })
   }
-), ce = p.div`
+), de = p.div`
   position: relative;
   width: 100%;
   max-width: 500px;
@@ -312,7 +313,7 @@ const D = new Set(Object.keys(A).filter((e) => e !== "activity")), Y = {
     background-color: hsl(220 20% 8%);
     color: var(--md-sys-color-outline);
   }
-`, de = p.img`
+`, pe = p.img`
   width: 100%;
   height: 100%;
   object-fit: contain;
@@ -321,10 +322,10 @@ const D = new Set(Object.keys(A).filter((e) => e !== "activity")), Y = {
   display: block;
   position: absolute;
   inset: 0;
-`, Fe = ({
+`, Be = ({
   projectName: e,
-  entityType: t,
-  entityId: o,
+  entityType: o,
+  entityId: t,
   icon: n,
   thumbnailHash: s,
   isLoading: l,
@@ -336,18 +337,18 @@ const D = new Set(Object.keys(A).filter((e) => e !== "activity")), Y = {
   iconOnly: d,
   ...y
 }) => {
-  const h = P({
+  const h = Y({
     projectName: e,
-    entityType: t,
-    entityId: o,
+    entityType: o,
+    entityId: t,
     thumbnailHash: s ? String(s) : void 0
-  }), T = t === "project", S = ["product"].includes(t), R = T ? !!e : !!o;
-  return /* @__PURE__ */ m(ce, { className: c + " thumbnail", ...y, children: [
+  }), M = o === "project", S = ["product"].includes(o), I = M ? !!e : !!t;
+  return /* @__PURE__ */ m(de, { className: c + " thumbnail", ...y, children: [
     !l && !a && /* @__PURE__ */ i(w, { icon: n || "image" }),
-    (t && !S && R || r) && !d && /* @__PURE__ */ i(
-      de,
+    (o && !S && I || r) && !d && /* @__PURE__ */ i(
+      pe,
       {
-        alt: `Entity thumbnail ${o || e}`,
+        alt: `Entity thumbnail ${t || e}`,
         src: r || h || void 0,
         onLoad: u,
         onError: f
@@ -356,11 +357,11 @@ const D = new Set(Object.keys(A).filter((e) => e !== "activity")), Y = {
   ] });
 };
 export {
-  je as A,
-  Ae as C,
-  G as F,
-  Fe as T,
+  Ae as A,
+  Ne as C,
+  W as F,
+  Be as T,
   J as a,
-  $e as b,
+  je as b,
   g as u
 };

package/dist/chunks/VideoPlayer.es.js

@@ -9,7 +9,7 @@ import "@ynput/ayon-react-components";
 import "./searchTerms.es.js";
 import "./getUris.es.js";
 import "primereact/confirmdialog";
-import { d as D } from "./DeleteEntitiesContextInstance.es.js";
+import { d as D } from "./TableExportContextInstance.es.js";
 import "lodash";
 import "uuid";
 import "semver";