@ynput/ayon-frontend-shared 0.7.5 → 0.8.0

package/dist/chunks/{ColumnDropIndicator.styled.es.js → addonColumnTags.es.js}

@@ -1,18 +1,18 @@
-import { createContext as _, useContext as u, forwardRef as I } from "react";
-import { jsxs as l, jsx as i, Fragment as S } from "react/jsx-runtime";
-import { Button as p, Icon as N } from "@ynput/ayon-react-components";
+import { createContext as _, useContext as h, forwardRef as I } from "react";
+import { jsxs as d, jsx as i, Fragment as S } from "react/jsx-runtime";
+import { Button as m, Icon as N } from "@ynput/ayon-react-components";
 import a from "clsx";
 import n from "styled-components";
-import { R as d, D as f } from "./realtimeUpdatesUtils.es.js";
+import { R as p, D as f } from "./realtimeUpdatesUtils.es.js";
 import "lodash";
 import "primereact/confirmdialog";
 import "react-toastify";
 import { c as z } from "./copyToClipboard.es.js";
 import "uuid";
-import "./searchTerms.es.js";
+import { a as E } from "./searchTerms.es.js";
 import "axios";
-const E = (t) => {
-  const o = t.getIsPinned(), s = t.id !== d && t.id !== f ? -30 : 0;
+const T = (t) => {
+  const o = t.getIsPinned(), s = t.id !== p && t.id !== f ? -30 : 0;
   return {
     left: o === "left" ? `${t.getStart("left") + s}px` : void 0,
     right: o === "right" ? `${t.getAfter("right")}px` : void 0,
@@ -20,12 +20,12 @@ const E = (t) => {
     width: t.getSize(),
     zIndex: o ? 100 : 0
   };
-}, M = (t) => `calc(var(--col-${t}-size) * 1px)`, g = _(void 0), X = () => {
-  const t = u(g);
+}, A = (t) => `calc(var(--col-${t}-size) * 1px)`, g = _(void 0), ot = () => {
+  const t = h(g);
   if (!t)
     throw new Error("useFeedback must be used within a FeedbackProvider");
   return t;
-}, Y = () => u(g), tt = I(({ ...t }, o) => /* @__PURE__ */ l(
+}, et = () => h(g), it = I(({ ...t }, o) => /* @__PURE__ */ d(
   "svg",
   {
     width: "25",
@@ -64,7 +64,7 @@ const E = (t) => {
       )
     ]
   }
-)), B = n(p)`
+)), D = n(m)`
   width: 24px;
   height: 24px;
   padding: 2px;
@@ -86,8 +86,8 @@ const E = (t) => {
   &.selected {
     display: flex !important;
   }
-`, ot = ({ selected: t, style: o, ...s }) => /* @__PURE__ */ i(
-  B,
+`, nt = ({ selected: t, style: o, ...s }) => /* @__PURE__ */ i(
+  D,
   {
     ...s,
     selected: t,
@@ -95,7 +95,7 @@ const E = (t) => {
     variant: "text",
     style: { ...o }
   }
-), et = n(p)`
+), st = n(m)`
   background-color: unset !important;
   z-index: 110;
   position: relative;
@@ -115,20 +115,20 @@ const E = (t) => {
   ${({ $isOpen: t }) => t && `
     background-color: var(--md-sys-color-surface-container-hover) !important;
   `}
-`, D = n.tfoot`
+`, M = n.tfoot`
   display: grid !important;
   position: sticky;
   bottom: 0;
   z-index: 10;
   background-color: var(--md-sys-color-surface-container-lowest);
-`, P = n.tr`
+`, B = n.tr`
   display: flex;
   background-color: var(--md-sys-color-surface-container-low);
 
   &.clickable {
     cursor: pointer;
   }
-`, R = n.td`
+`, P = n.td`
   position: relative;
   box-shadow: inset 1px 1px 0 0 var(--md-sys-color-surface-container);
   background-color: var(--md-sys-color-surface-container-lowest);
@@ -152,7 +152,7 @@ const E = (t) => {
     width: 24px !important;
     min-width: unset;
   }
-`, A = n.div`
+`, R = n.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -187,24 +187,24 @@ const E = (t) => {
   height: auto;
   margin: 0;
   pointer-events: none;
-`, it = ({
+`, rt = ({
   columnVirtualizer: t,
   table: o,
   virtualPaddingLeft: s,
-  virtualPaddingRight: m,
+  virtualPaddingRight: l,
   renderCellContent: v,
   onClick: c,
   isLoading: y,
-  statsLoading: w,
+  statsLoading: C,
   error: r
 }) => {
-  const C = [
+  const w = [
     ...o.getLeftVisibleLeafColumns(),
     ...o.getCenterVisibleLeafColumns(),
     ...o.getRightVisibleLeafColumns()
-  ], b = t.getVirtualItems(), h = r instanceof Error ? r.message : typeof r == "string" ? r : "";
-  return /* @__PURE__ */ i(D, { children: /* @__PURE__ */ l(
-    P,
+  ], b = t.getVirtualItems(), u = r instanceof Error ? r.message : typeof r == "string" ? r : "";
+  return /* @__PURE__ */ i(M, { children: /* @__PURE__ */ d(
+    B,
     {
       className: a({ clickable: !!c }),
       onClick: c,
@@ -212,71 +212,84 @@ const E = (t) => {
       children: [
         s ? /* @__PURE__ */ i("td", { style: { display: "flex", width: s } }) : null,
         b.map((k) => {
-          const e = C[k.index];
+          const e = w[k.index];
           if (!e) return null;
-          const L = e.id === f || e.id === d, F = e.getIsPinned() === "left" && e.getIsLastColumn("left");
+          const L = e.id === f || e.id === p, F = e.getIsPinned() === "left" && e.getIsLastColumn("left");
           return /* @__PURE__ */ i(
-            R,
+            P,
             {
               className: a(e.id, { "last-pinned-left": F }),
-              style: { ...E(e), width: M(e.id) },
+              style: { ...T(e), width: A(e.id) },
               children: y ? /* @__PURE__ */ i(
                 x,
                 {
                   className: a("loading", "shimmer-dark", {
-                    selection: e.id === d
+                    selection: e.id === p
                   })
                 }
-              ) : r ? e.id === "name" ? /* @__PURE__ */ l(A, { style: { color: "var(--md-sys-color-error)" }, children: [
+              ) : r ? e.id === "name" ? /* @__PURE__ */ d(R, { style: { color: "var(--md-sys-color-error)" }, children: [
                 "Error loading stats",
                 /* @__PURE__ */ i(
                   N,
                   {
                     icon: "info",
                     style: { fontSize: 16, cursor: "help" },
-                    "data-tooltip": h,
+                    "data-tooltip": u,
                     "data-tooltip-as": "markdown"
                   }
                 ),
                 /* @__PURE__ */ i(
-                  p,
+                  m,
                   {
                     icon: "content_copy",
                     "data-tooltip": "Copy error message",
-                    onClick: () => z(h),
+                    onClick: () => z(u),
                     iconProps: { style: { fontSize: 16 } },
                     style: { padding: 2 },
                     variant: "text"
                   }
                 )
-              ] }) : null : !L && /* @__PURE__ */ l(S, { children: [
+              ] }) : null : !L && /* @__PURE__ */ d(S, { children: [
                 v?.(e.id),
-                w && /* @__PURE__ */ i(O, { className: a("loading", "shimmer-dark") })
+                C && /* @__PURE__ */ i(O, { className: a("loading", "shimmer-dark") })
               ] })
             },
             e.id
           );
         }),
-        m ? /* @__PURE__ */ i("td", { style: { display: "flex", width: m } }) : null
+        l ? /* @__PURE__ */ i("td", { style: { display: "flex", width: l } }) : null
       ]
     }
   ) });
-}, nt = n.div`
+}, at = n.div`
   position: fixed;
   z-index: 2000;
   pointer-events: none;
   width: 2px;
   background-color: var(--md-sys-color-primary);
 `;
+let W = 0;
+const U = E.injectEndpoints({
+  endpoints: (t) => ({
+    // a number that changes on every refetch; no request
+    addonColumnTags: t.query({
+      queryFn: () => ({ data: ++W }),
+      // tag types are the addon's (addTagTypes) or the host's, unknown to this api's types
+      providesTags: (o, s, { tags: l }) => l,
+      keepUnusedDataFor: 0
+    })
+  })
+}), { useAddonColumnTagsQuery: lt } = U;
 export {
-  et as C,
+  st as C,
   g as F,
-  ot as H,
-  tt as S,
-  it as T,
-  nt as a,
-  X as b,
-  E as c,
-  M as g,
-  Y as u
+  nt as H,
+  it as S,
+  rt as T,
+  at as a,
+  ot as b,
+  lt as c,
+  T as d,
+  A as g,
+  et as u
 };

package/dist/chunks/expandRelativeDates.es.js

@@ -1,4 +1,4 @@
-import { f as r } from "./PlayableIcon.es.js";
+import { f as r } from "./FilmstripEntityCard.es.js";
 const a = "relative:", i = (t) => typeof t == "string" && t.startsWith(a), o = (t) => {
   const e = t.replace(a, "").split(":");
   if (e.length !== 2) return null;

package/dist/chunks/getThumbnailUrl.es.js

@@ -1,25 +1,37 @@
-const o = ({
-  projectName: r,
-  entityType: s,
+const c = ({
+  projectName: s,
+  entityType: r,
   entityId: n,
-  thumbnailId: $,
-  thumbnailHash: u,
-  placeholder: a
+  thumbnailId: t,
+  thumbnailHash: l,
+  placeholder: u
 }) => {
-  if (!r) return null;
-  if (s === "project")
-    return l(r, u);
-  if (!$ && (!n || !s)) return null;
-  const t = new URLSearchParams();
-  u && t.set("hash", u), a && t.set("placeholder", a);
-  const i = t.toString() ? `?${t.toString()}` : "";
-  return n && s ? `/api/projects/${r}/${s}s/${n}/thumbnail${i}` : `/api/projects/${r}/thumbnails/${$}${i}`;
-}, l = (r, s) => {
-  if (!r) return null;
-  const n = s ? `?hash=${s}` : "";
-  return `/api/projects/${r}/thumbnail${n}`;
-};
+  if (!s) return null;
+  if (r === "project")
+    return a(s, l);
+  if (!t && (!n || !r)) return null;
+  const i = new URLSearchParams();
+  l && i.set("hash", l), u && i.set("placeholder", u);
+  const $ = i.toString() ? `?${i.toString()}` : "";
+  return n && r ? `/api/projects/${s}/${r}s/${n}/thumbnail${$}` : `/api/projects/${s}/thumbnails/${t}${$}`;
+}, a = (s, r) => {
+  if (!s) return null;
+  const n = r ? `?hash=${r}` : "";
+  return `/api/projects/${s}/thumbnail${n}`;
+}, o = ["folder", "task", "version"], f = ({
+  projectName: s,
+  entityType: r,
+  entityId: n,
+  thumbnailHash: t
+}) => {
+  if (!s || !n || !r || !o.includes(r)) return null;
+  const l = t ? `?hash=${t}` : "";
+  return `/api/projects/${s}/${r}s/${n}/filmstrip${l}`;
+}, e = (s, r) => !s || !r ? null : `/api/projects/${s}/files/${r}/filmstrip`;
 export {
-  l as a,
-  o as g
+  o as F,
+  f as a,
+  e as b,
+  a as c,
+  c as g
 };