@ynput/ayon-frontend-shared 0.2.38 → 0.2.40

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

@@ -1 +1 @@
-{"version":3,"file":"EntityPanelUploader.cjs.js","sources":["../../../../../src/components/EntityPanelUploader/EntityPanelUploader.tsx"],"sourcesContent":["import { ChangeEvent, useRef, useState } from 'react'\nimport clsx from 'clsx'\n\nimport { ThumbnailWrapper } from '@shared/containers'\nimport {\n  useCreateVersionMutation,\n  useUpdateEntitiesMutation,\n  useCreateProductMutation,\n} from '@shared/api'\nimport * as Styled from './EntityPanelUploader.styled'\nimport { ThumbnailUploadProvider } from '../../context/ThumbnailUploaderContext'\nimport Dropzone, { DropzoneType } from './Dropzone'\nimport axios from 'axios'\nimport { toast } from 'react-toastify'\nimport { useReviewablesUpload } from '../ReviewablesList'\nimport { useDetailsPanelContext } from '@shared/context'\nimport EntityPanelUploaderDialog from './EntityPanelUploaderDialog'\nimport {\n  sanitizeProductName,\n  createProductHelper,\n  createVersionHelper,\n  getNextVersionNumber,\n  handleUploadError,\n} from '@shared/util'\n\ntype Operation = {\n  id: string\n  projectName: string\n  currentAssignees: any[]\n  data: { updatedAt: string }\n}\nexport type EntityPanelUploaderProps = {\n  entityType: string\n  entities: any[]\n  projectName: any\n  children?: JSX.Element | JSX.Element[]\n  onUploaded?: (operations: Operation[]) => void\n  resetFileUploadState?: () => void\n  onVersionCreated?: (versionId: string) => void\n}\n\ntype UploadType = 'thumbnail' | 'version'\nconst dropZones: (DropzoneType & { id: UploadType })[] = [\n  { id: 'thumbnail', label: 'Upload thumbnail', icon: 'add_photo_alternate' },\n  { id: 'version', label: 'Upload version', icon: 'layers' },\n]\n\nexport const EntityPanelUploader = ({\n  children = [],\n  entityType,\n  entities = [],\n  projectName,\n  onUploaded,\n  onVersionCreated,\n}: EntityPanelUploaderProps) => {\n  const { dispatch } = useDetailsPanelContext()\n  // Dragging and dropping state\n  const [isDraggingFile, setIsDraggingFile] = useState(false)\n  const [draggingZone, setDraggingZone] = useState<UploadType | null>(null)\n  const dragCounterRef = useRef(0)\n\n  // Uploading state\n  const [uploadingType, setUploadingType] = useState<UploadType | null>(null)\n  const [progress, setProgress] = useState(0)\n\n  // Dialog state for product creation\n  const [showProductDialog, setShowProductDialog] = useState(false)\n  const [pendingFiles, setPendingFiles] = useState<FileList | null>(null)\n\n  // Check if we have exactly one entity selected\n  const singleEntity = entities.length === 1 ? entities[0] : null\n  // extra all entity IDs for the single version entity\n  const taskId: string | undefined = singleEntity?.task?.id\n  const folderId: string | undefined = singleEntity?.folder?.id\n  const productId: string | undefined = singleEntity?.product?.id\n  const versionId: string | undefined = singleEntity?.id\n  const canUploadVersions = Boolean(singleEntity && entityType !== 'representation')\n\n  // Use the custom hook for reviewable upload logic (only when single version)\n  const { handleFileUpload: uploadReviewableFiles } = useReviewablesUpload({\n    projectName,\n    versionId: versionId,\n    taskId: taskId,\n    folderId: folderId,\n    productId: productId,\n    dispatch,\n    onUpload: () => {\n      setUploadingType(null)\n      setProgress(0)\n    },\n    onProgress: (progress) => {\n      setProgress(progress)\n    },\n  })\n\n  // Filter drop zones based on whether we can upload reviewables\n  const availableDropZones = dropZones.filter((zone) => {\n    if (zone.id === 'version') {\n      return canUploadVersions\n    }\n    return true\n  })\n\n  const resetState = () => {\n    setUploadingType(null)\n    setIsDraggingFile(false)\n    setDraggingZone(null)\n    dragCounterRef.current = 0\n    setProgress(0)\n    setShowProductDialog(false)\n    setPendingFiles(null)\n  }\n\n  // Handle dialog submission - create product and upload version\n  const handleDialogSubmit = async (productName: string) => {\n    if (!pendingFiles || !singleEntity) {\n      setShowProductDialog(false)\n      setPendingFiles(null)\n      return\n    }\n\n    const sanitizedName = sanitizeProductName(productName)\n\n    if (!sanitizedName.trim()) {\n      toast.error(\n        'Product name must contain valid characters (letters, numbers, underscore, or hyphen)',\n      )\n      return\n    }\n\n    try {\n      if (!folderId) {\n        throw new Error('Folder ID is required to create a product')\n      }\n      setUploadingType('version')\n\n      // Create the product\n      const productRes = await createProductHelper(createProduct, projectName, {\n        folderId: folderId,\n        name: sanitizedName,\n        productType: 'review', // default product type for uploaded files\n      })\n\n      // Close dialog and proceed with version upload\n      setShowProductDialog(false)\n      await uploadVersionWithProduct(pendingFiles, productRes.id)\n      setPendingFiles(null)\n    } catch (error: any) {\n      handleUploadError(error, 'creating product')\n      resetState()\n    }\n  }\n\n  // Handle dialog cancellation\n  const handleDialogCancel = () => {\n    setShowProductDialog(false)\n    setPendingFiles(null)\n    resetState()\n  }\n\n  const [createVersion] = useCreateVersionMutation()\n  const [createProduct] = useCreateProductMutation()\n  // Handle version/reviewable file upload\n  const handleVersionUpload = async (files: FileList) => {\n    if (!canUploadVersions || !singleEntity) {\n      toast.error('Please select exactly one version to upload reviewables')\n      return resetState()\n    }\n\n    const productId = singleEntity.product?.id\n    if (!productId) {\n      // Show dialog to create product first\n      setPendingFiles(files)\n      setShowProductDialog(true)\n      return\n    }\n\n    // If we have a productId, proceed with upload\n    await uploadVersionWithProduct(files, productId)\n  }\n\n  // Helper function to handle the actual version upload\n  const uploadVersionWithProduct = async (files: FileList, productId: string) => {\n    try {\n      const nextVersion = getNextVersionNumber(singleEntity!.product?.latestVersion)\n\n      // create a new version\n      const versionRes = await createVersionHelper(createVersion, projectName, {\n        productId,\n        taskId, // previous version could have a taskId or we are uploading on a task\n        version: nextVersion,\n      })\n\n      await uploadReviewableFiles(files, versionRes.id)\n      // The hook handles success callbacks, just reset our local state\n      resetState()\n\n      // update entity panel to focus the new version\n      onVersionCreated?.(versionRes.id)\n    } catch (error: any) {\n      handleUploadError(error, 'uploading version')\n      resetState()\n    }\n  }\n\n  // once the file has been uploaded, we need to patch the entities with the new thumbnail\n  const handleThumbnailFileUploaded = async (thumbnails: any[] = []) => {\n    // always set isDragginle to false\n    setIsDraggingFile(false)\n\n    // check something was actually uploaded\n    if (!entities.length) {\n      return\n    }\n\n    // patching the updatedAt will force a refresh of the thumbnail url\n    const newUpdatedAt = new Date().toISOString()\n\n    let operations: Operation[] = []\n    let versionPatches = []\n\n    for (const entity of thumbnails) {\n      const entityToPatch = entities.find((e) => e.id === entity.id)\n      if (!entityToPatch) continue\n      const thumbnailId = entity.thumbnailId\n      const currentAssignees = entity.users || []\n\n      operations.push({\n        id: entityToPatch.id,\n        projectName: entityToPatch.projectName,\n        data: { updatedAt: newUpdatedAt },\n        currentAssignees,\n      })\n\n      const versionPatch = {\n        productId: entityToPatch.productId,\n        versionUpdatedAt: newUpdatedAt,\n        versionThumbnailId: thumbnailId,\n      }\n\n      versionPatches.push(versionPatch)\n    }\n\n    try {\n      await updateEntities({ operations, entityType })\n      onUploaded && onUploaded(operations)\n    } catch (error) {\n      console.error('Error uploading thumbnail:', error)\n    }\n  }\n\n  const handleUploadThumbnail = async (file: File) => {\n    if (!file) return resetState()\n\n    try {\n      // check file is an image\n      if (!file.type.includes('image')) {\n        throw new Error('File is not an image')\n      }\n\n      let promises = []\n      for (const entity of entities) {\n        const { id, entityType, projectName } = entity\n\n        if (!projectName) throw new Error('Project name is required')\n\n        const promise = axios.post(\n          projectName && `/api/projects/${projectName}/${entityType}s/${id}/thumbnail`,\n          file,\n          {\n            onUploadProgress: (e) => {\n              setProgress(Math.round((100 * e.loaded) / (e.total || file.size)))\n            },\n            headers: {\n              'Content-Type': file.type,\n            },\n          },\n        )\n\n        promises.push(promise)\n      }\n\n      const res = await Promise.all(promises)\n\n      const updatedEntities = res.map((res, i) => ({\n        thumbnailId: res.data.id as string,\n        id: entities[i].id,\n      }))\n\n      handleThumbnailFileUploaded(updatedEntities)\n      resetState()\n    } catch (error: any) {\n      console.error(error)\n      toast.error(error.message)\n      resetState()\n    }\n  }\n\n  const [updateEntities] = useUpdateEntitiesMutation()\n\n  const handleDragEnter = (e: React.DragEvent) => {\n    e.preventDefault()\n    dragCounterRef.current++\n    if (dragCounterRef.current === 1) {\n      setIsDraggingFile(true)\n    }\n  }\n\n  const handleDragLeave = (e: React.DragEvent) => {\n    e.preventDefault()\n    dragCounterRef.current--\n    if (dragCounterRef.current === 0) {\n      setIsDraggingFile(false)\n      setDraggingZone(null)\n    }\n  }\n\n  const handleDragOver = (e: React.DragEvent) => {\n    e.preventDefault()\n  }\n\n  const handleDrop = (e: React.DragEvent) => {\n    e.preventDefault()\n    dragCounterRef.current = 0\n    setIsDraggingFile(false)\n    setDraggingZone(null)\n\n    if (!e.dataTransfer.files || e.dataTransfer.files.length === 0) {\n      return\n    }\n\n    if (draggingZone === 'thumbnail') {\n      setUploadingType('thumbnail')\n      const file = e.dataTransfer.files[0]\n      // try to upload the thumbnail\n      handleUploadThumbnail(file)\n    }\n\n    if (draggingZone === 'version') {\n      setUploadingType('version')\n      const files = e.dataTransfer.files\n      // try to upload the reviewables using the hook\n      handleVersionUpload(files)\n    }\n  }\n\n  // upload thumbnail from input (right click on thumbnail)\n  const handleInputUpload = async (event: ChangeEvent<HTMLInputElement>, type: UploadType) => {\n    const files = event.target.files\n    if (!files || files.length === 0) {\n      return\n    }\n\n    if (type === 'version') {\n      setUploadingType('version')\n      handleVersionUpload(files)\n    }\n    if (type === 'thumbnail') {\n      setUploadingType('thumbnail')\n      handleUploadThumbnail(files[0])\n    }\n  }\n\n  const thumbnailInputRef = useRef<HTMLInputElement>(null)\n  const versionsInputRef = useRef<HTMLInputElement>(null)\n\n  return (\n    <ThumbnailUploadProvider\n      entities={entities}\n      handleThumbnailUpload={handleThumbnailFileUploaded}\n      thumbnailInputRef={thumbnailInputRef}\n      versionsInputRef={canUploadVersions ? versionsInputRef : undefined}\n    >\n      <Styled.DragAndDropWrapper\n        className={clsx({ dragging: isDraggingFile })}\n        onDragEnter={handleDragEnter}\n        onDragLeave={handleDragLeave}\n        onDragOver={handleDragOver}\n        onDrop={handleDrop}\n      >\n        <ThumbnailWrapper>\n          <div>{children}</div>\n        </ThumbnailWrapper>\n        {isDraggingFile && (\n          <Styled.DropZones>\n            {availableDropZones.map((zone) => (\n              <Dropzone\n                key={zone.id}\n                id={zone.id}\n                label={zone.label}\n                icon={zone.icon}\n                isActive={draggingZone === zone.id}\n                onDragOver={() => setDraggingZone(zone.id)}\n                onDragLeave={() => setDraggingZone(null)}\n              />\n            ))}\n          </Styled.DropZones>\n        )}\n        {(uploadingType === 'thumbnail' || uploadingType === 'version') && (\n          <Styled.DropZones>\n            <Styled.UploadingProgress>\n              <Styled.Progress\n                style={{\n                  right: `${100 - progress}%`,\n                }}\n              />\n              <span className=\"label\">{`Uploading ${uploadingType}...`}</span>\n            </Styled.UploadingProgress>\n            <Styled.CancelButton icon={'close'} variant=\"text\" onClick={resetState} />\n          </Styled.DropZones>\n        )}\n        <input\n          type=\"file\"\n          onChange={(e) => handleInputUpload(e, 'thumbnail')}\n          ref={thumbnailInputRef}\n        />\n        <input\n          type=\"file\"\n          onChange={(e) => handleInputUpload(e, 'version')}\n          ref={versionsInputRef}\n        />\n      </Styled.DragAndDropWrapper>\n\n      {/* Product creation dialog */}\n      <EntityPanelUploaderDialog\n        isOpen={showProductDialog}\n        files={pendingFiles}\n        onSubmit={handleDialogSubmit}\n        onCancel={handleDialogCancel}\n      />\n    </ThumbnailUploadProvider>\n  )\n}\n"],"names":["dropZones","EntityPanelUploader","children","entityType","entities","projectName","onUploaded","onVersionCreated","dispatch","useDetailsPanelContext","isDraggingFile","setIsDraggingFile","useState","draggingZone","setDraggingZone","dragCounterRef","useRef","uploadingType","setUploadingType","progress","setProgress","showProductDialog","setShowProductDialog","pendingFiles","setPendingFiles","singleEntity","taskId","_a","folderId","_b","productId","_c","versionId","canUploadVersions","uploadReviewableFiles","useReviewablesUpload","availableDropZones","zone","resetState","handleDialogSubmit","productName","sanitizedName","sanitizeProductName","toast","productRes","createProductHelper","createProduct","uploadVersionWithProduct","error","handleUploadError","handleDialogCancel","createVersion","useCreateVersionMutation","useCreateProductMutation","handleVersionUpload","files","nextVersion","getNextVersionNumber","versionRes","createVersionHelper","handleThumbnailFileUploaded","thumbnails","newUpdatedAt","operations","entity","entityToPatch","e","currentAssignees","updateEntities","handleUploadThumbnail","file","promises","id","promise","axios","updatedEntities","res","i","useUpdateEntitiesMutation","handleDragEnter","handleDragLeave","handleDragOver","handleDrop","handleInputUpload","event","type","thumbnailInputRef","versionsInputRef","jsxs","ThumbnailUploadProvider","Styled.DragAndDropWrapper","clsx","jsx","ThumbnailWrapper","Styled.DropZones","Dropzone","Styled.UploadingProgress","Styled.Progress","Styled.CancelButton","EntityPanelUploaderDialog"],"mappings":"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"}
+{"version":3,"file":"EntityPanelUploader.cjs.js","sources":["../../../../../src/components/EntityPanelUploader/EntityPanelUploader.tsx"],"sourcesContent":["import { ChangeEvent, useRef, useState } from 'react'\nimport clsx from 'clsx'\n\nimport { ThumbnailWrapper } from '@shared/containers'\nimport {\n  useCreateVersionMutation,\n  useUpdateEntitiesMutation,\n  useCreateProductMutation,\n} from '@shared/api'\nimport * as Styled from './EntityPanelUploader.styled'\nimport { ThumbnailUploadProvider } from '../../context/ThumbnailUploaderContext'\nimport Dropzone, { DropzoneType } from './Dropzone'\nimport axios from 'axios'\nimport { toast } from 'react-toastify'\nimport { useReviewablesUpload } from '../ReviewablesList'\nimport { useDetailsPanelContext } from '@shared/context'\nimport EntityPanelUploaderDialog from './EntityPanelUploaderDialog'\nimport {\n  sanitizeProductName,\n  createProductHelper,\n  createVersionHelper,\n  getNextVersionNumber,\n  handleUploadError,\n} from '@shared/util'\n\ntype Operation = {\n  id: string\n  projectName: string\n  currentAssignees: any[]\n  data: { updatedAt: string }\n}\nexport type EntityPanelUploaderProps = {\n  entityType: string\n  entities: any[]\n  projectName: any\n  children?: JSX.Element | JSX.Element[]\n  onUploaded?: (operations: Operation[]) => void\n  resetFileUploadState?: () => void\n  onVersionCreated?: (versionId: string) => void\n}\n\ntype UploadType = 'thumbnail' | 'version'\nconst dropZones: (DropzoneType & { id: UploadType })[] = [\n  { id: 'thumbnail', label: 'Upload thumbnail', icon: 'add_photo_alternate' },\n  { id: 'version', label: 'Upload version', icon: 'layers' },\n]\n\nexport const EntityPanelUploader = ({\n  children = [],\n  entityType,\n  entities = [],\n  projectName,\n  onUploaded,\n  onVersionCreated,\n}: EntityPanelUploaderProps) => {\n  const { dispatch } = useDetailsPanelContext()\n  // Dragging and dropping state\n  const [isDraggingFile, setIsDraggingFile] = useState(false)\n  const [draggingZone, setDraggingZone] = useState<UploadType | null>(null)\n  const dragCounterRef = useRef(0)\n\n  // Uploading state\n  const [uploadingType, setUploadingType] = useState<UploadType | null>(null)\n  const [progress, setProgress] = useState(0)\n\n  // Dialog state for product creation\n  const [showProductDialog, setShowProductDialog] = useState(false)\n  const [pendingFiles, setPendingFiles] = useState<FileList | null>(null)\n\n  // Check if we have exactly one entity selected\n  const singleEntity = entities.length === 1 ? entities[0] : null\n  // extra all entity IDs for the single version entity\n  const taskId: string | undefined = singleEntity?.task?.id\n  const folderId: string | undefined = singleEntity?.folder?.id\n  const productId: string | undefined = singleEntity?.product?.id\n  const versionId: string | undefined = singleEntity?.id\n  const canUploadVersions = Boolean(singleEntity && entityType !== 'representation')\n\n  // Use the custom hook for reviewable upload logic (only when single version)\n  const { handleFileUpload: uploadReviewableFiles } = useReviewablesUpload({\n    projectName,\n    versionId: versionId,\n    taskId: taskId,\n    folderId: folderId,\n    productId: productId,\n    dispatch,\n    onUpload: () => {\n      setUploadingType(null)\n      setProgress(0)\n    },\n    onProgress: (progress) => {\n      setProgress(progress)\n    },\n  })\n\n  // Filter drop zones based on whether we can upload reviewables\n  const availableDropZones = dropZones.filter((zone) => {\n    if (zone.id === 'version') {\n      return canUploadVersions\n    }\n    return true\n  })\n\n  const resetState = () => {\n    setUploadingType(null)\n    setIsDraggingFile(false)\n    setDraggingZone(null)\n    dragCounterRef.current = 0\n    setProgress(0)\n    setShowProductDialog(false)\n    setPendingFiles(null)\n  }\n\n  // Handle dialog submission - create product and upload version\n  const handleDialogSubmit = async (productName: string) => {\n    if (!pendingFiles || !singleEntity) {\n      setShowProductDialog(false)\n      setPendingFiles(null)\n      return\n    }\n\n    const sanitizedName = sanitizeProductName(productName)\n\n    if (!sanitizedName.trim()) {\n      toast.error(\n        'Product name must contain valid characters (letters, numbers, underscore, or hyphen)',\n      )\n      return\n    }\n\n    try {\n      if (!folderId) {\n        throw new Error('Folder ID is required to create a product')\n      }\n      setUploadingType('version')\n\n      // Create the product\n      const productRes = await createProductHelper(createProduct, projectName, {\n        folderId: folderId,\n        name: sanitizedName,\n        productType: 'review', // default product type for uploaded files\n      })\n\n      // Close dialog and proceed with version upload\n      setShowProductDialog(false)\n      await uploadVersionWithProduct(pendingFiles, productRes.id)\n      setPendingFiles(null)\n    } catch (error: any) {\n      handleUploadError(error, 'creating product')\n      resetState()\n    }\n  }\n\n  // Handle dialog cancellation\n  const handleDialogCancel = () => {\n    setShowProductDialog(false)\n    setPendingFiles(null)\n    resetState()\n  }\n\n  const [createVersion] = useCreateVersionMutation()\n  const [createProduct] = useCreateProductMutation()\n  // Handle version/reviewable file upload\n  const handleVersionUpload = async (files: FileList) => {\n    if (!canUploadVersions || !singleEntity) {\n      toast.error('Please select exactly one version to upload reviewables')\n      return resetState()\n    }\n\n    const productId = singleEntity.product?.id\n    if (!productId) {\n      // Show dialog to create product first\n      setPendingFiles(files)\n      setShowProductDialog(true)\n      return\n    }\n\n    // If we have a productId, proceed with upload\n    await uploadVersionWithProduct(files, productId)\n  }\n\n  // Helper function to handle the actual version upload\n  const uploadVersionWithProduct = async (files: FileList, productId: string) => {\n    try {\n      const nextVersion = getNextVersionNumber(singleEntity!.product?.latestVersion)\n\n      // create a new version\n      const versionRes = await createVersionHelper(createVersion, projectName, {\n        productId,\n        taskId, // previous version could have a taskId or we are uploading on a task\n        version: nextVersion,\n      })\n\n      await uploadReviewableFiles(files, versionRes.id)\n      // The hook handles success callbacks, just reset our local state\n      resetState()\n\n      // update entity panel to focus the new version\n      onVersionCreated?.(versionRes.id)\n    } catch (error: any) {\n      handleUploadError(error, 'uploading version')\n      resetState()\n    }\n  }\n\n  // once the file has been uploaded, we need to patch the entities with the new thumbnail\n  const handleThumbnailFileUploaded = async (thumbnails: any[] = []) => {\n    // always set isDragginle to false\n    setIsDraggingFile(false)\n\n    // check something was actually uploaded\n    if (!entities.length) {\n      return\n    }\n\n    // patching the updatedAt will force a refresh of the thumbnail url\n    const newUpdatedAt = new Date().toISOString()\n\n    let operations: Operation[] = []\n    let versionPatches = []\n\n    for (const entity of thumbnails) {\n      const entityToPatch = entities.find((e) => e.id === entity.id)\n      if (!entityToPatch) continue\n      const thumbnailId = entity.thumbnailId\n      const currentAssignees = entity.users || []\n\n      operations.push({\n        id: entityToPatch.id,\n        projectName: entityToPatch.projectName,\n        data: { updatedAt: newUpdatedAt },\n        currentAssignees,\n      })\n\n      const versionPatch = {\n        productId: entityToPatch.productId,\n        versionUpdatedAt: newUpdatedAt,\n        versionThumbnailId: thumbnailId,\n      }\n\n      versionPatches.push(versionPatch)\n    }\n\n    try {\n      await updateEntities({ operations, entityType })\n      onUploaded && onUploaded(operations)\n    } catch (error) {\n      console.error('Error uploading thumbnail:', error)\n    }\n  }\n\n  const handleUploadThumbnail = async (file: File) => {\n    if (!file) return resetState()\n\n    try {\n      // check file is an image\n      if (!file.type.includes('image')) {\n        throw new Error('File is not an image')\n      }\n\n      let promises = []\n      for (const entity of entities) {\n        const { id, entityType, projectName } = entity\n\n        if (!projectName) throw new Error('Project name is required')\n\n        const promise = axios.post(\n          projectName && `/api/projects/${projectName}/${entityType}s/${id}/thumbnail`,\n          file,\n          {\n            onUploadProgress: (e) => {\n              setProgress(Math.round((100 * e.loaded) / (e.total || file.size)))\n            },\n            headers: {\n              'Content-Type': file.type,\n            },\n          },\n        )\n\n        promises.push(promise)\n      }\n\n      const res = await Promise.all(promises)\n\n      const updatedEntities = res.map((res, i) => ({\n        thumbnailId: res.data.id as string,\n        id: entities[i].id,\n      }))\n\n      handleThumbnailFileUploaded(updatedEntities)\n      resetState()\n    } catch (error: any) {\n      console.error(error)\n      toast.error(error.message)\n      resetState()\n    }\n  }\n\n  const [updateEntities] = useUpdateEntitiesMutation()\n\n  const handleDragEnter = (e: React.DragEvent) => {\n    e.preventDefault()\n    dragCounterRef.current++\n    if (dragCounterRef.current === 1) {\n      setIsDraggingFile(true)\n    }\n  }\n\n  const handleDragLeave = (e: React.DragEvent) => {\n    e.preventDefault()\n    dragCounterRef.current--\n    if (dragCounterRef.current === 0) {\n      setIsDraggingFile(false)\n      setDraggingZone(null)\n    }\n  }\n\n  const handleDragOver = (e: React.DragEvent) => {\n    e.preventDefault()\n  }\n\n  const handleDrop = (e: React.DragEvent) => {\n    e.preventDefault()\n    dragCounterRef.current = 0\n    setIsDraggingFile(false)\n    setDraggingZone(null)\n\n    if (!e.dataTransfer.files || e.dataTransfer.files.length === 0) {\n      return\n    }\n\n    if (draggingZone === 'thumbnail') {\n      setUploadingType('thumbnail')\n      const file = e.dataTransfer.files[0]\n      // try to upload the thumbnail\n      handleUploadThumbnail(file)\n    }\n\n    if (draggingZone === 'version') {\n      setUploadingType('version')\n      const files = e.dataTransfer.files\n      // try to upload the reviewables using the hook\n      handleVersionUpload(files)\n    }\n  }\n\n  // upload thumbnail from input (right click on thumbnail)\n  const handleInputUpload = async (event: ChangeEvent<HTMLInputElement>, type: UploadType) => {\n    const files = event.target.files\n    if (!files || files.length === 0) {\n      return\n    }\n\n    if (type === 'version') {\n      setUploadingType('version')\n      handleVersionUpload(files)\n    }\n    if (type === 'thumbnail') {\n      setUploadingType('thumbnail')\n      handleUploadThumbnail(files[0])\n    }\n  }\n\n  const thumbnailInputRef = useRef<HTMLInputElement>(null)\n  const versionsInputRef = useRef<HTMLInputElement>(null)\n\n  return (\n    <ThumbnailUploadProvider\n      entities={entities}\n      handleThumbnailUpload={handleThumbnailFileUploaded}\n      thumbnailInputRef={thumbnailInputRef}\n      versionsInputRef={canUploadVersions ? versionsInputRef : undefined}\n    >\n      <Styled.DragAndDropWrapper\n        className={clsx({ dragging: isDraggingFile })}\n        onDragEnter={handleDragEnter}\n        onDragLeave={handleDragLeave}\n        onDragOver={handleDragOver}\n        onDrop={handleDrop}\n      >\n        <ThumbnailWrapper>\n          <div>{children}</div>\n        </ThumbnailWrapper>\n        {isDraggingFile && (\n          <Styled.DropZones>\n            {availableDropZones.map((zone) => (\n              <Dropzone\n                key={zone.id}\n                id={zone.id}\n                label={zone.label}\n                icon={zone.icon}\n                isActive={draggingZone === zone.id}\n                onDragOver={() => setDraggingZone(zone.id)}\n                onDragLeave={() => setDraggingZone(null)}\n              />\n            ))}\n          </Styled.DropZones>\n        )}\n        {(uploadingType === 'thumbnail' || uploadingType === 'version') && (\n          <Styled.DropZones>\n            <Styled.UploadingProgress>\n              <Styled.Progress\n                style={{\n                  right: `${100 - progress}%`,\n                }}\n              />\n              <span className=\"label\">{`Uploading ${uploadingType}...`}</span>\n            </Styled.UploadingProgress>\n            <Styled.CancelButton icon={'close'} variant=\"text\" onClick={resetState} />\n          </Styled.DropZones>\n        )}\n        <input\n          type=\"file\"\n          onChange={(e) => handleInputUpload(e, 'thumbnail')}\n          ref={thumbnailInputRef}\n        />\n        <input\n          type=\"file\"\n          onChange={(e) => handleInputUpload(e, 'version')}\n          ref={versionsInputRef}\n        />\n      </Styled.DragAndDropWrapper>\n\n      {/* Product creation dialog */}\n      <EntityPanelUploaderDialog\n        isOpen={showProductDialog}\n        files={pendingFiles}\n        onSubmit={handleDialogSubmit}\n        onCancel={handleDialogCancel}\n      />\n    </ThumbnailUploadProvider>\n  )\n}\n"],"names":["dropZones","EntityPanelUploader","children","entityType","entities","projectName","onUploaded","onVersionCreated","dispatch","useDetailsPanelContext","isDraggingFile","setIsDraggingFile","useState","draggingZone","setDraggingZone","dragCounterRef","useRef","uploadingType","setUploadingType","progress","setProgress","showProductDialog","setShowProductDialog","pendingFiles","setPendingFiles","singleEntity","taskId","_a","folderId","_b","productId","_c","versionId","canUploadVersions","uploadReviewableFiles","useReviewablesUpload","availableDropZones","zone","resetState","handleDialogSubmit","productName","sanitizedName","sanitizeProductName","toast","productRes","createProductHelper","createProduct","uploadVersionWithProduct","error","handleUploadError","handleDialogCancel","createVersion","useCreateVersionMutation","useCreateProductMutation","handleVersionUpload","files","nextVersion","getNextVersionNumber","versionRes","createVersionHelper","handleThumbnailFileUploaded","thumbnails","newUpdatedAt","operations","entity","entityToPatch","e","currentAssignees","updateEntities","handleUploadThumbnail","file","promises","id","promise","axios","updatedEntities","res","i","useUpdateEntitiesMutation","handleDragEnter","handleDragLeave","handleDragOver","handleDrop","handleInputUpload","event","type","thumbnailInputRef","versionsInputRef","jsxs","ThumbnailUploadProvider","Styled.DragAndDropWrapper","clsx","jsx","ThumbnailWrapper","Styled.DropZones","Dropzone","Styled.UploadingProgress","Styled.Progress","Styled.CancelButton","EntityPanelUploaderDialog"],"mappings":"yjcA0CA,MAAMA,GAAmD,CACvD,CAAE,GAAI,YAAa,MAAO,mBAAoB,KAAM,qBAAsB,EAC1E,CAAE,GAAI,UAAW,MAAO,iBAAkB,KAAM,QAAS,CAC3D,EAEaC,GAAsB,CAAC,CAClC,SAAAC,EAAW,CAAC,EACZ,WAAAC,EACA,SAAAC,EAAW,CAAC,EACZ,YAAAC,EACA,WAAAC,EACA,iBAAAC,CACF,IAAgC,WACxB,KAAA,CAAE,SAAAC,CAAS,EAAIC,0BAAuB,EAEtC,CAACC,EAAgBC,CAAiB,EAAIC,EAAAA,SAAS,EAAK,EACpD,CAACC,EAAcC,CAAe,EAAIF,EAAAA,SAA4B,IAAI,EAClEG,EAAiBC,SAAO,CAAC,EAGzB,CAACC,EAAeC,CAAgB,EAAIN,EAAAA,SAA4B,IAAI,EACpE,CAACO,EAAUC,CAAW,EAAIR,EAAAA,SAAS,CAAC,EAGpC,CAACS,EAAmBC,CAAoB,EAAIV,EAAAA,SAAS,EAAK,EAC1D,CAACW,EAAcC,CAAe,EAAIZ,EAAAA,SAA0B,IAAI,EAGhEa,EAAerB,EAAS,SAAW,EAAIA,EAAS,CAAC,EAAI,KAErDsB,GAA6BC,EAAAF,GAAA,YAAAA,EAAc,OAAd,YAAAE,EAAoB,GACjDC,GAA+BC,EAAAJ,GAAA,YAAAA,EAAc,SAAd,YAAAI,EAAsB,GACrDC,GAAgCC,EAAAN,GAAA,YAAAA,EAAc,UAAd,YAAAM,EAAuB,GACvDC,EAAgCP,GAAA,YAAAA,EAAc,GAC9CQ,EAAoB,GAAQR,GAAgBtB,IAAe,kBAG3D,CAAE,iBAAkB+B,CAAsB,EAAIC,wBAAqB,CACvE,YAAA9B,EACA,UAAA2B,EACA,OAAAN,EACA,SAAAE,EACA,UAAAE,EACA,SAAAtB,EACA,SAAU,IAAM,CACdU,EAAiB,IAAI,EACrBE,EAAY,CAAC,CACf,EACA,WAAaD,GAAa,CACxBC,EAAYD,CAAQ,CAAA,CACtB,CACD,EAGKiB,EAAqBpC,GAAU,OAAQqC,GACvCA,EAAK,KAAO,UACPJ,EAEF,EACR,EAEKK,EAAa,IAAM,CACvBpB,EAAiB,IAAI,EACrBP,EAAkB,EAAK,EACvBG,EAAgB,IAAI,EACpBC,EAAe,QAAU,EACzBK,EAAY,CAAC,EACbE,EAAqB,EAAK,EAC1BE,EAAgB,IAAI,CACtB,EAGMe,EAAqB,MAAOC,GAAwB,CACpD,GAAA,CAACjB,GAAgB,CAACE,EAAc,CAClCH,EAAqB,EAAK,EAC1BE,EAAgB,IAAI,EACpB,MAAA,CAGI,MAAAiB,EAAgBC,sBAAoBF,CAAW,EAEjD,GAAA,CAACC,EAAc,OAAQ,CACnBE,EAAAA,MAAA,MACJ,sFACF,EACA,MAAA,CAGE,GAAA,CACF,GAAI,CAACf,EACG,MAAA,IAAI,MAAM,2CAA2C,EAE7DV,EAAiB,SAAS,EAG1B,MAAM0B,EAAa,MAAMC,sBAAoBC,GAAezC,EAAa,CACvE,SAAAuB,EACA,KAAMa,EACN,YAAa,QAAA,CACd,EAGDnB,EAAqB,EAAK,EACpB,MAAAyB,EAAyBxB,EAAcqB,EAAW,EAAE,EAC1DpB,EAAgB,IAAI,QACbwB,EAAY,CACnBC,EAAA,kBAAkBD,EAAO,kBAAkB,EAChCV,EAAA,CAAA,CAEf,EAGMY,GAAqB,IAAM,CAC/B5B,EAAqB,EAAK,EAC1BE,EAAgB,IAAI,EACTc,EAAA,CACb,EAEM,CAACa,EAAa,EAAIC,4BAAyB,EAC3C,CAACN,EAAa,EAAIO,4BAAyB,EAE3CC,EAAsB,MAAOC,GAAoB,OACjD,GAAA,CAACtB,GAAqB,CAACR,EACzBkB,OAAAA,EAAA,MAAM,MAAM,yDAAyD,EAC9DL,EAAW,EAGdR,MAAAA,GAAYH,EAAAF,EAAa,UAAb,YAAAE,EAAsB,GACxC,GAAI,CAACG,EAAW,CAEdN,EAAgB+B,CAAK,EACrBjC,EAAqB,EAAI,EACzB,MAAA,CAII,MAAAyB,EAAyBQ,EAAOzB,CAAS,CACjD,EAGMiB,EAA2B,MAAOQ,EAAiBzB,IAAsB,OACzE,GAAA,CACF,MAAM0B,EAAcC,EAAA,sBAAqB9B,EAAAF,EAAc,UAAd,YAAAE,EAAuB,aAAa,EAGvE+B,EAAa,MAAMC,sBAAoBR,GAAe9C,EAAa,CACvE,UAAAyB,EACA,OAAAJ,EACA,QAAS8B,CAAA,CACV,EAEK,MAAAtB,EAAsBqB,EAAOG,EAAW,EAAE,EAErCpB,EAAA,EAGX/B,GAAA,MAAAA,EAAmBmD,EAAW,UACvBV,EAAY,CACnBC,EAAA,kBAAkBD,EAAO,mBAAmB,EACjCV,EAAA,CAAA,CAEf,EAGMsB,EAA8B,MAAOC,EAAoB,KAAO,CAKhE,GAHJlD,EAAkB,EAAK,EAGnB,CAACP,EAAS,OACZ,OAIF,MAAM0D,EAAe,IAAI,KAAK,EAAE,YAAY,EAE5C,IAAIC,EAA0B,CAAC,EAG/B,UAAWC,KAAUH,EAAY,CACzB,MAAAI,EAAgB7D,EAAS,KAAM8D,GAAMA,EAAE,KAAOF,EAAO,EAAE,EAC7D,GAAI,CAACC,EAAe,SACAD,EAAO,YACrB,MAAAG,EAAmBH,EAAO,OAAS,CAAC,EAE1CD,EAAW,KAAK,CACd,GAAIE,EAAc,GAClB,YAAaA,EAAc,YAC3B,KAAM,CAAE,UAAWH,CAAa,EAChC,iBAAAK,CAAA,CACD,EAGYF,EAAc,SAKK,CAG9B,GAAA,CACF,MAAMG,GAAe,CAAE,WAAAL,EAAY,WAAA5D,EAAY,EAC/CG,GAAcA,EAAWyD,CAAU,QAC5Bf,EAAO,CACN,QAAA,MAAM,6BAA8BA,CAAK,CAAA,CAErD,EAEMqB,EAAwB,MAAOC,GAAe,CAC9C,GAAA,CAACA,EAAM,OAAOhC,EAAW,EAEzB,GAAA,CAEF,GAAI,CAACgC,EAAK,KAAK,SAAS,OAAO,EACvB,MAAA,IAAI,MAAM,sBAAsB,EAGxC,IAAIC,EAAW,CAAC,EAChB,UAAWP,KAAU5D,EAAU,CAC7B,KAAM,CAAE,GAAAoE,EAAI,WAAArE,EAAY,YAAAE,GAAgB2D,EAExC,GAAI,CAAC3D,EAAmB,MAAA,IAAI,MAAM,0BAA0B,EAE5D,MAAMoE,GAAUC,GAAM,KACpBrE,GAAe,iBAAiBA,CAAW,IAAIF,CAAU,KAAKqE,CAAE,aAChEF,EACA,CACE,iBAAmBJ,GAAM,CACX9C,EAAA,KAAK,MAAO,IAAM8C,EAAE,QAAWA,EAAE,OAASI,EAAK,KAAK,CAAC,CACnE,EACA,QAAS,CACP,eAAgBA,EAAK,IAAA,CACvB,CAEJ,EAEAC,EAAS,KAAKE,EAAO,CAAA,CAKvB,MAAME,GAFM,MAAM,QAAQ,IAAIJ,CAAQ,GAEV,IAAI,CAACK,EAAKC,KAAO,CAC3C,YAAaD,EAAI,KAAK,GACtB,GAAIxE,EAASyE,CAAC,EAAE,EAAA,EAChB,EAEFjB,EAA4Be,CAAe,EAChCrC,EAAA,QACJU,EAAY,CACnB,QAAQ,MAAMA,CAAK,EACbL,QAAA,MAAMK,EAAM,OAAO,EACdV,EAAA,CAAA,CAEf,EAEM,CAAC8B,EAAc,EAAIU,6BAA0B,EAE7CC,GAAmB,GAAuB,CAC9C,EAAE,eAAe,EACFhE,EAAA,UACXA,EAAe,UAAY,GAC7BJ,EAAkB,EAAI,CAE1B,EAEMqE,GAAmB,GAAuB,CAC9C,EAAE,eAAe,EACFjE,EAAA,UACXA,EAAe,UAAY,IAC7BJ,EAAkB,EAAK,EACvBG,EAAgB,IAAI,EAExB,EAEMmE,GAAkB,GAAuB,CAC7C,EAAE,eAAe,CACnB,EAEMC,GAAc,GAAuB,CAMrC,GALJ,EAAE,eAAe,EACjBnE,EAAe,QAAU,EACzBJ,EAAkB,EAAK,EACvBG,EAAgB,IAAI,EAEhB,GAAC,EAAE,aAAa,OAAS,EAAE,aAAa,MAAM,SAAW,GAI7D,IAAID,IAAiB,YAAa,CAChCK,EAAiB,WAAW,EAC5B,MAAMoD,EAAO,EAAE,aAAa,MAAM,CAAC,EAEnCD,EAAsBC,CAAI,CAAA,CAG5B,GAAIzD,IAAiB,UAAW,CAC9BK,EAAiB,SAAS,EACpB,MAAAqC,EAAQ,EAAE,aAAa,MAE7BD,EAAoBC,CAAK,CAAA,EAE7B,EAGM4B,EAAoB,MAAOC,EAAsCC,IAAqB,CACpF,MAAA9B,EAAQ6B,EAAM,OAAO,MACvB,CAAC7B,GAASA,EAAM,SAAW,IAI3B8B,IAAS,YACXnE,EAAiB,SAAS,EAC1BoC,EAAoBC,CAAK,GAEvB8B,IAAS,cACXnE,EAAiB,WAAW,EACNmD,EAAAd,EAAM,CAAC,CAAC,GAElC,EAEM+B,EAAoBtE,SAAyB,IAAI,EACjDuE,EAAmBvE,SAAyB,IAAI,EAGpD,OAAAwE,EAAA,kBAAA,KAACC,GAAA,wBAAA,CACC,SAAArF,EACA,sBAAuBwD,EACvB,kBAAA0B,EACA,iBAAkBrD,EAAoBsD,EAAmB,OAEzD,SAAA,CAAAC,EAAA,kBAAA,KAACE,EAAO,mBAAP,CACC,UAAWC,GAAK,CAAE,SAAUjF,EAAgB,EAC5C,YAAaqE,GACb,YAAaC,GACb,WAAYC,GACZ,OAAQC,GAER,SAAA,CAAAU,wBAACC,GAAAA,iBACC,CAAA,SAAAD,EAAAA,kBAAAA,IAAC,MAAK,CAAA,SAAA1F,CAAS,CAAA,EACjB,EACCQ,2BACEoF,EAAAA,UAAA,CACE,SAAmB1D,EAAA,IAAKC,GACvBuD,EAAA,kBAAA,IAACG,GAAA,CAEC,GAAI1D,EAAK,GACT,MAAOA,EAAK,MACZ,KAAMA,EAAK,KACX,SAAUxB,IAAiBwB,EAAK,GAChC,WAAY,IAAMvB,EAAgBuB,EAAK,EAAE,EACzC,YAAa,IAAMvB,EAAgB,IAAI,CAAA,EANlCuB,EAAK,EAQb,CAAA,EACH,GAEApB,IAAkB,aAAeA,IAAkB,YAClDuE,yBAAAM,EAAAA,UAAA,CACC,SAAA,CAACN,yBAAAQ,EAAAA,kBAAA,CACC,SAAA,CAAAJ,EAAA,kBAAA,IAACK,EAAO,SAAP,CACC,MAAO,CACL,MAAO,GAAG,IAAM9E,CAAQ,GAAA,CAC1B,CACF,0BACC,OAAK,CAAA,UAAU,QAAS,SAAA,aAAaF,CAAa,KAAM,CAAA,CAAA,EAC3D,EACA2E,wBAACM,EAAAA,aAAA,CAAoB,KAAM,QAAS,QAAQ,OAAO,QAAS5D,CAAY,CAAA,CAAA,EAC1E,EAEFsD,EAAA,kBAAA,IAAC,QAAA,CACC,KAAK,OACL,SAAW,GAAMT,EAAkB,EAAG,WAAW,EACjD,IAAKG,CAAA,CACP,EACAM,EAAA,kBAAA,IAAC,QAAA,CACC,KAAK,OACL,SAAW,GAAMT,EAAkB,EAAG,SAAS,EAC/C,IAAKI,CAAA,CAAA,CACP,CAAA,CACF,EAGAK,EAAA,kBAAA,IAACO,GAAA,CACC,OAAQ9E,EACR,MAAOE,EACP,SAAUgB,EACV,SAAUW,EAAA,CAAA,CACZ,CAAA,CACF,CAEJ"}

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

@@ -22,6 +22,8 @@ import "../../context/MenuContext.es.js";
 import "../../context/WebsocketContext.es.js";
 import "../../context/GlobalContext.es.js";
 import "../../context/ProjectContext.es.js";
+import "../../context/ProjectFoldersContext.es.js";
+import "../../context/UriContext.es.js";
 import "../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
 import "../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
 import "react-markdown";
@@ -46,39 +48,10 @@ import "react-router-dom";
 import "../../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
 import "../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
 import "../../containers/Feed/components/ActivityDate.es.js";
-import "../../containers/Feed/components/ActivityCategorySelect/CategoryTag.es.js";
-import "../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
-import "../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
-import "../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
-import "../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
-import "../../containers/Feed/Feed.styled.es.js";
-import "date-fns";
+import "../AddonLoadingScreen/AddonLoadingScreen.es.js";
+import "../ThumbnailSimple/ThumbnailSimple.es.js";
 import "../EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import "../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
-import "../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
-import "../../containers/ProjectTreeTable/ProjectTreeTable.es.js";
-import "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
-import "short-uuid";
-import "@tanstack/react-table";
-import "../../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/CellWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/EntityNameWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js";
-import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
-import "../AccessSearchInput/AccessSearchInput.styled.es.js";
-import "../AccessUser/AccessUser.es.js";
-import "../AttributeEditor/components/MinMaxField.es.js";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "../EnumEditor/EnumEditor.styled.es.js";
-import "../Badge/Badge.es.js";
-import "../Chips/Chips.es.js";
 import "../../api/base/client.es.js";
 import "../../api/generated/graphql.es.js";
 import "../../api/generated/graphqlLinks.es.js";
@@ -161,50 +134,83 @@ import { useCreateVersionMutation as Dr } from "../../api/queries/versions/updat
 import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
 import "../../api/queries/watchers/getWatchers.es.js";
-import "../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
-import "../DetailsPanelDetails/DetailsPanelDetails.es.js";
-import "../DetailsPanelDetails/DetailsSection.es.js";
-import "../DetailsPanelDetails/FieldLabel.es.js";
-import "../EarlyPreview/EarlyPreview.es.js";
-import { DragAndDropWrapper as xr, DropZones as H, UploadingProgress as Pr, Progress as wr, CancelButton as yr } from "./EntityPanelUploader.styled.es.js";
-import jr from "./Dropzone.es.js";
-import Ur from "axios";
+import "../../api/queries/uris/getUris.es.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
 import "../ReviewablesList/ReviewablesList.styled.es.js";
 import "../ReviewablesList/ReviewablesUpload.styled.es.js";
-import { useReviewablesUpload as Ir } from "../ReviewablesList/useReviewablesUpload.es.js";
+import { useReviewablesUpload as xr } from "../ReviewablesList/useReviewablesUpload.es.js";
+import "../ReviewableCard/ReviewableCard.es.js";
+import "../ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
+import "../FileThumbnail/FileThumbnail.es.js";
+import "../Thumbnail/Thumbnail.styled.es.js";
+import "../Thumbnail/StackedThumbnails.es.js";
+import { DragAndDropWrapper as Pr, DropZones as H, UploadingProgress as wr, Progress as yr, CancelButton as jr } from "./EntityPanelUploader.styled.es.js";
+import Ur from "./Dropzone.es.js";
+import Ir from "axios";
 import Tr from "./EntityPanelUploaderDialog.es.js";
+import "../SimpleFormDialog/SimpleFormDialog.es.js";
 import "../EntityPath/EntityPath.styled.es.js";
 import "../EntityPath/SegmentProvider.es.js";
-import "../FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../Feedback/FeedbackContext.es.js";
-import "../Feedback/SupportBubble.es.js";
-import "../FileThumbnail/FileThumbnail.es.js";
-import "../LegacyBadge/LegacyBadge.es.js";
-import "../LinksManager/LinksManager.styled.es.js";
-import "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
+import "../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
+import "../DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "../DetailsPanelDetails/DetailsSection.es.js";
+import "../DetailsPanelDetails/FieldLabel.es.js";
+import "../Watchers/Watchers.es.js";
+import "../ProjectTableSettings/ProjectTableSettings.es.js";
 import "../Powerpack/PowerpackButton.es.js";
 import "../Powerpack/PricingLink.es.js";
 import "../Powerpack/PowerpackDialog.styled.es.js";
 import "../Powerpack/CTAButton.es.js";
 import "../Powerpack/RequiredAddonVersion.es.js";
-import "../ProjectTableSettings/ProjectTableSettings.es.js";
 import "../SizeSlider/SizeSlider.es.js";
-import "../ReviewableCard/ReviewableCard.es.js";
-import "../ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
-import "../SearchFilter/filterDates.es.js";
 import "../SettingsPanel/SettingsPanel.es.js";
 import "../SettingsPanel/SettingsPanelItemTemplate.es.js";
-import "../ShareOptionIcon/ShareOptionIcon.es.js";
-import "../SimpleFormDialog/SimpleFormDialog.es.js";
-import "../SortingSetting/SortingSetting.styled.es.js";
-import "../StyledLink/StyledLink.es.js";
-import "../TableGridSwitch/TableGridSwitch.es.js";
-import "../Thumbnail/Thumbnail.styled.es.js";
-import "../Thumbnail/StackedThumbnails.es.js";
-import "../ThumbnailSimple/ThumbnailSimple.es.js";
+import "../AttributeEditor/components/MinMaxField.es.js";
+import "../EnumEditor/EnumEditor.styled.es.js";
+import "../SearchFilter/filterDates.es.js";
+import "../FeaturedVersionOrder/FeaturedVersionOrder.es.js";
+import "../Badge/Badge.es.js";
 import "../VersionUploader/components/UploadVersionDialog.es.js";
 import "../VersionUploader/context/VersionUploadContext.es.js";
-import "../Watchers/Watchers.es.js";
+import "../Feedback/FeedbackContext.es.js";
+import "../Feedback/SupportBubble.es.js";
+import "../Chips/Chips.es.js";
+import "../LinksManager/LinksManager.styled.es.js";
+import "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
+import "../StyledLink/StyledLink.es.js";
+import "date-fns";
+import "../ShareOptionIcon/ShareOptionIcon.es.js";
+import "../AccessUser/AccessUser.es.js";
+import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
+import "../AccessSearchInput/AccessSearchInput.styled.es.js";
+import "../TableGridSwitch/TableGridSwitch.es.js";
+import "../SortingSetting/SortingSetting.styled.es.js";
+import "../EarlyPreview/EarlyPreview.es.js";
+import "../LegacyBadge/LegacyBadge.es.js";
+import "../Menu/Menu.styled.es.js";
+import "../Menu/MenuItem.es.js";
+import "../../containers/Feed/components/ActivityCategorySelect/CategoryTag.es.js";
+import "../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
+import "../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
+import "../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
+import "../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
+import "../../containers/Feed/Feed.styled.es.js";
+import "../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
+import "../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
+import "../../containers/ProjectTreeTable/ProjectTreeTable.es.js";
+import "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
+import "short-uuid";
+import "@tanstack/react-table";
+import "../../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/CellWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EntityNameWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js";
 import "../LinksManager/CellEditingDialog.es.js";
 import "../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
 import "../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
@@ -244,7 +250,7 @@ import "../../containers/Views/ViewsMenu/ViewsMenu.es.js";
 const Fr = [
   { id: "thumbnail", label: "Upload thumbnail", icon: "add_photo_alternate" },
   { id: "version", label: "Upload version", icon: "layers" }
-], pm = ({
+], lm = ({
   children: _ = [],
   entityType: F,
   entities: a = [],
@@ -253,7 +259,7 @@ const Fr = [
   onVersionCreated: D
 }) => {
   var k, L, W;
-  const { dispatch: G } = cr(), [C, d] = c(!1), [x, u] = c(null), l = T(0), [P, s] = c(null), [J, v] = c(0), [K, f] = c(!1), [w, h] = c(null), i = a.length === 1 ? a[0] : null, S = (k = i == null ? void 0 : i.task) == null ? void 0 : k.id, y = (L = i == null ? void 0 : i.folder) == null ? void 0 : L.id, Q = (W = i == null ? void 0 : i.product) == null ? void 0 : W.id, X = i == null ? void 0 : i.id, j = !!(i && F !== "representation"), { handleFileUpload: Y } = Ir({
+  const { dispatch: G } = cr(), [C, d] = c(!1), [x, u] = c(null), l = T(0), [P, s] = c(null), [J, v] = c(0), [K, f] = c(!1), [w, h] = c(null), i = a.length === 1 ? a[0] : null, S = (k = i == null ? void 0 : i.task) == null ? void 0 : k.id, y = (L = i == null ? void 0 : i.folder) == null ? void 0 : L.id, Q = (W = i == null ? void 0 : i.product) == null ? void 0 : W.id, X = i == null ? void 0 : i.id, j = !!(i && F !== "representation"), { handleFileUpload: Y } = xr({
     projectName: b,
     versionId: X,
     taskId: S,
@@ -350,7 +356,7 @@ const Fr = [
       for (const e of a) {
         const { id: g, entityType: U, projectName: I } = e;
         if (!I) throw new Error("Project name is required");
-        const sr = Ur.post(
+        const sr = Ir.post(
           I && `/api/projects/${I}/${U}s/${g}/thumbnail`,
           r,
           {
@@ -404,7 +410,7 @@ const Fr = [
       versionsInputRef: j ? M : void 0,
       children: [
         /* @__PURE__ */ p.jsxs(
-          xr,
+          Pr,
           {
             className: lr({ dragging: C }),
             onDragEnter: mr,
@@ -414,7 +420,7 @@ const Fr = [
             children: [
               /* @__PURE__ */ p.jsx(Rr, { children: /* @__PURE__ */ p.jsx("div", { children: _ }) }),
               C && /* @__PURE__ */ p.jsx(H, { children: z.map((r) => /* @__PURE__ */ p.jsx(
-                jr,
+                Ur,
                 {
                   id: r.id,
                   label: r.label,
@@ -426,9 +432,9 @@ const Fr = [
                 r.id
               )) }),
               (P === "thumbnail" || P === "version") && /* @__PURE__ */ p.jsxs(H, { children: [
-                /* @__PURE__ */ p.jsxs(Pr, { children: [
+                /* @__PURE__ */ p.jsxs(wr, { children: [
                   /* @__PURE__ */ p.jsx(
-                    wr,
+                    yr,
                     {
                       style: {
                         right: `${100 - J}%`
@@ -437,7 +443,7 @@ const Fr = [
                   ),
                   /* @__PURE__ */ p.jsx("span", { className: "label", children: `Uploading ${P}...` })
                 ] }),
-                /* @__PURE__ */ p.jsx(yr, { icon: "close", variant: "text", onClick: n })
+                /* @__PURE__ */ p.jsx(jr, { icon: "close", variant: "text", onClick: n })
               ] }),
               /* @__PURE__ */ p.jsx(
                 "input",
@@ -472,6 +478,6 @@ const Fr = [
   );
 };
 export {
-  pm as EntityPanelUploader
+  lm as EntityPanelUploader
 };
 //# sourceMappingURL=EntityPanelUploader.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EntityPanelUploader.es.js","sources":["../../../../../src/components/EntityPanelUploader/EntityPanelUploader.tsx"],"sourcesContent":["import { ChangeEvent, useRef, useState } from 'react'\nimport clsx from 'clsx'\n\nimport { ThumbnailWrapper } from '@shared/containers'\nimport {\n  useCreateVersionMutation,\n  useUpdateEntitiesMutation,\n  useCreateProductMutation,\n} from '@shared/api'\nimport * as Styled from './EntityPanelUploader.styled'\nimport { ThumbnailUploadProvider } from '../../context/ThumbnailUploaderContext'\nimport Dropzone, { DropzoneType } from './Dropzone'\nimport axios from 'axios'\nimport { toast } from 'react-toastify'\nimport { useReviewablesUpload } from '../ReviewablesList'\nimport { useDetailsPanelContext } from '@shared/context'\nimport EntityPanelUploaderDialog from './EntityPanelUploaderDialog'\nimport {\n  sanitizeProductName,\n  createProductHelper,\n  createVersionHelper,\n  getNextVersionNumber,\n  handleUploadError,\n} from '@shared/util'\n\ntype Operation = {\n  id: string\n  projectName: string\n  currentAssignees: any[]\n  data: { updatedAt: string }\n}\nexport type EntityPanelUploaderProps = {\n  entityType: string\n  entities: any[]\n  projectName: any\n  children?: JSX.Element | JSX.Element[]\n  onUploaded?: (operations: Operation[]) => void\n  resetFileUploadState?: () => void\n  onVersionCreated?: (versionId: string) => void\n}\n\ntype UploadType = 'thumbnail' | 'version'\nconst dropZones: (DropzoneType & { id: UploadType })[] = [\n  { id: 'thumbnail', label: 'Upload thumbnail', icon: 'add_photo_alternate' },\n  { id: 'version', label: 'Upload version', icon: 'layers' },\n]\n\nexport const EntityPanelUploader = ({\n  children = [],\n  entityType,\n  entities = [],\n  projectName,\n  onUploaded,\n  onVersionCreated,\n}: EntityPanelUploaderProps) => {\n  const { dispatch } = useDetailsPanelContext()\n  // Dragging and dropping state\n  const [isDraggingFile, setIsDraggingFile] = useState(false)\n  const [draggingZone, setDraggingZone] = useState<UploadType | null>(null)\n  const dragCounterRef = useRef(0)\n\n  // Uploading state\n  const [uploadingType, setUploadingType] = useState<UploadType | null>(null)\n  const [progress, setProgress] = useState(0)\n\n  // Dialog state for product creation\n  const [showProductDialog, setShowProductDialog] = useState(false)\n  const [pendingFiles, setPendingFiles] = useState<FileList | null>(null)\n\n  // Check if we have exactly one entity selected\n  const singleEntity = entities.length === 1 ? entities[0] : null\n  // extra all entity IDs for the single version entity\n  const taskId: string | undefined = singleEntity?.task?.id\n  const folderId: string | undefined = singleEntity?.folder?.id\n  const productId: string | undefined = singleEntity?.product?.id\n  const versionId: string | undefined = singleEntity?.id\n  const canUploadVersions = Boolean(singleEntity && entityType !== 'representation')\n\n  // Use the custom hook for reviewable upload logic (only when single version)\n  const { handleFileUpload: uploadReviewableFiles } = useReviewablesUpload({\n    projectName,\n    versionId: versionId,\n    taskId: taskId,\n    folderId: folderId,\n    productId: productId,\n    dispatch,\n    onUpload: () => {\n      setUploadingType(null)\n      setProgress(0)\n    },\n    onProgress: (progress) => {\n      setProgress(progress)\n    },\n  })\n\n  // Filter drop zones based on whether we can upload reviewables\n  const availableDropZones = dropZones.filter((zone) => {\n    if (zone.id === 'version') {\n      return canUploadVersions\n    }\n    return true\n  })\n\n  const resetState = () => {\n    setUploadingType(null)\n    setIsDraggingFile(false)\n    setDraggingZone(null)\n    dragCounterRef.current = 0\n    setProgress(0)\n    setShowProductDialog(false)\n    setPendingFiles(null)\n  }\n\n  // Handle dialog submission - create product and upload version\n  const handleDialogSubmit = async (productName: string) => {\n    if (!pendingFiles || !singleEntity) {\n      setShowProductDialog(false)\n      setPendingFiles(null)\n      return\n    }\n\n    const sanitizedName = sanitizeProductName(productName)\n\n    if (!sanitizedName.trim()) {\n      toast.error(\n        'Product name must contain valid characters (letters, numbers, underscore, or hyphen)',\n      )\n      return\n    }\n\n    try {\n      if (!folderId) {\n        throw new Error('Folder ID is required to create a product')\n      }\n      setUploadingType('version')\n\n      // Create the product\n      const productRes = await createProductHelper(createProduct, projectName, {\n        folderId: folderId,\n        name: sanitizedName,\n        productType: 'review', // default product type for uploaded files\n      })\n\n      // Close dialog and proceed with version upload\n      setShowProductDialog(false)\n      await uploadVersionWithProduct(pendingFiles, productRes.id)\n      setPendingFiles(null)\n    } catch (error: any) {\n      handleUploadError(error, 'creating product')\n      resetState()\n    }\n  }\n\n  // Handle dialog cancellation\n  const handleDialogCancel = () => {\n    setShowProductDialog(false)\n    setPendingFiles(null)\n    resetState()\n  }\n\n  const [createVersion] = useCreateVersionMutation()\n  const [createProduct] = useCreateProductMutation()\n  // Handle version/reviewable file upload\n  const handleVersionUpload = async (files: FileList) => {\n    if (!canUploadVersions || !singleEntity) {\n      toast.error('Please select exactly one version to upload reviewables')\n      return resetState()\n    }\n\n    const productId = singleEntity.product?.id\n    if (!productId) {\n      // Show dialog to create product first\n      setPendingFiles(files)\n      setShowProductDialog(true)\n      return\n    }\n\n    // If we have a productId, proceed with upload\n    await uploadVersionWithProduct(files, productId)\n  }\n\n  // Helper function to handle the actual version upload\n  const uploadVersionWithProduct = async (files: FileList, productId: string) => {\n    try {\n      const nextVersion = getNextVersionNumber(singleEntity!.product?.latestVersion)\n\n      // create a new version\n      const versionRes = await createVersionHelper(createVersion, projectName, {\n        productId,\n        taskId, // previous version could have a taskId or we are uploading on a task\n        version: nextVersion,\n      })\n\n      await uploadReviewableFiles(files, versionRes.id)\n      // The hook handles success callbacks, just reset our local state\n      resetState()\n\n      // update entity panel to focus the new version\n      onVersionCreated?.(versionRes.id)\n    } catch (error: any) {\n      handleUploadError(error, 'uploading version')\n      resetState()\n    }\n  }\n\n  // once the file has been uploaded, we need to patch the entities with the new thumbnail\n  const handleThumbnailFileUploaded = async (thumbnails: any[] = []) => {\n    // always set isDragginle to false\n    setIsDraggingFile(false)\n\n    // check something was actually uploaded\n    if (!entities.length) {\n      return\n    }\n\n    // patching the updatedAt will force a refresh of the thumbnail url\n    const newUpdatedAt = new Date().toISOString()\n\n    let operations: Operation[] = []\n    let versionPatches = []\n\n    for (const entity of thumbnails) {\n      const entityToPatch = entities.find((e) => e.id === entity.id)\n      if (!entityToPatch) continue\n      const thumbnailId = entity.thumbnailId\n      const currentAssignees = entity.users || []\n\n      operations.push({\n        id: entityToPatch.id,\n        projectName: entityToPatch.projectName,\n        data: { updatedAt: newUpdatedAt },\n        currentAssignees,\n      })\n\n      const versionPatch = {\n        productId: entityToPatch.productId,\n        versionUpdatedAt: newUpdatedAt,\n        versionThumbnailId: thumbnailId,\n      }\n\n      versionPatches.push(versionPatch)\n    }\n\n    try {\n      await updateEntities({ operations, entityType })\n      onUploaded && onUploaded(operations)\n    } catch (error) {\n      console.error('Error uploading thumbnail:', error)\n    }\n  }\n\n  const handleUploadThumbnail = async (file: File) => {\n    if (!file) return resetState()\n\n    try {\n      // check file is an image\n      if (!file.type.includes('image')) {\n        throw new Error('File is not an image')\n      }\n\n      let promises = []\n      for (const entity of entities) {\n        const { id, entityType, projectName } = entity\n\n        if (!projectName) throw new Error('Project name is required')\n\n        const promise = axios.post(\n          projectName && `/api/projects/${projectName}/${entityType}s/${id}/thumbnail`,\n          file,\n          {\n            onUploadProgress: (e) => {\n              setProgress(Math.round((100 * e.loaded) / (e.total || file.size)))\n            },\n            headers: {\n              'Content-Type': file.type,\n            },\n          },\n        )\n\n        promises.push(promise)\n      }\n\n      const res = await Promise.all(promises)\n\n      const updatedEntities = res.map((res, i) => ({\n        thumbnailId: res.data.id as string,\n        id: entities[i].id,\n      }))\n\n      handleThumbnailFileUploaded(updatedEntities)\n      resetState()\n    } catch (error: any) {\n      console.error(error)\n      toast.error(error.message)\n      resetState()\n    }\n  }\n\n  const [updateEntities] = useUpdateEntitiesMutation()\n\n  const handleDragEnter = (e: React.DragEvent) => {\n    e.preventDefault()\n    dragCounterRef.current++\n    if (dragCounterRef.current === 1) {\n      setIsDraggingFile(true)\n    }\n  }\n\n  const handleDragLeave = (e: React.DragEvent) => {\n    e.preventDefault()\n    dragCounterRef.current--\n    if (dragCounterRef.current === 0) {\n      setIsDraggingFile(false)\n      setDraggingZone(null)\n    }\n  }\n\n  const handleDragOver = (e: React.DragEvent) => {\n    e.preventDefault()\n  }\n\n  const handleDrop = (e: React.DragEvent) => {\n    e.preventDefault()\n    dragCounterRef.current = 0\n    setIsDraggingFile(false)\n    setDraggingZone(null)\n\n    if (!e.dataTransfer.files || e.dataTransfer.files.length === 0) {\n      return\n    }\n\n    if (draggingZone === 'thumbnail') {\n      setUploadingType('thumbnail')\n      const file = e.dataTransfer.files[0]\n      // try to upload the thumbnail\n      handleUploadThumbnail(file)\n    }\n\n    if (draggingZone === 'version') {\n      setUploadingType('version')\n      const files = e.dataTransfer.files\n      // try to upload the reviewables using the hook\n      handleVersionUpload(files)\n    }\n  }\n\n  // upload thumbnail from input (right click on thumbnail)\n  const handleInputUpload = async (event: ChangeEvent<HTMLInputElement>, type: UploadType) => {\n    const files = event.target.files\n    if (!files || files.length === 0) {\n      return\n    }\n\n    if (type === 'version') {\n      setUploadingType('version')\n      handleVersionUpload(files)\n    }\n    if (type === 'thumbnail') {\n      setUploadingType('thumbnail')\n      handleUploadThumbnail(files[0])\n    }\n  }\n\n  const thumbnailInputRef = useRef<HTMLInputElement>(null)\n  const versionsInputRef = useRef<HTMLInputElement>(null)\n\n  return (\n    <ThumbnailUploadProvider\n      entities={entities}\n      handleThumbnailUpload={handleThumbnailFileUploaded}\n      thumbnailInputRef={thumbnailInputRef}\n      versionsInputRef={canUploadVersions ? versionsInputRef : undefined}\n    >\n      <Styled.DragAndDropWrapper\n        className={clsx({ dragging: isDraggingFile })}\n        onDragEnter={handleDragEnter}\n        onDragLeave={handleDragLeave}\n        onDragOver={handleDragOver}\n        onDrop={handleDrop}\n      >\n        <ThumbnailWrapper>\n          <div>{children}</div>\n        </ThumbnailWrapper>\n        {isDraggingFile && (\n          <Styled.DropZones>\n            {availableDropZones.map((zone) => (\n              <Dropzone\n                key={zone.id}\n                id={zone.id}\n                label={zone.label}\n                icon={zone.icon}\n                isActive={draggingZone === zone.id}\n                onDragOver={() => setDraggingZone(zone.id)}\n                onDragLeave={() => setDraggingZone(null)}\n              />\n            ))}\n          </Styled.DropZones>\n        )}\n        {(uploadingType === 'thumbnail' || uploadingType === 'version') && (\n          <Styled.DropZones>\n            <Styled.UploadingProgress>\n              <Styled.Progress\n                style={{\n                  right: `${100 - progress}%`,\n                }}\n              />\n              <span className=\"label\">{`Uploading ${uploadingType}...`}</span>\n            </Styled.UploadingProgress>\n            <Styled.CancelButton icon={'close'} variant=\"text\" onClick={resetState} />\n          </Styled.DropZones>\n        )}\n        <input\n          type=\"file\"\n          onChange={(e) => handleInputUpload(e, 'thumbnail')}\n          ref={thumbnailInputRef}\n        />\n        <input\n          type=\"file\"\n          onChange={(e) => handleInputUpload(e, 'version')}\n          ref={versionsInputRef}\n        />\n      </Styled.DragAndDropWrapper>\n\n      {/* Product creation dialog */}\n      <EntityPanelUploaderDialog\n        isOpen={showProductDialog}\n        files={pendingFiles}\n        onSubmit={handleDialogSubmit}\n        onCancel={handleDialogCancel}\n      />\n    </ThumbnailUploadProvider>\n  )\n}\n"],"names":["dropZones","EntityPanelUploader","children","entityType","entities","projectName","onUploaded","onVersionCreated","dispatch","useDetailsPanelContext","isDraggingFile","setIsDraggingFile","useState","draggingZone","setDraggingZone","dragCounterRef","useRef","uploadingType","setUploadingType","progress","setProgress","showProductDialog","setShowProductDialog","pendingFiles","setPendingFiles","singleEntity","taskId","_a","folderId","_b","productId","_c","versionId","canUploadVersions","uploadReviewableFiles","useReviewablesUpload","availableDropZones","zone","resetState","handleDialogSubmit","productName","sanitizedName","sanitizeProductName","toast","productRes","createProductHelper","createProduct","uploadVersionWithProduct","error","handleUploadError","handleDialogCancel","createVersion","useCreateVersionMutation","useCreateProductMutation","handleVersionUpload","files","nextVersion","getNextVersionNumber","versionRes","createVersionHelper","handleThumbnailFileUploaded","thumbnails","newUpdatedAt","operations","entity","entityToPatch","e","currentAssignees","updateEntities","handleUploadThumbnail","file","promises","id","promise","axios","updatedEntities","res","i","useUpdateEntitiesMutation","handleDragEnter","handleDragLeave","handleDragOver","handleDrop","handleInputUpload","event","type","thumbnailInputRef","versionsInputRef","jsxs","ThumbnailUploadProvider","Styled.DragAndDropWrapper","clsx","jsx","ThumbnailWrapper","Styled.DropZones","Dropzone","Styled.UploadingProgress","Styled.Progress","Styled.CancelButton","EntityPanelUploaderDialog"],"mappings":"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"}
+{"version":3,"file":"EntityPanelUploader.es.js","sources":["../../../../../src/components/EntityPanelUploader/EntityPanelUploader.tsx"],"sourcesContent":["import { ChangeEvent, useRef, useState } from 'react'\nimport clsx from 'clsx'\n\nimport { ThumbnailWrapper } from '@shared/containers'\nimport {\n  useCreateVersionMutation,\n  useUpdateEntitiesMutation,\n  useCreateProductMutation,\n} from '@shared/api'\nimport * as Styled from './EntityPanelUploader.styled'\nimport { ThumbnailUploadProvider } from '../../context/ThumbnailUploaderContext'\nimport Dropzone, { DropzoneType } from './Dropzone'\nimport axios from 'axios'\nimport { toast } from 'react-toastify'\nimport { useReviewablesUpload } from '../ReviewablesList'\nimport { useDetailsPanelContext } from '@shared/context'\nimport EntityPanelUploaderDialog from './EntityPanelUploaderDialog'\nimport {\n  sanitizeProductName,\n  createProductHelper,\n  createVersionHelper,\n  getNextVersionNumber,\n  handleUploadError,\n} from '@shared/util'\n\ntype Operation = {\n  id: string\n  projectName: string\n  currentAssignees: any[]\n  data: { updatedAt: string }\n}\nexport type EntityPanelUploaderProps = {\n  entityType: string\n  entities: any[]\n  projectName: any\n  children?: JSX.Element | JSX.Element[]\n  onUploaded?: (operations: Operation[]) => void\n  resetFileUploadState?: () => void\n  onVersionCreated?: (versionId: string) => void\n}\n\ntype UploadType = 'thumbnail' | 'version'\nconst dropZones: (DropzoneType & { id: UploadType })[] = [\n  { id: 'thumbnail', label: 'Upload thumbnail', icon: 'add_photo_alternate' },\n  { id: 'version', label: 'Upload version', icon: 'layers' },\n]\n\nexport const EntityPanelUploader = ({\n  children = [],\n  entityType,\n  entities = [],\n  projectName,\n  onUploaded,\n  onVersionCreated,\n}: EntityPanelUploaderProps) => {\n  const { dispatch } = useDetailsPanelContext()\n  // Dragging and dropping state\n  const [isDraggingFile, setIsDraggingFile] = useState(false)\n  const [draggingZone, setDraggingZone] = useState<UploadType | null>(null)\n  const dragCounterRef = useRef(0)\n\n  // Uploading state\n  const [uploadingType, setUploadingType] = useState<UploadType | null>(null)\n  const [progress, setProgress] = useState(0)\n\n  // Dialog state for product creation\n  const [showProductDialog, setShowProductDialog] = useState(false)\n  const [pendingFiles, setPendingFiles] = useState<FileList | null>(null)\n\n  // Check if we have exactly one entity selected\n  const singleEntity = entities.length === 1 ? entities[0] : null\n  // extra all entity IDs for the single version entity\n  const taskId: string | undefined = singleEntity?.task?.id\n  const folderId: string | undefined = singleEntity?.folder?.id\n  const productId: string | undefined = singleEntity?.product?.id\n  const versionId: string | undefined = singleEntity?.id\n  const canUploadVersions = Boolean(singleEntity && entityType !== 'representation')\n\n  // Use the custom hook for reviewable upload logic (only when single version)\n  const { handleFileUpload: uploadReviewableFiles } = useReviewablesUpload({\n    projectName,\n    versionId: versionId,\n    taskId: taskId,\n    folderId: folderId,\n    productId: productId,\n    dispatch,\n    onUpload: () => {\n      setUploadingType(null)\n      setProgress(0)\n    },\n    onProgress: (progress) => {\n      setProgress(progress)\n    },\n  })\n\n  // Filter drop zones based on whether we can upload reviewables\n  const availableDropZones = dropZones.filter((zone) => {\n    if (zone.id === 'version') {\n      return canUploadVersions\n    }\n    return true\n  })\n\n  const resetState = () => {\n    setUploadingType(null)\n    setIsDraggingFile(false)\n    setDraggingZone(null)\n    dragCounterRef.current = 0\n    setProgress(0)\n    setShowProductDialog(false)\n    setPendingFiles(null)\n  }\n\n  // Handle dialog submission - create product and upload version\n  const handleDialogSubmit = async (productName: string) => {\n    if (!pendingFiles || !singleEntity) {\n      setShowProductDialog(false)\n      setPendingFiles(null)\n      return\n    }\n\n    const sanitizedName = sanitizeProductName(productName)\n\n    if (!sanitizedName.trim()) {\n      toast.error(\n        'Product name must contain valid characters (letters, numbers, underscore, or hyphen)',\n      )\n      return\n    }\n\n    try {\n      if (!folderId) {\n        throw new Error('Folder ID is required to create a product')\n      }\n      setUploadingType('version')\n\n      // Create the product\n      const productRes = await createProductHelper(createProduct, projectName, {\n        folderId: folderId,\n        name: sanitizedName,\n        productType: 'review', // default product type for uploaded files\n      })\n\n      // Close dialog and proceed with version upload\n      setShowProductDialog(false)\n      await uploadVersionWithProduct(pendingFiles, productRes.id)\n      setPendingFiles(null)\n    } catch (error: any) {\n      handleUploadError(error, 'creating product')\n      resetState()\n    }\n  }\n\n  // Handle dialog cancellation\n  const handleDialogCancel = () => {\n    setShowProductDialog(false)\n    setPendingFiles(null)\n    resetState()\n  }\n\n  const [createVersion] = useCreateVersionMutation()\n  const [createProduct] = useCreateProductMutation()\n  // Handle version/reviewable file upload\n  const handleVersionUpload = async (files: FileList) => {\n    if (!canUploadVersions || !singleEntity) {\n      toast.error('Please select exactly one version to upload reviewables')\n      return resetState()\n    }\n\n    const productId = singleEntity.product?.id\n    if (!productId) {\n      // Show dialog to create product first\n      setPendingFiles(files)\n      setShowProductDialog(true)\n      return\n    }\n\n    // If we have a productId, proceed with upload\n    await uploadVersionWithProduct(files, productId)\n  }\n\n  // Helper function to handle the actual version upload\n  const uploadVersionWithProduct = async (files: FileList, productId: string) => {\n    try {\n      const nextVersion = getNextVersionNumber(singleEntity!.product?.latestVersion)\n\n      // create a new version\n      const versionRes = await createVersionHelper(createVersion, projectName, {\n        productId,\n        taskId, // previous version could have a taskId or we are uploading on a task\n        version: nextVersion,\n      })\n\n      await uploadReviewableFiles(files, versionRes.id)\n      // The hook handles success callbacks, just reset our local state\n      resetState()\n\n      // update entity panel to focus the new version\n      onVersionCreated?.(versionRes.id)\n    } catch (error: any) {\n      handleUploadError(error, 'uploading version')\n      resetState()\n    }\n  }\n\n  // once the file has been uploaded, we need to patch the entities with the new thumbnail\n  const handleThumbnailFileUploaded = async (thumbnails: any[] = []) => {\n    // always set isDragginle to false\n    setIsDraggingFile(false)\n\n    // check something was actually uploaded\n    if (!entities.length) {\n      return\n    }\n\n    // patching the updatedAt will force a refresh of the thumbnail url\n    const newUpdatedAt = new Date().toISOString()\n\n    let operations: Operation[] = []\n    let versionPatches = []\n\n    for (const entity of thumbnails) {\n      const entityToPatch = entities.find((e) => e.id === entity.id)\n      if (!entityToPatch) continue\n      const thumbnailId = entity.thumbnailId\n      const currentAssignees = entity.users || []\n\n      operations.push({\n        id: entityToPatch.id,\n        projectName: entityToPatch.projectName,\n        data: { updatedAt: newUpdatedAt },\n        currentAssignees,\n      })\n\n      const versionPatch = {\n        productId: entityToPatch.productId,\n        versionUpdatedAt: newUpdatedAt,\n        versionThumbnailId: thumbnailId,\n      }\n\n      versionPatches.push(versionPatch)\n    }\n\n    try {\n      await updateEntities({ operations, entityType })\n      onUploaded && onUploaded(operations)\n    } catch (error) {\n      console.error('Error uploading thumbnail:', error)\n    }\n  }\n\n  const handleUploadThumbnail = async (file: File) => {\n    if (!file) return resetState()\n\n    try {\n      // check file is an image\n      if (!file.type.includes('image')) {\n        throw new Error('File is not an image')\n      }\n\n      let promises = []\n      for (const entity of entities) {\n        const { id, entityType, projectName } = entity\n\n        if (!projectName) throw new Error('Project name is required')\n\n        const promise = axios.post(\n          projectName && `/api/projects/${projectName}/${entityType}s/${id}/thumbnail`,\n          file,\n          {\n            onUploadProgress: (e) => {\n              setProgress(Math.round((100 * e.loaded) / (e.total || file.size)))\n            },\n            headers: {\n              'Content-Type': file.type,\n            },\n          },\n        )\n\n        promises.push(promise)\n      }\n\n      const res = await Promise.all(promises)\n\n      const updatedEntities = res.map((res, i) => ({\n        thumbnailId: res.data.id as string,\n        id: entities[i].id,\n      }))\n\n      handleThumbnailFileUploaded(updatedEntities)\n      resetState()\n    } catch (error: any) {\n      console.error(error)\n      toast.error(error.message)\n      resetState()\n    }\n  }\n\n  const [updateEntities] = useUpdateEntitiesMutation()\n\n  const handleDragEnter = (e: React.DragEvent) => {\n    e.preventDefault()\n    dragCounterRef.current++\n    if (dragCounterRef.current === 1) {\n      setIsDraggingFile(true)\n    }\n  }\n\n  const handleDragLeave = (e: React.DragEvent) => {\n    e.preventDefault()\n    dragCounterRef.current--\n    if (dragCounterRef.current === 0) {\n      setIsDraggingFile(false)\n      setDraggingZone(null)\n    }\n  }\n\n  const handleDragOver = (e: React.DragEvent) => {\n    e.preventDefault()\n  }\n\n  const handleDrop = (e: React.DragEvent) => {\n    e.preventDefault()\n    dragCounterRef.current = 0\n    setIsDraggingFile(false)\n    setDraggingZone(null)\n\n    if (!e.dataTransfer.files || e.dataTransfer.files.length === 0) {\n      return\n    }\n\n    if (draggingZone === 'thumbnail') {\n      setUploadingType('thumbnail')\n      const file = e.dataTransfer.files[0]\n      // try to upload the thumbnail\n      handleUploadThumbnail(file)\n    }\n\n    if (draggingZone === 'version') {\n      setUploadingType('version')\n      const files = e.dataTransfer.files\n      // try to upload the reviewables using the hook\n      handleVersionUpload(files)\n    }\n  }\n\n  // upload thumbnail from input (right click on thumbnail)\n  const handleInputUpload = async (event: ChangeEvent<HTMLInputElement>, type: UploadType) => {\n    const files = event.target.files\n    if (!files || files.length === 0) {\n      return\n    }\n\n    if (type === 'version') {\n      setUploadingType('version')\n      handleVersionUpload(files)\n    }\n    if (type === 'thumbnail') {\n      setUploadingType('thumbnail')\n      handleUploadThumbnail(files[0])\n    }\n  }\n\n  const thumbnailInputRef = useRef<HTMLInputElement>(null)\n  const versionsInputRef = useRef<HTMLInputElement>(null)\n\n  return (\n    <ThumbnailUploadProvider\n      entities={entities}\n      handleThumbnailUpload={handleThumbnailFileUploaded}\n      thumbnailInputRef={thumbnailInputRef}\n      versionsInputRef={canUploadVersions ? versionsInputRef : undefined}\n    >\n      <Styled.DragAndDropWrapper\n        className={clsx({ dragging: isDraggingFile })}\n        onDragEnter={handleDragEnter}\n        onDragLeave={handleDragLeave}\n        onDragOver={handleDragOver}\n        onDrop={handleDrop}\n      >\n        <ThumbnailWrapper>\n          <div>{children}</div>\n        </ThumbnailWrapper>\n        {isDraggingFile && (\n          <Styled.DropZones>\n            {availableDropZones.map((zone) => (\n              <Dropzone\n                key={zone.id}\n                id={zone.id}\n                label={zone.label}\n                icon={zone.icon}\n                isActive={draggingZone === zone.id}\n                onDragOver={() => setDraggingZone(zone.id)}\n                onDragLeave={() => setDraggingZone(null)}\n              />\n            ))}\n          </Styled.DropZones>\n        )}\n        {(uploadingType === 'thumbnail' || uploadingType === 'version') && (\n          <Styled.DropZones>\n            <Styled.UploadingProgress>\n              <Styled.Progress\n                style={{\n                  right: `${100 - progress}%`,\n                }}\n              />\n              <span className=\"label\">{`Uploading ${uploadingType}...`}</span>\n            </Styled.UploadingProgress>\n            <Styled.CancelButton icon={'close'} variant=\"text\" onClick={resetState} />\n          </Styled.DropZones>\n        )}\n        <input\n          type=\"file\"\n          onChange={(e) => handleInputUpload(e, 'thumbnail')}\n          ref={thumbnailInputRef}\n        />\n        <input\n          type=\"file\"\n          onChange={(e) => handleInputUpload(e, 'version')}\n          ref={versionsInputRef}\n        />\n      </Styled.DragAndDropWrapper>\n\n      {/* Product creation dialog */}\n      <EntityPanelUploaderDialog\n        isOpen={showProductDialog}\n        files={pendingFiles}\n        onSubmit={handleDialogSubmit}\n        onCancel={handleDialogCancel}\n      />\n    </ThumbnailUploadProvider>\n  )\n}\n"],"names":["dropZones","EntityPanelUploader","children","entityType","entities","projectName","onUploaded","onVersionCreated","dispatch","useDetailsPanelContext","isDraggingFile","setIsDraggingFile","useState","draggingZone","setDraggingZone","dragCounterRef","useRef","uploadingType","setUploadingType","progress","setProgress","showProductDialog","setShowProductDialog","pendingFiles","setPendingFiles","singleEntity","taskId","_a","folderId","_b","productId","_c","versionId","canUploadVersions","uploadReviewableFiles","useReviewablesUpload","availableDropZones","zone","resetState","handleDialogSubmit","productName","sanitizedName","sanitizeProductName","toast","productRes","createProductHelper","createProduct","uploadVersionWithProduct","error","handleUploadError","handleDialogCancel","createVersion","useCreateVersionMutation","useCreateProductMutation","handleVersionUpload","files","nextVersion","getNextVersionNumber","versionRes","createVersionHelper","handleThumbnailFileUploaded","thumbnails","newUpdatedAt","operations","entity","entityToPatch","e","currentAssignees","updateEntities","handleUploadThumbnail","file","promises","id","promise","axios","updatedEntities","res","i","useUpdateEntitiesMutation","handleDragEnter","handleDragLeave","handleDragOver","handleDrop","handleInputUpload","event","type","thumbnailInputRef","versionsInputRef","jsxs","ThumbnailUploadProvider","Styled.DragAndDropWrapper","clsx","jsx","ThumbnailWrapper","Styled.DropZones","Dropzone","Styled.UploadingProgress","Styled.Progress","Styled.CancelButton","EntityPanelUploaderDialog"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../_virtual/jsx-runtime.cjs.js"),c=require("react"),o=require("./EntityPath.styled.cjs.js"),_=require("clsx"),y=require("./SegmentProvider.cjs.js"),U=require("@ynput/ayon-react-components"),L=()=>t.jsxRuntimeExports.jsx("span",{className:"slash",children:"/"}),$=["more","versions"],D=a=>{var u;const s=a.target,n=((u=s.closest(".dropdown"))==null?void 0:u.id)||"";return[s,n]},z=({projectName:a,hideProjectName:s,segments:n,versions:u=[],isLoading:m,entityType:j,scope:f})=>{const l=c.useRef(null),[r,d]=c.useState(null),[i,b]=c.useState(null),[A,M]=c.useState(!1),E=c.useRef(null);c.useLayoutEffect(()=>{b(null),M(!0)},[n]),c.useLayoutEffect(()=>{var O;if(!l.current){M(!1);return}const e=l.current,h=e.clientWidth,x=F(e);if(!x)return;const p=e.children;let q=h;const P=e.childElementCount;let S=P;for(;q>x&&S>0;)S-=2,q=B(p,S,P);let w=((O=Array.from(p).slice(0,S).filter(T=>T.nodeType===Node.ELEMENT_NODE&&T.className.includes("full")))==null?void 0:O.length)||2;w=Math.max(w,1),b(w),M(!1)},[l.current,A]),c.useLayoutEffect(()=>{if(!l.current||!E.current||!i)return;const e=l.current,h=F(e)??1/0,x=e.clientWidth-h;if(x<=0)return;const p=`${E.current.clientWidth-x}px`;E.current.style.width=p},[i]);const I=i&&n.length>i?n.slice(-i):n,W=i&&n.length>i?n.slice(0,-i):[];s&&W.unshift({type:"project",label:a,id:a});let g,v=I;j==="version"&&n.length>0&&(g=n[n.length-1],v=I.slice(0,-1));const C=e=>{const[,h]=D(e);h&&!r&&d(h)},N=()=>d(null),k=e=>{const[h,x]=D(e);if(!$.includes(x))return;!!h.closest("li")?d(null):r!==x&&d(x)},R={scope:f,projectName:a};return t.jsxRuntimeExports.jsxs(o.Path,{className:_({loading:m}),id:"entity-path",ref:l,children:[!s&&t.jsxRuntimeExports.jsx(o.Segment,{children:a}),!!W.length&&t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[!s&&t.jsxRuntimeExports.jsx(L,{}),t.jsxRuntimeExports.jsxs(o.Segment,{className:"dropdown more",id:"more",onMouseEnter:C,onMouseLeave:N,onClick:k,children:["...",r==="more"&&t.jsxRuntimeExports.jsx(o.MoreModal,{children:t.jsxRuntimeExports.jsx(o.MoreList,{children:W.map(e=>c.createElement(y,{...R,segment:e,key:e.id},t.jsxRuntimeExports.jsx(o.MoreItem,{children:e.label})))})})]})]}),v.map(e=>t.jsxRuntimeExports.jsxs(c.Fragment,{children:[t.jsxRuntimeExports.jsx(L,{}),t.jsxRuntimeExports.jsx(y,{...R,segment:e,className:"full",children:t.jsxRuntimeExports.jsx(o.Segment,{children:t.jsxRuntimeExports.jsx("span",{className:"label",children:e.label})})})]},e.id)),g&&t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(L,{}),t.jsxRuntimeExports.jsxs(o.SegmentWrapper,{className:"full dropdown",id:"versions",onMouseEnter:C,onMouseLeave:N,onClick:k,children:[t.jsxRuntimeExports.jsx(y,{...R,segment:g,isOpen:r==="versions",children:t.jsxRuntimeExports.jsxs(o.Segment,{children:[t.jsxRuntimeExports.jsx(o.FinalSegmentLabel,{ref:E,className:"label",children:g.label}),t.jsxRuntimeExports.jsx(U.Icon,{icon:"expand_more"})]})}),r==="versions"&&t.jsxRuntimeExports.jsx(o.MoreModal,{children:t.jsxRuntimeExports.jsx(o.MoreList,{children:u.map(e=>c.createElement(y,{...R,segment:e,key:e.id},t.jsxRuntimeExports.jsx(o.MoreItem,{children:e.label})))})})]})]})]})},F=a=>{const s=a.parentElement;if(!s)return;const n=getComputedStyle(s),u=parseInt(n.paddingLeft)||0,m=parseInt(n.paddingRight)||0,j=parseInt(n.gap)||0,f=s.clientWidth-u-m,l=Array.from(s.children).filter(d=>d.id!=="entity-path"),r=Array.from(l).reduce((d,i)=>d+i.clientWidth,0);return f-r-j*(l.length-1)},B=(a,s,n)=>{var l;const u=n-s;let m=0;for(let r=0;r<n-u;r++){const d=r>1?r+u:r,i=(l=a[d])==null?void 0:l.clientWidth;isNaN(i)||(m+=i)}return m+(4*s-1)+40};exports.EntityPath=z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../_virtual/jsx-runtime.cjs.js"),c=require("react"),i=require("./EntityPath.styled.cjs.js"),_=require("clsx"),R=require("./SegmentProvider.cjs.js"),U=require("@ynput/ayon-react-components"),L=()=>t.jsxRuntimeExports.jsx("span",{className:"slash",children:"/"}),$=["more","versions"],D=a=>{var x;const s=a.target,n=((x=s.closest(".dropdown"))==null?void 0:x.id)||"";return[s,n]},z=({projectName:a,hideProjectName:s,segments:n,versions:x=[],isLoading:m,entityType:p,scope:j})=>{const l=c.useRef(null),[r,d]=c.useState(null),[o,b]=c.useState(null),[A,S]=c.useState(!1),y=c.useRef(null);c.useLayoutEffect(()=>{b(null),S(!0)},[n]),c.useLayoutEffect(()=>{var O;if(!l.current){S(!1);return}const e=l.current,h=e.clientWidth,u=F(e);if(!u)return;const W=e.children;let q=h;const P=e.childElementCount;let g=P;for(;q>u&&g>0;)g-=2,q=B(W,g,P);let w=((O=Array.from(W).slice(0,g).filter(T=>T.nodeType===Node.ELEMENT_NODE&&T.className.includes("full")))==null?void 0:O.length)||2;w=Math.max(w,1),b(w),S(!1)},[l.current,A]),c.useLayoutEffect(()=>{if(!l.current||!y.current||!o)return;const e=l.current,h=F(e)??1/0,u=e.clientWidth-h;u<=0||y.current.clientWidth-u},[o]);const I=o&&n.length>o?n.slice(-o):n,M=o&&n.length>o?n.slice(0,-o):[];s&&M.unshift({type:"project",label:a,id:a});let f,v=I;p==="version"&&n.length>0&&(f=n[n.length-1],v=I.slice(0,-1));const C=e=>{const[,h]=D(e);h&&!r&&d(h)},N=()=>d(null),k=e=>{const[h,u]=D(e);if(!$.includes(u))return;!!h.closest("li")?d(null):r!==u&&d(u)},E={scope:j,projectName:a};return t.jsxRuntimeExports.jsxs(i.Path,{className:_({loading:m}),id:"entity-path",ref:l,children:[!s&&t.jsxRuntimeExports.jsx(i.Segment,{children:a}),!!M.length&&t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[!s&&t.jsxRuntimeExports.jsx(L,{}),t.jsxRuntimeExports.jsxs(i.Segment,{className:"dropdown more",id:"more",onMouseEnter:C,onMouseLeave:N,onClick:k,children:["...",r==="more"&&t.jsxRuntimeExports.jsx(i.MoreModal,{children:t.jsxRuntimeExports.jsx(i.MoreList,{children:M.map(e=>c.createElement(R,{...E,segment:e,key:e.id},t.jsxRuntimeExports.jsx(i.MoreItem,{children:e.label})))})})]})]}),v.map(e=>t.jsxRuntimeExports.jsxs(c.Fragment,{children:[t.jsxRuntimeExports.jsx(L,{}),t.jsxRuntimeExports.jsx(R,{...E,segment:e,className:"full",children:t.jsxRuntimeExports.jsx(i.Segment,{children:t.jsxRuntimeExports.jsx("span",{className:"label",children:e.label})})})]},e.id)),f&&t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(L,{}),t.jsxRuntimeExports.jsxs(i.SegmentWrapper,{className:"full dropdown",id:"versions",onMouseEnter:C,onMouseLeave:N,onClick:k,children:[t.jsxRuntimeExports.jsx(R,{...E,segment:f,isOpen:r==="versions",children:t.jsxRuntimeExports.jsxs(i.Segment,{children:[t.jsxRuntimeExports.jsx(i.FinalSegmentLabel,{ref:y,className:"label",children:f.label}),t.jsxRuntimeExports.jsx(U.Icon,{icon:"expand_more"})]})}),r==="versions"&&t.jsxRuntimeExports.jsx(i.MoreModal,{children:t.jsxRuntimeExports.jsx(i.MoreList,{children:x.map(e=>c.createElement(R,{...E,segment:e,key:e.id},t.jsxRuntimeExports.jsx(i.MoreItem,{children:e.label})))})})]})]})]})},F=a=>{const s=a.parentElement;if(!s)return;const n=getComputedStyle(s),x=parseInt(n.paddingLeft)||0,m=parseInt(n.paddingRight)||0,p=parseInt(n.gap)||0,j=s.clientWidth-x-m,l=Array.from(s.children).filter(d=>d.id!=="entity-path"),r=Array.from(l).reduce((d,o)=>d+o.clientWidth,0);return j-r-p*(l.length-1)},B=(a,s,n)=>{var l;const x=n-s;let m=0;for(let r=0;r<n-x;r++){const d=r>1?r+x:r,o=(l=a[d])==null?void 0:l.clientWidth;isNaN(o)||(m+=o)}return m+(4*s-1)+40};exports.EntityPath=z;
 //# sourceMappingURL=EntityPath.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EntityPath.cjs.js","sources":["../../../../../src/components/EntityPath/EntityPath.tsx"],"sourcesContent":["import { FC, Fragment, MouseEvent, useLayoutEffect, useRef, useState } from 'react'\nimport * as Styled from './EntityPath.styled'\nimport clsx from 'clsx'\nimport SegmentProvider from './SegmentProvider'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { DetailsPanelEntityType } from '@shared/api'\n\nconst Slash = () => <span className=\"slash\">/</span>\n\nexport type PathSegment = {\n  type: DetailsPanelEntityType | 'product' | 'project'\n  label: string\n  id: string\n}\n\nconst dropdownStates = ['more', 'versions']\ntype DropdownState = (typeof dropdownStates)[number]\n\ntype DropdownMouseEvent = MouseEvent<HTMLSpanElement>\nconst getDropdownElements = (e: DropdownMouseEvent): [HTMLElement, string] => {\n  const target = e.target as HTMLElement\n  const dropdownId = target.closest('.dropdown')?.id || ''\n  return [target, dropdownId]\n}\n\nexport interface EntityPathProps {\n  projectName: string\n  hideProjectName: boolean\n  segments: PathSegment[]\n  isLoading: boolean\n  entityType: string\n  versions: PathSegment[]\n  scope: string\n}\n\nexport const EntityPath: FC<EntityPathProps> = ({\n  projectName,\n  hideProjectName,\n  segments,\n  versions = [],\n  isLoading,\n  entityType,\n  scope,\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [dropdownOpen, setDropdownOpen] = useState<null | DropdownState>(null)\n  // defaults to whole path\n  const [maxSegments, setMaxSegments] = useState<null | number>(null)\n  const [calcMaxWidth, setCalcMaxWidth] = useState(false)\n  const finalSegmentRef = useRef<HTMLSpanElement>(null)\n\n  useLayoutEffect(() => {\n    setMaxSegments(null)\n    setCalcMaxWidth(true)\n  }, [segments])\n\n  useLayoutEffect(() => {\n    if (!containerRef.current) {\n      setCalcMaxWidth(false)\n      return\n    }\n    // find max width the path can be\n    const container = containerRef.current\n    const pathWidth = container.clientWidth\n    const maxWidth = getPathMaxWidth(container)\n\n    if (!maxWidth) return\n\n    // we need to reduce the number of segments shown\n    // but maybe even then it is still longer than the max width\n    // so we need to reduce the number of segments until the total width is less than the max width\n    const children = container.children\n    let totalWidth = pathWidth\n    // number of segments to keep\n    const fullCount = container.childElementCount\n    let segmentsCount = fullCount\n    // while loop that removes segments until the total width is less than the max width\n    while (totalWidth > maxWidth && segmentsCount > 0) {\n      // remove 2 segments at a time (because of slashes)\n      segmentsCount -= 2\n      totalWidth = totalUpSegmentsWidth(children, segmentsCount, fullCount)\n    }\n\n    // count number of \"full\" segments left\n    // if something goes wrong, removing 1 (2) is probably enough\n    let newMaxSegments =\n      Array.from(children)\n        .slice(0, segmentsCount)\n        .filter(\n          (segment) => segment.nodeType === Node.ELEMENT_NODE && segment.className.includes('full'),\n        )?.length || 2\n\n    // cap at 1\n    newMaxSegments = Math.max(newMaxSegments, 1)\n\n    setMaxSegments(newMaxSegments)\n    setCalcMaxWidth(false)\n  }, [containerRef.current, calcMaxWidth])\n\n  // Ensure that, even if the collapsed segments still aren't\n  // enough to fit the path within the available space,\n  // we fit everything in by truncating the last segment's label.\n  // This segment is typically the product + version name,\n  // which is typically also shown in much larger font below,\n  // so there's no reason to always show it in full.\n  useLayoutEffect(() => {\n    if (!containerRef.current || !finalSegmentRef.current || !maxSegments) return\n    const container = containerRef.current\n\n    // The amount of truncation is exactly the difference between the container's width\n    // and the maximum available width.\n    const maxWidth = getPathMaxWidth(container) ?? Infinity\n    const diff = container.clientWidth - maxWidth\n    if (diff <= 0) return\n\n    // Reduce the segment's width by the difference\n    const newWidth = `${finalSegmentRef.current.clientWidth - diff}px`\n    finalSegmentRef.current.style.width = newWidth\n  }, [maxSegments])\n\n  // Check if there are fewer than or equal to maxSegments segments\n  const segmentsToShow =\n    maxSegments && segments.length > maxSegments ? segments.slice(-maxSegments) : segments\n  const hiddenSegments =\n    maxSegments && segments.length > maxSegments ? segments.slice(0, -maxSegments) : []\n\n  // if there is no project name, add to hidden segments\n  if (hideProjectName)\n    hiddenSegments.unshift({ type: 'project', label: projectName, id: projectName })\n\n  // if the entityType is a version, separate the version\n  let versionSegment\n  let finalSegmentsToShow = segmentsToShow\n\n  if (entityType === 'version' && segments.length > 0) {\n    versionSegment = segments[segments.length - 1]\n    finalSegmentsToShow = segmentsToShow.slice(0, -1)\n  }\n\n  const handleMouseEnter = (e: DropdownMouseEvent) => {\n    const [, id] = getDropdownElements(e)\n    if (id && !dropdownOpen) setDropdownOpen(id)\n  }\n  const handleMouseLeave = () => setDropdownOpen(null)\n\n  const handleDropdownClick = (e: DropdownMouseEvent) => {\n    const [target, id] = getDropdownElements(e)\n\n    if (!dropdownStates.includes(id)) return\n    const isListItem = !!target.closest('li')\n\n    if (isListItem) setDropdownOpen(null)\n    else if (dropdownOpen !== id) setDropdownOpen(id)\n  }\n\n  const segmentProps = { scope, projectName }\n\n  return (\n    <Styled.Path className={clsx({ loading: isLoading })} id=\"entity-path\" ref={containerRef}>\n      {!hideProjectName && <Styled.Segment>{projectName}</Styled.Segment>}\n\n      {!!hiddenSegments.length && (\n        <>\n          {!hideProjectName && <Slash />}\n          <Styled.Segment\n            className=\"dropdown more\"\n            id=\"more\"\n            onMouseEnter={handleMouseEnter}\n            onMouseLeave={handleMouseLeave}\n            onClick={handleDropdownClick}\n          >\n            ...\n            {dropdownOpen === 'more' && (\n              <Styled.MoreModal>\n                <Styled.MoreList>\n                  {hiddenSegments.map((segment) => (\n                    <SegmentProvider {...segmentProps} segment={segment} key={segment.id}>\n                      <Styled.MoreItem>{segment.label}</Styled.MoreItem>\n                    </SegmentProvider>\n                  ))}\n                </Styled.MoreList>\n              </Styled.MoreModal>\n            )}\n          </Styled.Segment>\n        </>\n      )}\n\n      {finalSegmentsToShow.map((segment) => (\n        <Fragment key={segment.id}>\n          <Slash />\n\n          <SegmentProvider {...segmentProps} segment={segment} className=\"full\">\n            <Styled.Segment>\n              <span className=\"label\">{segment.label}</span>\n            </Styled.Segment>\n          </SegmentProvider>\n        </Fragment>\n      ))}\n\n      {versionSegment && (\n        <>\n          <Slash />\n          <Styled.SegmentWrapper\n            className=\"full dropdown\"\n            id=\"versions\"\n            onMouseEnter={handleMouseEnter}\n            onMouseLeave={handleMouseLeave}\n            onClick={handleDropdownClick}\n          >\n            <SegmentProvider\n              {...segmentProps}\n              segment={versionSegment}\n              isOpen={dropdownOpen === 'versions'}\n            >\n              <Styled.Segment>\n                <Styled.FinalSegmentLabel ref={finalSegmentRef} className=\"label\">\n                  {versionSegment.label}\n                </Styled.FinalSegmentLabel>\n                <Icon icon=\"expand_more\" />\n              </Styled.Segment>\n            </SegmentProvider>\n            {dropdownOpen === 'versions' && (\n              <Styled.MoreModal>\n                <Styled.MoreList>\n                  {versions.map((version) => (\n                    <SegmentProvider {...segmentProps} segment={version} key={version.id}>\n                      <Styled.MoreItem>{version.label}</Styled.MoreItem>\n                    </SegmentProvider>\n                  ))}\n                </Styled.MoreList>\n              </Styled.MoreModal>\n            )}\n          </Styled.SegmentWrapper>\n        </>\n      )}\n    </Styled.Path>\n  )\n}\n\nconst getPathMaxWidth = (pathEl: HTMLDivElement) => {\n  const toolbar = pathEl.parentElement\n  if (!toolbar) return\n  // get width of toolbar without padding\n  const toolbarStyle = getComputedStyle(toolbar)\n  const paddingLeft = parseInt(toolbarStyle.paddingLeft) || 0\n  const paddingRight = parseInt(toolbarStyle.paddingRight) || 0\n  const gap = parseInt(toolbarStyle.gap) || 0\n  const toolbarWidth = toolbar.clientWidth - paddingLeft - paddingRight\n\n  // get child elements that are not path\n  const children = Array.from(toolbar.children).filter((child) => child.id !== 'entity-path')\n  // find total width of children including the gap between them\n  const childrenWidth = Array.from(children).reduce(\n    (acc, child) => acc + (child as HTMLElement).clientWidth,\n    0,\n  )\n\n  return toolbarWidth - childrenWidth - gap * (children.length - 1)\n}\n\nconst totalUpSegmentsWidth = (children: HTMLCollection, count: number, full: number) => {\n  const skip = full - count\n  let total = 0\n  for (let i = 0; i < full - skip; i++) {\n    const index = i > 1 ? i + skip : i\n    const width = (children[index] as Element)?.clientWidth\n    if (isNaN(width)) continue\n    total += width\n  }\n  const gap = 4\n  const moreWidth = 40\n  return total + (gap * count - 1) + moreWidth\n}\n"],"names":["Slash","jsx","dropdownStates","getDropdownElements","e","target","dropdownId","_a","EntityPath","projectName","hideProjectName","segments","versions","isLoading","entityType","scope","containerRef","useRef","dropdownOpen","setDropdownOpen","useState","maxSegments","setMaxSegments","calcMaxWidth","setCalcMaxWidth","finalSegmentRef","useLayoutEffect","container","pathWidth","maxWidth","getPathMaxWidth","children","totalWidth","fullCount","segmentsCount","totalUpSegmentsWidth","newMaxSegments","segment","diff","newWidth","segmentsToShow","hiddenSegments","versionSegment","finalSegmentsToShow","handleMouseEnter","id","handleMouseLeave","handleDropdownClick","segmentProps","jsxs","Styled.Path","clsx","Styled.Segment","Fragment","Styled.MoreModal","Styled.MoreList","createElement","SegmentProvider","Styled.MoreItem","Styled.SegmentWrapper","Styled.FinalSegmentLabel","Icon","version","pathEl","toolbar","toolbarStyle","paddingLeft","paddingRight","gap","toolbarWidth","child","childrenWidth","acc","count","full","skip","total","i","index","width"],"mappings":"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"}
+{"version":3,"file":"EntityPath.cjs.js","sources":["../../../../../src/components/EntityPath/EntityPath.tsx"],"sourcesContent":["import { FC, Fragment, MouseEvent, useLayoutEffect, useRef, useState } from 'react'\nimport * as Styled from './EntityPath.styled'\nimport clsx from 'clsx'\nimport SegmentProvider from './SegmentProvider'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { DetailsPanelEntityType } from '@shared/api'\n\nconst Slash = () => <span className=\"slash\">/</span>\n\nexport type PathSegment = {\n  type: DetailsPanelEntityType | 'product' | 'project'\n  label: string\n  id: string\n}\n\nconst dropdownStates = ['more', 'versions']\ntype DropdownState = (typeof dropdownStates)[number]\n\ntype DropdownMouseEvent = MouseEvent<HTMLSpanElement>\nconst getDropdownElements = (e: DropdownMouseEvent): [HTMLElement, string] => {\n  const target = e.target as HTMLElement\n  const dropdownId = target.closest('.dropdown')?.id || ''\n  return [target, dropdownId]\n}\n\nexport interface EntityPathProps {\n  projectName: string\n  hideProjectName: boolean\n  segments: PathSegment[]\n  isLoading: boolean\n  entityType: string\n  versions: PathSegment[]\n  scope: string\n}\n\nexport const EntityPath: FC<EntityPathProps> = ({\n  projectName,\n  hideProjectName,\n  segments,\n  versions = [],\n  isLoading,\n  entityType,\n  scope,\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [dropdownOpen, setDropdownOpen] = useState<null | DropdownState>(null)\n  // defaults to whole path\n  const [maxSegments, setMaxSegments] = useState<null | number>(null)\n  const [calcMaxWidth, setCalcMaxWidth] = useState(false)\n  const finalSegmentRef = useRef<HTMLSpanElement>(null)\n\n  useLayoutEffect(() => {\n    setMaxSegments(null)\n    setCalcMaxWidth(true)\n  }, [segments])\n\n  useLayoutEffect(() => {\n    if (!containerRef.current) {\n      setCalcMaxWidth(false)\n      return\n    }\n    // find max width the path can be\n    const container = containerRef.current\n    const pathWidth = container.clientWidth\n    const maxWidth = getPathMaxWidth(container)\n\n    if (!maxWidth) return\n\n    // we need to reduce the number of segments shown\n    // but maybe even then it is still longer than the max width\n    // so we need to reduce the number of segments until the total width is less than the max width\n    const children = container.children\n    let totalWidth = pathWidth\n    // number of segments to keep\n    const fullCount = container.childElementCount\n    let segmentsCount = fullCount\n    // while loop that removes segments until the total width is less than the max width\n    while (totalWidth > maxWidth && segmentsCount > 0) {\n      // remove 2 segments at a time (because of slashes)\n      segmentsCount -= 2\n      totalWidth = totalUpSegmentsWidth(children, segmentsCount, fullCount)\n    }\n\n    // count number of \"full\" segments left\n    // if something goes wrong, removing 1 (2) is probably enough\n    let newMaxSegments =\n      Array.from(children)\n        .slice(0, segmentsCount)\n        .filter(\n          (segment) => segment.nodeType === Node.ELEMENT_NODE && segment.className.includes('full'),\n        )?.length || 2\n\n    // cap at 1\n    newMaxSegments = Math.max(newMaxSegments, 1)\n\n    setMaxSegments(newMaxSegments)\n    setCalcMaxWidth(false)\n  }, [containerRef.current, calcMaxWidth])\n\n  // Ensure that, even if the collapsed segments still aren't\n  // enough to fit the path within the available space,\n  // we fit everything in by truncating the last segment's label.\n  // This segment is typically the product + version name,\n  // which is typically also shown in much larger font below,\n  // so there's no reason to always show it in full.\n  useLayoutEffect(() => {\n    if (!containerRef.current || !finalSegmentRef.current || !maxSegments) return\n    const container = containerRef.current\n\n    // The amount of truncation is exactly the difference between the container's width\n    // and the maximum available width.\n    const maxWidth = getPathMaxWidth(container) ?? Infinity\n    const diff = container.clientWidth - maxWidth\n    if (diff <= 0) return\n\n    // Reduce the segment's width by the difference\n    const newWidth = `${finalSegmentRef.current.clientWidth - diff}px`\n    // finalSegmentRef.current.style.width = newWidth\n  }, [maxSegments])\n\n  // Check if there are fewer than or equal to maxSegments segments\n  const segmentsToShow =\n    maxSegments && segments.length > maxSegments ? segments.slice(-maxSegments) : segments\n  const hiddenSegments =\n    maxSegments && segments.length > maxSegments ? segments.slice(0, -maxSegments) : []\n\n  // if there is no project name, add to hidden segments\n  if (hideProjectName)\n    hiddenSegments.unshift({ type: 'project', label: projectName, id: projectName })\n\n  // if the entityType is a version, separate the version\n  let versionSegment\n  let finalSegmentsToShow = segmentsToShow\n\n  if (entityType === 'version' && segments.length > 0) {\n    versionSegment = segments[segments.length - 1]\n    finalSegmentsToShow = segmentsToShow.slice(0, -1)\n  }\n\n  const handleMouseEnter = (e: DropdownMouseEvent) => {\n    const [, id] = getDropdownElements(e)\n    if (id && !dropdownOpen) setDropdownOpen(id)\n  }\n  const handleMouseLeave = () => setDropdownOpen(null)\n\n  const handleDropdownClick = (e: DropdownMouseEvent) => {\n    const [target, id] = getDropdownElements(e)\n\n    if (!dropdownStates.includes(id)) return\n    const isListItem = !!target.closest('li')\n\n    if (isListItem) setDropdownOpen(null)\n    else if (dropdownOpen !== id) setDropdownOpen(id)\n  }\n\n  const segmentProps = { scope, projectName }\n\n  return (\n    <Styled.Path className={clsx({ loading: isLoading })} id=\"entity-path\" ref={containerRef}>\n      {!hideProjectName && <Styled.Segment>{projectName}</Styled.Segment>}\n\n      {!!hiddenSegments.length && (\n        <>\n          {!hideProjectName && <Slash />}\n          <Styled.Segment\n            className=\"dropdown more\"\n            id=\"more\"\n            onMouseEnter={handleMouseEnter}\n            onMouseLeave={handleMouseLeave}\n            onClick={handleDropdownClick}\n          >\n            ...\n            {dropdownOpen === 'more' && (\n              <Styled.MoreModal>\n                <Styled.MoreList>\n                  {hiddenSegments.map((segment) => (\n                    <SegmentProvider {...segmentProps} segment={segment} key={segment.id}>\n                      <Styled.MoreItem>{segment.label}</Styled.MoreItem>\n                    </SegmentProvider>\n                  ))}\n                </Styled.MoreList>\n              </Styled.MoreModal>\n            )}\n          </Styled.Segment>\n        </>\n      )}\n\n      {finalSegmentsToShow.map((segment) => (\n        <Fragment key={segment.id}>\n          <Slash />\n\n          <SegmentProvider {...segmentProps} segment={segment} className=\"full\">\n            <Styled.Segment>\n              <span className=\"label\">{segment.label}</span>\n            </Styled.Segment>\n          </SegmentProvider>\n        </Fragment>\n      ))}\n\n      {versionSegment && (\n        <>\n          <Slash />\n          <Styled.SegmentWrapper\n            className=\"full dropdown\"\n            id=\"versions\"\n            onMouseEnter={handleMouseEnter}\n            onMouseLeave={handleMouseLeave}\n            onClick={handleDropdownClick}\n          >\n            <SegmentProvider\n              {...segmentProps}\n              segment={versionSegment}\n              isOpen={dropdownOpen === 'versions'}\n            >\n              <Styled.Segment>\n                <Styled.FinalSegmentLabel ref={finalSegmentRef} className=\"label\">\n                  {versionSegment.label}\n                </Styled.FinalSegmentLabel>\n                <Icon icon=\"expand_more\" />\n              </Styled.Segment>\n            </SegmentProvider>\n            {dropdownOpen === 'versions' && (\n              <Styled.MoreModal>\n                <Styled.MoreList>\n                  {versions.map((version) => (\n                    <SegmentProvider {...segmentProps} segment={version} key={version.id}>\n                      <Styled.MoreItem>{version.label}</Styled.MoreItem>\n                    </SegmentProvider>\n                  ))}\n                </Styled.MoreList>\n              </Styled.MoreModal>\n            )}\n          </Styled.SegmentWrapper>\n        </>\n      )}\n    </Styled.Path>\n  )\n}\n\nconst getPathMaxWidth = (pathEl: HTMLDivElement) => {\n  const toolbar = pathEl.parentElement\n  if (!toolbar) return\n  // get width of toolbar without padding\n  const toolbarStyle = getComputedStyle(toolbar)\n  const paddingLeft = parseInt(toolbarStyle.paddingLeft) || 0\n  const paddingRight = parseInt(toolbarStyle.paddingRight) || 0\n  const gap = parseInt(toolbarStyle.gap) || 0\n  const toolbarWidth = toolbar.clientWidth - paddingLeft - paddingRight\n\n  // get child elements that are not path\n  const children = Array.from(toolbar.children).filter((child) => child.id !== 'entity-path')\n  // find total width of children including the gap between them\n  const childrenWidth = Array.from(children).reduce(\n    (acc, child) => acc + (child as HTMLElement).clientWidth,\n    0,\n  )\n\n  return toolbarWidth - childrenWidth - gap * (children.length - 1)\n}\n\nconst totalUpSegmentsWidth = (children: HTMLCollection, count: number, full: number) => {\n  const skip = full - count\n  let total = 0\n  for (let i = 0; i < full - skip; i++) {\n    const index = i > 1 ? i + skip : i\n    const width = (children[index] as Element)?.clientWidth\n    if (isNaN(width)) continue\n    total += width\n  }\n  const gap = 4\n  const moreWidth = 40\n  return total + (gap * count - 1) + moreWidth\n}\n"],"names":["Slash","jsx","dropdownStates","getDropdownElements","e","target","dropdownId","_a","EntityPath","projectName","hideProjectName","segments","versions","isLoading","entityType","scope","containerRef","useRef","dropdownOpen","setDropdownOpen","useState","maxSegments","setMaxSegments","calcMaxWidth","setCalcMaxWidth","finalSegmentRef","useLayoutEffect","container","pathWidth","maxWidth","getPathMaxWidth","children","totalWidth","fullCount","segmentsCount","totalUpSegmentsWidth","newMaxSegments","segment","diff","segmentsToShow","hiddenSegments","versionSegment","finalSegmentsToShow","handleMouseEnter","id","handleMouseLeave","handleDropdownClick","segmentProps","jsxs","Styled.Path","clsx","Styled.Segment","Fragment","Styled.MoreModal","Styled.MoreList","createElement","SegmentProvider","Styled.MoreItem","Styled.SegmentWrapper","Styled.FinalSegmentLabel","Icon","version","pathEl","toolbar","toolbarStyle","paddingLeft","paddingRight","gap","toolbarWidth","child","childrenWidth","acc","count","full","skip","total","i","index","width"],"mappings":"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"}