@ynput/ayon-frontend-shared 0.3.11 → 0.3.13

package/dist/shared/src/components/ReviewablesList/ReviewablesUpload.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReviewablesUpload.es.js","sources":["../../../../../src/components/ReviewablesList/ReviewablesUpload.tsx"],"sourcesContent":["import { FC, useState, DragEvent, ChangeEvent, useEffect } from 'react'\nimport clsx from 'clsx'\n\nimport { Icon } from '@ynput/ayon-react-components'\n\n// components\nimport { ReviewableProgressCard } from '@shared/components'\nimport * as Styled from './ReviewablesUpload.styled'\nimport { useReviewablesUpload } from './useReviewablesUpload'\n\nexport interface ReviewableUploadProps extends React.HTMLProps<HTMLDivElement> {\n  projectName: string | null\n  taskId?: string | null\n  folderId?: string | null\n  versionId?: string | null\n  productId?: string | null\n  variant?: 'normal' | 'large'\n  dispatch: any\n  pendingFiles?: Array<{ file: File; preview?: string }>\n  setPendingFiles?: React.Dispatch<React.SetStateAction<Array<{ file: File; preview?: string }>>>\n  onUpload?: () => void\n  onFilesAdded?: (files: File[]) => void\n  children?: any\n  pt?: {\n    upload?: React.HTMLProps<HTMLDivElement>\n    dropzone?: React.HTMLProps<HTMLDivElement>\n  }\n}\n\nexport const ReviewableUpload: FC<ReviewableUploadProps> = ({\n  projectName,\n  taskId,\n  folderId,\n  versionId,\n  productId,\n  onUpload,\n  onFilesAdded,\n  children,\n  dispatch,\n  variant = 'normal',\n  pendingFiles = [],\n  setPendingFiles,\n  className,\n  pt,\n  ...props\n}) => {\n  // are we dragging a file over?\n  const [isDraggingFile, setIsDraggingFile] = useState(false)\n\n  // Use the custom hook for upload logic\n  const {\n    handleFileUpload: uploadFiles,\n    handleRemoveUpload,\n    uploading,\n  } = useReviewablesUpload({\n    projectName,\n    versionId,\n    taskId,\n    folderId,\n    productId,\n    dispatch,\n    onUpload,\n  })\n\n  // Check if we can upload files straight away\n  const canUpload = Boolean(versionId)\n\n  // Monitor changes to versionId to trigger pending uploads\n  useEffect(() => {\n    if (canUpload && versionId && pendingFiles.length > 0 && setPendingFiles) {\n      const files = pendingFiles.map((item) => item.file)\n      // Clear pending files for this version and revoke object URLs\n      pendingFiles.forEach((item) => {\n        if (item.preview) {\n          URL.revokeObjectURL(item.preview)\n        }\n      })\n      setPendingFiles([])\n      // Start upload\n      uploadFiles(files)\n    }\n  }, [canUpload, versionId, pendingFiles.length, uploadFiles, setPendingFiles])\n\n  // Helper function to check if file is an image\n  const isImageFile = (file: File) => {\n    return file.type.startsWith('image/')\n  }\n\n  // Helper function to create file items with previews\n  const createFileItems = (files: File[]) => {\n    return files.map((file) => ({\n      file,\n      preview: isImageFile(file) ? URL.createObjectURL(file) : undefined,\n    }))\n  }\n\n  const handleFileUpload = async (files: FileList | File[]) => {\n    const fileArray = Array.from(files)\n\n    // Notify parent about files being added for version extraction\n    onFilesAdded?.(fileArray)\n\n    // If we can't upload yet, store files as pending\n    if (!canUpload || !versionId) {\n      if (setPendingFiles) {\n        setPendingFiles((prev) => [...prev, ...createFileItems(fileArray)])\n      }\n      return\n    }\n\n    // Use the hook's upload function for actual uploading\n    await uploadFiles(files)\n  }\n\n  const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const files = event.target.files\n\n    if (files) {\n      handleFileUpload(files)\n    }\n  }\n\n  //   when the user drops a file\n  const handleFileDrop = (event: DragEvent<HTMLDivElement>) => {\n    event.preventDefault()\n    setIsDraggingFile(false)\n\n    const files = event.dataTransfer.files\n\n    if (files) {\n      handleFileUpload(files)\n    }\n  }\n  const variantStyles =\n    variant === 'large' ? { minWidth: '360px', maxWidth: '480px', alignSelf: 'center' } : {}\n\n  return (\n    <>\n      <Styled.ReviewablesList\n        className={clsx(className, variant, { dragging: isDraggingFile })}\n        {...props}\n        onDragEnter={() => setIsDraggingFile(true)}\n      >\n        <>\n          {children}\n          {/* pending files */}\n          {!canUpload &&\n            pendingFiles?.map((item) => (\n              <ReviewableProgressCard\n                key={item.file.name}\n                name={item.file.name}\n                size={item.file.size}\n                src={item.preview}\n                type={'waiting'}\n                onRemove={() => {\n                  if (setPendingFiles) {\n                    setPendingFiles((prev) => prev.filter((f) => f.file.name !== item.file.name))\n                  }\n                }}\n              />\n            ))}\n          {/* uploading items */}\n          {versionId &&\n            uploading[versionId]?.map((file) => (\n              <ReviewableProgressCard\n                key={file.name}\n                {...file}\n                type={'upload'}\n                onRemove={() => handleRemoveUpload(file.name)}\n              />\n            ))}\n\n          {/* upload button */}\n          <Styled.Upload\n            id=\"upload\"\n            className={clsx('upload', variant)}\n            style={variantStyles}\n            {...pt?.upload}\n          >\n            <span>Drop or click to upload</span>\n            <input type=\"file\" multiple onChange={handleInputChange} />\n          </Styled.Upload>\n        </>\n      </Styled.ReviewablesList>\n\n      {isDraggingFile && (\n        <Styled.Dropzone\n          onDragOver={(e) => e.preventDefault()}\n          onDragLeave={() => setIsDraggingFile(false)}\n          onDrop={handleFileDrop}\n          {...pt?.dropzone}\n        >\n          <Icon icon=\"upload\" />\n          <span>Upload reviewable</span>\n        </Styled.Dropzone>\n      )}\n    </>\n  )\n}\n\nexport default ReviewableUpload\n"],"names":["ReviewableUpload","projectName","taskId","folderId","versionId","productId","onUpload","onFilesAdded","children","dispatch","variant","pendingFiles","setPendingFiles","className","pt","props","isDraggingFile","setIsDraggingFile","useState","uploadFiles","handleRemoveUpload","uploading","useReviewablesUpload","canUpload","useEffect","files","item","isImageFile","file","createFileItems","handleFileUpload","fileArray","prev","handleInputChange","event","handleFileDrop","variantStyles","jsxs","Fragment","jsx","Styled.ReviewablesList","clsx","ReviewableProgressCard","f","Styled.Upload","Styled.Dropzone","e","Icon"],"mappings":"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"}
+{"version":3,"file":"ReviewablesUpload.es.js","sources":["../../../../../src/components/ReviewablesList/ReviewablesUpload.tsx"],"sourcesContent":["import { FC, useState, DragEvent, ChangeEvent, useEffect } from 'react'\nimport clsx from 'clsx'\n\nimport { Icon } from '@ynput/ayon-react-components'\n\n// components\nimport { ReviewableProgressCard } from '@shared/components'\nimport * as Styled from './ReviewablesUpload.styled'\nimport { useReviewablesUpload } from './useReviewablesUpload'\n\nexport interface ReviewableUploadProps extends React.HTMLProps<HTMLDivElement> {\n  projectName: string | null\n  taskId?: string | null\n  folderId?: string | null\n  versionId?: string | null\n  productId?: string | null\n  variant?: 'normal' | 'large'\n  dispatch: any\n  pendingFiles?: Array<{ file: File; preview?: string }>\n  setPendingFiles?: React.Dispatch<React.SetStateAction<Array<{ file: File; preview?: string }>>>\n  onUpload?: () => void\n  onFilesAdded?: (files: File[]) => void\n  children?: any\n  pt?: {\n    upload?: React.HTMLProps<HTMLDivElement>\n    dropzone?: React.HTMLProps<HTMLDivElement>\n  }\n}\n\nexport const ReviewableUpload: FC<ReviewableUploadProps> = ({\n  projectName,\n  taskId,\n  folderId,\n  versionId,\n  productId,\n  onUpload,\n  onFilesAdded,\n  children,\n  dispatch,\n  variant = 'normal',\n  pendingFiles = [],\n  setPendingFiles,\n  className,\n  pt,\n  ...props\n}) => {\n  // are we dragging a file over?\n  const [isDraggingFile, setIsDraggingFile] = useState(false)\n\n  // Use the custom hook for upload logic\n  const {\n    handleFileUpload: uploadFiles,\n    handleRemoveUpload,\n    uploading,\n  } = useReviewablesUpload({\n    projectName,\n    versionId,\n    taskId,\n    folderId,\n    productId,\n    dispatch,\n    onUpload,\n  })\n\n  // Check if we can upload files straight away\n  const canUpload = Boolean(versionId)\n\n  // Monitor changes to versionId to trigger pending uploads\n  useEffect(() => {\n    if (canUpload && versionId && pendingFiles.length > 0 && setPendingFiles) {\n      const files = pendingFiles.map((item) => item.file)\n      // Clear pending files for this version and revoke object URLs\n      pendingFiles.forEach((item) => {\n        if (item.preview) {\n          URL.revokeObjectURL(item.preview)\n        }\n      })\n      setPendingFiles([])\n      // Start upload\n      uploadFiles(files)\n    }\n  }, [canUpload, versionId, pendingFiles.length, uploadFiles, setPendingFiles])\n\n  // Helper function to check if file is an image\n  const isImageFile = (file: File) => {\n    return file.type.startsWith('image/')\n  }\n\n  // Helper function to create file items with previews\n  const createFileItems = (files: File[]) => {\n    return files.map((file) => ({\n      file,\n      preview: isImageFile(file) ? URL.createObjectURL(file) : undefined,\n    }))\n  }\n\n  const handleFileUpload = async (files: FileList | File[]) => {\n    const fileArray = Array.from(files)\n\n    // Notify parent about files being added for version extraction\n    onFilesAdded?.(fileArray)\n\n    // If we can't upload yet, store files as pending\n    if (!canUpload || !versionId) {\n      if (setPendingFiles) {\n        setPendingFiles((prev) => [...prev, ...createFileItems(fileArray)])\n      }\n      return\n    }\n\n    // Use the hook's upload function for actual uploading\n    await uploadFiles(files)\n  }\n\n  const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const files = event.target.files\n\n    if (files) {\n      handleFileUpload(files)\n    }\n  }\n\n  //   when the user drops a file\n  const handleFileDrop = (event: DragEvent<HTMLDivElement>) => {\n    event.preventDefault()\n    setIsDraggingFile(false)\n\n    const files = event.dataTransfer.files\n\n    if (files) {\n      handleFileUpload(files)\n    }\n  }\n  const variantStyles =\n    variant === 'large' ? { minWidth: '360px', maxWidth: '480px', alignSelf: 'center' } : {}\n\n  return (\n    <>\n      <Styled.ReviewablesList\n        className={clsx(className, variant, { dragging: isDraggingFile })}\n        {...props}\n        onDragEnter={() => setIsDraggingFile(true)}\n      >\n        <>\n          {children}\n          {/* pending files */}\n          {!canUpload &&\n            pendingFiles?.map((item) => (\n              <ReviewableProgressCard\n                key={item.file.name}\n                name={item.file.name}\n                size={item.file.size}\n                src={item.preview}\n                type={'waiting'}\n                onRemove={() => {\n                  if (setPendingFiles) {\n                    setPendingFiles((prev) => prev.filter((f) => f.file.name !== item.file.name))\n                  }\n                }}\n              />\n            ))}\n          {/* uploading items */}\n          {versionId &&\n            uploading[versionId]?.map((file) => (\n              <ReviewableProgressCard\n                key={file.name}\n                {...file}\n                type={'upload'}\n                onRemove={() => handleRemoveUpload(file.name)}\n              />\n            ))}\n\n          {/* upload button */}\n          <Styled.Upload\n            id=\"upload\"\n            className={clsx('upload', variant)}\n            style={variantStyles}\n            {...pt?.upload}\n          >\n            <span>Drop or click to upload</span>\n            <input type=\"file\" multiple onChange={handleInputChange} />\n          </Styled.Upload>\n        </>\n      </Styled.ReviewablesList>\n\n      {isDraggingFile && (\n        <Styled.Dropzone\n          onDragOver={(e) => e.preventDefault()}\n          onDragLeave={() => setIsDraggingFile(false)}\n          onDrop={handleFileDrop}\n          {...pt?.dropzone}\n        >\n          <Icon icon=\"upload\" />\n          <span>Upload reviewable</span>\n        </Styled.Dropzone>\n      )}\n    </>\n  )\n}\n\nexport default ReviewableUpload\n"],"names":["ReviewableUpload","projectName","taskId","folderId","versionId","productId","onUpload","onFilesAdded","children","dispatch","variant","pendingFiles","setPendingFiles","className","pt","props","isDraggingFile","setIsDraggingFile","useState","uploadFiles","handleRemoveUpload","uploading","useReviewablesUpload","canUpload","useEffect","files","item","isImageFile","file","createFileItems","handleFileUpload","fileArray","prev","handleInputChange","event","handleFileDrop","variantStyles","jsxs","Fragment","jsx","Styled.ReviewablesList","clsx","ReviewableProgressCard","f","Styled.Upload","Styled.Dropzone","e","Icon"],"mappings":"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"}

package/dist/shared/src/components/ReviewablesList/SortableReviewableCard.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("../../../../_virtual/jsx-runtime.cjs.js"),o=require("@dnd-kit/sortable"),l=require("../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.cjs.js");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("react");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("@ynput/ayon-react-components");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("clsx");require("lodash");require("../AttributeEditor/components/MinMaxField.cjs.js");require("react-dom");require("@dnd-kit/core");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../Badge/Badge.cjs.js");require("../Chips/Chips.cjs.js");require("date-fns");require("../DateRangePicker/DateRangePicker.styled.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("react-toastify");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/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/updateActivities.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/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/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/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.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/links/getEntityLinks.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/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.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/updateTasks.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("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/SubtasksModulesContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("short-uuid");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../containers/SimpleTable/SimpleTable.styled.cjs.js");require("@tanstack/match-sorter-utils");require("../../containers/SimpleTable/context/SimpleTableContext.cjs.js");require("../../containers/SimpleTable/SimpleTableRowTemplate.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("../../containers/Slicer/components/SlicerSearch.cjs.js");require("../../containers/Slicer/context/SlicerContext.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/context/ViewsContext.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("./ReviewablesList.styled.cjs.js");require("./ReviewablesUpload.styled.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/PricingLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredAddonVersion.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../SizeSlider/SizeSlider.cjs.js");const d=require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../SortingSetting/SortingSetting.styled.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");const c=({...e})=>{const{attributes:i,listeners:u,setNodeRef:q,transform:s,transition:t,isDragging:a}=o.useSortable({id:e.fileId,animateLayoutChanges:()=>!1}),n={transform:l.CSS.Transform.toString(s),transition:t};return r.jsxRuntimeExports.jsx("div",{ref:q,style:n,children:r.jsxRuntimeExports.jsx(d.ReviewableCard,{isDropPlaceholder:a,dragProps:{...i,...u},disabled:e.sortingDisabled,...e})})};module.exports=c;
+"use strict";const r=require("../../../../_virtual/jsx-runtime.cjs.js"),o=require("@dnd-kit/sortable"),l=require("../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.cjs.js");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("react");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("@ynput/ayon-react-components");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("clsx");require("lodash");require("../AttributeEditor/components/MinMaxField.cjs.js");require("react-dom");require("@dnd-kit/core");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../Badge/Badge.cjs.js");require("../Chips/Chips.cjs.js");require("date-fns");require("../DateRangePicker/DateRangePicker.styled.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("react-toastify");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/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/updateActivities.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/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/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/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.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/links/getEntityLinks.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/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.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/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("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/SubtasksModulesContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("short-uuid");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../containers/SimpleTable/SimpleTable.styled.cjs.js");require("@tanstack/match-sorter-utils");require("../../containers/SimpleTable/context/SimpleTableContext.cjs.js");require("../../containers/SimpleTable/SimpleTableRowTemplate.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("../../containers/Slicer/components/SlicerSearch.cjs.js");require("../../containers/Slicer/context/SlicerContext.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/context/ViewsContext.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("./ReviewablesList.styled.cjs.js");require("./ReviewablesUpload.styled.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/PricingLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredAddonVersion.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../SizeSlider/SizeSlider.cjs.js");const d=require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../SortingSetting/SortingSetting.styled.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");require("../ReviewablesSelector/ReviewablesSelector.styled.cjs.js");const c=({...e})=>{const{attributes:i,listeners:u,setNodeRef:q,transform:s,transition:t,isDragging:a}=o.useSortable({id:e.fileId,animateLayoutChanges:()=>!1}),n={transform:l.CSS.Transform.toString(s),transition:t};return r.jsxRuntimeExports.jsx("div",{ref:q,style:n,children:r.jsxRuntimeExports.jsx(d.ReviewableCard,{isDropPlaceholder:a,dragProps:{...i,...u},disabled:e.sortingDisabled,...e})})};module.exports=c;
 //# sourceMappingURL=SortableReviewableCard.cjs.js.map

package/dist/shared/src/components/ReviewablesList/SortableReviewableCard.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortableReviewableCard.cjs.js","sources":["../../../../../src/components/ReviewablesList/SortableReviewableCard.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport { ReviewableCardProps, ReviewableCard } from '@shared/components'\n\ntype SortableReviewableCardProps = ReviewableCardProps\n\nconst SortableReviewableCard: FC<SortableReviewableCardProps> = ({ ...props }) => {\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n    id: props.fileId,\n    animateLayoutChanges: () => false,\n  })\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  }\n\n  return (\n    <div ref={setNodeRef} style={style}>\n      <ReviewableCard\n        isDropPlaceholder={isDragging}\n        dragProps={{ ...attributes, ...listeners }}\n        disabled={props.sortingDisabled}\n        {...props}\n      />\n    </div>\n  )\n}\n\nexport default SortableReviewableCard\n"],"names":["SortableReviewableCard","props","attributes","listeners","setNodeRef","transform","transition","isDragging","useSortable","style","CSS","jsx","ReviewableCard"],"mappings":"qzdAOA,MAAMA,EAA0D,CAAC,CAAE,GAAGC,KAAY,CAChF,KAAM,CAAE,WAAAC,EAAY,UAAAC,EAAW,WAAAC,EAAY,UAAAC,EAAW,WAAAC,EAAY,WAAAC,CAAA,EAAeC,cAAY,CAC3F,GAAIP,EAAM,OACV,qBAAsB,IAAM,EAAA,CAC7B,EAEKQ,EAAQ,CACZ,UAAWC,EAAAA,IAAI,UAAU,SAASL,CAAS,EAC3C,WAAAC,CAAA,EAGF,OACEK,EAAAA,kBAAAA,IAAC,MAAA,CAAI,IAAKP,EAAY,MAAAK,EACpB,SAAAE,EAAAA,kBAAAA,IAACC,EAAAA,eAAA,CACC,kBAAmBL,EACnB,UAAW,CAAE,GAAGL,EAAY,GAAGC,CAAA,EAC/B,SAAUF,EAAM,gBACf,GAAGA,CAAA,CAAA,EAER,CAEJ"}
+{"version":3,"file":"SortableReviewableCard.cjs.js","sources":["../../../../../src/components/ReviewablesList/SortableReviewableCard.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport { ReviewableCardProps, ReviewableCard } from '@shared/components'\n\ntype SortableReviewableCardProps = ReviewableCardProps\n\nconst SortableReviewableCard: FC<SortableReviewableCardProps> = ({ ...props }) => {\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n    id: props.fileId,\n    animateLayoutChanges: () => false,\n  })\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  }\n\n  return (\n    <div ref={setNodeRef} style={style}>\n      <ReviewableCard\n        isDropPlaceholder={isDragging}\n        dragProps={{ ...attributes, ...listeners }}\n        disabled={props.sortingDisabled}\n        {...props}\n      />\n    </div>\n  )\n}\n\nexport default SortableReviewableCard\n"],"names":["SortableReviewableCard","props","attributes","listeners","setNodeRef","transform","transition","isDragging","useSortable","style","CSS","jsx","ReviewableCard"],"mappings":"46dAOA,MAAMA,EAA0D,CAAC,CAAE,GAAGC,KAAY,CAChF,KAAM,CAAE,WAAAC,EAAY,UAAAC,EAAW,WAAAC,EAAY,UAAAC,EAAW,WAAAC,EAAY,WAAAC,CAAA,EAAeC,cAAY,CAC3F,GAAIP,EAAM,OACV,qBAAsB,IAAM,EAAA,CAC7B,EAEKQ,EAAQ,CACZ,UAAWC,EAAAA,IAAI,UAAU,SAASL,CAAS,EAC3C,WAAAC,CAAA,EAGF,OACEK,EAAAA,kBAAAA,IAAC,MAAA,CAAI,IAAKP,EAAY,MAAAK,EACpB,SAAAE,EAAAA,kBAAAA,IAACC,EAAAA,eAAA,CACC,kBAAmBL,EACnB,UAAW,CAAE,GAAGL,EAAY,GAAGC,CAAA,EAC/B,SAAUF,EAAM,gBACf,GAAGA,CAAA,CAAA,EAER,CAEJ"}

package/dist/shared/src/components/ReviewablesList/SortableReviewableCard.es.js

@@ -97,6 +97,7 @@ 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/userDashboard/getUserDashboard.es.js";
 import "../../api/queries/users/getUsers.es.js";
@@ -260,7 +261,8 @@ import "../VersionUploader/context/VersionUploadContext.es.js";
 import "../Watchers/Watchers.es.js";
 import "../Menu/Menu.styled.es.js";
 import "../Menu/MenuItem.es.js";
-const pm = ({ ...r }) => {
+import "../ReviewablesSelector/ReviewablesSelector.styled.es.js";
+const sm = ({ ...r }) => {
   const { attributes: o, listeners: i, setNodeRef: m, transform: p, transition: e, isDragging: s } = n({
     id: r.fileId,
     animateLayoutChanges: () => !1
@@ -279,6 +281,6 @@ const pm = ({ ...r }) => {
   ) });
 };
 export {
-  pm as default
+  sm as default
 };
 //# sourceMappingURL=SortableReviewableCard.es.js.map

package/dist/shared/src/components/ReviewablesList/SortableReviewableCard.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortableReviewableCard.es.js","sources":["../../../../../src/components/ReviewablesList/SortableReviewableCard.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport { ReviewableCardProps, ReviewableCard } from '@shared/components'\n\ntype SortableReviewableCardProps = ReviewableCardProps\n\nconst SortableReviewableCard: FC<SortableReviewableCardProps> = ({ ...props }) => {\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n    id: props.fileId,\n    animateLayoutChanges: () => false,\n  })\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  }\n\n  return (\n    <div ref={setNodeRef} style={style}>\n      <ReviewableCard\n        isDropPlaceholder={isDragging}\n        dragProps={{ ...attributes, ...listeners }}\n        disabled={props.sortingDisabled}\n        {...props}\n      />\n    </div>\n  )\n}\n\nexport default SortableReviewableCard\n"],"names":["SortableReviewableCard","props","attributes","listeners","setNodeRef","transform","transition","isDragging","useSortable","style","CSS","jsx","ReviewableCard"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAMA,KAA0D,CAAC,EAAE,GAAGC,QAAY;AAChF,QAAM,EAAE,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,YAAAC,EAAA,IAAeC,EAAY;AAAA,IAC3F,IAAIP,EAAM;AAAA,IACV,sBAAsB,MAAM;AAAA,EAAA,CAC7B,GAEKQ,IAAQ;AAAA,IACZ,WAAWC,EAAI,UAAU,SAASL,CAAS;AAAA,IAC3C,YAAAC;AAAA,EAAA;AAGF,SACEK,gBAAAA,EAAAA,IAAC,OAAA,EAAI,KAAKP,GAAY,OAAAK,GACpB,UAAAE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,mBAAmBL;AAAA,MACnB,WAAW,EAAE,GAAGL,GAAY,GAAGC,EAAA;AAAA,MAC/B,UAAUF,EAAM;AAAA,MACf,GAAGA;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;"}
+{"version":3,"file":"SortableReviewableCard.es.js","sources":["../../../../../src/components/ReviewablesList/SortableReviewableCard.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport { ReviewableCardProps, ReviewableCard } from '@shared/components'\n\ntype SortableReviewableCardProps = ReviewableCardProps\n\nconst SortableReviewableCard: FC<SortableReviewableCardProps> = ({ ...props }) => {\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n    id: props.fileId,\n    animateLayoutChanges: () => false,\n  })\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  }\n\n  return (\n    <div ref={setNodeRef} style={style}>\n      <ReviewableCard\n        isDropPlaceholder={isDragging}\n        dragProps={{ ...attributes, ...listeners }}\n        disabled={props.sortingDisabled}\n        {...props}\n      />\n    </div>\n  )\n}\n\nexport default SortableReviewableCard\n"],"names":["SortableReviewableCard","props","attributes","listeners","setNodeRef","transform","transition","isDragging","useSortable","style","CSS","jsx","ReviewableCard"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAMA,KAA0D,CAAC,EAAE,GAAGC,QAAY;AAChF,QAAM,EAAE,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,YAAAC,EAAA,IAAeC,EAAY;AAAA,IAC3F,IAAIP,EAAM;AAAA,IACV,sBAAsB,MAAM;AAAA,EAAA,CAC7B,GAEKQ,IAAQ;AAAA,IACZ,WAAWC,EAAI,UAAU,SAASL,CAAS;AAAA,IAC3C,YAAAC;AAAA,EAAA;AAGF,SACEK,gBAAAA,EAAAA,IAAC,OAAA,EAAI,KAAKP,GAAY,OAAAK,GACpB,UAAAE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,mBAAmBL;AAAA,MACnB,WAAW,EAAE,GAAGL,GAAY,GAAGC,EAAA;AAAA,MAC/B,UAAUF,EAAM;AAAA,MACf,GAAGA;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;"}

package/dist/shared/src/components/ReviewablesList/useReviewablesUpload.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),x=require("axios"),h=require("react-toastify"),m=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/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/updateActivities.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/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/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/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.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/links/getEntityLinks.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/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.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");const z=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/updateTasks.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");const A=({projectName:n,versionId:q,taskId:g,folderId:v,productId:w,dispatch:s,onUpload:b,onProgress:F})=>{const[c,p]=f.useState({}),y=f.useCallback(U=>{q&&p(d=>({...d,[q]:d[q]?.filter(r=>r.name!==U)||[]}))},[q]);return{handleFileUpload:f.useCallback(async(U,d)=>{const r=d||q;if(!r||!n)return;const $=Array.from(U),R=$.map(i=>({name:i.name,size:i.size,progress:0})),T=[...c[r]||[],...R];p({...c,[r]:T});const P=i=>e=>{if(!r)return;console.log(`Upload successful for ${i.name}`);const u=e.data;n&&(s(z.reviewablesQueries.util.updateQueryData("getReviewablesForVersion",{projectName:n,versionId:r},a=>{a.reviewables||(a.reviewables=[]),a.reviewables.push(u)})),w&&s(m.api.util.invalidateTags([{type:"viewer",id:w}])),s(m.api.util.invalidateTags([{type:"viewer",id:r}])),v&&s(m.api.util.invalidateTags([{type:"viewer",id:v}])),g&&s(m.api.util.invalidateTags([{type:"viewer",id:g}])),y(i.name))},H=i=>e=>{r&&(console.error(`Upload failed for ${i.name}: ${e}`),h.toast.error(`Failed to upload file: ${i.name}`),p(u=>{const t=(u[r]||[]).map(o=>o.name!==i.name?o:{...o,error:e.response.data.detail||e.message});return{...u,[r]:t}}))},M=i=>r?e=>p(u=>{const t=(u[r]||[]).map(l=>l.name!==i.name?l:{...l,progress:e.total?Math.round(e.loaded/e.total*100):0}),o=t.reduce((l,V)=>l+(V.progress||0),0),S=Math.round(o/t.length);return F?.(S),{...u,[r]:t}}):()=>{};try{const i=$.map(e=>{const u=e.name.split(".").slice(0,-1).join("."),a=`/api/projects/${n}/versions/${r}/reviewables?label=${u}`,t={"content-type":e.type,"x-file-name":e.name};return x.post(a,e,{headers:t,onUploadProgress:M(e)}).then(P(e)).catch(H(e))});await Promise.all(i),b&&b()}catch(i){console.error(i),h.toast.error("Failed to upload file/s")}},[q,n,c,s,w,v,g,y,b,F]),handleRemoveUpload:y,uploading:c}};exports.useReviewablesUpload=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),x=require("axios"),h=require("react-toastify"),m=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/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/updateActivities.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/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/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/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.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/links/getEntityLinks.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/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.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");const z=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/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");const A=({projectName:n,versionId:q,taskId:g,folderId:v,productId:w,dispatch:s,onUpload:b,onProgress:F})=>{const[c,p]=f.useState({}),y=f.useCallback(U=>{q&&p(d=>({...d,[q]:d[q]?.filter(r=>r.name!==U)||[]}))},[q]);return{handleFileUpload:f.useCallback(async(U,d)=>{const r=d||q;if(!r||!n)return;const $=Array.from(U),R=$.map(i=>({name:i.name,size:i.size,progress:0})),T=[...c[r]||[],...R];p({...c,[r]:T});const P=i=>e=>{if(!r)return;console.log(`Upload successful for ${i.name}`);const u=e.data;n&&(s(z.reviewablesQueries.util.updateQueryData("getReviewablesForVersion",{projectName:n,versionId:r},a=>{a.reviewables||(a.reviewables=[]),a.reviewables.push(u)})),w&&s(m.api.util.invalidateTags([{type:"viewer",id:w}])),s(m.api.util.invalidateTags([{type:"viewer",id:r}])),v&&s(m.api.util.invalidateTags([{type:"viewer",id:v}])),g&&s(m.api.util.invalidateTags([{type:"viewer",id:g}])),y(i.name))},H=i=>e=>{r&&(console.error(`Upload failed for ${i.name}: ${e}`),h.toast.error(`Failed to upload file: ${i.name}`),p(u=>{const t=(u[r]||[]).map(o=>o.name!==i.name?o:{...o,error:e.response.data.detail||e.message});return{...u,[r]:t}}))},M=i=>r?e=>p(u=>{const t=(u[r]||[]).map(l=>l.name!==i.name?l:{...l,progress:e.total?Math.round(e.loaded/e.total*100):0}),o=t.reduce((l,V)=>l+(V.progress||0),0),S=Math.round(o/t.length);return F?.(S),{...u,[r]:t}}):()=>{};try{const i=$.map(e=>{const u=e.name.split(".").slice(0,-1).join("."),a=`/api/projects/${n}/versions/${r}/reviewables?label=${u}`,t={"content-type":e.type,"x-file-name":e.name};return x.post(a,e,{headers:t,onUploadProgress:M(e)}).then(P(e)).catch(H(e))});await Promise.all(i),b&&b()}catch(i){console.error(i),h.toast.error("Failed to upload file/s")}},[q,n,c,s,w,v,g,y,b,F]),handleRemoveUpload:y,uploading:c}};exports.useReviewablesUpload=A;
 //# sourceMappingURL=useReviewablesUpload.cjs.js.map

package/dist/shared/src/components/ReviewablesList/useReviewablesUpload.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useReviewablesUpload.cjs.js","sources":["../../../../../src/components/ReviewablesList/useReviewablesUpload.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport axios, { AxiosProgressEvent, AxiosResponse } from 'axios'\nimport { toast } from 'react-toastify'\n\nimport api, { reviewablesQueries } from '@shared/api'\nimport type { UploadReviewableApiResponse } from '@shared/api'\nimport type { ReviewableProgress } from '@shared/components'\n\nexport interface UseReviewablesUploadProps {\n  projectName: string | null\n  versionId?: string | null\n  taskId?: string | null\n  folderId?: string | null\n  productId?: string | null\n  dispatch: any\n  onUpload?: () => void\n  onProgress?: (progress: number) => void\n}\n\nexport interface UploadHandlers {\n  handleFileUpload: (files: FileList | File[], versionId?: string) => Promise<void>\n  handleRemoveUpload: (name: string) => void\n  uploading: { [key: string]: ReviewableProgress[] }\n}\n\nexport const useReviewablesUpload = ({\n  projectName,\n  versionId,\n  taskId,\n  folderId,\n  productId,\n  dispatch,\n  onUpload,\n  onProgress,\n}: UseReviewablesUploadProps): UploadHandlers => {\n  const [uploading, setUploads] = useState<{ [key: string]: ReviewableProgress[] }>({})\n\n  const handleRemoveUpload = useCallback(\n    (name: string) => {\n      if (!versionId) return\n      setUploads((uploads) => ({\n        ...uploads,\n        [versionId]: uploads[versionId]?.filter((upload) => upload.name !== name) || [],\n      }))\n    },\n    [versionId],\n  )\n\n  const handleFileUpload = useCallback(\n    async (files: FileList | File[], fileVersionId?: string) => {\n      // use the passed versionId or the one from props\n      const reviewableVersionId = fileVersionId || versionId\n      if (!reviewableVersionId || !projectName) return\n\n      const fileArray = Array.from(files)\n\n      const uploadingFiles = fileArray.map((file) => ({\n        name: file.name,\n        size: file.size,\n        progress: 0,\n      }))\n\n      const newUploadsForVersion = [...(uploading[reviewableVersionId] || []), ...uploadingFiles]\n\n      setUploads({ ...uploading, [reviewableVersionId]: newUploadsForVersion })\n\n      const successHandler = (file: File) => (response: AxiosResponse) => {\n        if (!reviewableVersionId) return\n        // Handle successful upload\n        console.log(`Upload successful for ${file.name}`)\n        // patch the new data into the reviewables cache\n        const data = response.data as UploadReviewableApiResponse\n\n        if (!projectName) return\n\n        dispatch(\n          // @ts-ignore\n          reviewablesQueries.util.updateQueryData(\n            'getReviewablesForVersion',\n            { projectName, versionId: reviewableVersionId },\n            (draft) => {\n              if (!draft.reviewables) {\n                draft.reviewables = []\n              }\n              // @ts-ignore\n              draft.reviewables.push(data)\n            },\n          ),\n        )\n\n        // also invalidate the viewer cache\n        productId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: productId }]))\n        dispatch(api.util.invalidateTags([{ type: 'viewer', id: reviewableVersionId }]))\n        folderId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: folderId }]))\n        taskId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: taskId }]))\n        // remove the file from the list\n        handleRemoveUpload(file.name)\n      }\n\n      const errorHandler = (file: File) => (error: any) => {\n        if (!reviewableVersionId) return\n        console.error(`Upload failed for ${file.name}: ${error}`)\n        toast.error(`Failed to upload file: ${file.name}`)\n        // add error to the file\n        setUploads((uploads) => {\n          // current uploads for reviewableVersionId\n          const currentUploads = uploads[reviewableVersionId] || []\n          const updatedUploads = currentUploads.map((upload) => {\n            if (upload.name !== file.name) return upload\n            return {\n              ...upload,\n              error: error.response.data.detail || error.message,\n            }\n          })\n\n          // update state\n          return {\n            ...uploads,\n            [reviewableVersionId]: updatedUploads,\n          }\n        })\n      }\n\n      const progressHandler = (file: File) => {\n        if (!reviewableVersionId) return () => {}\n        return (progressEvent: AxiosProgressEvent) =>\n          setUploads((uploads) => {\n            // current uploads for reviewableVersionId\n            const currentUploads = uploads[reviewableVersionId] || []\n            const updatedUploads = currentUploads.map((upload) => {\n              if (upload.name !== file.name) return upload\n              return {\n                ...upload,\n                progress: progressEvent.total\n                  ? Math.round((progressEvent.loaded / progressEvent.total) * 100)\n                  : 0,\n              }\n            })\n\n            // Calculate overall progress across all files\n            const totalProgress = updatedUploads.reduce(\n              (sum, upload) => sum + (upload.progress || 0),\n              0,\n            )\n            const overallProgress = Math.round(totalProgress / updatedUploads.length)\n\n            // Call the onProgress callback with overall progress\n            onProgress?.(overallProgress)\n\n            // update state\n            return {\n              ...uploads,\n              [reviewableVersionId]: updatedUploads,\n            }\n          })\n      }\n\n      try {\n        // upload the files\n        const uploadPromises = fileArray.map((file) => {\n          const autoLabel = file.name.split('.').slice(0, -1).join('.')\n\n          const url = `/api/projects/${projectName}/versions/${reviewableVersionId}/reviewables?label=${autoLabel}`\n          const headers = { 'content-type': file.type, 'x-file-name': file.name }\n          return axios\n            .post(url, file, { headers, onUploadProgress: progressHandler(file) })\n            .then(successHandler(file))\n            .catch(errorHandler(file))\n        })\n\n        // Wait for all uploads to complete\n        await Promise.all(uploadPromises)\n\n        // Callback after all uploads are finished\n        onUpload && onUpload()\n      } catch (error) {\n        // something went wrong with everything, EEEEK!\n        console.error(error)\n        toast.error('Failed to upload file/s')\n      }\n    },\n    [\n      versionId,\n      projectName,\n      uploading,\n      dispatch,\n      productId,\n      folderId,\n      taskId,\n      handleRemoveUpload,\n      onUpload,\n      onProgress,\n    ],\n  )\n\n  return {\n    handleFileUpload,\n    handleRemoveUpload,\n    uploading,\n  }\n}\n"],"names":["useReviewablesUpload","projectName","versionId","taskId","folderId","productId","dispatch","onUpload","onProgress","uploading","setUploads","useState","handleRemoveUpload","useCallback","name","uploads","upload","files","fileVersionId","reviewableVersionId","fileArray","uploadingFiles","file","newUploadsForVersion","successHandler","response","data","reviewablesQueries","draft","api","errorHandler","error","toast","updatedUploads","progressHandler","progressEvent","totalProgress","sum","overallProgress","uploadPromises","autoLabel","url","headers","axios"],"mappings":"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"}
+{"version":3,"file":"useReviewablesUpload.cjs.js","sources":["../../../../../src/components/ReviewablesList/useReviewablesUpload.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport axios, { AxiosProgressEvent, AxiosResponse } from 'axios'\nimport { toast } from 'react-toastify'\n\nimport api, { reviewablesQueries } from '@shared/api'\nimport type { UploadReviewableApiResponse } from '@shared/api'\nimport type { ReviewableProgress } from '@shared/components'\n\nexport interface UseReviewablesUploadProps {\n  projectName: string | null\n  versionId?: string | null\n  taskId?: string | null\n  folderId?: string | null\n  productId?: string | null\n  dispatch: any\n  onUpload?: () => void\n  onProgress?: (progress: number) => void\n}\n\nexport interface UploadHandlers {\n  handleFileUpload: (files: FileList | File[], versionId?: string) => Promise<void>\n  handleRemoveUpload: (name: string) => void\n  uploading: { [key: string]: ReviewableProgress[] }\n}\n\nexport const useReviewablesUpload = ({\n  projectName,\n  versionId,\n  taskId,\n  folderId,\n  productId,\n  dispatch,\n  onUpload,\n  onProgress,\n}: UseReviewablesUploadProps): UploadHandlers => {\n  const [uploading, setUploads] = useState<{ [key: string]: ReviewableProgress[] }>({})\n\n  const handleRemoveUpload = useCallback(\n    (name: string) => {\n      if (!versionId) return\n      setUploads((uploads) => ({\n        ...uploads,\n        [versionId]: uploads[versionId]?.filter((upload) => upload.name !== name) || [],\n      }))\n    },\n    [versionId],\n  )\n\n  const handleFileUpload = useCallback(\n    async (files: FileList | File[], fileVersionId?: string) => {\n      // use the passed versionId or the one from props\n      const reviewableVersionId = fileVersionId || versionId\n      if (!reviewableVersionId || !projectName) return\n\n      const fileArray = Array.from(files)\n\n      const uploadingFiles = fileArray.map((file) => ({\n        name: file.name,\n        size: file.size,\n        progress: 0,\n      }))\n\n      const newUploadsForVersion = [...(uploading[reviewableVersionId] || []), ...uploadingFiles]\n\n      setUploads({ ...uploading, [reviewableVersionId]: newUploadsForVersion })\n\n      const successHandler = (file: File) => (response: AxiosResponse) => {\n        if (!reviewableVersionId) return\n        // Handle successful upload\n        console.log(`Upload successful for ${file.name}`)\n        // patch the new data into the reviewables cache\n        const data = response.data as UploadReviewableApiResponse\n\n        if (!projectName) return\n\n        dispatch(\n          // @ts-ignore\n          reviewablesQueries.util.updateQueryData(\n            'getReviewablesForVersion',\n            { projectName, versionId: reviewableVersionId },\n            (draft) => {\n              if (!draft.reviewables) {\n                draft.reviewables = []\n              }\n              // @ts-ignore\n              draft.reviewables.push(data)\n            },\n          ),\n        )\n\n        // also invalidate the viewer cache\n        productId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: productId }]))\n        dispatch(api.util.invalidateTags([{ type: 'viewer', id: reviewableVersionId }]))\n        folderId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: folderId }]))\n        taskId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: taskId }]))\n        // remove the file from the list\n        handleRemoveUpload(file.name)\n      }\n\n      const errorHandler = (file: File) => (error: any) => {\n        if (!reviewableVersionId) return\n        console.error(`Upload failed for ${file.name}: ${error}`)\n        toast.error(`Failed to upload file: ${file.name}`)\n        // add error to the file\n        setUploads((uploads) => {\n          // current uploads for reviewableVersionId\n          const currentUploads = uploads[reviewableVersionId] || []\n          const updatedUploads = currentUploads.map((upload) => {\n            if (upload.name !== file.name) return upload\n            return {\n              ...upload,\n              error: error.response.data.detail || error.message,\n            }\n          })\n\n          // update state\n          return {\n            ...uploads,\n            [reviewableVersionId]: updatedUploads,\n          }\n        })\n      }\n\n      const progressHandler = (file: File) => {\n        if (!reviewableVersionId) return () => {}\n        return (progressEvent: AxiosProgressEvent) =>\n          setUploads((uploads) => {\n            // current uploads for reviewableVersionId\n            const currentUploads = uploads[reviewableVersionId] || []\n            const updatedUploads = currentUploads.map((upload) => {\n              if (upload.name !== file.name) return upload\n              return {\n                ...upload,\n                progress: progressEvent.total\n                  ? Math.round((progressEvent.loaded / progressEvent.total) * 100)\n                  : 0,\n              }\n            })\n\n            // Calculate overall progress across all files\n            const totalProgress = updatedUploads.reduce(\n              (sum, upload) => sum + (upload.progress || 0),\n              0,\n            )\n            const overallProgress = Math.round(totalProgress / updatedUploads.length)\n\n            // Call the onProgress callback with overall progress\n            onProgress?.(overallProgress)\n\n            // update state\n            return {\n              ...uploads,\n              [reviewableVersionId]: updatedUploads,\n            }\n          })\n      }\n\n      try {\n        // upload the files\n        const uploadPromises = fileArray.map((file) => {\n          const autoLabel = file.name.split('.').slice(0, -1).join('.')\n\n          const url = `/api/projects/${projectName}/versions/${reviewableVersionId}/reviewables?label=${autoLabel}`\n          const headers = { 'content-type': file.type, 'x-file-name': file.name }\n          return axios\n            .post(url, file, { headers, onUploadProgress: progressHandler(file) })\n            .then(successHandler(file))\n            .catch(errorHandler(file))\n        })\n\n        // Wait for all uploads to complete\n        await Promise.all(uploadPromises)\n\n        // Callback after all uploads are finished\n        onUpload && onUpload()\n      } catch (error) {\n        // something went wrong with everything, EEEEK!\n        console.error(error)\n        toast.error('Failed to upload file/s')\n      }\n    },\n    [\n      versionId,\n      projectName,\n      uploading,\n      dispatch,\n      productId,\n      folderId,\n      taskId,\n      handleRemoveUpload,\n      onUpload,\n      onProgress,\n    ],\n  )\n\n  return {\n    handleFileUpload,\n    handleRemoveUpload,\n    uploading,\n  }\n}\n"],"names":["useReviewablesUpload","projectName","versionId","taskId","folderId","productId","dispatch","onUpload","onProgress","uploading","setUploads","useState","handleRemoveUpload","useCallback","name","uploads","upload","files","fileVersionId","reviewableVersionId","fileArray","uploadingFiles","file","newUploadsForVersion","successHandler","response","data","reviewablesQueries","draft","api","errorHandler","error","toast","updatedUploads","progressHandler","progressEvent","totalProgress","sum","overallProgress","uploadPromises","autoLabel","url","headers","axios"],"mappings":"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"}

package/dist/shared/src/components/ReviewablesList/useReviewablesUpload.es.js

@@ -79,6 +79,7 @@ import "../../api/queries/review/getReview.es.js";
 import { reviewablesQueries as C } from "../../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/userDashboard/getUserDashboard.es.js";
 import "../../api/queries/users/getUsers.es.js";
@@ -89,7 +90,7 @@ 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";
-const yt = ({
+const ft = ({
   projectName: n,
   versionId: p,
   taskId: w,
@@ -186,6 +187,6 @@ const yt = ({
   };
 };
 export {
-  yt as useReviewablesUpload
+  ft as useReviewablesUpload
 };
 //# sourceMappingURL=useReviewablesUpload.es.js.map

package/dist/shared/src/components/ReviewablesList/useReviewablesUpload.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useReviewablesUpload.es.js","sources":["../../../../../src/components/ReviewablesList/useReviewablesUpload.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport axios, { AxiosProgressEvent, AxiosResponse } from 'axios'\nimport { toast } from 'react-toastify'\n\nimport api, { reviewablesQueries } from '@shared/api'\nimport type { UploadReviewableApiResponse } from '@shared/api'\nimport type { ReviewableProgress } from '@shared/components'\n\nexport interface UseReviewablesUploadProps {\n  projectName: string | null\n  versionId?: string | null\n  taskId?: string | null\n  folderId?: string | null\n  productId?: string | null\n  dispatch: any\n  onUpload?: () => void\n  onProgress?: (progress: number) => void\n}\n\nexport interface UploadHandlers {\n  handleFileUpload: (files: FileList | File[], versionId?: string) => Promise<void>\n  handleRemoveUpload: (name: string) => void\n  uploading: { [key: string]: ReviewableProgress[] }\n}\n\nexport const useReviewablesUpload = ({\n  projectName,\n  versionId,\n  taskId,\n  folderId,\n  productId,\n  dispatch,\n  onUpload,\n  onProgress,\n}: UseReviewablesUploadProps): UploadHandlers => {\n  const [uploading, setUploads] = useState<{ [key: string]: ReviewableProgress[] }>({})\n\n  const handleRemoveUpload = useCallback(\n    (name: string) => {\n      if (!versionId) return\n      setUploads((uploads) => ({\n        ...uploads,\n        [versionId]: uploads[versionId]?.filter((upload) => upload.name !== name) || [],\n      }))\n    },\n    [versionId],\n  )\n\n  const handleFileUpload = useCallback(\n    async (files: FileList | File[], fileVersionId?: string) => {\n      // use the passed versionId or the one from props\n      const reviewableVersionId = fileVersionId || versionId\n      if (!reviewableVersionId || !projectName) return\n\n      const fileArray = Array.from(files)\n\n      const uploadingFiles = fileArray.map((file) => ({\n        name: file.name,\n        size: file.size,\n        progress: 0,\n      }))\n\n      const newUploadsForVersion = [...(uploading[reviewableVersionId] || []), ...uploadingFiles]\n\n      setUploads({ ...uploading, [reviewableVersionId]: newUploadsForVersion })\n\n      const successHandler = (file: File) => (response: AxiosResponse) => {\n        if (!reviewableVersionId) return\n        // Handle successful upload\n        console.log(`Upload successful for ${file.name}`)\n        // patch the new data into the reviewables cache\n        const data = response.data as UploadReviewableApiResponse\n\n        if (!projectName) return\n\n        dispatch(\n          // @ts-ignore\n          reviewablesQueries.util.updateQueryData(\n            'getReviewablesForVersion',\n            { projectName, versionId: reviewableVersionId },\n            (draft) => {\n              if (!draft.reviewables) {\n                draft.reviewables = []\n              }\n              // @ts-ignore\n              draft.reviewables.push(data)\n            },\n          ),\n        )\n\n        // also invalidate the viewer cache\n        productId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: productId }]))\n        dispatch(api.util.invalidateTags([{ type: 'viewer', id: reviewableVersionId }]))\n        folderId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: folderId }]))\n        taskId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: taskId }]))\n        // remove the file from the list\n        handleRemoveUpload(file.name)\n      }\n\n      const errorHandler = (file: File) => (error: any) => {\n        if (!reviewableVersionId) return\n        console.error(`Upload failed for ${file.name}: ${error}`)\n        toast.error(`Failed to upload file: ${file.name}`)\n        // add error to the file\n        setUploads((uploads) => {\n          // current uploads for reviewableVersionId\n          const currentUploads = uploads[reviewableVersionId] || []\n          const updatedUploads = currentUploads.map((upload) => {\n            if (upload.name !== file.name) return upload\n            return {\n              ...upload,\n              error: error.response.data.detail || error.message,\n            }\n          })\n\n          // update state\n          return {\n            ...uploads,\n            [reviewableVersionId]: updatedUploads,\n          }\n        })\n      }\n\n      const progressHandler = (file: File) => {\n        if (!reviewableVersionId) return () => {}\n        return (progressEvent: AxiosProgressEvent) =>\n          setUploads((uploads) => {\n            // current uploads for reviewableVersionId\n            const currentUploads = uploads[reviewableVersionId] || []\n            const updatedUploads = currentUploads.map((upload) => {\n              if (upload.name !== file.name) return upload\n              return {\n                ...upload,\n                progress: progressEvent.total\n                  ? Math.round((progressEvent.loaded / progressEvent.total) * 100)\n                  : 0,\n              }\n            })\n\n            // Calculate overall progress across all files\n            const totalProgress = updatedUploads.reduce(\n              (sum, upload) => sum + (upload.progress || 0),\n              0,\n            )\n            const overallProgress = Math.round(totalProgress / updatedUploads.length)\n\n            // Call the onProgress callback with overall progress\n            onProgress?.(overallProgress)\n\n            // update state\n            return {\n              ...uploads,\n              [reviewableVersionId]: updatedUploads,\n            }\n          })\n      }\n\n      try {\n        // upload the files\n        const uploadPromises = fileArray.map((file) => {\n          const autoLabel = file.name.split('.').slice(0, -1).join('.')\n\n          const url = `/api/projects/${projectName}/versions/${reviewableVersionId}/reviewables?label=${autoLabel}`\n          const headers = { 'content-type': file.type, 'x-file-name': file.name }\n          return axios\n            .post(url, file, { headers, onUploadProgress: progressHandler(file) })\n            .then(successHandler(file))\n            .catch(errorHandler(file))\n        })\n\n        // Wait for all uploads to complete\n        await Promise.all(uploadPromises)\n\n        // Callback after all uploads are finished\n        onUpload && onUpload()\n      } catch (error) {\n        // something went wrong with everything, EEEEK!\n        console.error(error)\n        toast.error('Failed to upload file/s')\n      }\n    },\n    [\n      versionId,\n      projectName,\n      uploading,\n      dispatch,\n      productId,\n      folderId,\n      taskId,\n      handleRemoveUpload,\n      onUpload,\n      onProgress,\n    ],\n  )\n\n  return {\n    handleFileUpload,\n    handleRemoveUpload,\n    uploading,\n  }\n}\n"],"names":["useReviewablesUpload","projectName","versionId","taskId","folderId","productId","dispatch","onUpload","onProgress","uploading","setUploads","useState","handleRemoveUpload","useCallback","name","uploads","upload","files","fileVersionId","reviewableVersionId","fileArray","uploadingFiles","file","newUploadsForVersion","successHandler","response","data","reviewablesQueries","draft","api","errorHandler","error","toast","updatedUploads","progressHandler","progressEvent","totalProgress","sum","overallProgress","uploadPromises","autoLabel","url","headers","axios"],"mappings":"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"}
+{"version":3,"file":"useReviewablesUpload.es.js","sources":["../../../../../src/components/ReviewablesList/useReviewablesUpload.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport axios, { AxiosProgressEvent, AxiosResponse } from 'axios'\nimport { toast } from 'react-toastify'\n\nimport api, { reviewablesQueries } from '@shared/api'\nimport type { UploadReviewableApiResponse } from '@shared/api'\nimport type { ReviewableProgress } from '@shared/components'\n\nexport interface UseReviewablesUploadProps {\n  projectName: string | null\n  versionId?: string | null\n  taskId?: string | null\n  folderId?: string | null\n  productId?: string | null\n  dispatch: any\n  onUpload?: () => void\n  onProgress?: (progress: number) => void\n}\n\nexport interface UploadHandlers {\n  handleFileUpload: (files: FileList | File[], versionId?: string) => Promise<void>\n  handleRemoveUpload: (name: string) => void\n  uploading: { [key: string]: ReviewableProgress[] }\n}\n\nexport const useReviewablesUpload = ({\n  projectName,\n  versionId,\n  taskId,\n  folderId,\n  productId,\n  dispatch,\n  onUpload,\n  onProgress,\n}: UseReviewablesUploadProps): UploadHandlers => {\n  const [uploading, setUploads] = useState<{ [key: string]: ReviewableProgress[] }>({})\n\n  const handleRemoveUpload = useCallback(\n    (name: string) => {\n      if (!versionId) return\n      setUploads((uploads) => ({\n        ...uploads,\n        [versionId]: uploads[versionId]?.filter((upload) => upload.name !== name) || [],\n      }))\n    },\n    [versionId],\n  )\n\n  const handleFileUpload = useCallback(\n    async (files: FileList | File[], fileVersionId?: string) => {\n      // use the passed versionId or the one from props\n      const reviewableVersionId = fileVersionId || versionId\n      if (!reviewableVersionId || !projectName) return\n\n      const fileArray = Array.from(files)\n\n      const uploadingFiles = fileArray.map((file) => ({\n        name: file.name,\n        size: file.size,\n        progress: 0,\n      }))\n\n      const newUploadsForVersion = [...(uploading[reviewableVersionId] || []), ...uploadingFiles]\n\n      setUploads({ ...uploading, [reviewableVersionId]: newUploadsForVersion })\n\n      const successHandler = (file: File) => (response: AxiosResponse) => {\n        if (!reviewableVersionId) return\n        // Handle successful upload\n        console.log(`Upload successful for ${file.name}`)\n        // patch the new data into the reviewables cache\n        const data = response.data as UploadReviewableApiResponse\n\n        if (!projectName) return\n\n        dispatch(\n          // @ts-ignore\n          reviewablesQueries.util.updateQueryData(\n            'getReviewablesForVersion',\n            { projectName, versionId: reviewableVersionId },\n            (draft) => {\n              if (!draft.reviewables) {\n                draft.reviewables = []\n              }\n              // @ts-ignore\n              draft.reviewables.push(data)\n            },\n          ),\n        )\n\n        // also invalidate the viewer cache\n        productId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: productId }]))\n        dispatch(api.util.invalidateTags([{ type: 'viewer', id: reviewableVersionId }]))\n        folderId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: folderId }]))\n        taskId && dispatch(api.util.invalidateTags([{ type: 'viewer', id: taskId }]))\n        // remove the file from the list\n        handleRemoveUpload(file.name)\n      }\n\n      const errorHandler = (file: File) => (error: any) => {\n        if (!reviewableVersionId) return\n        console.error(`Upload failed for ${file.name}: ${error}`)\n        toast.error(`Failed to upload file: ${file.name}`)\n        // add error to the file\n        setUploads((uploads) => {\n          // current uploads for reviewableVersionId\n          const currentUploads = uploads[reviewableVersionId] || []\n          const updatedUploads = currentUploads.map((upload) => {\n            if (upload.name !== file.name) return upload\n            return {\n              ...upload,\n              error: error.response.data.detail || error.message,\n            }\n          })\n\n          // update state\n          return {\n            ...uploads,\n            [reviewableVersionId]: updatedUploads,\n          }\n        })\n      }\n\n      const progressHandler = (file: File) => {\n        if (!reviewableVersionId) return () => {}\n        return (progressEvent: AxiosProgressEvent) =>\n          setUploads((uploads) => {\n            // current uploads for reviewableVersionId\n            const currentUploads = uploads[reviewableVersionId] || []\n            const updatedUploads = currentUploads.map((upload) => {\n              if (upload.name !== file.name) return upload\n              return {\n                ...upload,\n                progress: progressEvent.total\n                  ? Math.round((progressEvent.loaded / progressEvent.total) * 100)\n                  : 0,\n              }\n            })\n\n            // Calculate overall progress across all files\n            const totalProgress = updatedUploads.reduce(\n              (sum, upload) => sum + (upload.progress || 0),\n              0,\n            )\n            const overallProgress = Math.round(totalProgress / updatedUploads.length)\n\n            // Call the onProgress callback with overall progress\n            onProgress?.(overallProgress)\n\n            // update state\n            return {\n              ...uploads,\n              [reviewableVersionId]: updatedUploads,\n            }\n          })\n      }\n\n      try {\n        // upload the files\n        const uploadPromises = fileArray.map((file) => {\n          const autoLabel = file.name.split('.').slice(0, -1).join('.')\n\n          const url = `/api/projects/${projectName}/versions/${reviewableVersionId}/reviewables?label=${autoLabel}`\n          const headers = { 'content-type': file.type, 'x-file-name': file.name }\n          return axios\n            .post(url, file, { headers, onUploadProgress: progressHandler(file) })\n            .then(successHandler(file))\n            .catch(errorHandler(file))\n        })\n\n        // Wait for all uploads to complete\n        await Promise.all(uploadPromises)\n\n        // Callback after all uploads are finished\n        onUpload && onUpload()\n      } catch (error) {\n        // something went wrong with everything, EEEEK!\n        console.error(error)\n        toast.error('Failed to upload file/s')\n      }\n    },\n    [\n      versionId,\n      projectName,\n      uploading,\n      dispatch,\n      productId,\n      folderId,\n      taskId,\n      handleRemoveUpload,\n      onUpload,\n      onProgress,\n    ],\n  )\n\n  return {\n    handleFileUpload,\n    handleRemoveUpload,\n    uploading,\n  }\n}\n"],"names":["useReviewablesUpload","projectName","versionId","taskId","folderId","productId","dispatch","onUpload","onProgress","uploading","setUploads","useState","handleRemoveUpload","useCallback","name","uploads","upload","files","fileVersionId","reviewableVersionId","fileArray","uploadingFiles","file","newUploadsForVersion","successHandler","response","data","reviewablesQueries","draft","api","errorHandler","error","toast","updatedUploads","progressHandler","progressEvent","totalProgress","sum","overallProgress","uploadPromises","autoLabel","url","headers","axios"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";const o=require("../../../../_virtual/jsx-runtime.cjs.js"),n=require("react"),l=require("./ReviewablesSelector.styled.cjs.js"),h=require("clsx");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("@ynput/ayon-react-components");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("lodash");require("../AttributeEditor/components/MinMaxField.cjs.js");require("react-dom");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../Badge/Badge.cjs.js");require("../Chips/Chips.cjs.js");require("date-fns");require("../DateRangePicker/DateRangePicker.styled.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("react-toastify");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/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/updateActivities.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/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/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/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.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/links/getEntityLinks.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/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.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/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("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/SubtasksModulesContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("uuid");const y=require("../../util/isHTMLElement.cjs.js");require("../../util/pubsub.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("short-uuid");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../containers/SimpleTable/SimpleTable.styled.cjs.js");require("@tanstack/match-sorter-utils");require("../../containers/SimpleTable/context/SimpleTableContext.cjs.js");require("../../containers/SimpleTable/SimpleTableRowTemplate.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("../../containers/Slicer/components/SlicerSearch.cjs.js");require("../../containers/Slicer/context/SlicerContext.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/context/ViewsContext.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");const L=require("../FileThumbnail/FileThumbnail.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/PricingLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredAddonVersion.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../SizeSlider/SizeSlider.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../SortingSetting/SortingSetting.styled.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");const S=({reviewables:q=[],selected:a=[],projectName:g,onChange:s,onUpload:f})=>{const R=n.useRef(null),d=n.useRef(null),[w,c]=n.useState(null),[E,b]=n.useState(null),v=()=>d.current?.scrollTop||0,j=r=>{const e=d.current,i=document.getElementById("preview-"+r);if(!e||!i)return;const u=e.getBoundingClientRect(),t=i.getBoundingClientRect();t.top<u.top?e.scrollTop-=u.top-t.top:t.bottom>u.bottom&&(e.scrollTop+=t.bottom-u.bottom),R.current?.updateScroll?.()};n.useEffect(()=>{if(q.length===1)return;const r=e=>{if(["w","s","ArrowUp","ArrowDown"].includes(e.key)){if(y(e.target)&&(e.target.tagName==="INPUT"||e.target.tagName==="TEXTAREA"||e.target.isContentEditable))return;const i=q.findIndex(({fileId:x})=>a.includes(x)),u=e.key==="w"||e.key==="ArrowUp"?i-1:i+1,t=q[u<0?q.length-1:u%q.length],m=t.fileId;s&&s(m),requestAnimationFrame(()=>j(m)),c(t.label??null);const p=document.getElementById("preview-"+m);if(p){const x=p.offsetTop+p.offsetHeight/2-v();b(x)}}};return window.addEventListener("keydown",r),()=>{window.removeEventListener("keydown",r)}},[a,q,s]),n.useEffect(()=>{const r=e=>{e.target.closest(".reviewables")||c(null)};return window.addEventListener("mousemove",r),()=>{window.removeEventListener("mousemove",r)}},[]);const T=(r,{label:e})=>{const i=r.target.closest(".reviewable-card");if(!i)return;c(e??null);const u=i.offsetTop+i.offsetHeight/2-v();b(u)};return q.length?o.jsxRuntimeExports.jsxs(l.ReviewablesSelector,{children:[o.jsxRuntimeExports.jsxs(l.Scrollable,{className:"reviewables",ref:R,containerRef:r=>{d.current=r},children:[q.map(({fileId:r,label:e})=>o.jsxRuntimeExports.jsx(l.ReviewableCard,{id:"preview-"+r,onClick:()=>s&&s(r),className:h("reviewable-card",{selected:a.includes(r)}),onMouseOver:i=>T(i,{label:e}),children:o.jsxRuntimeExports.jsx(L.FileThumbnail,{src:`/api/projects/${g}/files/${r}/thumbnail`})},r)),!!f&&o.jsxRuntimeExports.jsx(l.AddButton,{icon:"add",onClick:f,onMouseEnter:()=>c(null)})]}),w&&E&&o.jsxRuntimeExports.jsx(l.Label,{style:{top:E},children:w})]}):o.jsxRuntimeExports.jsx("div",{})};module.exports=S;
+//# sourceMappingURL=ReviewablesSelector.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReviewablesSelector.cjs.js","sources":["../../../../../src/components/ReviewablesSelector/ReviewablesSelector.tsx"],"sourcesContent":["import { FC, useEffect, useRef, useState } from 'react'\nimport * as Styled from './ReviewablesSelector.styled'\nimport clsx from 'clsx'\nimport { FileThumbnail } from '@shared/components'\nimport { ReviewableModel } from '@shared/api'\nimport { isHTMLElement } from '@shared/util'\nimport ScrollBar from 'react-perfect-scrollbar'\n\ntype ReviewableCard = Pick<ReviewableModel, 'fileId' | 'label' | 'fileId'>\n\ninterface ReviewablesSelectorProps {\n  reviewables: ReviewableCard[]\n  selected: string[]\n  projectName: string | null\n  onChange?: (fileId: string) => void\n  onUpload?: () => void\n}\n\nconst ReviewablesSelector: FC<ReviewablesSelectorProps> = ({\n  reviewables = [],\n  selected = [],\n  projectName,\n  onChange,\n  onUpload,\n}) => {\n  const scrollRef = useRef<ScrollBar>(null)\n  const scrollContainerRef = useRef<HTMLElement | null>(null)\n  const [labelTooltip, setLabelTooltip] = useState<null | string>(null)\n  const [labelTooltipYPos, setLabelTooltipYPos] = useState<null | number>(null)\n\n  const getScrollTop = (): number => {\n    return scrollContainerRef.current?.scrollTop || 0\n  }\n\n  const scrollReviewableIntoView = (fileId: string) => {\n    const container = scrollContainerRef.current\n    const el = document.getElementById('preview-' + fileId)\n    if (!container || !el) return\n\n    const containerRect = container.getBoundingClientRect()\n    const itemRect = el.getBoundingClientRect()\n\n    if (itemRect.top < containerRect.top) {\n      container.scrollTop -= containerRect.top - itemRect.top\n    } else if (itemRect.bottom > containerRect.bottom) {\n      container.scrollTop += itemRect.bottom - containerRect.bottom\n    }\n\n    // keep the custom scrollbar thumb in sync with manual scrollTop updates\n    // @ts-ignore\n    scrollRef.current?.updateScroll?.()\n  }\n\n  // add keyboard support\n  // use up and down arrow keys to navigate through the reviewables\n  // if at top and press up, go to bottom, if at bottom and press down, go to top\n  useEffect(() => {\n    if (reviewables.length === 1) return\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (['w', 's', 'ArrowUp', 'ArrowDown'].includes(e.key)) {\n        // Check if e.target is an HTMLElement before accessing tagName or isContentEditable\n        if (isHTMLElement(e.target)) {\n          if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') return\n          if (e.target.isContentEditable) return\n        }\n\n        const currentIndex = reviewables.findIndex(({ fileId }) => selected.includes(fileId))\n        const nextIndex = e.key === 'w' || e.key === 'ArrowUp' ? currentIndex - 1 : currentIndex + 1\n        const nextReviewable =\n          reviewables[nextIndex < 0 ? reviewables.length - 1 : nextIndex % reviewables.length]\n        const nextFileId = nextReviewable.fileId\n\n        onChange && onChange(nextFileId)\n        requestAnimationFrame(() => scrollReviewableIntoView(nextFileId))\n        // also set new label for the tooltip\n        setLabelTooltip(nextReviewable.label ?? null)\n        // set label tooltip position\n        const el = document.getElementById('preview-' + nextFileId)\n\n        if (el) {\n          const top = el.offsetTop + el.offsetHeight / 2 - getScrollTop()\n          setLabelTooltipYPos(top)\n        }\n      }\n    }\n\n    window.addEventListener('keydown', handleKeyDown)\n\n    return () => {\n      window.removeEventListener('keydown', handleKeyDown)\n    }\n  }, [selected, reviewables, onChange])\n\n  // keep track of when NOT hovering over the reviewable cards\n  useEffect(() => {\n    const handleMouseMove = (event: MouseEvent) => {\n      // check if the mouse is over a reviewable card\n      const closest = (event.target as HTMLElement).closest('.reviewables')\n      if (!closest) {\n        setLabelTooltip(null)\n      }\n    }\n\n    window.addEventListener('mousemove', handleMouseMove)\n\n    return () => {\n      window.removeEventListener('mousemove', handleMouseMove)\n    }\n  }, [])\n\n  const handleMouseOver = (\n    event: React.MouseEvent<HTMLDivElement>,\n    { label }: Pick<ReviewableCard, 'label'>,\n  ) => {\n    // check event is coming from a reviewable card\n    const closest = (event.target as HTMLElement).closest('.reviewable-card') as HTMLElement\n    if (!closest) return\n    setLabelTooltip(label ?? null)\n    // set label tooltip position\n    const top = closest.offsetTop + closest.offsetHeight / 2 - getScrollTop()\n    setLabelTooltipYPos(top)\n  }\n\n  // if no reviewables, return null\n  if (!reviewables.length) return <div />\n\n  return (\n    <Styled.ReviewablesSelector>\n      <Styled.Scrollable\n        className=\"reviewables\"\n        ref={scrollRef}\n        containerRef={(ref) => {\n          scrollContainerRef.current = ref\n        }}\n      >\n        {reviewables.map(({ fileId, label }) => (\n          <Styled.ReviewableCard\n            key={fileId}\n            id={'preview-' + fileId}\n            onClick={() => onChange && onChange(fileId)}\n            className={clsx('reviewable-card', { selected: selected.includes(fileId) })}\n            onMouseOver={(e) => handleMouseOver(e, { label })}\n          >\n            <FileThumbnail src={`/api/projects/${projectName}/files/${fileId}/thumbnail`} />\n          </Styled.ReviewableCard>\n        ))}\n        {!!onUpload && (\n          <Styled.AddButton\n            icon=\"add\"\n            onClick={onUpload}\n            onMouseEnter={() => setLabelTooltip(null)}\n          />\n        )}\n      </Styled.Scrollable>\n      {labelTooltip && labelTooltipYPos && (\n        <Styled.Label style={{ top: labelTooltipYPos }}>{labelTooltip}</Styled.Label>\n      )}\n    </Styled.ReviewablesSelector>\n  )\n}\n\nexport default ReviewablesSelector\n"],"names":["ReviewablesSelector","reviewables","selected","projectName","onChange","onUpload","scrollRef","useRef","scrollContainerRef","labelTooltip","setLabelTooltip","useState","labelTooltipYPos","setLabelTooltipYPos","getScrollTop","scrollReviewableIntoView","fileId","container","el","containerRect","itemRect","useEffect","handleKeyDown","isHTMLElement","currentIndex","nextIndex","nextReviewable","nextFileId","top","handleMouseMove","event","handleMouseOver","label","closest","jsxs","Styled.ReviewablesSelector","Styled.Scrollable","ref","jsx","Styled.ReviewableCard","clsx","e","FileThumbnail","Styled.AddButton","Styled.Label"],"mappings":"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"}