@ynput/ayon-frontend-shared 0.3.41 → 0.3.43

package/dist/shared/src/components/Thumbnail/Thumbnail.es.js

@@ -1,71 +1,165 @@
-import { j as i } from "../../../../_virtual/jsx-runtime.es.js";
-import { useState as E, useEffect as P } from "react";
-import { Icon as p } from "@ynput/ayon-react-components";
+import { j as p } from "../../../../_virtual/jsx-runtime.es.js";
+import { useState as x, useEffect as P } from "react";
+import { Icon as E } from "@ynput/ayon-react-components";
 import R from "clsx";
 import { Card as S, Image as U } from "./Thumbnail.styled.es.js";
 import "lodash";
 import "react-toastify";
 import "uuid";
 import { getEntityThumbnailUrl as W } from "../../util/getThumbnailUrl.es.js";
+import "../../api/base/client.es.js";
+import "../../api/generated/graphql.es.js";
+import "../../api/generated/graphqlLinks.es.js";
+import "../../api/generated/access.es.js";
+import "../../api/generated/actions.es.js";
+import "../../api/generated/activityFeed.es.js";
+import "../../api/generated/addons.es.js";
+import "../../api/generated/anatomy.es.js";
+import "../../api/generated/attributes.es.js";
+import "../../api/generated/authentication.es.js";
+import "../../api/generated/bundles.es.js";
+import "../../api/generated/configuration.es.js";
+import "../../api/generated/dataImport.es.js";
+import "../../api/generated/desktop.es.js";
+import "../../api/generated/entityLists.es.js";
+import "../../api/generated/events.es.js";
+import "../../api/generated/files.es.js";
+import "../../api/generated/folders.es.js";
+import "../../api/generated/inbox.es.js";
+import "../../api/generated/links.es.js";
+import "../../api/generated/market.es.js";
+import "../../api/generated/onboarding.es.js";
+import "../../api/generated/operations.es.js";
+import "../../api/generated/products.es.js";
+import "../../api/generated/projectDashboard.es.js";
+import "../../api/generated/projects.es.js";
+import "../../api/generated/projectFolders.es.js";
+import "../../api/generated/reviewables.es.js";
+import "../../api/generated/services.es.js";
+import "../../api/generated/system.es.js";
+import "../../api/generated/tasks.es.js";
+import "../../api/generated/teams.es.js";
+import "../../api/generated/thumbnails.es.js";
+import "../../api/generated/uRIs.es.js";
+import "../../api/generated/users.es.js";
+import "../../api/generated/versions.es.js";
+import "../../api/generated/workfiles.es.js";
+import "../../api/generated/ynputCloud.es.js";
+import "../../api/generated/grouping.es.js";
+import "../../api/generated/views.es.js";
+import "../../api/queries/actions/getActions.es.js";
+import "../../api/queries/activities/getActivities.es.js";
+import "../../api/queries/activities/updateReaction.es.js";
+import "../../api/queries/activities/getMentions.es.js";
+import "../../api/queries/activities/getCategories.es.js";
+import "../../api/queries/addons/getAddons.es.js";
+import "../../api/queries/addons/updateAddons.es.js";
+import "../../api/queries/attributes/getAttributes.es.js";
+import "../../api/queries/attributes/updateAttributes.es.js";
+import "../../api/queries/authentication/getAuthentication.es.js";
+import "../../api/queries/cloud/cloud.es.js";
+import "../../api/queries/columnStats/metricTargets.es.js";
+import "../../api/queries/config/getConfig.es.js";
+import "../../api/queries/config/updateConfig.es.js";
+import "../../api/queries/entities/getEntity.es.js";
+import "../../api/queries/entities/getEntityPanel.es.js";
+import "../../api/queries/overview/getOverview.es.js";
+import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/versions/getVersionsProducts.es.js";
+import "../../api/queries/links/getEntityLinks.es.js";
+import "../../api/queries/entities/updateEntity.es.js";
+import "../../api/queries/entityLists/getLists.es.js";
+import "../../api/queries/entityLists/updateLists.es.js";
+import "../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../api/queries/entityLists/listItemsColumnStats.es.js";
+import "../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../api/queries/entityLists/listFolders.es.js";
+import "../../api/queries/folders/getFolders.es.js";
+import "../../api/queries/folders/getFolderDeleteInfo.es.js";
+import "../../api/queries/grouping/getGrouping.es.js";
+import "../../api/queries/links/updateLinks.es.js";
+import "../../api/queries/links/getLinks.es.js";
+import "../../api/queries/permissions/getPermissions.es.js";
+import "../../api/queries/products/createProduct.es.js";
+import "../../api/queries/products/getFolderProducts.es.js";
+import "../../api/queries/project/getProject.es.js";
+import "../../api/queries/project/updateProject.es.js";
+import "../../api/queries/projectFolders/projectFolders.es.js";
+import "../../api/queries/review/getReview.es.js";
+import "../../api/queries/review/updateReview.es.js";
+import "../../api/queries/share/share.es.js";
+import "../../api/queries/system/getSystem.es.js";
+import "../../api/queries/tasks/getTasks.es.js";
+import "../../api/queries/tasks/updateTasks.es.js";
+import "../../api/queries/teams/getTeams.es.js";
+import "../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../api/queries/users/getUsers.es.js";
+import "../../api/queries/users/updateUsers.es.js";
+import "../../api/queries/users/guests.es.js";
+import "../../api/queries/versions/updateVersions.es.js";
+import "../../api/queries/views/getViews.es.js";
+import "../../api/queries/views/updateViews.es.js";
+import "../../api/queries/watchers/getWatchers.es.js";
+import "../../api/queries/uris/getUris.es.js";
 import "../../util/pubsub.es.js";
-const J = ({
+const So = ({
   projectName: t = "",
   entityType: r = "",
-  entityId: l = "",
+  entityId: s = "",
   icon: b,
   color: j,
-  thumbnailHash: a,
-  isLoading: c,
+  thumbnailHash: l,
+  isLoading: a,
   shimmer: g,
   className: h,
   disabled: k,
-  src: n,
-  hoverIcon: u,
+  src: c,
+  hoverIcon: n,
   showBorder: C = !0,
-  ...f
+  ...u
 }) => {
-  const d = r === "project", v = ["product"].includes(r), x = d ? !!t : !!l;
+  const f = r === "project", v = ["product"].includes(r), d = f ? !!t : !!s;
   let o = "";
-  r && (a || d) && x && (n ? o = n : o = W({ projectName: t, entityType: r, entityId: l, thumbnailHash: a }) ?? "");
-  const [L, s] = E(!1), [m, e] = E(!1);
+  r && (l || f) && d && (c ? o = c : o = W({ projectName: t, entityType: r, entityId: s, thumbnailHash: l }) ?? "");
+  const [L, i] = x(!1), [e, m] = x(!1);
   return P(() => {
     if (o === "") {
-      e(!0), s(!0);
+      m(!0), i(!0);
       return;
     }
-    e(!1), s(!1);
-  }, [o]), /* @__PURE__ */ i.jsxs(
+    m(!1), i(!1);
+  }, [o]), /* @__PURE__ */ p.jsxs(
     S,
     {
       className: R(h, "thumbnail", {
-        loading: g && (c || !m),
-        loaded: m,
+        loading: g && (a || !e),
+        loaded: e,
         error: L,
-        clickable: !!f.onClick,
+        clickable: !!u.onClick,
         border: C
       }),
-      ...f,
+      ...u,
       children: [
-        (!c || !m) && !k && /* @__PURE__ */ i.jsx(p, { style: { color: j || void 0 }, icon: b || "image", className: "type-icon" }),
-        r && t && !v && x && /* @__PURE__ */ i.jsx(
+        (!a || !e) && !k && /* @__PURE__ */ p.jsx(E, { style: { color: j || void 0 }, icon: b || "image", className: "type-icon" }),
+        r && t && !v && d && /* @__PURE__ */ p.jsx(
           U,
           {
-            alt: `Entity thumbnail ${l || t}`,
+            alt: `Entity thumbnail ${s || t}`,
             src: o,
             onLoad: () => {
-              e(!0), s(!1);
+              m(!0), i(!1);
             },
             onError: () => {
-              e(!0), s(!0);
+              m(!0), i(!0);
             }
           }
         ),
-        u && /* @__PURE__ */ i.jsx(p, { icon: u, className: "hover-icon" })
+        n && /* @__PURE__ */ p.jsx(E, { icon: n, className: "hover-icon" })
       ]
     }
   );
 };
 export {
-  J as Thumbnail
+  So as Thumbnail
 };
 //# sourceMappingURL=Thumbnail.es.js.map

package/dist/shared/src/components/Thumbnail/Thumbnail.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.es.js","sources":["../../../../../src/components/Thumbnail/Thumbnail.tsx"],"sourcesContent":["import { HTMLAttributes, useEffect, useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport * as Styled from './Thumbnail.styled'\nimport { getEntityThumbnailUrl } from '@shared/util'\n\nexport interface ThumbnailProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  projectName?: string\n  entityType?: string\n  entityId?: string\n  icon?: string | null\n  color?: string | null\n  thumbnailHash?: string\n  isLoading?: boolean\n  shimmer?: boolean\n  className?: string\n  disabled?: boolean\n  src?: string\n  hoverIcon?: string\n  showBorder?: boolean\n}\n\nexport const Thumbnail = ({\n  projectName = '',\n  entityType = '',\n  entityId = '',\n  icon,\n  color,\n  thumbnailHash,\n  isLoading,\n  shimmer,\n  className,\n  disabled,\n  src,\n  hoverIcon,\n  showBorder = true,\n  ...props\n}: ThumbnailProps) => {\n  const isProject = entityType === 'project'\n  const isWrongEntity = ['product'].includes(entityType)\n  const hasIdentity = isProject ? !!projectName : !!entityId\n\n  let url = ''\n  if (entityType && (thumbnailHash || isProject) && hasIdentity) {\n    if (src) {\n      url = src\n    } else {\n      url = getEntityThumbnailUrl({ projectName, entityType, entityId, thumbnailHash }) ?? ''\n    }\n  }\n\n  const [error, setError] = useState(false)\n  const [loaded, setLoaded] = useState(false)\n\n  useEffect(() => {\n    if (url === '') {\n      setLoaded(true)\n      setError(true)\n      return\n    }\n\n    setLoaded(false)\n    setError(false)\n  }, [url])\n\n  return (\n    <Styled.Card\n      className={clsx(className, 'thumbnail', {\n        loading: shimmer && (isLoading || !loaded),\n        loaded,\n        error,\n        clickable: !!props.onClick,\n        border: showBorder,\n      })}\n      {...props}\n    >\n      {(!isLoading || !loaded) && !disabled && (\n        <Icon style={{ color: color || undefined }} icon={icon || 'image'} className=\"type-icon\" />\n      )}\n      {entityType && projectName && !isWrongEntity && hasIdentity && (\n        <Styled.Image\n          alt={`Entity thumbnail ${entityId || projectName}`}\n          src={url}\n          onLoad={() => {\n            setLoaded(true)\n            setError(false)\n          }}\n          onError={() => {\n            setLoaded(true)\n            setError(true)\n          }}\n        />\n      )}\n      {hoverIcon && <Icon icon={hoverIcon} className=\"hover-icon\" />}\n    </Styled.Card>\n  )\n}\n"],"names":["Thumbnail","projectName","entityType","entityId","icon","color","thumbnailHash","isLoading","shimmer","className","disabled","src","hoverIcon","showBorder","props","isProject","isWrongEntity","hasIdentity","url","getEntityThumbnailUrl","error","setError","useState","loaded","setLoaded","useEffect","jsxs","Styled.Card","clsx","Icon","jsx","Styled.Image"],"mappings":";;;;;;;;;;AAsBO,MAAMA,IAAY,CAAC;AAAA,EACxB,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,GAAGC;AACL,MAAsB;AACpB,QAAMC,IAAYb,MAAe,WAC3Bc,IAAgB,CAAC,SAAS,EAAE,SAASd,CAAU,GAC/Ce,IAAcF,IAAY,CAAC,CAACd,IAAc,CAAC,CAACE;AAElD,MAAIe,IAAM;AACV,EAAIhB,MAAeI,KAAiBS,MAAcE,MAC5CN,IACFO,IAAMP,IAENO,IAAMC,EAAsB,EAAE,aAAAlB,GAAa,YAAAC,GAAY,UAAAC,GAAU,eAAAG,EAAA,CAAe,KAAK;AAIzF,QAAM,CAACc,GAAOC,CAAQ,IAAIC,EAAS,EAAK,GAClC,CAACC,GAAQC,CAAS,IAAIF,EAAS,EAAK;AAE1C,SAAAG,EAAU,MAAM;AACd,QAAIP,MAAQ,IAAI;AACd,MAAAM,EAAU,EAAI,GACdH,EAAS,EAAI;AACb;AAAA,IACF;AAEA,IAAAG,EAAU,EAAK,GACfH,EAAS,EAAK;AAAA,EAChB,GAAG,CAACH,CAAG,CAAC,GAGNQ,gBAAAA,EAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAKnB,GAAW,aAAa;AAAA,QACtC,SAASD,MAAYD,KAAa,CAACgB;AAAA,QACnC,QAAAA;AAAA,QACA,OAAAH;AAAA,QACA,WAAW,CAAC,CAACN,EAAM;AAAA,QACnB,QAAQD;AAAA,MAAA,CACT;AAAA,MACA,GAAGC;AAAA,MAEF,UAAA;AAAA,SAAA,CAACP,KAAa,CAACgB,MAAW,CAACb,2BAC1BmB,GAAA,EAAK,OAAO,EAAE,OAAOxB,KAAS,OAAA,GAAa,MAAMD,KAAQ,SAAS,WAAU,aAAY;AAAA,QAE1FF,KAAcD,KAAe,CAACe,KAAiBC,KAC9Ca,gBAAAA,EAAAA;AAAAA,UAACC;AAAAA,UAAA;AAAA,YACC,KAAK,oBAAoB5B,KAAYF,CAAW;AAAA,YAChD,KAAKiB;AAAA,YACL,QAAQ,MAAM;AACZ,cAAAM,EAAU,EAAI,GACdH,EAAS,EAAK;AAAA,YAChB;AAAA,YACA,SAAS,MAAM;AACb,cAAAG,EAAU,EAAI,GACdH,EAAS,EAAI;AAAA,YACf;AAAA,UAAA;AAAA,QAAA;AAAA,QAGHT,KAAakB,gBAAAA,EAAAA,IAACD,GAAA,EAAK,MAAMjB,GAAW,WAAU,aAAA,CAAa;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlE;"}
+{"version":3,"file":"Thumbnail.es.js","sources":["../../../../../src/components/Thumbnail/Thumbnail.tsx"],"sourcesContent":["import { HTMLAttributes, useEffect, useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport * as Styled from './Thumbnail.styled'\nimport { getEntityThumbnailUrl } from '@shared/util'\n\nexport interface ThumbnailProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  projectName?: string\n  entityType?: string\n  entityId?: string\n  icon?: string | null\n  color?: string | null\n  thumbnailHash?: string\n  isLoading?: boolean\n  shimmer?: boolean\n  className?: string\n  disabled?: boolean\n  src?: string\n  hoverIcon?: string\n  showBorder?: boolean\n}\n\nexport const Thumbnail = ({\n  projectName = '',\n  entityType = '',\n  entityId = '',\n  icon,\n  color,\n  thumbnailHash,\n  isLoading,\n  shimmer,\n  className,\n  disabled,\n  src,\n  hoverIcon,\n  showBorder = true,\n  ...props\n}: ThumbnailProps) => {\n  const isProject = entityType === 'project'\n  const isWrongEntity = ['product'].includes(entityType)\n  const hasIdentity = isProject ? !!projectName : !!entityId\n\n  let url = ''\n  if (entityType && (thumbnailHash || isProject) && hasIdentity) {\n    if (src) {\n      url = src\n    } else {\n      url = getEntityThumbnailUrl({ projectName, entityType, entityId, thumbnailHash }) ?? ''\n    }\n  }\n\n  const [error, setError] = useState(false)\n  const [loaded, setLoaded] = useState(false)\n\n  useEffect(() => {\n    if (url === '') {\n      setLoaded(true)\n      setError(true)\n      return\n    }\n\n    setLoaded(false)\n    setError(false)\n  }, [url])\n\n  return (\n    <Styled.Card\n      className={clsx(className, 'thumbnail', {\n        loading: shimmer && (isLoading || !loaded),\n        loaded,\n        error,\n        clickable: !!props.onClick,\n        border: showBorder,\n      })}\n      {...props}\n    >\n      {(!isLoading || !loaded) && !disabled && (\n        <Icon style={{ color: color || undefined }} icon={icon || 'image'} className=\"type-icon\" />\n      )}\n      {entityType && projectName && !isWrongEntity && hasIdentity && (\n        <Styled.Image\n          alt={`Entity thumbnail ${entityId || projectName}`}\n          src={url}\n          onLoad={() => {\n            setLoaded(true)\n            setError(false)\n          }}\n          onError={() => {\n            setLoaded(true)\n            setError(true)\n          }}\n        />\n      )}\n      {hoverIcon && <Icon icon={hoverIcon} className=\"hover-icon\" />}\n    </Styled.Card>\n  )\n}\n"],"names":["Thumbnail","projectName","entityType","entityId","icon","color","thumbnailHash","isLoading","shimmer","className","disabled","src","hoverIcon","showBorder","props","isProject","isWrongEntity","hasIdentity","url","getEntityThumbnailUrl","error","setError","useState","loaded","setLoaded","useEffect","jsxs","Styled.Card","clsx","Icon","jsx","Styled.Image"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBO,MAAMA,KAAY,CAAC;AAAA,EACxB,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,GAAGC;AACL,MAAsB;AACpB,QAAMC,IAAYb,MAAe,WAC3Bc,IAAgB,CAAC,SAAS,EAAE,SAASd,CAAU,GAC/Ce,IAAcF,IAAY,CAAC,CAACd,IAAc,CAAC,CAACE;AAElD,MAAIe,IAAM;AACV,EAAIhB,MAAeI,KAAiBS,MAAcE,MAC5CN,IACFO,IAAMP,IAENO,IAAMC,EAAsB,EAAE,aAAAlB,GAAa,YAAAC,GAAY,UAAAC,GAAU,eAAAG,EAAA,CAAe,KAAK;AAIzF,QAAM,CAACc,GAAOC,CAAQ,IAAIC,EAAS,EAAK,GAClC,CAACC,GAAQC,CAAS,IAAIF,EAAS,EAAK;AAE1C,SAAAG,EAAU,MAAM;AACd,QAAIP,MAAQ,IAAI;AACd,MAAAM,EAAU,EAAI,GACdH,EAAS,EAAI;AACb;AAAA,IACF;AAEA,IAAAG,EAAU,EAAK,GACfH,EAAS,EAAK;AAAA,EAChB,GAAG,CAACH,CAAG,CAAC,GAGNQ,gBAAAA,EAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAKnB,GAAW,aAAa;AAAA,QACtC,SAASD,MAAYD,KAAa,CAACgB;AAAA,QACnC,QAAAA;AAAA,QACA,OAAAH;AAAA,QACA,WAAW,CAAC,CAACN,EAAM;AAAA,QACnB,QAAQD;AAAA,MAAA,CACT;AAAA,MACA,GAAGC;AAAA,MAEF,UAAA;AAAA,SAAA,CAACP,KAAa,CAACgB,MAAW,CAACb,2BAC1BmB,GAAA,EAAK,OAAO,EAAE,OAAOxB,KAAS,OAAA,GAAa,MAAMD,KAAQ,SAAS,WAAU,aAAY;AAAA,QAE1FF,KAAcD,KAAe,CAACe,KAAiBC,KAC9Ca,gBAAAA,EAAAA;AAAAA,UAACC;AAAAA,UAAA;AAAA,YACC,KAAK,oBAAoB5B,KAAYF,CAAW;AAAA,YAChD,KAAKiB;AAAA,YACL,QAAQ,MAAM;AACZ,cAAAM,EAAU,EAAI,GACdH,EAAS,EAAK;AAAA,YAChB;AAAA,YACA,SAAS,MAAM;AACb,cAAAG,EAAU,EAAI,GACdH,EAAS,EAAI;AAAA,YACf;AAAA,UAAA;AAAA,QAAA;AAAA,QAGHT,KAAakB,gBAAAA,EAAAA,IAACD,GAAA,EAAK,MAAMjB,GAAW,WAAU,aAAA,CAAa;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlE;"}

package/dist/shared/src/components/ThumbnailSimple/ThumbnailSimple.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../../_virtual/jsx-runtime.cjs.js"),r=require("styled-components"),f=require("@ynput/ayon-react-components");require("lodash");require("react-toastify");require("uuid");const q=require("../../util/getThumbnailUrl.cjs.js");require("../../util/pubsub.cjs.js");const v=r.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../../_virtual/jsx-runtime.cjs.js"),o=require("styled-components"),j=require("@ynput/ayon-react-components");require("lodash");require("react-toastify");require("uuid");const f=require("../../util/getThumbnailUrl.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("../../util/pubsub.cjs.js");const v=o.div`
   position: relative;
   width: 100%;
   max-width: 500px;
@@ -20,7 +20,7 @@
     background-color: hsl(220 20% 8%);
     color: var(--md-sys-color-outline);
   }
-`,y=r.img`
+`,y=o.img`
   width: 100%;
   height: 100%;
   object-fit: contain;
@@ -29,5 +29,5 @@
   display: block;
   position: absolute;
   inset: 0;
-`,w=({projectName:e,entityType:t,entityId:i,icon:l,thumbnailHash:n,isLoading:a,className:c,disabled:u,src:s,onLoad:m,onError:d,iconOnly:h,...b})=>{const x=q.getEntityThumbnailUrl({projectName:e,entityType:t,entityId:i,thumbnailHash:n?String(n):void 0}),g=t==="project",p=["product"].includes(t),j=g?!!e:!!i;return o.jsxRuntimeExports.jsxs(v,{className:c+" thumbnail",...b,children:[!a&&!u&&o.jsxRuntimeExports.jsx(f.Icon,{icon:l||"image"}),(t&&!p&&j||s)&&!h&&o.jsxRuntimeExports.jsx(y,{alt:`Entity thumbnail ${i||e}`,src:s||x||void 0,onLoad:m,onError:d})]})};exports.ThumbnailSimple=w;
+`,w=({projectName:r,entityType:e,entityId:i,icon:n,thumbnailHash:q,isLoading:s,className:l,disabled:a,src:t,onLoad:c,onError:m,iconOnly:d,...h})=>{const b=f.getEntityThumbnailUrl({projectName:r,entityType:e,entityId:i,thumbnailHash:q?String(q):void 0}),x=e==="project",g=["product"].includes(e),p=x?!!r:!!i;return u.jsxRuntimeExports.jsxs(v,{className:l+" thumbnail",...h,children:[!s&&!a&&u.jsxRuntimeExports.jsx(j.Icon,{icon:n||"image"}),(e&&!g&&p||t)&&!d&&u.jsxRuntimeExports.jsx(y,{alt:`Entity thumbnail ${i||r}`,src:t||b||void 0,onLoad:c,onError:m})]})};exports.ThumbnailSimple=w;
 //# sourceMappingURL=ThumbnailSimple.cjs.js.map

package/dist/shared/src/components/ThumbnailSimple/ThumbnailSimple.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailSimple.cjs.js","sources":["../../../../../src/components/ThumbnailSimple/ThumbnailSimple.tsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { getEntityThumbnailUrl } from '@shared/util'\n\nexport interface ThumbnailSimpleProps extends React.HTMLAttributes<HTMLDivElement> {\n  projectName: string\n  entityType: string\n  entityId: string\n  icon?: string\n  thumbnailHash?: string\n  isLoading?: boolean\n  disabled?: boolean\n  src?: string\n  onLoad?: React.ReactEventHandler<HTMLImageElement>\n  onError?: React.ReactEventHandler<HTMLImageElement>\n  iconOnly?: boolean\n}\n\nconst ThumbnailStyled = styled.div`\n  position: relative;\n  width: 100%;\n  max-width: 500px;\n  aspect-ratio: 1.77;\n  overflow: hidden;\n  margin: auto;\n  max-width: 250px;\n  background-color: var(--md-sys-color-surface-container-lowest);\n\n  /* icon */\n  span {\n    position: absolute;\n    font-size: 4rem;\n    user-select: none;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    inset: 0;\n    background-color: hsl(220 20% 8%);\n    color: var(--md-sys-color-outline);\n  }\n`\n\nconst ImageStyled = styled.img`\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n\n  /* ensures it always fills the parent */\n  display: block;\n  position: absolute;\n  inset: 0;\n`\n\nexport const ThumbnailSimple: React.FC<ThumbnailSimpleProps> = ({\n  projectName,\n  entityType,\n  entityId,\n  icon,\n  thumbnailHash,\n  isLoading,\n  className,\n  disabled,\n  src,\n  onLoad,\n  onError,\n  iconOnly,\n  ...props\n}) => {\n  const url = getEntityThumbnailUrl({\n    projectName,\n    entityType,\n    entityId,\n    thumbnailHash: thumbnailHash ? String(thumbnailHash) : undefined,\n  })\n  const isProject = entityType === 'project'\n  const isWrongEntity = ['product'].includes(entityType)\n  const hasIdentity = isProject ? !!projectName : !!entityId\n\n  return (\n    <ThumbnailStyled className={className + ' thumbnail'} {...props}>\n      {!isLoading && !disabled && <Icon icon={icon || 'image'} />}\n      {((entityType && !isWrongEntity && hasIdentity) || src) && !iconOnly && (\n        <ImageStyled\n          alt={`Entity thumbnail ${entityId || projectName}`}\n          src={src || url || undefined}\n          onLoad={onLoad}\n          onError={onError}\n        />\n      )}\n    </ThumbnailStyled>\n  )\n}\n"],"names":["ThumbnailStyled","styled","ImageStyled","ThumbnailSimple","projectName","entityType","entityId","icon","thumbnailHash","isLoading","className","disabled","src","onLoad","onError","iconOnly","props","url","getEntityThumbnailUrl","isProject","isWrongEntity","hasIdentity","Icon","jsx"],"mappings":"yWAmBA,MAAMA,EAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwBzBC,EAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWdE,EAAkD,CAAC,CAC9D,YAAAC,EACA,WAAAC,EACA,SAAAC,EACA,KAAAC,EACA,cAAAC,EACA,UAAAC,EACA,UAAAC,EACA,SAAAC,EACA,IAAAC,EACA,OAAAC,EACA,QAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAMC,EAAAA,sBAAsB,CAChC,YAAAd,EACA,WAAAC,EACA,SAAAC,EACA,cAAeE,EAAgB,OAAOA,CAAa,EAAI,MAAA,CACxD,EACKW,EAAYd,IAAe,UAC3Be,EAAgB,CAAC,SAAS,EAAE,SAASf,CAAU,EAC/CgB,EAAcF,EAAY,CAAC,CAACf,EAAc,CAAC,CAACE,EAElD,gCACGN,EAAA,CAAgB,UAAWU,EAAY,aAAe,GAAGM,EACvD,SAAA,CAAA,CAACP,GAAa,CAACE,2BAAaW,EAAAA,KAAA,CAAK,KAAMf,GAAQ,QAAS,GACtDF,GAAc,CAACe,GAAiBC,GAAgBT,IAAQ,CAACG,GAC1DQ,EAAAA,kBAAAA,IAACrB,EAAA,CACC,IAAK,oBAAoBI,GAAYF,CAAW,GAChD,IAAKQ,GAAOK,GAAO,OACnB,OAAAJ,EACA,QAAAC,CAAA,CAAA,CACF,EAEJ,CAEJ"}
+{"version":3,"file":"ThumbnailSimple.cjs.js","sources":["../../../../../src/components/ThumbnailSimple/ThumbnailSimple.tsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { getEntityThumbnailUrl } from '@shared/util'\n\nexport interface ThumbnailSimpleProps extends React.HTMLAttributes<HTMLDivElement> {\n  projectName: string\n  entityType: string\n  entityId: string\n  icon?: string\n  thumbnailHash?: string\n  isLoading?: boolean\n  disabled?: boolean\n  src?: string\n  onLoad?: React.ReactEventHandler<HTMLImageElement>\n  onError?: React.ReactEventHandler<HTMLImageElement>\n  iconOnly?: boolean\n}\n\nconst ThumbnailStyled = styled.div`\n  position: relative;\n  width: 100%;\n  max-width: 500px;\n  aspect-ratio: 1.77;\n  overflow: hidden;\n  margin: auto;\n  max-width: 250px;\n  background-color: var(--md-sys-color-surface-container-lowest);\n\n  /* icon */\n  span {\n    position: absolute;\n    font-size: 4rem;\n    user-select: none;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    inset: 0;\n    background-color: hsl(220 20% 8%);\n    color: var(--md-sys-color-outline);\n  }\n`\n\nconst ImageStyled = styled.img`\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n\n  /* ensures it always fills the parent */\n  display: block;\n  position: absolute;\n  inset: 0;\n`\n\nexport const ThumbnailSimple: React.FC<ThumbnailSimpleProps> = ({\n  projectName,\n  entityType,\n  entityId,\n  icon,\n  thumbnailHash,\n  isLoading,\n  className,\n  disabled,\n  src,\n  onLoad,\n  onError,\n  iconOnly,\n  ...props\n}) => {\n  const url = getEntityThumbnailUrl({\n    projectName,\n    entityType,\n    entityId,\n    thumbnailHash: thumbnailHash ? String(thumbnailHash) : undefined,\n  })\n  const isProject = entityType === 'project'\n  const isWrongEntity = ['product'].includes(entityType)\n  const hasIdentity = isProject ? !!projectName : !!entityId\n\n  return (\n    <ThumbnailStyled className={className + ' thumbnail'} {...props}>\n      {!isLoading && !disabled && <Icon icon={icon || 'image'} />}\n      {((entityType && !isWrongEntity && hasIdentity) || src) && !iconOnly && (\n        <ImageStyled\n          alt={`Entity thumbnail ${entityId || projectName}`}\n          src={src || url || undefined}\n          onLoad={onLoad}\n          onError={onError}\n        />\n      )}\n    </ThumbnailStyled>\n  )\n}\n"],"names":["ThumbnailStyled","styled","ImageStyled","ThumbnailSimple","projectName","entityType","entityId","icon","thumbnailHash","isLoading","className","disabled","src","onLoad","onError","iconOnly","props","url","getEntityThumbnailUrl","isProject","isWrongEntity","hasIdentity","Icon","jsx"],"mappings":"mvKAmBA,MAAMA,EAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwBzBC,EAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWdE,EAAkD,CAAC,CAC9D,YAAAC,EACA,WAAAC,EACA,SAAAC,EACA,KAAAC,EACA,cAAAC,EACA,UAAAC,EACA,UAAAC,EACA,SAAAC,EACA,IAAAC,EACA,OAAAC,EACA,QAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAMC,EAAAA,sBAAsB,CAChC,YAAAd,EACA,WAAAC,EACA,SAAAC,EACA,cAAeE,EAAgB,OAAOA,CAAa,EAAI,MAAA,CACxD,EACKW,EAAYd,IAAe,UAC3Be,EAAgB,CAAC,SAAS,EAAE,SAASf,CAAU,EAC/CgB,EAAcF,EAAY,CAAC,CAACf,EAAc,CAAC,CAACE,EAElD,gCACGN,EAAA,CAAgB,UAAWU,EAAY,aAAe,GAAGM,EACvD,SAAA,CAAA,CAACP,GAAa,CAACE,2BAAaW,EAAAA,KAAA,CAAK,KAAMf,GAAQ,QAAS,GACtDF,GAAc,CAACe,GAAiBC,GAAgBT,IAAQ,CAACG,GAC1DQ,EAAAA,kBAAAA,IAACrB,EAAA,CACC,IAAK,oBAAoBI,GAAYF,CAAW,GAChD,IAAKQ,GAAOK,GAAO,OACnB,OAAAJ,EACA,QAAAC,CAAA,CAAA,CACF,EAEJ,CAEJ"}

package/dist/shared/src/components/ThumbnailSimple/ThumbnailSimple.es.js

@@ -1,12 +1,106 @@
-import { j as s } from "../../../../_virtual/jsx-runtime.es.js";
-import e from "styled-components";
+import { j as r } from "../../../../_virtual/jsx-runtime.es.js";
+import s from "styled-components";
 import { Icon as j } from "@ynput/ayon-react-components";
 import "lodash";
 import "react-toastify";
 import "uuid";
 import { getEntityThumbnailUrl as v } from "../../util/getThumbnailUrl.es.js";
+import "../../api/base/client.es.js";
+import "../../api/generated/graphql.es.js";
+import "../../api/generated/graphqlLinks.es.js";
+import "../../api/generated/access.es.js";
+import "../../api/generated/actions.es.js";
+import "../../api/generated/activityFeed.es.js";
+import "../../api/generated/addons.es.js";
+import "../../api/generated/anatomy.es.js";
+import "../../api/generated/attributes.es.js";
+import "../../api/generated/authentication.es.js";
+import "../../api/generated/bundles.es.js";
+import "../../api/generated/configuration.es.js";
+import "../../api/generated/dataImport.es.js";
+import "../../api/generated/desktop.es.js";
+import "../../api/generated/entityLists.es.js";
+import "../../api/generated/events.es.js";
+import "../../api/generated/files.es.js";
+import "../../api/generated/folders.es.js";
+import "../../api/generated/inbox.es.js";
+import "../../api/generated/links.es.js";
+import "../../api/generated/market.es.js";
+import "../../api/generated/onboarding.es.js";
+import "../../api/generated/operations.es.js";
+import "../../api/generated/products.es.js";
+import "../../api/generated/projectDashboard.es.js";
+import "../../api/generated/projects.es.js";
+import "../../api/generated/projectFolders.es.js";
+import "../../api/generated/reviewables.es.js";
+import "../../api/generated/services.es.js";
+import "../../api/generated/system.es.js";
+import "../../api/generated/tasks.es.js";
+import "../../api/generated/teams.es.js";
+import "../../api/generated/thumbnails.es.js";
+import "../../api/generated/uRIs.es.js";
+import "../../api/generated/users.es.js";
+import "../../api/generated/versions.es.js";
+import "../../api/generated/workfiles.es.js";
+import "../../api/generated/ynputCloud.es.js";
+import "../../api/generated/grouping.es.js";
+import "../../api/generated/views.es.js";
+import "../../api/queries/actions/getActions.es.js";
+import "../../api/queries/activities/getActivities.es.js";
+import "../../api/queries/activities/updateReaction.es.js";
+import "../../api/queries/activities/getMentions.es.js";
+import "../../api/queries/activities/getCategories.es.js";
+import "../../api/queries/addons/getAddons.es.js";
+import "../../api/queries/addons/updateAddons.es.js";
+import "../../api/queries/attributes/getAttributes.es.js";
+import "../../api/queries/attributes/updateAttributes.es.js";
+import "../../api/queries/authentication/getAuthentication.es.js";
+import "../../api/queries/cloud/cloud.es.js";
+import "../../api/queries/columnStats/metricTargets.es.js";
+import "../../api/queries/config/getConfig.es.js";
+import "../../api/queries/config/updateConfig.es.js";
+import "../../api/queries/entities/getEntity.es.js";
+import "../../api/queries/entities/getEntityPanel.es.js";
+import "../../api/queries/overview/getOverview.es.js";
+import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/versions/getVersionsProducts.es.js";
+import "../../api/queries/links/getEntityLinks.es.js";
+import "../../api/queries/entities/updateEntity.es.js";
+import "../../api/queries/entityLists/getLists.es.js";
+import "../../api/queries/entityLists/updateLists.es.js";
+import "../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../api/queries/entityLists/listItemsColumnStats.es.js";
+import "../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../api/queries/entityLists/listFolders.es.js";
+import "../../api/queries/folders/getFolders.es.js";
+import "../../api/queries/folders/getFolderDeleteInfo.es.js";
+import "../../api/queries/grouping/getGrouping.es.js";
+import "../../api/queries/links/updateLinks.es.js";
+import "../../api/queries/links/getLinks.es.js";
+import "../../api/queries/permissions/getPermissions.es.js";
+import "../../api/queries/products/createProduct.es.js";
+import "../../api/queries/products/getFolderProducts.es.js";
+import "../../api/queries/project/getProject.es.js";
+import "../../api/queries/project/updateProject.es.js";
+import "../../api/queries/projectFolders/projectFolders.es.js";
+import "../../api/queries/review/getReview.es.js";
+import "../../api/queries/review/updateReview.es.js";
+import "../../api/queries/share/share.es.js";
+import "../../api/queries/system/getSystem.es.js";
+import "../../api/queries/tasks/getTasks.es.js";
+import "../../api/queries/tasks/updateTasks.es.js";
+import "../../api/queries/teams/getTeams.es.js";
+import "../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../api/queries/users/getUsers.es.js";
+import "../../api/queries/users/updateUsers.es.js";
+import "../../api/queries/users/guests.es.js";
+import "../../api/queries/versions/updateVersions.es.js";
+import "../../api/queries/views/getViews.es.js";
+import "../../api/queries/views/updateViews.es.js";
+import "../../api/queries/watchers/getWatchers.es.js";
+import "../../api/queries/uris/getUris.es.js";
 import "../../util/pubsub.es.js";
-const w = e.div`
+const w = s.div`
   position: relative;
   width: 100%;
   max-width: 500px;
@@ -28,7 +122,7 @@ const w = e.div`
     background-color: hsl(220 20% 8%);
     color: var(--md-sys-color-outline);
   }
-`, y = e.img`
+`, y = s.img`
   width: 100%;
   height: 100%;
   object-fit: contain;
@@ -37,41 +131,41 @@ const w = e.div`
   display: block;
   position: absolute;
   inset: 0;
-`, W = ({
+`, xt = ({
   projectName: t,
   entityType: o,
   entityId: i,
-  icon: l,
-  thumbnailHash: n,
-  isLoading: a,
-  className: c,
-  disabled: m,
-  src: r,
-  onLoad: d,
-  onError: u,
-  iconOnly: p,
+  icon: n,
+  thumbnailHash: m,
+  isLoading: e,
+  className: l,
+  disabled: a,
+  src: p,
+  onLoad: c,
+  onError: d,
+  iconOnly: u,
   ...h
 }) => {
   const b = v({
     projectName: t,
     entityType: o,
     entityId: i,
-    thumbnailHash: n ? String(n) : void 0
+    thumbnailHash: m ? String(m) : void 0
   }), f = o === "project", g = ["product"].includes(o), x = f ? !!t : !!i;
-  return /* @__PURE__ */ s.jsxs(w, { className: c + " thumbnail", ...h, children: [
-    !a && !m && /* @__PURE__ */ s.jsx(j, { icon: l || "image" }),
-    (o && !g && x || r) && !p && /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ r.jsxs(w, { className: l + " thumbnail", ...h, children: [
+    !e && !a && /* @__PURE__ */ r.jsx(j, { icon: n || "image" }),
+    (o && !g && x || p) && !u && /* @__PURE__ */ r.jsx(
       y,
       {
         alt: `Entity thumbnail ${i || t}`,
-        src: r || b || void 0,
-        onLoad: d,
-        onError: u
+        src: p || b || void 0,
+        onLoad: c,
+        onError: d
       }
     )
   ] });
 };
 export {
-  W as ThumbnailSimple
+  xt as ThumbnailSimple
 };
 //# sourceMappingURL=ThumbnailSimple.es.js.map

package/dist/shared/src/components/ThumbnailSimple/ThumbnailSimple.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailSimple.es.js","sources":["../../../../../src/components/ThumbnailSimple/ThumbnailSimple.tsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { getEntityThumbnailUrl } from '@shared/util'\n\nexport interface ThumbnailSimpleProps extends React.HTMLAttributes<HTMLDivElement> {\n  projectName: string\n  entityType: string\n  entityId: string\n  icon?: string\n  thumbnailHash?: string\n  isLoading?: boolean\n  disabled?: boolean\n  src?: string\n  onLoad?: React.ReactEventHandler<HTMLImageElement>\n  onError?: React.ReactEventHandler<HTMLImageElement>\n  iconOnly?: boolean\n}\n\nconst ThumbnailStyled = styled.div`\n  position: relative;\n  width: 100%;\n  max-width: 500px;\n  aspect-ratio: 1.77;\n  overflow: hidden;\n  margin: auto;\n  max-width: 250px;\n  background-color: var(--md-sys-color-surface-container-lowest);\n\n  /* icon */\n  span {\n    position: absolute;\n    font-size: 4rem;\n    user-select: none;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    inset: 0;\n    background-color: hsl(220 20% 8%);\n    color: var(--md-sys-color-outline);\n  }\n`\n\nconst ImageStyled = styled.img`\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n\n  /* ensures it always fills the parent */\n  display: block;\n  position: absolute;\n  inset: 0;\n`\n\nexport const ThumbnailSimple: React.FC<ThumbnailSimpleProps> = ({\n  projectName,\n  entityType,\n  entityId,\n  icon,\n  thumbnailHash,\n  isLoading,\n  className,\n  disabled,\n  src,\n  onLoad,\n  onError,\n  iconOnly,\n  ...props\n}) => {\n  const url = getEntityThumbnailUrl({\n    projectName,\n    entityType,\n    entityId,\n    thumbnailHash: thumbnailHash ? String(thumbnailHash) : undefined,\n  })\n  const isProject = entityType === 'project'\n  const isWrongEntity = ['product'].includes(entityType)\n  const hasIdentity = isProject ? !!projectName : !!entityId\n\n  return (\n    <ThumbnailStyled className={className + ' thumbnail'} {...props}>\n      {!isLoading && !disabled && <Icon icon={icon || 'image'} />}\n      {((entityType && !isWrongEntity && hasIdentity) || src) && !iconOnly && (\n        <ImageStyled\n          alt={`Entity thumbnail ${entityId || projectName}`}\n          src={src || url || undefined}\n          onLoad={onLoad}\n          onError={onError}\n        />\n      )}\n    </ThumbnailStyled>\n  )\n}\n"],"names":["ThumbnailStyled","styled","ImageStyled","ThumbnailSimple","projectName","entityType","entityId","icon","thumbnailHash","isLoading","className","disabled","src","onLoad","onError","iconOnly","props","url","getEntityThumbnailUrl","isProject","isWrongEntity","hasIdentity","Icon","jsx"],"mappings":";;;;;;;;AAmBA,MAAMA,IAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAwBzBC,IAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWdE,IAAkD,CAAC;AAAA,EAC9D,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAMC,EAAsB;AAAA,IAChC,aAAAd;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAeE,IAAgB,OAAOA,CAAa,IAAI;AAAA,EAAA,CACxD,GACKW,IAAYd,MAAe,WAC3Be,IAAgB,CAAC,SAAS,EAAE,SAASf,CAAU,GAC/CgB,IAAcF,IAAY,CAAC,CAACf,IAAc,CAAC,CAACE;AAElD,gCACGN,GAAA,EAAgB,WAAWU,IAAY,cAAe,GAAGM,GACvD,UAAA;AAAA,IAAA,CAACP,KAAa,CAACE,2BAAaW,GAAA,EAAK,MAAMf,KAAQ,SAAS;AAAA,KACtDF,KAAc,CAACe,KAAiBC,KAAgBT,MAAQ,CAACG,KAC1DQ,gBAAAA,EAAAA;AAAAA,MAACrB;AAAA,MAAA;AAAA,QACC,KAAK,oBAAoBI,KAAYF,CAAW;AAAA,QAChD,KAAKQ,KAAOK,KAAO;AAAA,QACnB,QAAAJ;AAAA,QACA,SAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;"}
+{"version":3,"file":"ThumbnailSimple.es.js","sources":["../../../../../src/components/ThumbnailSimple/ThumbnailSimple.tsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { getEntityThumbnailUrl } from '@shared/util'\n\nexport interface ThumbnailSimpleProps extends React.HTMLAttributes<HTMLDivElement> {\n  projectName: string\n  entityType: string\n  entityId: string\n  icon?: string\n  thumbnailHash?: string\n  isLoading?: boolean\n  disabled?: boolean\n  src?: string\n  onLoad?: React.ReactEventHandler<HTMLImageElement>\n  onError?: React.ReactEventHandler<HTMLImageElement>\n  iconOnly?: boolean\n}\n\nconst ThumbnailStyled = styled.div`\n  position: relative;\n  width: 100%;\n  max-width: 500px;\n  aspect-ratio: 1.77;\n  overflow: hidden;\n  margin: auto;\n  max-width: 250px;\n  background-color: var(--md-sys-color-surface-container-lowest);\n\n  /* icon */\n  span {\n    position: absolute;\n    font-size: 4rem;\n    user-select: none;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    inset: 0;\n    background-color: hsl(220 20% 8%);\n    color: var(--md-sys-color-outline);\n  }\n`\n\nconst ImageStyled = styled.img`\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n\n  /* ensures it always fills the parent */\n  display: block;\n  position: absolute;\n  inset: 0;\n`\n\nexport const ThumbnailSimple: React.FC<ThumbnailSimpleProps> = ({\n  projectName,\n  entityType,\n  entityId,\n  icon,\n  thumbnailHash,\n  isLoading,\n  className,\n  disabled,\n  src,\n  onLoad,\n  onError,\n  iconOnly,\n  ...props\n}) => {\n  const url = getEntityThumbnailUrl({\n    projectName,\n    entityType,\n    entityId,\n    thumbnailHash: thumbnailHash ? String(thumbnailHash) : undefined,\n  })\n  const isProject = entityType === 'project'\n  const isWrongEntity = ['product'].includes(entityType)\n  const hasIdentity = isProject ? !!projectName : !!entityId\n\n  return (\n    <ThumbnailStyled className={className + ' thumbnail'} {...props}>\n      {!isLoading && !disabled && <Icon icon={icon || 'image'} />}\n      {((entityType && !isWrongEntity && hasIdentity) || src) && !iconOnly && (\n        <ImageStyled\n          alt={`Entity thumbnail ${entityId || projectName}`}\n          src={src || url || undefined}\n          onLoad={onLoad}\n          onError={onError}\n        />\n      )}\n    </ThumbnailStyled>\n  )\n}\n"],"names":["ThumbnailStyled","styled","ImageStyled","ThumbnailSimple","projectName","entityType","entityId","icon","thumbnailHash","isLoading","className","disabled","src","onLoad","onError","iconOnly","props","url","getEntityThumbnailUrl","isProject","isWrongEntity","hasIdentity","Icon","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAMA,IAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAwBzBC,IAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWdE,KAAkD,CAAC;AAAA,EAC9D,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAMC,EAAsB;AAAA,IAChC,aAAAd;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAeE,IAAgB,OAAOA,CAAa,IAAI;AAAA,EAAA,CACxD,GACKW,IAAYd,MAAe,WAC3Be,IAAgB,CAAC,SAAS,EAAE,SAASf,CAAU,GAC/CgB,IAAcF,IAAY,CAAC,CAACf,IAAc,CAAC,CAACE;AAElD,gCACGN,GAAA,EAAgB,WAAWU,IAAY,cAAe,GAAGM,GACvD,UAAA;AAAA,IAAA,CAACP,KAAa,CAACE,2BAAaW,GAAA,EAAK,MAAMf,KAAQ,SAAS;AAAA,KACtDF,KAAc,CAACe,KAAiBC,KAAgBT,MAAQ,CAACG,KAC1DQ,gBAAAA,EAAAA;AAAAA,MAACrB;AAAA,MAAA;AAAA,QACC,KAAK,oBAAoBI,KAAYF,CAAW;AAAA,QAChD,KAAKQ,KAAOK,KAAO;AAAA,QACnB,QAAAJ;AAAA,QACA,SAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;"}