@ynput/ayon-frontend-shared 0.7.3 → 0.7.4

package/dist/chunks/TableSettingsFallback.es.js

@@ -3,20 +3,22 @@ import { R as e, P as n } from "./ReviewablesSelector.es.js";
 import "react";
 import "@ynput/ayon-react-components";
 import "@module-federation/enhanced/runtime";
+import "@ynput/ayon-addon/host";
 import "react-toastify";
 import "./searchTerms.es.js";
 import "./getUris.es.js";
 import "primereact/confirmdialog";
-import { a as c } from "./TableExportContextInstance.es.js";
+import { b as c } from "./TableExportContextInstance.es.js";
 import "lodash";
 import "uuid";
+import "axios";
 import "semver";
 import "./ContextMenuContextInstance.es.js";
 import "clsx";
 import "react-dom";
 import "react-redux";
 import "react-router-dom";
-const B = ({
+const D = ({
   requiredVersion: r,
   feature: t,
   button: i,
@@ -38,5 +40,5 @@ const B = ({
   ] });
 };
 export {
-  B as T
+  D as T
 };

package/dist/chunks/ThumbnailSimple.es.js

@@ -7,10 +7,12 @@ import "primereact/confirmdialog";
 import "lodash";
 import { e as N } from "./expandRelativeDates.es.js";
 import "@module-federation/enhanced/runtime";
+import "@ynput/ayon-addon/host";
 import "react-toastify";
 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 "axios";
 import "semver";
 import "./ContextMenuContextInstance.es.js";
 import "clsx";
@@ -18,7 +20,7 @@ import "react-redux";
 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 { E as P } from "./EntityTooltip.es.js";
 import { format as b, parse as k } from "date-fns";
 import { g as H } from "./getThumbnailUrl.es.js";
 const Y = new Set(Object.keys(A).filter((e) => e !== "activity")), D = {
@@ -61,7 +63,7 @@ const Y = new Set(Object.keys(A).filter((e) => e !== "activity")), D = {
   if (!e || !e.conditions?.length) return null;
   const o = N(e), t = C(o);
   return t || null;
-}, je = (e) => {
+}, Ne = (e) => {
   const o = W(e);
   if (o)
     return JSON.stringify(o);
@@ -100,7 +102,7 @@ const Y = new Set(Object.keys(A).filter((e) => e !== "activity")), D = {
     color: var(--md-sys-color-outline);
     font-size: 0.85em;
   }
-`, T = ({ name: e, fullName: o, showSubtitle: t, size: n = 24 }) => /* @__PURE__ */ m(V, { $size: n, children: [
+`, E = ({ 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 }),
@@ -115,7 +117,7 @@ const Y = new Set(Object.keys(A).filter((e) => e !== "activity")), D = {
         opacity: 1;
         scale: 1;
     }
-`, E = p.span`
+`, T = p.span`
   display: flex;
   padding: 8px;
   gap: var(--base-gap-large);
@@ -141,7 +143,7 @@ const Y = new Set(Object.keys(A).filter((e) => e !== "activity")), D = {
 
   animation: ${Z} 50ms ease-out;
   transform-origin: left bottom;
-`, 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)`
+`, ee = ({ name: e, label: o, pos: t }) => /* @__PURE__ */ i(T, { style: { ...t }, children: /* @__PURE__ */ i(E, { name: e || "", fullName: o, showSubtitle: !0, size: 32 }) }), te = p(T)`
   flex-direction: column;
   align-items: flex-start;
   gap: 8px;
@@ -200,7 +202,7 @@ const Y = new Set(Object.keys(A).filter((e) => e !== "activity")), D = {
     ] }),
     r.length > 0 && /* @__PURE__ */ m(ie, { children: [
       r.map((d) => /* @__PURE__ */ i(re, { children: /* @__PURE__ */ i(
-        T,
+        E,
         {
           name: d.name,
           fullName: f.get(d.name),
@@ -226,7 +228,7 @@ const Y = new Set(Object.keys(A).filter((e) => e !== "activity")), D = {
       pos: t
     }
   );
-}, Ae = () => {
+}, Be = () => {
   const [e, o] = J(), { type: t, label: n, name: s, pos: l, id: c } = e || {}, a = document.querySelector(".feed ul");
   return F(() => {
     if (c) {
@@ -246,7 +248,7 @@ const Y = new Set(Object.keys(A).filter((e) => e !== "activity")), D = {
   display: flex;
   flex-direction: column;
   gap: 12px;
-`, Ne = ({
+`, Ue = ({
   isOpen: e,
   header: o,
   startDate: t,
@@ -322,7 +324,7 @@ const Y = new Set(Object.keys(A).filter((e) => e !== "activity")), D = {
   display: block;
   position: absolute;
   inset: 0;
-`, Be = ({
+`, Oe = ({
   projectName: e,
   entityType: o,
   entityId: t,
@@ -357,11 +359,11 @@ const Y = new Set(Object.keys(A).filter((e) => e !== "activity")), D = {
   ] });
 };
 export {
-  Ae as A,
-  Ne as C,
+  Be as A,
+  Ue as C,
   G as F,
-  Be as T,
+  Oe as T,
   J as a,
-  je as b,
+  Ne as b,
   g as u
 };

package/dist/chunks/VideoPlayer.es.js

@@ -5,6 +5,7 @@ import { toast as A } from "react-toastify";
 import { clearMemoizedPlayables as c, Player as h, compactPlayerControls as E } from "@ynput/ayon-player";
 import { ClipType as F } from "@ynput/ayon-player/model";
 import "@module-federation/enhanced/runtime";
+import "@ynput/ayon-addon/host";
 import "@ynput/ayon-react-components";
 import "./searchTerms.es.js";
 import "./getUris.es.js";
@@ -12,6 +13,7 @@ import "primereact/confirmdialog";
 import { d as D } from "./TableExportContextInstance.es.js";
 import "lodash";
 import "uuid";
+import "axios";
 import "semver";
 import "./ContextMenuContextInstance.es.js";
 import "clsx";
@@ -34,13 +36,13 @@ const R = { loop: !0, audio: !0 }, S = 24, T = "h264", L = {
   productAttributes: {},
   taskAttributes: {},
   path: ""
-}, Z = ({
+}, tt = ({
   id: t,
   name: o,
-  url: e,
-  projectName: r,
-  duration: s,
-  width: i,
+  url: r,
+  projectName: e,
+  duration: i,
+  width: s,
   height: a,
   fps: p,
   codec: m
@@ -54,24 +56,24 @@ const R = { loop: !0, audio: !0 }, S = 24, T = "h264", L = {
         fileId: t,
         label: o,
         type: F.VIDEO,
-        url: e,
+        url: r,
         position: 0,
         fps: p || S,
         codec: m || T,
-        duration: s,
-        width: i,
+        duration: i,
+        width: s,
         height: a,
         context: L
       }
     ],
-    [t, o, e, s, i, a, p, m]
+    [t, o, r, i, s, a, p, m]
   ), y = u(
     () => ({
       router: { useLocation: x, useNavigate: b, useParams: P, useSearchParams: I },
       toast: A,
-      projectName: r
+      projectName: e
     }),
-    [r]
+    [e]
   );
   return /* @__PURE__ */ l(N, { ref: n, children: /* @__PURE__ */ l(
     h,
@@ -88,5 +90,5 @@ const R = { loop: !0, audio: !0 }, S = 24, T = "h264", L = {
   ) });
 };
 export {
-  Z as default
+  tt as default
 };

package/dist/chunks/Watchers.es.js

@@ -7,13 +7,15 @@ import { toast as te } from "react-toastify";
 import { c as oe } from "./copyToClipboard.es.js";
 import "uuid";
 import { aF as fe, b6 as Le, bs as ve, b9 as Pe, ba as We, bb as Oe, bB as Ie, by as Ve, bJ as Be, br as He, a as K, bz as _e } from "./searchTerms.es.js";
-import p, { keyframes as ye, css as be } from "styled-components";
+import ye from "axios";
+import p, { keyframes as be, css as xe } from "styled-components";
 import U from "clsx";
-import { r as Qe, t as qe, M as Ge, T as Ke, q as Je, B as Ze, D as Xe } from "./MetaWidget.es.js";
+import { E as Qe, t as qe, M as Ge, T as Ke, D as Je, B as Ze, l as Xe } from "./MetaWidget.es.js";
 import "./PlayableIcon.es.js";
-import { dq as Ye, c0 as et, ce as xe, bk as tt, as as ot, bz as rt, dd as at } from "./getUris.es.js";
+import { dq as Ye, c0 as et, ce as we, bk as tt, as as ot, bz as rt, dd as at } from "./getUris.es.js";
 import "@module-federation/enhanced/runtime";
-import { o as re, d as nt, x as it, T as st } from "./TableExportContextInstance.es.js";
+import "@ynput/ayon-addon/host";
+import { v as re, d as nt, x as it, T as st } from "./TableExportContextInstance.es.js";
 import "semver";
 import "./ContextMenuContextInstance.es.js";
 import "react-dom";
@@ -31,9 +33,9 @@ import "@lexical/utils";
 import "@lexical/react/LexicalBlockWithAlignableContents";
 import "@lexical/react/LexicalDecoratorBlockNode";
 import "@tanstack/react-table";
+import "@ynput/ayon-addon";
 import { g as ct, h as ie } from "./humanizeFieldName.es.js";
 import { a as dt, A as pt } from "./ThumbnailSimple.es.js";
-import we from "axios";
 import { p as Q } from "./parseFilename.es.js";
 import { classNames as ut } from "primereact/utils";
 import { u as mt } from "./useCreateContextMenu.es.js";
@@ -48,7 +50,7 @@ const se = [], ht = (e) => {
     }),
     [t, r, e]
   );
-}, Go = () => {
+}, Jo = () => {
   const [e] = Pe(), [t] = We();
   return Y(
     async (r, o) => {
@@ -372,7 +374,7 @@ const se = [], ht = (e) => {
     updateEntity: n
   };
 }, St = (e, t) => {
-  const r = xe({ projects: [...new Set(e).values()] });
+  const r = we({ projects: [...new Set(e).values()] });
   if (!r || !r.data)
     return [];
   let o;
@@ -387,13 +389,13 @@ const se = [], ht = (e) => {
     o = he(o, n, "name");
   }
   return o;
-}, Ko = (e, t) => {
+}, Zo = (e, t) => {
   let r = Object.values(e || {});
   return r.length == 0 || r[0].scope === void 0 ? r : r.filter(
     (o) => t.every((c) => o.scope === void 0 || o.scope.includes(c))
   );
 }, Tt = (e, t) => {
-  const r = xe({ projects: [...new Set(e).values()] });
+  const r = we({ projects: [...new Set(e).values()] });
   if (!r || !r.data)
     return [];
   let o;
@@ -899,7 +901,7 @@ const se = [], ht = (e) => {
   padding-right: 8px;
   padding-left: 8px;
   margin-top: 16px;
-`, Jo = ({ entities: e = [], isLoading: t }) => {
+`, Xo = ({ entities: e = [], isLoading: t }) => {
   const { formData: r, mixedFields: o, updateFormData: c, clearMixedField: n } = xt(
     e,
     t
@@ -996,9 +998,9 @@ const se = [], ht = (e) => {
       }
     )
   ] });
-}, Zo = p.div`
+}, Yo = p.div`
   position: relative;
-`, Xo = p.div`
+`, er = p.div`
   position: relative;
   padding: 8px;
   border-bottom: 1px solid var(--md-sys-color-outline-variant);
@@ -1030,13 +1032,13 @@ const se = [], ht = (e) => {
     /* align center */
     align-items: center;
   }
-`, Yo = p(_)`
+`, tr = p(_)`
   position: absolute;
   right: 4px;
   top: 4px;
   width: fit-content;
   z-index: 50;
-`, er = p.header`
+`, or = p.header`
   display: flex;
   align-items: center;
   gap: var(--base-gap-large);
@@ -1051,7 +1053,7 @@ const se = [], ht = (e) => {
       display: none;
     }
   }
-`, tr = p.div`
+`, rr = p.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -1059,7 +1061,7 @@ const se = [], ht = (e) => {
   h2 {
     min-width: fit-content;
   }
-`, or = p.div`
+`, ar = p.div`
   position: relative;
   height: 100%;
 
@@ -1074,7 +1076,7 @@ const se = [], ht = (e) => {
     flex-direction: column;
     gap: var(--base-gap-small);
   }
-`, rr = p.div`
+`, nr = p.div`
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -1112,7 +1114,7 @@ const se = [], ht = (e) => {
     align-items: center;
     gap: var(--base-gap-medium);
   }
-`, ar = p.div`
+`, ir = p.div`
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
@@ -1121,10 +1123,10 @@ const se = [], ht = (e) => {
   label {
     color: var(--md-sys-color-outline);
   }
-`, nr = p.div`
+`, sr = p.div`
   display: flex;
   flex-direction: column;
-`, ir = p(De)`
+`, lr = p(De)`
   width: fit-content;
   .status-field.value {
     position: relative;
@@ -1135,11 +1137,11 @@ const se = [], ht = (e) => {
     margin-bottom: 2px;
     color: ${(e) => e.$textColor};
   }
-`, sr = p(Fe)`
+`, cr = p(Fe)`
   width: fit-content;
   justify-self: end;
   max-width: 100%;
-`, lr = p(Ce)`
+`, dr = p(Ce)`
   height: 24px;
   .template-value {
     padding: 0 2px;
@@ -1153,7 +1155,7 @@ const se = [], ht = (e) => {
       display: none;
     }
   }
-`, cr = p.div`
+`, pr = p.div`
   display: flex;
   align-items: center;
   gap: 4px;
@@ -1173,7 +1175,7 @@ const se = [], ht = (e) => {
     border-radius: 3px;
     padding: 0 4px;
   }
-`, dr = p(Ae)`
+`, ur = p(Ae)`
   width: max-content;
   justify-self: end;
   /* remove text and dropdown icon */
@@ -1197,12 +1199,12 @@ const se = [], ht = (e) => {
       background-color: var(--md-sys-color-surface-container-low-hover);
     }
   }
-`, pr = p.footer`
+`, mr = p.footer`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
   justify-content: space-between;
-`, ur = p.div`
+`, gr = p.div`
   height: 100%;
 
   > input[type='file'] {
@@ -1213,7 +1215,7 @@ const se = [], ht = (e) => {
   input[type='file'] {
     display: none;
   }
-`, mr = p.div`
+`, hr = p.div`
   z-index: 100;
   position: absolute;
   inset: 0;
@@ -1225,7 +1227,7 @@ const se = [], ht = (e) => {
   display: flex;
   align-items: center;
   justify-content: center;
-`, gr = p.div`
+`, fr = p.div`
   flex: 1;
   height: 100%;
   border-radius: var(--border-radius-l);
@@ -1254,11 +1256,11 @@ const se = [], ht = (e) => {
     /* show children */
     opacity: 1;
   }
-`, hr = p(_)`
+`, vr = p(_)`
   position: absolute;
   top: 4px;
   right: 4px;
-`, fr = p.div`
+`, yr = p.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1271,7 +1273,7 @@ const se = [], ht = (e) => {
     top: 12px;
     position: relative;
   }
-`, vr = p.div`
+`, br = p.div`
   height: 8px;
   position: absolute;
   border-radius: 4px;
@@ -1280,7 +1282,7 @@ const se = [], ht = (e) => {
   background-color: var(--md-sys-color-primary);
 
   transition: right 0.2s;
-`, Lt = ye`
+`, Lt = be`
   from {
     transform: rotate(0deg);
   }
@@ -1486,7 +1488,7 @@ const se = [], ht = (e) => {
 
   /* default hidden */
   opacity: 0;
-`, yr = ee(
+`, xr = ee(
   ({
     availability: e,
     projectName: t,
@@ -1543,7 +1545,7 @@ const se = [], ht = (e) => {
       }
     );
   }
-), Gt = ye`
+), Gt = be`
   from {
     transform: rotate(360deg);
   }
@@ -1724,13 +1726,13 @@ p.div`
   min-height: 100%;
   padding-bottom: var(--padding-m);
 `;
-const br = p.div`
+const wr = p.div`
   position: relative;
   overflow: hidden;
   border-radius: var(--border-radius-m);
   width: 100%;
   min-height: 50px;
-`, xr = p.div`
+`, kr = p.div`
   word-break: break-all;
 `, Xt = p.div`
   display: flex;
@@ -1801,7 +1803,7 @@ const br = p.div`
     font-size: 32px;
   }
 `, me = (e) => {
-  if (we.isAxiosError(e)) {
+  if (ye.isAxiosError(e)) {
     const t = e.response?.data;
     if (typeof t == "string" && t)
       return t;
@@ -1885,7 +1887,7 @@ const br = p.div`
         try {
           const E = w.map((D) => {
             const l = Q(D.name), N = l.split(".").slice(0, -1).join(".") || "unnamed", $ = `/api/projects/${e}/versions/${m}/reviewables?label=${N}`, z = { "content-type": D.type, "x-file-name": l };
-            return we.post($, D, { headers: z, onUploadProgress: C(D) }).then(b(D)).catch((F) => {
+            return ye.post($, D, { headers: z, onUploadProgress: C(D) }).then(b(D)).catch((F) => {
               throw k(D)(F), F;
             });
           });
@@ -1910,7 +1912,7 @@ const br = p.div`
     handleRemoveUpload: u,
     uploading: h
   };
-}, wr = ({
+}, Er = ({
   projectName: e,
   taskId: t,
   folderId: r,
@@ -2032,7 +2034,7 @@ const br = p.div`
       }
     )
   ] });
-}, kr = p.div`
+}, Sr = p.div`
   position: relative;
   border-radius: var(--border-radius-m);
   display: flex;
@@ -2047,9 +2049,9 @@ const br = p.div`
   }
 
   flex: 1;
-`, Er = p.div`
+`, Tr = p.div`
   position: relative;
-`, Sr = p.span`
+`, jr = p.span`
   position: relative;
   padding: 0px 2px;
   border-radius: var(--border-radius-m);
@@ -2071,12 +2073,12 @@ const br = p.div`
       color: var(--md-sys-color-on-surface);
     }
   }
-`, Tr = p.span`
+`, Dr = p.span`
   text-overflow: ellipsis;
   overflow: hidden;
   display: inline-block;
   white-space: nowrap;
-`, ge = be`
+`, ge = xe`
   background-color: var(--md-sys-color-surface-container);
   &,
   .icon {
@@ -2105,7 +2107,7 @@ const br = p.div`
       }
     }
   }
-`, jr = p.div`
+`, Fr = p.div`
   position: absolute;
   top: 100%;
   left: 0px;
@@ -2114,7 +2116,7 @@ const br = p.div`
 
   z-index: 200;
   padding-top: 4px;
-`, Dr = p.ul`
+`, Cr = p.ul`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-small);
@@ -2129,13 +2131,13 @@ const br = p.div`
 
   max-height: 500px;
   overflow: auto;
-`, Fr = p.li`
+`, Ar = p.li`
   padding: var(--base-gap-small);
   border-radius: var(--border-radius-m);
   color: var(--md-sys-color-on-surface);
   min-width: max-content;
   width: 100%;
-`, Cr = ee(
+`, Nr = ee(
   ({ children: e, segment: t, isOpen: r, scope: o, projectName: c, ...n }, a) => {
     const { openSlideOut: d } = re(), h = t?.type !== "product" && t?.type !== "project", i = () => {
       if (!h) return;
@@ -2347,7 +2349,7 @@ const br = p.div`
         font-size: 24px;
       }
 
-      ${({ $length: e }) => e > 1 && be`
+      ${({ $length: e }) => e > 1 && xe`
           :not(:last-child) {
             box-shadow: 0 0 4px 0px black;
           }
@@ -2363,7 +2365,7 @@ const br = p.div`
       object-fit: cover;
     }
   }
-`, Ar = ({
+`, $r = ({
   thumbnails: e = [],
   isLoading: t,
   className: r,
@@ -2399,7 +2401,7 @@ const br = p.div`
       )
     }
   ) : null;
-}, Nr = ee(
+}, Mr = ee(
   ({ entities: e, entityType: t, onWatchersUpdate: r, userName: o, ...c }, n) => {
     const a = e.map((f) => ({
       entityId: f.id,
@@ -2440,54 +2442,54 @@ const br = p.div`
   }
 );
 export {
-  rr as A,
-  tr as B,
-  hr as C,
-  gr as D,
-  lr as E,
-  Tr as F,
-  Xo as G,
-  Zo as H,
-  cr as I,
-  ir as J,
-  sr as K,
-  br as L,
-  jr as M,
-  dr as N,
-  Yo as O,
-  vr as P,
-  ar as Q,
-  yr as R,
-  Sr as S,
-  or as T,
-  fr as U,
-  pr as V,
-  Nr as W,
-  nr as X,
-  xr as a,
-  wr as b,
-  ue as c,
-  ur as d,
-  mr as e,
-  kr as f,
-  Dr as g,
-  Cr as h,
-  Fr as i,
-  Er as j,
-  Ko as k,
-  vt as l,
-  kt as m,
-  Go as n,
-  St as o,
-  Tt as p,
+  nr as A,
+  rr as B,
+  vr as C,
+  fr as D,
+  dr as E,
+  Dr as F,
+  er as G,
+  Yo as H,
+  pr as I,
+  lr as J,
+  cr as K,
+  wr as L,
+  Fr as M,
+  ur as N,
+  tr as O,
+  br as P,
+  ir as Q,
+  xr as R,
+  jr as S,
+  ar as T,
+  yr as U,
+  mr as V,
+  Mr as W,
+  sr as X,
+  kt as a,
+  Jo as b,
+  St as c,
+  Tt as d,
+  kr as e,
+  Zo as f,
+  Er as g,
+  ue as h,
+  to as i,
+  gr as j,
+  hr as k,
+  Sr as l,
+  Cr as m,
+  Nr as n,
+  Ar as o,
+  Tr as p,
   Mt as q,
   Rt as r,
-  Jo as s,
+  Xo as s,
   ke as t,
-  to as u,
+  vt as u,
   It as v,
-  Ar as w,
+  $r as w,
   no as x,
   Et as y,
-  er as z
+  or as z
 };