@ynput/ayon-frontend-shared 0.4.1 → 0.4.2

package/dist/shared/src/containers/Feed/components/FileUploadCard/FileUploadCard.es.js

@@ -1,307 +1,11 @@
-import { j as o } from "../../../../../../_virtual/jsx-runtime.es.js";
+import { j as e } from "../../../../../../_virtual/jsx-runtime.es.js";
 import { getFileSizeString as O, Icon as j, Button as W } from "@ynput/ayon-react-components";
 import { File as $, ContentWrapper as q, ImageWrapper as J, Buttons as M, ExpandButton as _, Footer as T } from "./FileUploadCard.styled.es.js";
-import n from "clsx";
+import c from "clsx";
 import { useState as D, useMemo as g } from "react";
 import { isFilePreviewable as G } from "../FileUploadPreview/FileUploadPreview.es.js";
-import "../../../ContextMenu/ContextMenuContext.es.js";
-/* empty css                                       */
-import "react-dom";
 import { useFeedContext as H } from "../../context/FeedContext.es.js";
-import "../Tooltips/UserTooltipItem.es.js";
-import "../Tooltips/UserTooltip/UserTooltip.styled.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/bundles/getBundles.es.js";
-import "../../../../api/queries/bundles/updateBundles.es.js";
-import "../../../../api/queries/cloud/cloud.es.js";
-import "../../../../api/queries/columnStats/metricTargets.es.js";
-import "../../../../api/queries/columnStats/groupCounts.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 "../Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
-import "../Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
-import "../../../../context/RemoteModulesContext.es.js";
 import { useDetailsPanelContext as K } from "../../../../context/DetailsPanelContext.es.js";
-import "../../../../../../_virtual/runtime.es.js";
-import "../../../../../../_virtual/semver.es.js";
-import "lodash";
-import "react-toastify";
-import "react-redux";
-import "custom-protocol-check";
-import "../../../ProjectTreeTable/components/GroupSettingsFallback.es.js";
-import "uuid";
-import "../../../../util/pubsub.es.js";
-import "../../../../context/PowerpackContextInstance.es.js";
-import "../../../../context/SubtasksModulesContextInstance.es.js";
-import "../../../../context/ThumbnailUploaderContext.es.js";
-import "../../../../context/SettingsPanelContext.es.js";
-import "../../../../context/pip/PiPProvider.es.js";
-import "../../../../context/pip/PiPWrapper.es.js";
-import "../../../../context/AddonProjectContext.es.js";
-import "../../../../context/AddonContext.es.js";
-import "../../../../context/MenuContext.es.js";
-import "../../../../context/WebsocketContext.es.js";
-import "../../../../context/GlobalContext.es.js";
-import "../../../../context/ProjectContext.es.js";
-import "../../../../context/ProjectFoldersContextInstance.es.js";
-import "../../../../context/EntityUpdatesContextInstance.es.js";
-import "../../../../context/UriContext.es.js";
-import "../../../../context/DeleteEntitiesContext.es.js";
-import "react-markdown";
-import "remark-emoji";
-import "remark-gfm";
-import "remark-directive";
-import "remark-directive-rehype";
-import "../CommentInput/CommentInput.es.js";
-import "../ReactionContainer/Reactions.styled.es.js";
-import "../FilesGrid/FilesGrid.styled.es.js";
-import "../CommentInput/quillToMarkdown.es.js";
-import "../ActivityComment/ActivityComment.styled.es.js";
-import "../ActivityCheckbox/ActivityCheckbox.styled.es.js";
-import "../../../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
-import "../../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
-import "../../../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
-import "../../../../components/AccessUser/AccessUser.es.js";
-import "../../../../components/AttributeEditor/AttributeEditor.es.js";
-import "../../../../components/AttributeEditor/attributeTypeMap.es.js";
-import "../../../../components/Badge/Badge.es.js";
-import "../../../../components/Chips/Chips.es.js";
-import "date-fns";
-import "../../../../components/DateRangePicker/DateRangePicker.styled.es.js";
-import "../../../../components/LinksManager/CellEditingDialog.es.js";
-import "../../../../components/DeleteEntitiesConfirm/DeleteConfirmContent.es.js";
-import "../../../../components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.es.js";
-import "../../../../../../_virtual/index.es.js";
-import "../../../../../../node_modules/refractor/lib/common.es.js";
-import "../../../../../../node_modules/refractor/lib/all.es.js";
-/* empty css                                                                                    */
-import "../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
-import "../../../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
-import "react-quill-ayon";
-import "../../../../components/DetailsPanelDetails/BorderedSection.es.js";
-import "../../../../components/QuillListStyles/QuillListStyles.es.js";
-import "../../../../components/DetailsPanelDetails/DescriptionSection.styles.es.js";
-import "rehype-raw";
-import "../../../../components/DetailsPanelDetails/hooks/useMentionSystem.es.js";
-import "../CommentInput/modules/index.es.js";
-import "../../../../components/DetailsPanelDetails/DetailsSection.es.js";
-import "../../../../components/DetailsPanelDetails/FieldLabel.es.js";
-import "../../../../components/DoneCheckbox/DoneCheckbox.es.js";
-import "../../../../components/EarlyPreview/EarlyPreview.es.js";
-import "../../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
-import "../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import "../../../../components/InfoMessage/InfoMessage.es.js";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "../../../../components/EnumEditor/EnumEditor.styled.es.js";
-import "../../../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
-import "axios";
-import "../../../../components/ReviewablesList/ReviewablesList.styled.es.js";
-import "../../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
-import "../../../../components/EntityPath/EntityPath.styled.es.js";
-import "../../../../components/EntityPath/SegmentProvider.es.js";
-import "../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../../../../components/Feedback/FeedbackContextInstance.es.js";
-import "../../../../components/Feedback/SupportBubble.es.js";
-import "../../../../components/FileThumbnail/FileThumbnail.es.js";
-import "../../../../components/LegacyBadge/LegacyBadge.es.js";
-import "../../../../components/LinksManager/LinksManager.styled.es.js";
-import "../../../EntityPickerDialog/EntityPickerDialog.es.js";
-import "../../../../components/Powerpack/PowerpackButton.es.js";
-import "../../../../components/Powerpack/FreeTrialLink.es.js";
-import "../../../../components/Powerpack/PowerpackDialog.styled.es.js";
-import "../../../../components/Powerpack/CTAButton.es.js";
-import "../../../../components/Powerpack/RequiredAddonVersion.es.js";
-import "../../../../components/ProjectTableSettings/ProjectTableSettings.es.js";
-import "../../../../components/ProjectTableSettings/ColumnsSettings.es.js";
-import "../../../../components/SizeSlider/SizeSlider.es.js";
-import "react-router-dom";
-import "../../../Slicer/components/Slicer.es.js";
-import "../../../Slicer/context/SlicerContextInstance.es.js";
-import "../../../Slicer/components/SlicerDropdownFallback.es.js";
-import "../../../NewEntity/components/NewEntity.es.js";
-import "@tanstack/react-virtual";
-import "@tanstack/react-table";
-import "../../../ProjectTreeTable/buildTreeTableColumns.es.js";
-import "../../../ProjectTreeTable/ProjectTreeTable.styled.es.js";
-import "../../../ProjectTreeTable/components/HeaderActionButton.es.js";
-import "../../../ProjectTreeTable/components/RowSelectionHeader.es.js";
-import "../../../ProjectTreeTable/components/SelectionCell.es.js";
-import "../../../ProjectTreeTable/context/CellEditingContext.es.js";
-import "../../../../components/SearchFilter/filterDates.es.js";
-import "short-uuid";
-import "../../../ProjectTreeTable/utils/columnIds.es.js";
-import "../../../ProjectTreeTable/context/SelectionCellsContext.es.js";
-import "../../../ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
-import "../../../ProjectTreeTable/context/ColumnSettingsContext.es.js";
-import "../../../ProjectTreeTable/context/ProjectTableContextInstance.es.js";
-import "../../../ProjectTreeTable/context/ClipboardContext.es.js";
-import "../../../ProjectTreeTable/context/SelectedRowsContext.es.js";
-import "../../../ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
-import "../../../ProjectTreeTable/context/ProjectDataContextInstance.es.js";
-import "../../../ProjectTreeTable/components/TableFooterRow.es.js";
-import "../../../ProjectTreeTable/widgets/CellWidget.es.js";
-import "../../../ProjectTreeTable/widgets/CollapsedWidget.es.js";
-import "../../../ProjectTreeTable/widgets/DateWidget.es.js";
-import "../../../ProjectTreeTable/widgets/EnumWidget.es.js";
-import "../../../ProjectTreeTable/widgets/EnumCellValue.es.js";
-import "../../../ProjectTreeTable/widgets/TextWidget.es.js";
-import "../../../ProjectTreeTable/widgets/MarkdownWidget.es.js";
-import "../../../ProjectTreeTable/widgets/BooleanWidget.es.js";
-import "../../../ProjectTreeTable/widgets/EntityNameWidget.es.js";
-import "../../../ProjectTreeTable/widgets/EntityWidget.es.js";
-import "../../../ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
-import "../../../ProjectTreeTable/widgets/ThumbnailWidget.es.js";
-import "../../../ProjectTreeTable/widgets/LinksWidget.es.js";
-import "../../../ProjectTreeTable/widgets/EmptyWidget.es.js";
-import "../../../ProjectTreeTable/widgets/ErrorWidget.es.js";
-import "../../../NewEntity/context/NewEntityContextInstance.es.js";
-import "../../../NewEntity/components/NewEntityForm.es.js";
-import "../../../Slicer/hooks/useTableDataBySlice.es.js";
-import "../../../../components/ReviewableCard/ReviewableCard.es.js";
-import "../../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
-import "../../../../components/SearchFilter/CustomDateRangeDialog.es.js";
-import "../../../../components/SettingsPanel/SettingsPanel.es.js";
-import "../../../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
-import "../../../../components/ShareOptionIcon/ShareOptionIcon.es.js";
-import "../../../../components/SimpleFormDialog/SimpleFormDialog.es.js";
-import "../../../../components/StyledLink/StyledLink.es.js";
-import "../../../../components/SyncButton/SyncButton.es.js";
-import "../../../../components/TableGridSwitch/TableGridSwitch.es.js";
-import "../../../../components/Thumbnail/Thumbnail.styled.es.js";
-import "../../../../components/Thumbnail/StackedThumbnails.es.js";
-import "../../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
-import "../../../../components/VersionUploader/components/UploadVersionDialog.es.js";
-import "../../../../components/VersionUploader/context/VersionUploadContextInstance.es.js";
-import "../../../../components/Watchers/Watchers.es.js";
-import "../../../../components/Menu/Menu.styled.es.js";
-import "../../../../components/Menu/MenuItem.es.js";
-import "../../../../components/ReviewablesSelector/ReviewablesSelector.es.js";
-import "../../../../components/ColumnHeaderMenuUI.es.js";
-import "../ActivityReference/ActivityReference.styled.es.js";
-import "../ActivityStatus/ActivityStatus.es.js";
-import "../ActivityHeader/ActivityHeader.styled.es.js";
-import "../ActivityDate.es.js";
-import "../ActivityVersionReview/ActivityVersionReview.styled.es.js";
-import "../ActivityCategorySelect/ActivityCategorySelect.es.js";
-import "../ActivityCategorySelect/CategoryDropdownItem.es.js";
-import "../ActivityCategorySelect/CategoryTag.es.js";
-import "../ActivityFieldChange/ActivityFieldChange.styled.es.js";
-import "../ActivityFieldChange/FieldValue.es.js";
-import "../ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
-import "../ActivityVersions/ActivityVersions.styled.es.js";
-import "../ActivityGroup/ActivityGroup.styled.es.js";
-import "../../Feed.styled.es.js";
-import "../FeedSearchFilter.es.js";
-import "../../../DetailsPanel/DetailsPanel.styled.es.js";
-import "../../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
-import "../../../DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.es.js";
-import "../../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
-import "../../../../components/PlayableIcon/PlayableIcon.es.js";
-import "../../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.es.js";
-import "../../../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.es.js";
-import "../../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
-import "../../../DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.es.js";
-import "../../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
-import "../../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
-import "../../../Actions/Actions.styled.es.js";
-import "../../../Actions/ActionsDropdown/ActionsDropdown.es.js";
-import "../../../Actions/ActionIcon.es.js";
-import "../../../Views/ViewsMenu/ViewsMenu.es.js";
-import "../../../Views/context/ViewsContextInstance.es.js";
-import "../../../Views/Views.styled.es.js";
-import "../../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
-import "../../../ListTable/ListTableRow.es.js";
-import "../../../ListTable/ListTable.styled.es.js";
 const L = {
   // special cases
   description: ["doc"],
@@ -344,76 +48,73 @@ const L = {
   filter_none: ["sequence"],
   font_download: ["font"],
   deployed_code: ["model", ".obj", ".abc", ".stl", ".fbx", ".gltf", ".glb", ".usd"]
-}, Q = (a) => {
-  for (const [i, p] of Object.entries(L))
-    if (p.some((t) => a.includes(t)))
-      return i;
+}, Q = (l) => {
+  for (const [n, t] of Object.entries(L))
+    if (t.some((s) => l.includes(s)))
+      return n;
   return "draft";
-}, Em = ({
-  name: a,
-  mime: i,
-  src: p,
-  unsavedAnnotation: t,
-  savedAnnotation: c,
+}, oe = ({
+  name: l,
+  mime: n,
+  src: t,
+  unsavedAnnotation: s,
+  savedAnnotation: p,
   size: y,
-  progress: l,
+  progress: m,
   onRemove: d,
   isCompact: k,
-  isDownloadable: e = !1,
+  isDownloadable: r = !1,
   onExpand: v,
   disableExpand: u,
   onJumpTo: C,
   className: F,
   ...B
 }) => {
-  const E = l && l < 100, [I, P] = D(!1), { feedAnnotationsEnabled: z } = K(), { entities: h } = H(), N = a.split("."), f = N.pop() || "", S = N.join("."), m = G(i || "." + f), U = i?.includes("image/") || !!t, b = /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    /* @__PURE__ */ o.jsx("span", { className: "size", children: O(y) }),
-    /* @__PURE__ */ o.jsx(j, { icon: "download", className: "download-icon" })
-  ] }), r = g(
-    () => t ?? c,
-    [t, c]
-  ), w = g(() => h.at(0), [h]), s = g(() => {
-    if (!r?.range)
+  const E = m && m < 100, [I, P] = D(!1), { feedAnnotationsEnabled: z } = K(), { entities: h } = H(), N = l.split("."), f = N.pop() || "", S = N.join("."), a = G(n || "." + f), U = n?.includes("image/") || !!s, b = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx("span", { className: "size", children: O(y) }),
+    /* @__PURE__ */ e.jsx(j, { icon: "download", className: "download-icon" })
+  ] }), o = g(
+    () => s ?? p,
+    [s, p]
+  ), w = g(() => h.at(0), [h]), i = g(() => {
+    if (!o?.range)
       return [1, 1];
     if (!w?.attrib)
-      return r?.range ?? [1, 1];
+      return o?.range ?? [1, 1];
     const { frameStart: x } = w?.attrib;
-    return Number.isNaN(x) ? r?.range ?? [1, 1] : [
-      x - 1 + r.range[0],
-      x - 1 + r.range[1]
-    ];
-  }, [r]);
-  return /* @__PURE__ */ o.jsxs(
+    return Number.isNaN(x) ? o?.range ?? [1, 1] : [x - 1 + o.range[0], x - 1 + o.range[1]];
+  }, [o]);
+  return /* @__PURE__ */ e.jsxs(
     $,
     {
-      className: n(F, {
+      className: c(F, {
         compact: k,
-        isDownloadable: e,
-        isPreviewable: m,
-        isUnsavedAnnotation: !!t
+        isDownloadable: r,
+        isPreviewable: a,
+        isUnsavedAnnotation: !!s
       }),
       ...B,
       children: [
-        /* @__PURE__ */ o.jsxs(
+        /* @__PURE__ */ e.jsxs(
           q,
           {
-            className: n("content-wrapper", {
-              isPreviewable: m,
-              isUnsavedAnnotation: !!t
+            className: c("content-wrapper", {
+              isPreviewable: a,
+              isUnsavedAnnotation: !!s
             }),
             children: [
-              /* @__PURE__ */ o.jsx(j, { icon: Q(i || "." + f), className: "type-icon" }),
-              U && p && /* @__PURE__ */ o.jsx(
+              /* @__PURE__ */ e.jsx(j, { icon: Q(n || "." + f), className: "type-icon" }),
+              U && t && /* @__PURE__ */ e.jsx(
                 J,
                 {
-                  className: n({
+                  className: c({
                     "image-wrapper": !0,
-                    isDownloadable: e || m || t
+                    isDownloadable: r || a || s
                   }),
-                  children: /* @__PURE__ */ o.jsx(
+                  children: /* @__PURE__ */ e.jsx(
                     "img",
                     {
-                      src: p,
+                      src: t,
                       onError: () => P(!0),
                       style: {
                         display: I ? "none" : "block"
@@ -422,8 +123,8 @@ const L = {
                   )
                 }
               ),
-              /* @__PURE__ */ o.jsxs(M, { className: "expand-buttons", children: [
-                m && !u && /* @__PURE__ */ o.jsx(
+              /* @__PURE__ */ e.jsxs(M, { className: "expand-buttons", children: [
+                a && !u && /* @__PURE__ */ e.jsx(
                   _,
                   {
                     "data-tooltip": "Open preview",
@@ -432,7 +133,7 @@ const L = {
                     onClick: v
                   }
                 ),
-                (t || z && c) && /* @__PURE__ */ o.jsx(
+                (s || z && p) && /* @__PURE__ */ e.jsx(
                   _,
                   {
                     "data-tooltip": "Jump to annotation",
@@ -445,37 +146,37 @@ const L = {
             ]
           }
         ),
-        /* @__PURE__ */ o.jsxs(
+        /* @__PURE__ */ e.jsxs(
           T,
           {
-            className: n({
+            className: c({
               inProgress: E,
-              isPreviewable: m && !u,
-              isDownloadable: e
+              isPreviewable: a && !u,
+              isDownloadable: r
             }),
             children: [
-              /* @__PURE__ */ o.jsx("span", { className: "progress", style: { right: `${100 - l}%` } }),
-              /* @__PURE__ */ o.jsx("div", { className: "name-wrapper", children: r ? /* @__PURE__ */ o.jsxs("span", { className: "name", children: [
-                /* @__PURE__ */ o.jsx(j, { icon: "draw" }),
-                s[0],
-                s[1] !== s[0] && ` - ${s[1]}`
-              ] }) : /* @__PURE__ */ o.jsxs("span", { className: "name", children: [
+              /* @__PURE__ */ e.jsx("span", { className: "progress", style: { right: `${100 - m}%` } }),
+              /* @__PURE__ */ e.jsx("div", { className: "name-wrapper", children: o ? /* @__PURE__ */ e.jsxs("span", { className: "name", children: [
+                /* @__PURE__ */ e.jsx(j, { icon: "draw" }),
+                i[0],
+                i[1] !== i[0] && ` - ${i[1]}`
+              ] }) : /* @__PURE__ */ e.jsxs("span", { className: "name", children: [
                 S,
-                /* @__PURE__ */ o.jsxs("span", { className: "extension", children: [
+                /* @__PURE__ */ e.jsxs("span", { className: "extension", children: [
                   ".",
                   f
                 ] })
               ] }) }),
-              e && (d ? /* @__PURE__ */ o.jsx("div", { className: "download", children: b }) : /* @__PURE__ */ o.jsx("a", { href: p, target: "_blank", rel: "noopener noreferrer", className: "download", children: b }))
+              r && (d ? /* @__PURE__ */ e.jsx("div", { className: "download", children: b }) : /* @__PURE__ */ e.jsx("a", { href: t, target: "_blank", rel: "noopener noreferrer", className: "download", children: b }))
             ]
           }
         ),
-        d && /* @__PURE__ */ o.jsx(W, { className: "remove", onClick: d, icon: "close" })
+        d && /* @__PURE__ */ e.jsx(W, { className: "remove", onClick: d, icon: "close" })
       ]
     }
   );
 };
 export {
-  Em as default
+  oe as default
 };
 //# sourceMappingURL=FileUploadCard.es.js.map

package/dist/shared/src/containers/Feed/components/FileUploadCard/FileUploadCard.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadCard.es.js","sources":["../../../../../../../src/containers/Feed/components/FileUploadCard/FileUploadCard.tsx"],"sourcesContent":["import { Button, getFileSizeString, Icon } from '@ynput/ayon-react-components'\nimport * as Styled from './FileUploadCard.styled'\nimport clsx from 'clsx'\nimport { useMemo, useState } from 'react'\nimport { isFilePreviewable } from '../FileUploadPreview'\nimport { SavedAnnotationMetadata, useFeedContext } from '@shared/containers'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { AnnotationPreview } from '../CommentInput/hooks/useAnnotationsSync'\n\nexport interface FileUploadCardProps extends React.HTMLAttributes<HTMLDivElement> {\n  name: string\n  mime?: string\n  src?: string\n  unsavedAnnotation?: AnnotationPreview\n  savedAnnotation?: SavedAnnotationMetadata\n  size: number\n  progress: number\n  onRemove?: () => void\n  isCompact?: boolean\n  isDownloadable?: boolean\n  onExpand?: () => void\n  disableExpand?: boolean\n  onJumpTo?: () => void\n}\n\nconst fileIcons: { [key: string]: string[] } = {\n  // special cases\n  description: ['doc'],\n  folder_zip: ['zip'],\n  code_blocks: [\n    'json',\n    'javascript',\n    'python',\n    'html',\n    'css',\n    '.py',\n    '.js',\n    '.html',\n    '.css',\n    '.json',\n    '.ts',\n  ],\n  brush: ['.psd', '.ai', '.xd', '.sketch'],\n  '3d_rotation': [\n    '.mb',\n    '.ma',\n    '.c4d',\n    '.blend',\n    '.max',\n    '.3ds',\n    '.lwo',\n    '.lws',\n    '.lxo',\n    '.hip',\n    '.hda',\n  ],\n  theaters: ['.aep', '.tpl', '.clip', '.nk', '.fusion', '.prproj', '.spsm', '.drp'],\n  picture_as_pdf: ['pdf', '.pdf'],\n  // default\n  image: ['image', '.png', '.jpg', '.jpeg', '.gif', '.svg', '.webp'],\n  videocam: ['video', '.mp4', '.mov', '.avi', '.mkv', '.webm', '.mxf'],\n  business_center: ['application'],\n  audio_file: ['audio'],\n  text_snippet: ['text'],\n  filter_none: ['sequence'],\n  font_download: ['font'],\n  deployed_code: ['model', '.obj', '.abc', '.stl', '.fbx', '.gltf', '.glb', '.usd'],\n}\n\nconst getIconForType = (type: string): string => {\n  for (const [icon, keywords] of Object.entries(fileIcons)) {\n    if (keywords.some((keyword) => type.includes(keyword))) {\n      return icon\n    }\n  }\n  return 'draft'\n}\n\nconst FileUploadCard = ({\n  name,\n  mime,\n  src,\n  unsavedAnnotation,\n  savedAnnotation,\n  size,\n  progress,\n  onRemove,\n  isCompact,\n  isDownloadable = false,\n  onExpand,\n  disableExpand,\n  onJumpTo,\n  className,\n  ...props\n}: FileUploadCardProps) => {\n  const inProgress = progress && progress < 100\n\n  const [imageError, setImageError] = useState(false)\n  const { feedAnnotationsEnabled } = useDetailsPanelContext()\n  const { entities } = useFeedContext()\n\n  // split name and file extension\n  const nameParts = name.split('.')\n  const extension = nameParts.pop() || ''\n  const fileName = nameParts.join('.')\n\n  const isPreviewable = isFilePreviewable(mime || '.' + extension)\n  const isImage = mime?.includes('image/') || Boolean(unsavedAnnotation)\n\n  const downloadComponent = (\n    <>\n      <span className=\"size\">{getFileSizeString(size)}</span>\n      <Icon icon=\"download\" className=\"download-icon\" />\n    </>\n  )\n\n  const someAnnotation = useMemo(\n    () => unsavedAnnotation ?? savedAnnotation,\n    [unsavedAnnotation, savedAnnotation],\n  )\n\n  const firstEntity = useMemo(() => {\n    return entities.at(0)\n  }, [entities])\n\n  const annotationDisplayRange = useMemo(() => {\n    if (!someAnnotation?.range) {\n      return [1, 1]\n    }\n\n    if (!firstEntity?.attrib) {\n      return someAnnotation?.range ?? [1, 1]\n    }\n\n    const { frameStart } = firstEntity?.attrib\n    if (Number.isNaN(frameStart)) {\n      return someAnnotation?.range ?? [1, 1]\n    }\n\n    return [\n      frameStart - 1 + someAnnotation.range[0],\n      frameStart - 1 + someAnnotation.range[1],\n    ]\n  }, [someAnnotation])\n\n  return (\n    <Styled.File\n      className={clsx(className, {\n        compact: isCompact,\n        isDownloadable,\n        isPreviewable,\n        isUnsavedAnnotation: Boolean(unsavedAnnotation),\n      })}\n      {...props}\n    >\n      <Styled.ContentWrapper\n        className={clsx('content-wrapper', {\n          isPreviewable,\n          isUnsavedAnnotation: Boolean(unsavedAnnotation),\n        })}\n      >\n        <Icon icon={getIconForType(mime || '.' + extension)} className=\"type-icon\" />\n        {isImage && src && (\n          <Styled.ImageWrapper\n            className={clsx({\n              'image-wrapper': true,\n              isDownloadable: isDownloadable || isPreviewable || unsavedAnnotation,\n            })}\n          >\n            <img\n              src={src}\n              onError={() => setImageError(true)}\n              style={{\n                display: imageError ? 'none' : 'block',\n              }}\n            />\n          </Styled.ImageWrapper>\n        )}\n        <Styled.Buttons className=\"expand-buttons\">\n          {isPreviewable && !disableExpand && (\n            <Styled.ExpandButton\n              data-tooltip=\"Open preview\"\n              icon=\"open_in_full\"\n              variant=\"nav\"\n              onClick={onExpand}\n            />\n          )}\n          {(unsavedAnnotation || (feedAnnotationsEnabled && savedAnnotation)) && (\n            <Styled.ExpandButton\n              data-tooltip=\"Jump to annotation\"\n              icon=\"play_circle\"\n              variant=\"nav\"\n              onClick={onJumpTo}\n            />\n          )}\n        </Styled.Buttons>\n      </Styled.ContentWrapper>\n      <Styled.Footer\n        className={clsx({\n          inProgress,\n          isPreviewable: isPreviewable && !disableExpand,\n          isDownloadable,\n        })}\n      >\n        <span className=\"progress\" style={{ right: `${100 - progress}%` }} />\n        <div className=\"name-wrapper\">\n          {someAnnotation ? (\n            <span className=\"name\">\n              <Icon icon=\"draw\" />\n              {annotationDisplayRange[0]}\n              {annotationDisplayRange[1] !== annotationDisplayRange[0] &&\n                ` - ${annotationDisplayRange[1]}`}\n            </span>\n          ) : (\n            <span className=\"name\">\n              {fileName}\n              <span className=\"extension\">.{extension}</span>\n            </span>\n          )}\n        </div>\n\n        {isDownloadable &&\n          (!onRemove ? (\n            <a href={src} target=\"_blank\" rel=\"noopener noreferrer\" className=\"download\">\n              {downloadComponent}\n            </a>\n          ) : (\n            <div className=\"download\">{downloadComponent}</div>\n          ))}\n      </Styled.Footer>\n      {onRemove && <Button className=\"remove\" onClick={onRemove} icon=\"close\" />}\n    </Styled.File>\n  )\n}\n\nexport default FileUploadCard\n"],"names":["fileIcons","getIconForType","type","icon","keywords","keyword","FileUploadCard","name","mime","src","unsavedAnnotation","savedAnnotation","size","progress","onRemove","isCompact","isDownloadable","onExpand","disableExpand","onJumpTo","className","props","inProgress","imageError","setImageError","useState","feedAnnotationsEnabled","useDetailsPanelContext","entities","useFeedContext","nameParts","extension","fileName","isPreviewable","isFilePreviewable","isImage","downloadComponent","jsxs","Fragment","jsx","getFileSizeString","Icon","someAnnotation","useMemo","firstEntity","annotationDisplayRange","frameStart","Styled.File","clsx","Styled.ContentWrapper","Styled.ImageWrapper","Styled.Buttons","Styled.ExpandButton","Styled.Footer","Button"],"mappings":"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"}
+{"version":3,"file":"FileUploadCard.es.js","sources":["../../../../../../../src/containers/Feed/components/FileUploadCard/FileUploadCard.tsx"],"sourcesContent":["import { Button, getFileSizeString, Icon } from '@ynput/ayon-react-components'\nimport * as Styled from './FileUploadCard.styled'\nimport clsx from 'clsx'\nimport { useMemo, useState } from 'react'\nimport { isFilePreviewable } from '../FileUploadPreview'\nimport type { SavedAnnotationMetadata } from '../../index'\nimport { useFeedContext } from '../../context/FeedContext'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\nimport { AnnotationPreview } from '../CommentInput/hooks/useAnnotationsSync'\n\nexport interface FileUploadCardProps extends React.HTMLAttributes<HTMLDivElement> {\n  name: string\n  mime?: string\n  src?: string\n  unsavedAnnotation?: AnnotationPreview\n  savedAnnotation?: SavedAnnotationMetadata\n  size: number\n  progress: number\n  onRemove?: () => void\n  isCompact?: boolean\n  isDownloadable?: boolean\n  onExpand?: () => void\n  disableExpand?: boolean\n  onJumpTo?: () => void\n}\n\nconst fileIcons: { [key: string]: string[] } = {\n  // special cases\n  description: ['doc'],\n  folder_zip: ['zip'],\n  code_blocks: [\n    'json',\n    'javascript',\n    'python',\n    'html',\n    'css',\n    '.py',\n    '.js',\n    '.html',\n    '.css',\n    '.json',\n    '.ts',\n  ],\n  brush: ['.psd', '.ai', '.xd', '.sketch'],\n  '3d_rotation': [\n    '.mb',\n    '.ma',\n    '.c4d',\n    '.blend',\n    '.max',\n    '.3ds',\n    '.lwo',\n    '.lws',\n    '.lxo',\n    '.hip',\n    '.hda',\n  ],\n  theaters: ['.aep', '.tpl', '.clip', '.nk', '.fusion', '.prproj', '.spsm', '.drp'],\n  picture_as_pdf: ['pdf', '.pdf'],\n  // default\n  image: ['image', '.png', '.jpg', '.jpeg', '.gif', '.svg', '.webp'],\n  videocam: ['video', '.mp4', '.mov', '.avi', '.mkv', '.webm', '.mxf'],\n  business_center: ['application'],\n  audio_file: ['audio'],\n  text_snippet: ['text'],\n  filter_none: ['sequence'],\n  font_download: ['font'],\n  deployed_code: ['model', '.obj', '.abc', '.stl', '.fbx', '.gltf', '.glb', '.usd'],\n}\n\nconst getIconForType = (type: string): string => {\n  for (const [icon, keywords] of Object.entries(fileIcons)) {\n    if (keywords.some((keyword) => type.includes(keyword))) {\n      return icon\n    }\n  }\n  return 'draft'\n}\n\nconst FileUploadCard = ({\n  name,\n  mime,\n  src,\n  unsavedAnnotation,\n  savedAnnotation,\n  size,\n  progress,\n  onRemove,\n  isCompact,\n  isDownloadable = false,\n  onExpand,\n  disableExpand,\n  onJumpTo,\n  className,\n  ...props\n}: FileUploadCardProps) => {\n  const inProgress = progress && progress < 100\n\n  const [imageError, setImageError] = useState(false)\n  const { feedAnnotationsEnabled } = useDetailsPanelContext()\n  const { entities } = useFeedContext()\n\n  // split name and file extension\n  const nameParts = name.split('.')\n  const extension = nameParts.pop() || ''\n  const fileName = nameParts.join('.')\n\n  const isPreviewable = isFilePreviewable(mime || '.' + extension)\n  const isImage = mime?.includes('image/') || Boolean(unsavedAnnotation)\n\n  const downloadComponent = (\n    <>\n      <span className=\"size\">{getFileSizeString(size)}</span>\n      <Icon icon=\"download\" className=\"download-icon\" />\n    </>\n  )\n\n  const someAnnotation = useMemo(\n    () => unsavedAnnotation ?? savedAnnotation,\n    [unsavedAnnotation, savedAnnotation],\n  )\n\n  const firstEntity = useMemo(() => {\n    return entities.at(0)\n  }, [entities])\n\n  const annotationDisplayRange = useMemo(() => {\n    if (!someAnnotation?.range) {\n      return [1, 1]\n    }\n\n    if (!firstEntity?.attrib) {\n      return someAnnotation?.range ?? [1, 1]\n    }\n\n    const { frameStart } = firstEntity?.attrib\n    if (Number.isNaN(frameStart)) {\n      return someAnnotation?.range ?? [1, 1]\n    }\n\n    return [frameStart - 1 + someAnnotation.range[0], frameStart - 1 + someAnnotation.range[1]]\n  }, [someAnnotation])\n\n  return (\n    <Styled.File\n      className={clsx(className, {\n        compact: isCompact,\n        isDownloadable,\n        isPreviewable,\n        isUnsavedAnnotation: Boolean(unsavedAnnotation),\n      })}\n      {...props}\n    >\n      <Styled.ContentWrapper\n        className={clsx('content-wrapper', {\n          isPreviewable,\n          isUnsavedAnnotation: Boolean(unsavedAnnotation),\n        })}\n      >\n        <Icon icon={getIconForType(mime || '.' + extension)} className=\"type-icon\" />\n        {isImage && src && (\n          <Styled.ImageWrapper\n            className={clsx({\n              'image-wrapper': true,\n              isDownloadable: isDownloadable || isPreviewable || unsavedAnnotation,\n            })}\n          >\n            <img\n              src={src}\n              onError={() => setImageError(true)}\n              style={{\n                display: imageError ? 'none' : 'block',\n              }}\n            />\n          </Styled.ImageWrapper>\n        )}\n        <Styled.Buttons className=\"expand-buttons\">\n          {isPreviewable && !disableExpand && (\n            <Styled.ExpandButton\n              data-tooltip=\"Open preview\"\n              icon=\"open_in_full\"\n              variant=\"nav\"\n              onClick={onExpand}\n            />\n          )}\n          {(unsavedAnnotation || (feedAnnotationsEnabled && savedAnnotation)) && (\n            <Styled.ExpandButton\n              data-tooltip=\"Jump to annotation\"\n              icon=\"play_circle\"\n              variant=\"nav\"\n              onClick={onJumpTo}\n            />\n          )}\n        </Styled.Buttons>\n      </Styled.ContentWrapper>\n      <Styled.Footer\n        className={clsx({\n          inProgress,\n          isPreviewable: isPreviewable && !disableExpand,\n          isDownloadable,\n        })}\n      >\n        <span className=\"progress\" style={{ right: `${100 - progress}%` }} />\n        <div className=\"name-wrapper\">\n          {someAnnotation ? (\n            <span className=\"name\">\n              <Icon icon=\"draw\" />\n              {annotationDisplayRange[0]}\n              {annotationDisplayRange[1] !== annotationDisplayRange[0] &&\n                ` - ${annotationDisplayRange[1]}`}\n            </span>\n          ) : (\n            <span className=\"name\">\n              {fileName}\n              <span className=\"extension\">.{extension}</span>\n            </span>\n          )}\n        </div>\n\n        {isDownloadable &&\n          (!onRemove ? (\n            <a href={src} target=\"_blank\" rel=\"noopener noreferrer\" className=\"download\">\n              {downloadComponent}\n            </a>\n          ) : (\n            <div className=\"download\">{downloadComponent}</div>\n          ))}\n      </Styled.Footer>\n      {onRemove && <Button className=\"remove\" onClick={onRemove} icon=\"close\" />}\n    </Styled.File>\n  )\n}\n\nexport default FileUploadCard\n"],"names":["fileIcons","getIconForType","type","icon","keywords","keyword","FileUploadCard","name","mime","src","unsavedAnnotation","savedAnnotation","size","progress","onRemove","isCompact","isDownloadable","onExpand","disableExpand","onJumpTo","className","props","inProgress","imageError","setImageError","useState","feedAnnotationsEnabled","useDetailsPanelContext","entities","useFeedContext","nameParts","extension","fileName","isPreviewable","isFilePreviewable","isImage","downloadComponent","jsxs","Fragment","jsx","getFileSizeString","Icon","someAnnotation","useMemo","firstEntity","annotationDisplayRange","frameStart","Styled.File","clsx","Styled.ContentWrapper","Styled.ImageWrapper","Styled.Buttons","Styled.ExpandButton","Styled.Footer","Button"],"mappings":"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"}