npm - @ynput/ayon-frontend-shared - Versions diffs - 0.4.2 → 0.4.4 - Mend

@ynput/ayon-frontend-shared 0.4.2 → 0.4.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2133) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EntityPanelUploader.es.js","sources":["../../../../../src/components/EntityPanelUploader/EntityPanelUploader.tsx"],"sourcesContent":["import { ChangeEvent, RefObject, useRef, useState } from 'react'\nimport clsx from 'clsx'\n\nimport { ThumbnailWrapper } from '@shared/containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled'\nimport {\n useCreateVersionMutation,\n useUpdateEntitiesMutation,\n useCreateProductMutation,\n} from '@shared/api'\nimport * as Styled from './EntityPanelUploader.styled'\nimport Dropzone, { DropzoneType } from './Dropzone'\nimport axios from 'axios'\nimport { toast } from 'react-toastify'\nimport { useReviewablesUpload } from '../ReviewablesList'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\nimport EntityPanelUploaderDialog from './EntityPanelUploaderDialog'\nimport { useOptionalVersionUploadContext } from '../VersionUploader/context/VersionUploadContext'\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 /** Hoisted by the parent so ThumbnailUploadProvider (also hoisted) and the\n * underlying <input> share the same ref identity. /\n thumbnailInputRef: RefObject<HTMLInputElement>\n versionsInputRef: RefObject<HTMLInputElement>\n children?: JSX.Element \| JSX.Element[]\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 thumbnailInputRef,\n versionsInputRef,\n onVersionCreated,\n}: EntityPanelUploaderProps) => {\n const { dispatch } = useDetailsPanelContext()\n const versionUploadCtx = useOptionalVersionUploadContext()\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 productBaseType: 'review',\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 if (versionUploadCtx) {\n const fileArray = Array.from(files)\n const pending = fileArray.map((file) => ({\n file,\n preview: file.type.startsWith('image/') ? URL.createObjectURL(file) : undefined,\n }))\n versionUploadCtx.setPendingFiles((prev) => [...prev, ...pending])\n\n const product = singleEntity.product\n const linkedTask = singleEntity.task\n ? {\n id: singleEntity.task.id,\n name: singleEntity.task.name,\n label: singleEntity.task.label,\n taskType: singleEntity.task.taskType,\n }\n : undefined\n\n versionUploadCtx.onOpenVersionUpload({\n productId: product?.id,\n folderId: singleEntity.folder?.id,\n taskId: singleEntity.task?.id,\n linkedTask,\n latestVersionNumber: product?.latestVersion?.version,\n latestVersionId: product?.latestVersion?.id,\n })\n // Reset local upload UI; the dialog now drives the flow.\n resetState()\n return\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 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 setIsDraggingFile(false)\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 return (\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 </>\n )\n}\n"],"names":["dropZones","EntityPanelUploader","children","entityType","entities","projectName","thumbnailInputRef","versionsInputRef","onVersionCreated","dispatch","useDetailsPanelContext","versionUploadCtx","useOptionalVersionUploadContext","isDraggingFile","setIsDraggingFile","useState","draggingZone","setDraggingZone","dragCounterRef","useRef","uploadingType","setUploadingType","progress","setProgress","showProductDialog","setShowProductDialog","pendingFiles","setPendingFiles","singleEntity","taskId","folderId","productId","versionId","canUploadVersions","uploadReviewableFiles","useReviewablesUpload","availableDropZones","zone","resetState","handleDialogSubmit","productName","sanitizedName","sanitizeProductName","toast","productRes","createProductHelper","createProduct","uploadVersionWithProduct","error","handleUploadError","handleDialogCancel","createVersion","useCreateVersionMutation","useCreateProductMutation","handleVersionUpload","files","pending","file","prev","product","linkedTask","nextVersion","getNextVersionNumber","versionRes","createVersionHelper","handleUploadThumbnail","promises","entity","id","promise","axios","e","updatedEntities","res","i","updateEntities","useUpdateEntitiesMutation","handleDragEnter","handleDragLeave","handleDragOver","handleDrop","handleInputUpload","event","type","jsxs","Fragment","Styled.DragAndDropWrapper","clsx","jsx","ThumbnailWrapper","Styled.DropZones","Dropzone","Styled.UploadingProgress","Styled.Progress","Styled.CancelButton","EntityPanelUploaderDialog"],"mappings":"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"}
1	+ {"version":3,"file":"EntityPanelUploader.es.js","sources":["../../../../../src/components/EntityPanelUploader/EntityPanelUploader.tsx"],"sourcesContent":["import { ChangeEvent, RefObject, useRef, useState } from 'react'\nimport clsx from 'clsx'\n\nimport { ThumbnailWrapper } from '@shared/containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled'\nimport {\n useCreateVersionMutation,\n useUpdateEntitiesMutation,\n useCreateProductMutation,\n} from '@shared/api'\nimport * as Styled from './EntityPanelUploader.styled'\nimport Dropzone, { DropzoneType } from './Dropzone'\nimport axios from 'axios'\nimport { toast } from 'react-toastify'\nimport { useReviewablesUpload } from '../ReviewablesList'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\nimport EntityPanelUploaderDialog from './EntityPanelUploaderDialog'\nimport { useOptionalVersionUploadContext } from '../VersionUploader/context/VersionUploadContext'\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 /** Hoisted by the parent so ThumbnailUploadProvider (also hoisted) and the\n * underlying <input> share the same ref identity. /\n thumbnailInputRef: RefObject<HTMLInputElement>\n versionsInputRef: RefObject<HTMLInputElement>\n children?: JSX.Element \| JSX.Element[]\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 thumbnailInputRef,\n versionsInputRef,\n onVersionCreated,\n}: EntityPanelUploaderProps) => {\n const { dispatch } = useDetailsPanelContext()\n const versionUploadCtx = useOptionalVersionUploadContext()\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 productBaseType: 'review',\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 if (versionUploadCtx) {\n const fileArray = Array.from(files)\n const pending = fileArray.map((file) => ({\n file,\n preview: file.type.startsWith('image/') ? URL.createObjectURL(file) : undefined,\n }))\n versionUploadCtx.setPendingFiles((prev) => [...prev, ...pending])\n\n const product = singleEntity.product\n const linkedTask = singleEntity.task\n ? {\n id: singleEntity.task.id,\n name: singleEntity.task.name,\n label: singleEntity.task.label,\n taskType: singleEntity.task.taskType,\n }\n : undefined\n\n versionUploadCtx.onOpenVersionUpload({\n productId: product?.id,\n folderId: singleEntity.folder?.id,\n taskId: singleEntity.task?.id,\n linkedTask,\n latestVersionNumber: product?.latestVersion?.version,\n latestVersionId: product?.latestVersion?.id,\n })\n // Reset local upload UI; the dialog now drives the flow.\n resetState()\n return\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 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 setIsDraggingFile(false)\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 return (\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 </>\n )\n}\n"],"names":["dropZones","EntityPanelUploader","children","entityType","entities","projectName","thumbnailInputRef","versionsInputRef","onVersionCreated","dispatch","useDetailsPanelContext","versionUploadCtx","useOptionalVersionUploadContext","isDraggingFile","setIsDraggingFile","useState","draggingZone","setDraggingZone","dragCounterRef","useRef","uploadingType","setUploadingType","progress","setProgress","showProductDialog","setShowProductDialog","pendingFiles","setPendingFiles","singleEntity","taskId","folderId","productId","versionId","canUploadVersions","uploadReviewableFiles","useReviewablesUpload","availableDropZones","zone","resetState","handleDialogSubmit","productName","sanitizedName","sanitizeProductName","toast","productRes","createProductHelper","createProduct","uploadVersionWithProduct","error","handleUploadError","handleDialogCancel","createVersion","useCreateVersionMutation","useCreateProductMutation","handleVersionUpload","files","pending","file","prev","product","linkedTask","nextVersion","getNextVersionNumber","versionRes","createVersionHelper","handleUploadThumbnail","promises","entity","id","promise","axios","e","updatedEntities","res","i","updateEntities","useUpdateEntitiesMutation","handleDragEnter","handleDragLeave","handleDragOver","handleDrop","handleInputUpload","event","type","jsxs","Fragment","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/SegmentProvider.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const C=require("../../../../_virtual/jsx-runtime.cjs.js"),q=require("react"),y=require("./EntityPath.styled.cjs.js"),m=require("../../../node_modules/primereact/utils/utils.esm.cjs.js"),b=require("../../containers/ContextMenu/useCreateContextMenu.cjs.js");require("lodash");require("react-toastify");const f=require("../../util/copyToClipboard.cjs.js");require("uuid");require("../../api/queries/users/updateUsers.cjs.js");require("../../util/pubsub.cjs.js");const j=require("../../context/DetailsPanelContext.cjs.js"),M=q.forwardRef(({children:r,segment:t,isOpen:i,scope:h,projectName:c,...s},u)=>{const{openSlideOut:a}=j.useDetailsPanelContext(),o=t?.type!=="product"&&t?.type!=="project",l=()=>{if(!o)return;const{type:e,id:n}=t||{};!e||e==="project"||e==="product"||!n||a({entityType:e,entityId:n,projectName:c})},p=e=>[{label:`ID: ${e}`,icon:"content_copy",command:()=>f.copyToClipboard(e)}],[d]=b.useCreateContextMenu(),x=e=>{if(!t)return;const n=p(t.id);d(e,n)};return C.jsxRuntimeExports.jsx(y.ActiveSegment,{onClick:l,onContextMenu:x,className:m.classNames({link:o,open:i}),...s,ref:u,children:r})});module.exports=M;
+"use strict";const x=require("../../../../_virtual/jsx-runtime.cjs.js"),C=require("react"),y=require("./EntityPath.styled.cjs.js"),m=require("../../../node_modules/primereact/utils/utils.esm.cjs.js"),b=require("../../containers/ContextMenu/useCreateContextMenu.cjs.js");require("lodash");require("react-toastify");const f=require("../../util/copyToClipboard.cjs.js");require("uuid");require("../../api/queries/users/updateUsers.cjs.js");require("../../util/searchTerms.cjs.js");require("../../util/pubsub.cjs.js");const j=require("../../context/DetailsPanelContext.cjs.js"),M=C.forwardRef(({children:o,segment:t,isOpen:i,scope:h,projectName:c,...s},u)=>{const{openSlideOut:a}=j.useDetailsPanelContext(),r=t?.type!=="product"&&t?.type!=="project",l=()=>{if(!r)return;const{type:e,id:n}=t||{};!e||e==="project"||e==="product"||!n||a({entityType:e,entityId:n,projectName:c})},p=e=>[{label:`ID: ${e}`,icon:"content_copy",command:()=>f.copyToClipboard(e)}],[d]=b.useCreateContextMenu(),q=e=>{if(!t)return;const n=p(t.id);d(e,n)};return x.jsxRuntimeExports.jsx(y.ActiveSegment,{onClick:l,onContextMenu:q,className:m.classNames({link:r,open:i}),...s,ref:u,children:o})});module.exports=M;
 //# sourceMappingURL=SegmentProvider.cjs.js.map

package/dist/shared/src/components/EntityPath/SegmentProvider.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SegmentProvider.cjs.js","sources":["../../../../../src/components/EntityPath/SegmentProvider.tsx"],"sourcesContent":["import { forwardRef, MouseEvent } from 'react'\nimport { ActiveSegment } from './EntityPath.styled'\nimport { classNames } from 'primereact/utils'\nimport { PathSegment } from './EntityPath'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu/useCreateContextMenu'\nimport { copyToClipboard } from '@shared/util'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\n\ninterface SegmentProviderProps extends React.HTMLAttributes<HTMLDivElement> {\n segment?: PathSegment\n isOpen?: boolean\n scope: string\n projectName: string\n}\n\nconst SegmentProvider = forwardRef<HTMLDivElement, SegmentProviderProps>(\n ({ children, segment, isOpen, scope, projectName, ...props }, ref) => {\n const { openSlideOut } = useDetailsPanelContext()\n // is the segment NOT a product \|\| project?\n const isLinkable = segment?.type !== 'product' && segment?.type !== 'project'\n\n const handleClick = () => {\n if (!isLinkable) return\n\n const { type: entityType, id: entityId } = segment \|\| {}\n\n if (!entityType \|\| entityType === 'project' \|\| entityType === 'product' \|\| !entityId) return\n\n openSlideOut({\n entityType,\n entityId,\n projectName,\n })\n }\n\n const buildContextMenu = (id: string) => [\n {\n label: `ID: ${id}`,\n icon: 'content_copy',\n command: () => copyToClipboard(id),\n },\n ]\n\n const [contextMenuShow] = useCreateContextMenu()\n\n const handleOnContext = (e: MouseEvent<HTMLDivElement>) => {\n if (!segment) return\n const menu = buildContextMenu(segment.id)\n\n contextMenuShow(e, menu)\n }\n\n return (\n <ActiveSegment\n onClick={handleClick}\n onContextMenu={handleOnContext}\n className={classNames({ link: isLinkable, open: isOpen })}\n {...props}\n ref={ref}\n >\n {children}\n </ActiveSegment>\n )\n },\n)\n\nexport default SegmentProvider\n"],"names":["SegmentProvider","forwardRef","children","segment","isOpen","scope","projectName","props","ref","openSlideOut","useDetailsPanelContext","isLinkable","handleClick","entityType","entityId","buildContextMenu","id","copyToClipboard","contextMenuShow","useCreateContextMenu","handleOnContext","menu","jsx","ActiveSegment","classNames"],"mappings":"~~qhBAeMA~~,EAAkBC,EAAAA,WACtB,CAAC,CAAE,SAAAC,EAAU,QAAAC,EAAS,OAAAC,EAAQ,MAAAC,EAAO,YAAAC,EAAa,GAAGC,CAAA,EAASC,IAAQ,CACpE,KAAM,CAAE,aAAAC,CAAA,EAAiBC,yBAAA,EAEnBC,EAAaR,GAAS,OAAS,WAAaA,GAAS,OAAS,UAE9DS,EAAc,IAAM,CACxB,GAAI,CAACD,EAAY,OAEjB,KAAM,CAAE,KAAME,EAAY,GAAIC,CAAA,EAAaX,GAAW,CAAA,EAElD,CAACU,GAAcA,IAAe,WAAaA,IAAe,WAAa,CAACC,GAE5EL,EAAa,CACX,WAAAI,EACA,SAAAC,EACA,YAAAR,CAAA,CACD,CACH,EAEMS,EAAoBC,GAAe,CACvC,CACE,MAAO,OAAOA,CAAE,GAChB,KAAM,eACN,QAAS,IAAMC,EAAAA,gBAAgBD,CAAE,CAAA,CACnC,EAGI,CAACE,CAAe,EAAIC,uBAAA,EAEpBC,EAAmB,GAAkC,CACzD,GAAI,CAACjB,EAAS,OACd,MAAMkB,EAAON,EAAiBZ,EAAQ,EAAE,EAExCe,EAAgB,EAAGG,CAAI,CACzB,EAEA,OACEC,EAAAA,kBAAAA,IAACC,EAAAA,cAAA,CACC,QAASX,EACT,cAAeQ,EACf,UAAWI,EAAAA,WAAW,CAAE,KAAMb,EAAY,KAAMP,EAAQ,EACvD,GAAGG,EACJ,IAAAC,EAEC,SAAAN,CAAA,CAAA,CAGP,CACF"}
1	+ {"version":3,"file":"SegmentProvider.cjs.js","sources":["../../../../../src/components/EntityPath/SegmentProvider.tsx"],"sourcesContent":["import { forwardRef, MouseEvent } from 'react'\nimport { ActiveSegment } from './EntityPath.styled'\nimport { classNames } from 'primereact/utils'\nimport { PathSegment } from './EntityPath'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu/useCreateContextMenu'\nimport { copyToClipboard } from '@shared/util'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\n\ninterface SegmentProviderProps extends React.HTMLAttributes<HTMLDivElement> {\n segment?: PathSegment\n isOpen?: boolean\n scope: string\n projectName: string\n}\n\nconst SegmentProvider = forwardRef<HTMLDivElement, SegmentProviderProps>(\n ({ children, segment, isOpen, scope, projectName, ...props }, ref) => {\n const { openSlideOut } = useDetailsPanelContext()\n // is the segment NOT a product \|\| project?\n const isLinkable = segment?.type !== 'product' && segment?.type !== 'project'\n\n const handleClick = () => {\n if (!isLinkable) return\n\n const { type: entityType, id: entityId } = segment \|\| {}\n\n if (!entityType \|\| entityType === 'project' \|\| entityType === 'product' \|\| !entityId) return\n\n openSlideOut({\n entityType,\n entityId,\n projectName,\n })\n }\n\n const buildContextMenu = (id: string) => [\n {\n label: `ID: ${id}`,\n icon: 'content_copy',\n command: () => copyToClipboard(id),\n },\n ]\n\n const [contextMenuShow] = useCreateContextMenu()\n\n const handleOnContext = (e: MouseEvent<HTMLDivElement>) => {\n if (!segment) return\n const menu = buildContextMenu(segment.id)\n\n contextMenuShow(e, menu)\n }\n\n return (\n <ActiveSegment\n onClick={handleClick}\n onContextMenu={handleOnContext}\n className={classNames({ link: isLinkable, open: isOpen })}\n {...props}\n ref={ref}\n >\n {children}\n </ActiveSegment>\n )\n },\n)\n\nexport default SegmentProvider\n"],"names":["SegmentProvider","forwardRef","children","segment","isOpen","scope","projectName","props","ref","openSlideOut","useDetailsPanelContext","isLinkable","handleClick","entityType","entityId","buildContextMenu","id","copyToClipboard","contextMenuShow","useCreateContextMenu","handleOnContext","menu","jsx","ActiveSegment","classNames"],"mappings":"8jBAeMA,EAAkBC,EAAAA,WACtB,CAAC,CAAE,SAAAC,EAAU,QAAAC,EAAS,OAAAC,EAAQ,MAAAC,EAAO,YAAAC,EAAa,GAAGC,CAAA,EAASC,IAAQ,CACpE,KAAM,CAAE,aAAAC,CAAA,EAAiBC,yBAAA,EAEnBC,EAAaR,GAAS,OAAS,WAAaA,GAAS,OAAS,UAE9DS,EAAc,IAAM,CACxB,GAAI,CAACD,EAAY,OAEjB,KAAM,CAAE,KAAME,EAAY,GAAIC,CAAA,EAAaX,GAAW,CAAA,EAElD,CAACU,GAAcA,IAAe,WAAaA,IAAe,WAAa,CAACC,GAE5EL,EAAa,CACX,WAAAI,EACA,SAAAC,EACA,YAAAR,CAAA,CACD,CACH,EAEMS,EAAoBC,GAAe,CACvC,CACE,MAAO,OAAOA,CAAE,GAChB,KAAM,eACN,QAAS,IAAMC,EAAAA,gBAAgBD,CAAE,CAAA,CACnC,EAGI,CAACE,CAAe,EAAIC,uBAAA,EAEpBC,EAAmB,GAAkC,CACzD,GAAI,CAACjB,EAAS,OACd,MAAMkB,EAAON,EAAiBZ,EAAQ,EAAE,EAExCe,EAAgB,EAAGG,CAAI,CACzB,EAEA,OACEC,EAAAA,kBAAAA,IAACC,EAAAA,cAAA,CACC,QAASX,EACT,cAAeQ,EACf,UAAWI,EAAAA,WAAW,CAAE,KAAMb,EAAY,KAAMP,EAAQ,EACvD,GAAGG,EACJ,IAAAC,EAEC,SAAAN,CAAA,CAAA,CAGP,CACF"}

package/dist/shared/src/components/EntityPath/SegmentProvider.es.js CHANGED Viewed

@@ -8,12 +8,13 @@ import "react-toastify";
 import { copyToClipboard as b } from "../../util/copyToClipboard.es.js";
 import "uuid";
 import "../../api/queries/users/updateUsers.es.js";
+import "../../util/searchTerms.es.js";
 import "../../util/pubsub.es.js";
 import { useDetailsPanelContext as k } from "../../context/DetailsPanelContext.es.js";
-const E = x(
-  ({ children: r, segment: o, isOpen: i, scope: M, projectName: p, ...c }, m) => {
-    const { openSlideOut: s } = k(), n = o?.type !== "product" && o?.type !== "project", a = () => {
-      if (!n) return;
+const L = x(
+  ({ children: n, segment: o, isOpen: i, scope: M, projectName: p, ...c }, m) => {
+    const { openSlideOut: s } = k(), r = o?.type !== "product" && o?.type !== "project", a = () => {
+      if (!r) return;
       const { type: t, id: e } = o || {};
       !t || t === "project" || t === "product" || !e || s({
         entityType: t,
@@ -36,15 +37,15 @@ const E = x(
       {
         onClick: a,
         onContextMenu: d,
-        className: y({ link: n, open: i }),
+        className: y({ link: r, open: i }),
         ...c,
         ref: m,
-        children: r
+        children: n
       }
     );
   }
 );
 export {
-  E as default
+  L as default
 };
 //# sourceMappingURL=SegmentProvider.es.js.map

package/dist/shared/src/components/EntityPath/SegmentProvider.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SegmentProvider.es.js","sources":["../../../../../src/components/EntityPath/SegmentProvider.tsx"],"sourcesContent":["import { forwardRef, MouseEvent } from 'react'\nimport { ActiveSegment } from './EntityPath.styled'\nimport { classNames } from 'primereact/utils'\nimport { PathSegment } from './EntityPath'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu/useCreateContextMenu'\nimport { copyToClipboard } from '@shared/util'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\n\ninterface SegmentProviderProps extends React.HTMLAttributes<HTMLDivElement> {\n segment?: PathSegment\n isOpen?: boolean\n scope: string\n projectName: string\n}\n\nconst SegmentProvider = forwardRef<HTMLDivElement, SegmentProviderProps>(\n ({ children, segment, isOpen, scope, projectName, ...props }, ref) => {\n const { openSlideOut } = useDetailsPanelContext()\n // is the segment NOT a product \|\| project?\n const isLinkable = segment?.type !== 'product' && segment?.type !== 'project'\n\n const handleClick = () => {\n if (!isLinkable) return\n\n const { type: entityType, id: entityId } = segment \|\| {}\n\n if (!entityType \|\| entityType === 'project' \|\| entityType === 'product' \|\| !entityId) return\n\n openSlideOut({\n entityType,\n entityId,\n projectName,\n })\n }\n\n const buildContextMenu = (id: string) => [\n {\n label: `ID: ${id}`,\n icon: 'content_copy',\n command: () => copyToClipboard(id),\n },\n ]\n\n const [contextMenuShow] = useCreateContextMenu()\n\n const handleOnContext = (e: MouseEvent<HTMLDivElement>) => {\n if (!segment) return\n const menu = buildContextMenu(segment.id)\n\n contextMenuShow(e, menu)\n }\n\n return (\n <ActiveSegment\n onClick={handleClick}\n onContextMenu={handleOnContext}\n className={classNames({ link: isLinkable, open: isOpen })}\n {...props}\n ref={ref}\n >\n {children}\n </ActiveSegment>\n )\n },\n)\n\nexport default SegmentProvider\n"],"names":["SegmentProvider","forwardRef","children","segment","isOpen","scope","projectName","props","ref","openSlideOut","useDetailsPanelContext","isLinkable","handleClick","entityType","entityId","buildContextMenu","id","copyToClipboard","contextMenuShow","useCreateContextMenu","handleOnContext","e","menu","jsx","ActiveSegment","classNames"],"mappings":"~~;;;;;;;;;;;;~~AAeA,MAAMA,IAAkBC;AAAA,EACtB,CAAC,EAAE,UAAAC,GAAU,SAAAC,GAAS,QAAAC,GAAQ,OAAAC,GAAO,aAAAC,GAAa,GAAGC,EAAA,GAASC,MAAQ;AACpE,UAAM,EAAE,cAAAC,EAAA,IAAiBC,EAAA,GAEnBC,IAAaR,GAAS,SAAS,aAAaA,GAAS,SAAS,WAE9DS,IAAc,MAAM;AACxB,UAAI,CAACD,EAAY;AAEjB,YAAM,EAAE,MAAME,GAAY,IAAIC,EAAA,IAAaX,KAAW,CAAA;AAEtD,MAAI,CAACU,KAAcA,MAAe,aAAaA,MAAe,aAAa,CAACC,KAE5EL,EAAa;AAAA,QACX,YAAAI;AAAA,QACA,UAAAC;AAAA,QACA,aAAAR;AAAA,MAAA,CACD;AAAA,IACH,GAEMS,IAAmB,CAACC,MAAe;AAAA,MACvC;AAAA,QACE,OAAO,OAAOA,CAAE;AAAA,QAChB,MAAM;AAAA,QACN,SAAS,MAAMC,EAAgBD,CAAE;AAAA,MAAA;AAAA,IACnC,GAGI,CAACE,CAAe,IAAIC,EAAA,GAEpBC,IAAkB,CAACC,MAAkC;AACzD,UAAI,CAAClB,EAAS;AACd,YAAMmB,IAAOP,EAAiBZ,EAAQ,EAAE;AAExC,MAAAe,EAAgBG,GAAGC,CAAI;AAAA,IACzB;AAEA,WACEC,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAASZ;AAAA,QACT,eAAeQ;AAAA,QACf,WAAWK,EAAW,EAAE,MAAMd,GAAY,MAAMP,GAAQ;AAAA,QACvD,GAAGG;AAAA,QACJ,KAAAC;AAAA,QAEC,UAAAN;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}
1	+ {"version":3,"file":"SegmentProvider.es.js","sources":["../../../../../src/components/EntityPath/SegmentProvider.tsx"],"sourcesContent":["import { forwardRef, MouseEvent } from 'react'\nimport { ActiveSegment } from './EntityPath.styled'\nimport { classNames } from 'primereact/utils'\nimport { PathSegment } from './EntityPath'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu/useCreateContextMenu'\nimport { copyToClipboard } from '@shared/util'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\n\ninterface SegmentProviderProps extends React.HTMLAttributes<HTMLDivElement> {\n segment?: PathSegment\n isOpen?: boolean\n scope: string\n projectName: string\n}\n\nconst SegmentProvider = forwardRef<HTMLDivElement, SegmentProviderProps>(\n ({ children, segment, isOpen, scope, projectName, ...props }, ref) => {\n const { openSlideOut } = useDetailsPanelContext()\n // is the segment NOT a product \|\| project?\n const isLinkable = segment?.type !== 'product' && segment?.type !== 'project'\n\n const handleClick = () => {\n if (!isLinkable) return\n\n const { type: entityType, id: entityId } = segment \|\| {}\n\n if (!entityType \|\| entityType === 'project' \|\| entityType === 'product' \|\| !entityId) return\n\n openSlideOut({\n entityType,\n entityId,\n projectName,\n })\n }\n\n const buildContextMenu = (id: string) => [\n {\n label: `ID: ${id}`,\n icon: 'content_copy',\n command: () => copyToClipboard(id),\n },\n ]\n\n const [contextMenuShow] = useCreateContextMenu()\n\n const handleOnContext = (e: MouseEvent<HTMLDivElement>) => {\n if (!segment) return\n const menu = buildContextMenu(segment.id)\n\n contextMenuShow(e, menu)\n }\n\n return (\n <ActiveSegment\n onClick={handleClick}\n onContextMenu={handleOnContext}\n className={classNames({ link: isLinkable, open: isOpen })}\n {...props}\n ref={ref}\n >\n {children}\n </ActiveSegment>\n )\n },\n)\n\nexport default SegmentProvider\n"],"names":["SegmentProvider","forwardRef","children","segment","isOpen","scope","projectName","props","ref","openSlideOut","useDetailsPanelContext","isLinkable","handleClick","entityType","entityId","buildContextMenu","id","copyToClipboard","contextMenuShow","useCreateContextMenu","handleOnContext","e","menu","jsx","ActiveSegment","classNames"],"mappings":";;;;;;;;;;;;;AAeA,MAAMA,IAAkBC;AAAA,EACtB,CAAC,EAAE,UAAAC,GAAU,SAAAC,GAAS,QAAAC,GAAQ,OAAAC,GAAO,aAAAC,GAAa,GAAGC,EAAA,GAASC,MAAQ;AACpE,UAAM,EAAE,cAAAC,EAAA,IAAiBC,EAAA,GAEnBC,IAAaR,GAAS,SAAS,aAAaA,GAAS,SAAS,WAE9DS,IAAc,MAAM;AACxB,UAAI,CAACD,EAAY;AAEjB,YAAM,EAAE,MAAME,GAAY,IAAIC,EAAA,IAAaX,KAAW,CAAA;AAEtD,MAAI,CAACU,KAAcA,MAAe,aAAaA,MAAe,aAAa,CAACC,KAE5EL,EAAa;AAAA,QACX,YAAAI;AAAA,QACA,UAAAC;AAAA,QACA,aAAAR;AAAA,MAAA,CACD;AAAA,IACH,GAEMS,IAAmB,CAACC,MAAe;AAAA,MACvC;AAAA,QACE,OAAO,OAAOA,CAAE;AAAA,QAChB,MAAM;AAAA,QACN,SAAS,MAAMC,EAAgBD,CAAE;AAAA,MAAA;AAAA,IACnC,GAGI,CAACE,CAAe,IAAIC,EAAA,GAEpBC,IAAkB,CAACC,MAAkC;AACzD,UAAI,CAAClB,EAAS;AACd,YAAMmB,IAAOP,EAAiBZ,EAAQ,EAAE;AAExC,MAAAe,EAAgBG,GAAGC,CAAI;AAAA,IACzB;AAEA,WACEC,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAASZ;AAAA,QACT,eAAeQ;AAAA,QACf,WAAWK,EAAW,EAAE,MAAMd,GAAY,MAAMP,GAAQ;AAAA,QACvD,GAAGG;AAAA,QACJ,KAAAC;AAAA,QAEC,UAAAN;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}

package/dist/shared/src/components/EntityTooltip/EntityTooltip.cjs.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const I=require("../../../../_virtual/jsx-runtime.cjs.js"),U=require("./EntityTooltip.styled.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/enums.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/accessGroups/getAccessGroups.cjs.js");require("../../api/queries/accessGroups/updateAccessGroups.cjs.js");require("../../api/queries/actions/getActions.cjs.js");const Y=require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/enums/getEnums.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const C=require("../../context/ProjectContext.cjs.js");require("lodash");require("react-toastify");const L=require("../../util/getEntityTypeIcon.cjs.js");require("uuid");const W=require("../../util/getThumbnailUrl.cjs.js");require("../../util/searchTerms.cjs.js");require("../../util/pubsub.cjs.js");const l=["folder","task","version","workfile"],c=({entityType:e,entityId:u,projectName:d,pos:{left:q=0,top:T=0}={},projectInfo:t,onMouseEnter:p,onMouseLeave:h})=>{const r=C.useOptionalProjectContext(),s=d\|\|r?.projectName,n=!!e&&l.includes(e),{data:a,isFetching:m}=Y.useGetEntityTooltipQuery({entityType:e,entityId:u,projectName:s},{skip:!n\|\|!u\|\|!s}),o=220;q+o/2>window.innerWidth&&(q=window.innerWidth-o/2);const{title:y,subTitle:E,path:f,taskType:g,folderType:P,productType:j,users:k=[],thumbnailId:b,status:w,thumbnailHash:v}=a\|\|{},x=t?.taskTypes\|\|r?.taskTypes\|\|[],O=t?.folderTypes\|\|r?.folderTypes\|\|[],_=(t?.statuses\|\|r?.statuses\|\|[]).find(i=>i.name===w),N=a?W.getEntityThumbnailUrl({entityId:u\|\|"",entityType:e,thumbnailHash:v,thumbnailId:b,projectName:s\|\|"",placeholder:"none"}):null,S={task:x.find(i=>i.name===g)?.icon,folder:O.find(i=>i.name===P)?.icon,version:r?.getProductType(j).icon,workfile:L.getEntityTypeIcon("workfile")};return n?I.jsxRuntimeExports.jsx(U.TooltipEntityCard,{style:{left:q,top:T,maxWidth:o},onMouseEnter:p,onMouseLeave:h,title:y,header:E,path:f,showPath:!0,status:_,users:k,hidePriority:!0,isLoading:m,loadingSections:["header","title","users","status"],titleIcon:S[e\|\|""],imageUrl:N\|\|void 0}):null};exports.ENTITY_TOOLTIP_TYPES=l;exports.EntityTooltip=c;exports.default=c;
2	+ //# sourceMappingURL=EntityTooltip.cjs.js.map

package/dist/shared/src/components/EntityTooltip/EntityTooltip.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"EntityTooltip.cjs.js","sources":["../../../../../src/components/EntityTooltip/EntityTooltip.tsx"],"sourcesContent":["import * as Styled from './EntityTooltip.styled'\nimport { useGetEntityTooltipQuery } from '@shared/api'\nimport { Status } from '@shared/containers/ProjectTreeTable/types/project'\nimport { useOptionalProjectContext } from '@shared/context/ProjectContext'\nimport { getEntityThumbnailUrl, getEntityTypeIcon } from '@shared/util'\n\n// entity types the tooltip query returns data for\nexport const ENTITY_TOOLTIP_TYPES = ['folder', 'task', 'version', 'workfile']\n\nexport interface EntityTooltipProjectInfo {\n taskTypes?: { name: string; icon?: string }[]\n folderTypes?: { name: string; icon?: string }[]\n statuses?: Status[]\n}\n\nexport interface EntityTooltipProps {\n entityType?: string\n entityId?: string\n projectName?: string\n pos?: {\n left?: number\n top?: number\n }\n projectInfo?: EntityTooltipProjectInfo\n onMouseEnter?: () => void\n onMouseLeave?: () => void\n}\n\nexport const EntityTooltip: React.FC<EntityTooltipProps> = ({\n entityType,\n entityId,\n projectName,\n pos: { left = 0, top = 0 } = {},\n projectInfo,\n onMouseEnter,\n onMouseLeave,\n}) => {\n const project = useOptionalProjectContext()\n const resolvedProjectName = projectName || project?.projectName\n\n const isSupported = !!entityType && ENTITY_TOOLTIP_TYPES.includes(entityType)\n\n const { data, isFetching } = useGetEntityTooltipQuery(\n { entityType, entityId, projectName: resolvedProjectName },\n { skip: !isSupported || !entityId || !resolvedProjectName },\n )\n\n const width = 220\n\n // check x is not offScreen\n if (left + width / 2 > window.innerWidth) left = window.innerWidth - width / 2\n\n const {\n title,\n subTitle,\n path,\n taskType,\n folderType,\n productType,\n users = [],\n thumbnailId,\n status,\n thumbnailHash,\n } = data || {}\n\n const taskTypes = projectInfo?.taskTypes || project?.taskTypes || []\n const folderTypes = projectInfo?.folderTypes || project?.folderTypes || []\n const statuses = projectInfo?.statuses || project?.statuses || []\n\n const statusObject = statuses.find((s: Status) => s.name === status)\n // wait for the query so the url is built once, with its hash\n const thumbnailUrl = data\n ? getEntityThumbnailUrl({\n entityId: entityId || '',\n entityType,\n thumbnailHash,\n thumbnailId,\n projectName: resolvedProjectName || '',\n placeholder: 'none',\n })\n : null\n\n const icons: Record<string, string | undefined> = {\n task: taskTypes.find((type) => type.name === taskType)?.icon,\n folder: folderTypes.find((type) => type.name === folderType)?.icon,\n version: project?.getProductType(productType as string).icon,\n workfile: getEntityTypeIcon('workfile'),\n }\n\n if (!isSupported) return null\n\n return (\n <Styled.TooltipEntityCard\n style={{ left, top, maxWidth: width }}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n title={title}\n header={subTitle}\n path={path}\n showPath\n status={statusObject as any}\n users={users}\n hidePriority\n isLoading={isFetching}\n loadingSections={['header', 'title', 'users', 'status']}\n titleIcon={icons[entityType || ''] as any}\n imageUrl={thumbnailUrl || undefined}\n />\n )\n}\n\nexport default EntityTooltip\n"],"names":["ENTITY_TOOLTIP_TYPES","EntityTooltip","entityType","entityId","projectName","left","top","projectInfo","onMouseEnter","onMouseLeave","project","useOptionalProjectContext","resolvedProjectName","isSupported","data","isFetching","useGetEntityTooltipQuery","width","title","subTitle","path","taskType","folderType","productType","users","thumbnailId","status","thumbnailHash","taskTypes","folderTypes","statusObject","s","thumbnailUrl","getEntityThumbnailUrl","icons","type","getEntityTypeIcon","jsx","Styled.TooltipEntityCard"],"mappings":"iyLAOO,MAAMA,EAAuB,CAAC,SAAU,OAAQ,UAAW,UAAU,EAqB/DC,EAA8C,CAAC,CAC1D,WAAAC,EACA,SAAAC,EACA,YAAAC,EACA,IAAK,CAAE,KAAAC,EAAO,EAAG,IAAAC,EAAM,CAAA,EAAM,CAAA,EAC7B,YAAAC,EACA,aAAAC,EACA,aAAAC,CACF,IAAM,CACJ,MAAMC,EAAUC,EAAAA,0BAAA,EACVC,EAAsBR,GAAeM,GAAS,YAE9CG,EAAc,CAAC,CAACX,GAAcF,EAAqB,SAASE,CAAU,EAEtE,CAAE,KAAAY,EAAM,WAAAC,CAAA,EAAeC,EAAAA,yBAC3B,CAAE,WAAAd,EAAY,SAAAC,EAAU,YAAaS,CAAA,EACrC,CAAE,KAAM,CAACC,GAAe,CAACV,GAAY,CAACS,CAAA,CAAoB,EAGtDK,EAAQ,IAGVZ,EAAOY,EAAQ,EAAI,OAAO,aAAYZ,EAAO,OAAO,WAAaY,EAAQ,GAE7E,KAAM,CACJ,MAAAC,EACA,SAAAC,EACA,KAAAC,EACA,SAAAC,EACA,WAAAC,EACA,YAAAC,EACA,MAAAC,EAAQ,CAAA,EACR,YAAAC,EACA,OAAAC,EACA,cAAAC,CAAA,EACEb,GAAQ,CAAA,EAENc,EAAYrB,GAAa,WAAaG,GAAS,WAAa,CAAA,EAC5DmB,EAActB,GAAa,aAAeG,GAAS,aAAe,CAAA,EAGlEoB,GAFWvB,GAAa,UAAYG,GAAS,UAAY,CAAA,GAEjC,KAAMqB,GAAcA,EAAE,OAASL,CAAM,EAE7DM,EAAelB,EACjBmB,wBAAsB,CACpB,SAAU9B,GAAY,GACtB,WAAAD,EACA,cAAAyB,EACA,YAAAF,EACA,YAAab,GAAuB,GACpC,YAAa,MAAA,CACd,EACD,KAEEsB,EAA4C,CAChD,KAAMN,EAAU,KAAMO,GAASA,EAAK,OAASd,CAAQ,GAAG,KACxD,OAAQQ,EAAY,KAAMM,GAASA,EAAK,OAASb,CAAU,GAAG,KAC9D,QAASZ,GAAS,eAAea,CAAqB,EAAE,KACxD,SAAUa,EAAAA,kBAAkB,UAAU,CAAA,EAGxC,OAAKvB,EAGHwB,EAAAA,kBAAAA,IAACC,EAAAA,kBAAA,CACC,MAAO,CAAE,KAAAjC,EAAM,IAAAC,EAAK,SAAUW,CAAA,EAC9B,aAAAT,EACA,aAAAC,EACA,MAAAS,EACA,OAAQC,EACR,KAAAC,EACA,SAAQ,GACR,OAAQU,EACR,MAAAN,EACA,aAAY,GACZ,UAAWT,EACX,gBAAiB,CAAC,SAAU,QAAS,QAAS,QAAQ,EACtD,UAAWmB,EAAMhC,GAAc,EAAE,EACjC,SAAU8B,GAAgB,MAAA,CAAA,EAjBL,IAoB3B"}

package/dist/shared/src/components/EntityTooltip/EntityTooltip.es.js ADDED Viewed

@@ -0,0 +1,175 @@
+import { j as U } from "../../../../_virtual/jsx-runtime.es.js";
+import { TooltipEntityCard as W } from "./EntityTooltip.styled.es.js";
+import "../../api/base/client.es.js";
+import "../../api/generated/graphql.es.js";
+import "../../api/generated/graphqlLinks.es.js";
+import "../../api/generated/access.es.js";
+import "../../api/generated/actions.es.js";
+import "../../api/generated/activityFeed.es.js";
+import "../../api/generated/addons.es.js";
+import "../../api/generated/anatomy.es.js";
+import "../../api/generated/attributes.es.js";
+import "../../api/generated/authentication.es.js";
+import "../../api/generated/bundles.es.js";
+import "../../api/generated/configuration.es.js";
+import "../../api/generated/dataImport.es.js";
+import "../../api/generated/desktop.es.js";
+import "../../api/generated/entityLists.es.js";
+import "../../api/generated/enums.es.js";
+import "../../api/generated/events.es.js";
+import "../../api/generated/files.es.js";
+import "../../api/generated/folders.es.js";
+import "../../api/generated/inbox.es.js";
+import "../../api/generated/links.es.js";
+import "../../api/generated/market.es.js";
+import "../../api/generated/onboarding.es.js";
+import "../../api/generated/operations.es.js";
+import "../../api/generated/products.es.js";
+import "../../api/generated/projectDashboard.es.js";
+import "../../api/generated/projects.es.js";
+import "../../api/generated/projectFolders.es.js";
+import "../../api/generated/reviewables.es.js";
+import "../../api/generated/services.es.js";
+import "../../api/generated/system.es.js";
+import "../../api/generated/tasks.es.js";
+import "../../api/generated/teams.es.js";
+import "../../api/generated/thumbnails.es.js";
+import "../../api/generated/uRIs.es.js";
+import "../../api/generated/users.es.js";
+import "../../api/generated/versions.es.js";
+import "../../api/generated/workfiles.es.js";
+import "../../api/generated/ynputCloud.es.js";
+import "../../api/generated/grouping.es.js";
+import "../../api/generated/views.es.js";
+import "../../api/queries/accessGroups/getAccessGroups.es.js";
+import "../../api/queries/accessGroups/updateAccessGroups.es.js";
+import "../../api/queries/actions/getActions.es.js";
+import { useGetEntityTooltipQuery as C } from "../../api/queries/activities/getActivities.es.js";
+import "../../api/queries/activities/updateReaction.es.js";
+import "../../api/queries/activities/getMentions.es.js";
+import "../../api/queries/activities/getCategories.es.js";
+import "../../api/queries/addons/getAddons.es.js";
+import "../../api/queries/addons/updateAddons.es.js";
+import "../../api/queries/attributes/getAttributes.es.js";
+import "../../api/queries/attributes/updateAttributes.es.js";
+import "../../api/queries/authentication/getAuthentication.es.js";
+import "../../api/queries/bundles/getBundles.es.js";
+import "../../api/queries/bundles/updateBundles.es.js";
+import "../../api/queries/cloud/cloud.es.js";
+import "../../api/queries/columnStats/metricTargets.es.js";
+import "../../api/queries/columnStats/groupCounts.es.js";
+import "../../api/queries/config/getConfig.es.js";
+import "../../api/queries/config/updateConfig.es.js";
+import "../../api/queries/entities/getEntity.es.js";
+import "../../api/queries/entities/getEntityPanel.es.js";
+import "../../api/queries/overview/getOverview.es.js";
+import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/versions/getVersionsProducts.es.js";
+import "../../api/queries/links/getEntityLinks.es.js";
+import "../../api/queries/entities/updateEntity.es.js";
+import "../../api/queries/entityLists/getLists.es.js";
+import "../../api/queries/entityLists/updateLists.es.js";
+import "../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../api/queries/entityLists/listItemsColumnStats.es.js";
+import "../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../api/queries/entityLists/listFolders.es.js";
+import "../../api/queries/enums/getEnums.es.js";
+import "../../api/queries/folders/getFolders.es.js";
+import "../../api/queries/folders/getFolderDeleteInfo.es.js";
+import "../../api/queries/grouping/getGrouping.es.js";
+import "../../api/queries/links/updateLinks.es.js";
+import "../../api/queries/links/getLinks.es.js";
+import "../../api/queries/permissions/getPermissions.es.js";
+import "../../api/queries/products/createProduct.es.js";
+import "../../api/queries/products/getFolderProducts.es.js";
+import "../../api/queries/project/getProject.es.js";
+import "../../api/queries/project/updateProject.es.js";
+import "../../api/queries/projectFolders/projectFolders.es.js";
+import "../../api/queries/review/getReview.es.js";
+import "../../api/queries/review/updateReview.es.js";
+import "../../api/queries/share/share.es.js";
+import "../../api/queries/system/getSystem.es.js";
+import "../../api/queries/tasks/getTasks.es.js";
+import "../../api/queries/tasks/updateTasks.es.js";
+import "../../api/queries/teams/getTeams.es.js";
+import "../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../api/queries/users/getUsers.es.js";
+import "../../api/queries/users/updateUsers.es.js";
+import "../../api/queries/users/guests.es.js";
+import "../../api/queries/versions/updateVersions.es.js";
+import "../../api/queries/views/getViews.es.js";
+import "../../api/queries/views/updateViews.es.js";
+import "../../api/queries/watchers/getWatchers.es.js";
+import "../../api/queries/uris/getUris.es.js";
+import { useOptionalProjectContext as I } from "../../context/ProjectContext.es.js";
+import "lodash";
+import "react-toastify";
+import { getEntityTypeIcon as L } from "../../util/getEntityTypeIcon.es.js";
+import "uuid";
+import { getEntityThumbnailUrl as Y } from "../../util/getThumbnailUrl.es.js";
+import "../../util/searchTerms.es.js";
+import "../../util/pubsub.es.js";
+const _ = ["folder", "task", "version", "workfile"], qo = ({
+  entityType: t,
+  entityId: r,
+  projectName: l,
+  pos: { left: p = 0, top: c = 0 } = {},
+  projectInfo: m,
+  onMouseEnter: d,
+  onMouseLeave: u
+}) => {
+  const o = I(), s = l || o?.projectName, n = !!t && _.includes(t), { data: a, isFetching: f } = C(
+    { entityType: t, entityId: r, projectName: s },
+    { skip: !n || !r || !s }
+  ), e = 220;
+  p + e / 2 > window.innerWidth && (p = window.innerWidth - e / 2);
+  const {
+    title: h,
+    subTitle: T,
+    path: k,
+    taskType: y,
+    folderType: w,
+    productType: j,
+    users: E = [],
+    thumbnailId: g,
+    status: P,
+    thumbnailHash: b
+  } = a || {}, x = m?.taskTypes || o?.taskTypes || [], N = m?.folderTypes || o?.folderTypes || [], v = (m?.statuses || o?.statuses || []).find((i) => i.name === P), O = a ? Y({
+    entityId: r || "",
+    entityType: t,
+    thumbnailHash: b,
+    thumbnailId: g,
+    projectName: s || "",
+    placeholder: "none"
+  }) : null, S = {
+    task: x.find((i) => i.name === y)?.icon,
+    folder: N.find((i) => i.name === w)?.icon,
+    version: o?.getProductType(j).icon,
+    workfile: L("workfile")
+  };
+  return n ? /* @__PURE__ */ U.jsx(
+    W,
+    {
+      style: { left: p, top: c, maxWidth: e },
+      onMouseEnter: d,
+      onMouseLeave: u,
+      title: h,
+      header: T,
+      path: k,
+      showPath: !0,
+      status: v,
+      users: E,
+      hidePriority: !0,
+      isLoading: f,
+      loadingSections: ["header", "title", "users", "status"],
+      titleIcon: S[t || ""],
+      imageUrl: O || void 0
+    }
+  ) : null;
+};
+export {
+  _ as ENTITY_TOOLTIP_TYPES,
+  qo as EntityTooltip,
+  qo as default
+};
+//# sourceMappingURL=EntityTooltip.es.js.map

package/dist/shared/src/components/EntityTooltip/EntityTooltip.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"EntityTooltip.es.js","sources":["../../../../../src/components/EntityTooltip/EntityTooltip.tsx"],"sourcesContent":["import * as Styled from './EntityTooltip.styled'\nimport { useGetEntityTooltipQuery } from '@shared/api'\nimport { Status } from '@shared/containers/ProjectTreeTable/types/project'\nimport { useOptionalProjectContext } from '@shared/context/ProjectContext'\nimport { getEntityThumbnailUrl, getEntityTypeIcon } from '@shared/util'\n\n// entity types the tooltip query returns data for\nexport const ENTITY_TOOLTIP_TYPES = ['folder', 'task', 'version', 'workfile']\n\nexport interface EntityTooltipProjectInfo {\n taskTypes?: { name: string; icon?: string }[]\n folderTypes?: { name: string; icon?: string }[]\n statuses?: Status[]\n}\n\nexport interface EntityTooltipProps {\n entityType?: string\n entityId?: string\n projectName?: string\n pos?: {\n left?: number\n top?: number\n }\n projectInfo?: EntityTooltipProjectInfo\n onMouseEnter?: () => void\n onMouseLeave?: () => void\n}\n\nexport const EntityTooltip: React.FC<EntityTooltipProps> = ({\n entityType,\n entityId,\n projectName,\n pos: { left = 0, top = 0 } = {},\n projectInfo,\n onMouseEnter,\n onMouseLeave,\n}) => {\n const project = useOptionalProjectContext()\n const resolvedProjectName = projectName || project?.projectName\n\n const isSupported = !!entityType && ENTITY_TOOLTIP_TYPES.includes(entityType)\n\n const { data, isFetching } = useGetEntityTooltipQuery(\n { entityType, entityId, projectName: resolvedProjectName },\n { skip: !isSupported || !entityId || !resolvedProjectName },\n )\n\n const width = 220\n\n // check x is not offScreen\n if (left + width / 2 > window.innerWidth) left = window.innerWidth - width / 2\n\n const {\n title,\n subTitle,\n path,\n taskType,\n folderType,\n productType,\n users = [],\n thumbnailId,\n status,\n thumbnailHash,\n } = data || {}\n\n const taskTypes = projectInfo?.taskTypes || project?.taskTypes || []\n const folderTypes = projectInfo?.folderTypes || project?.folderTypes || []\n const statuses = projectInfo?.statuses || project?.statuses || []\n\n const statusObject = statuses.find((s: Status) => s.name === status)\n // wait for the query so the url is built once, with its hash\n const thumbnailUrl = data\n ? getEntityThumbnailUrl({\n entityId: entityId || '',\n entityType,\n thumbnailHash,\n thumbnailId,\n projectName: resolvedProjectName || '',\n placeholder: 'none',\n })\n : null\n\n const icons: Record<string, string | undefined> = {\n task: taskTypes.find((type) => type.name === taskType)?.icon,\n folder: folderTypes.find((type) => type.name === folderType)?.icon,\n version: project?.getProductType(productType as string).icon,\n workfile: getEntityTypeIcon('workfile'),\n }\n\n if (!isSupported) return null\n\n return (\n <Styled.TooltipEntityCard\n style={{ left, top, maxWidth: width }}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n title={title}\n header={subTitle}\n path={path}\n showPath\n status={statusObject as any}\n users={users}\n hidePriority\n isLoading={isFetching}\n loadingSections={['header', 'title', 'users', 'status']}\n titleIcon={icons[entityType || ''] as any}\n imageUrl={thumbnailUrl || undefined}\n />\n )\n}\n\nexport default EntityTooltip\n"],"names":["ENTITY_TOOLTIP_TYPES","EntityTooltip","entityType","entityId","projectName","left","top","projectInfo","onMouseEnter","onMouseLeave","project","useOptionalProjectContext","resolvedProjectName","isSupported","data","isFetching","useGetEntityTooltipQuery","width","title","subTitle","path","taskType","folderType","productType","users","thumbnailId","status","thumbnailHash","taskTypes","folderTypes","statusObject","s","thumbnailUrl","getEntityThumbnailUrl","icons","type","getEntityTypeIcon","jsx","Styled.TooltipEntityCard"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAMA,IAAuB,CAAC,UAAU,QAAQ,WAAW,UAAU,GAqB/DC,KAA8C,CAAC;AAAA,EAC1D,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,KAAK,EAAE,MAAAC,IAAO,GAAG,KAAAC,IAAM,EAAA,IAAM,CAAA;AAAA,EAC7B,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AACF,MAAM;AACJ,QAAMC,IAAUC,EAAA,GACVC,IAAsBR,KAAeM,GAAS,aAE9CG,IAAc,CAAC,CAACX,KAAcF,EAAqB,SAASE,CAAU,GAEtE,EAAE,MAAAY,GAAM,YAAAC,EAAA,IAAeC;AAAA,IAC3B,EAAE,YAAAd,GAAY,UAAAC,GAAU,aAAaS,EAAA;AAAA,IACrC,EAAE,MAAM,CAACC,KAAe,CAACV,KAAY,CAACS,EAAA;AAAA,EAAoB,GAGtDK,IAAQ;AAGd,EAAIZ,IAAOY,IAAQ,IAAI,OAAO,eAAYZ,IAAO,OAAO,aAAaY,IAAQ;AAE7E,QAAM;AAAA,IACJ,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC,IAAQ,CAAA;AAAA,IACR,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,IACEb,KAAQ,CAAA,GAENc,IAAYrB,GAAa,aAAaG,GAAS,aAAa,CAAA,GAC5DmB,IAActB,GAAa,eAAeG,GAAS,eAAe,CAAA,GAGlEoB,KAFWvB,GAAa,YAAYG,GAAS,YAAY,CAAA,GAEjC,KAAK,CAACqB,MAAcA,EAAE,SAASL,CAAM,GAE7DM,IAAelB,IACjBmB,EAAsB;AAAA,IACpB,UAAU9B,KAAY;AAAA,IACtB,YAAAD;AAAA,IACA,eAAAyB;AAAA,IACA,aAAAF;AAAA,IACA,aAAab,KAAuB;AAAA,IACpC,aAAa;AAAA,EAAA,CACd,IACD,MAEEsB,IAA4C;AAAA,IAChD,MAAMN,EAAU,KAAK,CAACO,MAASA,EAAK,SAASd,CAAQ,GAAG;AAAA,IACxD,QAAQQ,EAAY,KAAK,CAACM,MAASA,EAAK,SAASb,CAAU,GAAG;AAAA,IAC9D,SAASZ,GAAS,eAAea,CAAqB,EAAE;AAAA,IACxD,UAAUa,EAAkB,UAAU;AAAA,EAAA;AAGxC,SAAKvB,IAGHwB,gBAAAA,EAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAO,EAAE,MAAAjC,GAAM,KAAAC,GAAK,UAAUW,EAAA;AAAA,MAC9B,cAAAT;AAAA,MACA,cAAAC;AAAA,MACA,OAAAS;AAAA,MACA,QAAQC;AAAA,MACR,MAAAC;AAAA,MACA,UAAQ;AAAA,MACR,QAAQU;AAAA,MACR,OAAAN;AAAA,MACA,cAAY;AAAA,MACZ,WAAWT;AAAA,MACX,iBAAiB,CAAC,UAAU,SAAS,SAAS,QAAQ;AAAA,MACtD,WAAWmB,EAAMhC,KAAc,EAAE;AAAA,MACjC,UAAU8B,KAAgB;AAAA,IAAA;AAAA,EAAA,IAjBL;AAoB3B;"}

package/dist/shared/src/components/EntityTooltip/EntityTooltip.styled.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"EntityTooltip.styled.cjs.js","sources":["../../../../../src/components/EntityTooltip/EntityTooltip.styled.ts"],"sourcesContent":["import { EntityCard } from '@ynput/ayon-react-components'\nimport styled, { keyframes } from 'styled-components'\n\nconst animateIn = keyframes`\nfrom {\n opacity: 0.4;\n scale: 0.9;\n} to {\n opacity: 1;\n scale: 1;\n}\n`\n\nexport const TooltipEntityCard = styled(EntityCard)`\n position: fixed;\n max-width: 220px;\n z-index: 9999;\n\n translate: -50% calc(-100% - 4px);\n transform-origin: bottom center;\n\n animation: ${animateIn} 100ms ease-out;\n\n /* path always open */\n .description {\n grid-template-rows: 1fr;\n }\n\n /* shadow */\n box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);\n`\n"],"names":["animateIn","keyframes","TooltipEntityCard","styled","EntityCard"],"mappings":"+JAGMA,EAAYC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAULC,EAAoBC,EAAOC,YAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAQnCJ,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/shared/src/components/EntityTooltip/EntityTooltip.styled.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"EntityTooltip.styled.es.js","sources":["../../../../../src/components/EntityTooltip/EntityTooltip.styled.ts"],"sourcesContent":["import { EntityCard } from '@ynput/ayon-react-components'\nimport styled, { keyframes } from 'styled-components'\n\nconst animateIn = keyframes`\nfrom {\n opacity: 0.4;\n scale: 0.9;\n} to {\n opacity: 1;\n scale: 1;\n}\n`\n\nexport const TooltipEntityCard = styled(EntityCard)`\n position: fixed;\n max-width: 220px;\n z-index: 9999;\n\n translate: -50% calc(-100% - 4px);\n transform-origin: bottom center;\n\n animation: ${animateIn} 100ms ease-out;\n\n /* path always open */\n .description {\n grid-template-rows: 1fr;\n }\n\n /* shadow */\n box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);\n`\n"],"names":["animateIn","keyframes","TooltipEntityCard","styled","EntityCard"],"mappings":";;AAGA,MAAMA,IAAYC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAULC,IAAoBC,EAAOC,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAQnCJ,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/shared/src/components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),b=require("react"),n=require("styled-components"),f=require("@ynput/ayon-react-components"),o=require("@dnd-kit/core"),m=require("@dnd-kit/sortable"),O=require("../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.cjs.js"),g=[{value:"hero",label:"Hero",short:"Hero",icon:"star"},{value:"latestDone",label:"Latest Done",short:"Done",icon:"check_circle"},{value:"latest",label:"Latest",short:"Latest",icon:"fiber_new"}],_=g.map(r=>r.value),w=({id:r,label:v})=>{const{attributes:c,listeners:d,setNodeRef:h,transform:s,transition:j,isDragging:E}=m.useSortable({id:r}),x={transform:O.CSS.Transform.toString(s),transition:j};return e.jsxRuntimeExports.jsx(F,{ref:h,style:x,className:E?"dragging":"",...c,...d,children:e.jsxRuntimeExports.jsxs(R,{children:[e.jsxRuntimeExports.jsx(y,{children:e.jsxRuntimeExports.jsx(f.Icon,{icon:"drag_indicator"})}),e.jsxRuntimeExports.jsx(S,{children:v})]})})},T=({value:r,onChange:v})=>{const[c,d]=b.useState(null),h=o.useSensors(o.useSensor(o.PointerSensor,{activationConstraint:{distance:5}})),s=b.useMemo(()=>{const t=[...g];return r.length>0&&t.sort((u,i)=>{const a=r.indexOf(u.value),l=r.indexOf(i.value);return a===-1?1:l===-1?-1:a-l}),t},[r]),j=t=>{d(t.active.id)},E=t=>{const{active:u,over:i}=t;if(i&&u.id!==i.id){const a=s.findIndex(p=>p.value===u.id),l=s.findIndex(p=>p.value===i.id);if(a!==-1&&l!==-1){const D=m.arrayMove(s,a,l).map(I=>I.value);v(D)}}d(null)},x=c?g.find(t=>t.value===c):null;return e.jsxRuntimeExports.jsxs(C,{children:[e.jsxRuntimeExports.jsxs(L,{children:[e.jsxRuntimeExports.jsx("span",{className:"label",children:"Product's featured version priority"}),e.jsxRuntimeExports.jsx(f.Icon,{icon:"info","data-tooltip":"Choose which version will be displayed on the product card. The first available from the list will be used.","data-tooltip-delay":0})]}),e.jsxRuntimeExports.jsxs(o.DndContext,{sensors:h,collisionDetection:o.closestCenter,onDragStart:j,onDragEnd:E,children:[e.jsxRuntimeExports.jsx(m.SortableContext,{items:s.map(t=>t.value),strategy:m.verticalListSortingStrategy,children:e.jsxRuntimeExports.jsx(A,{children:s.map(t=>e.jsxRuntimeExports.jsx(w,{id:t.value,label:t.label},t.value))})}),e.jsxRuntimeExports.jsx(o.DragOverlay,{children:x&&e.jsxRuntimeExports.jsxs(R,{className:"overlay",children:[e.jsxRuntimeExports.jsx(y,{children:e.jsxRuntimeExports.jsx(f.Icon,{icon:"drag_indicator"})}),e.jsxRuntimeExports.jsx(S,{children:x.label})]})})]})]})},C=n.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),b=require("react"),n=require("styled-components"),E=require("@ynput/ayon-react-components"),o=require("@dnd-kit/core"),m=require("@dnd-kit/sortable"),O=require("../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.cjs.js"),g=[{value:"hero",label:"Hero",short:"Hero",icon:"star"},{value:"latestDone",label:"Latest Done",short:"Done",icon:"check_circle"},{value:"latest",label:"Latest",short:"Latest",icon:"fiber_new"}],w=g.map(r=>r.value),T=({id:r,label:v})=>{const{attributes:c,listeners:d,setNodeRef:h,transform:s,transition:j,isDragging:f}=m.useSortable({id:r}),u={transform:O.CSS.Transform.toString(s),transition:j};return e.jsxRuntimeExports.jsx(F,{ref:h,style:u,className:f?"dragging":"",...c,...d,children:e.jsxRuntimeExports.jsxs(y,{children:[e.jsxRuntimeExports.jsx(S,{children:e.jsxRuntimeExports.jsx(E.Icon,{icon:"drag_indicator"})}),e.jsxRuntimeExports.jsx(D,{children:v})]})})},R=({value:r,onChange:v})=>{const[c,d]=b.useState(null),h=o.useSensors(o.useSensor(o.PointerSensor,{activationConstraint:{distance:5}})),s=b.useMemo(()=>{const t=[...g];return r.length>0&&t.sort((x,i)=>{const a=r.indexOf(x.value),l=r.indexOf(i.value);return a===-1?1:l===-1?-1:a-l}),t},[r]),j=t=>{d(t.active.id)},f=t=>{const{active:x,over:i}=t;if(i&&x.id!==i.id){const a=s.findIndex(p=>p.value===x.id),l=s.findIndex(p=>p.value===i.id);if(a!==-1&&l!==-1){const I=m.arrayMove(s,a,l).map(_=>_.value);v(I)}}d(null)},u=c?g.find(t=>t.value===c):null;return e.jsxRuntimeExports.jsxs(C,{children:[e.jsxRuntimeExports.jsxs(L,{children:[e.jsxRuntimeExports.jsx("span",{className:"label",children:"Product's featured version priority"}),e.jsxRuntimeExports.jsx(E.Icon,{icon:"info","data-tooltip":"Choose which version will be displayed on the product card. The first available from the list will be used.","data-tooltip-delay":0})]}),e.jsxRuntimeExports.jsxs(o.DndContext,{sensors:h,collisionDetection:o.closestCenter,onDragStart:j,onDragEnd:f,children:[e.jsxRuntimeExports.jsx(m.SortableContext,{items:s.map(t=>t.value),strategy:m.verticalListSortingStrategy,children:e.jsxRuntimeExports.jsx(A,{children:s.map(t=>e.jsxRuntimeExports.jsx(T,{id:t.value,label:t.label},t.value))})}),e.jsxRuntimeExports.jsx(o.DragOverlay,{children:u&&e.jsxRuntimeExports.jsxs(y,{className:"overlay",children:[e.jsxRuntimeExports.jsx(S,{children:e.jsxRuntimeExports.jsx(E.Icon,{icon:"drag_indicator"})}),e.jsxRuntimeExports.jsx(D,{children:u.label})]})})]})]})},C=n.div`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-small);
@@ -10,7 +10,7 @@
   &.dragging {
     opacity: 0;
   }
-`,R=n.div`
+`,y=n.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -33,11 +33,11 @@
   &:active {
     cursor: grabbing;
   }
-`,y=n.div`
+`,S=n.div`
   display: flex;
   align-items: center;
   color: var(--md-sys-color-outline);
-`,S=n.span`
+`,D=n.span`
   font-weight: 500;
   color: var(--md-sys-color-on-surface);
 `,L=n.div`
@@ -54,5 +54,5 @@
   .icon {
     cursor: pointer;
   }
-`;exports.DEFAULT_FEATURED_ORDER=_;exports.FEATURED_VERSION_TYPES=g;exports.FeaturedVersionOrder=T;
+`;exports.DEFAULT_FEATURED_ORDER=w;exports.FEATURED_VERSION_TYPES=g;exports.FeaturedVersionOrder=R;exports.default=R;
 //# sourceMappingURL=FeaturedVersionOrder.cjs.js.map

package/dist/shared/src/components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FeaturedVersionOrder.cjs.js","sources":["../../../../../src/components/FeaturedVersionOrder/FeaturedVersionOrder.tsx"],"sourcesContent":["import { FC, useMemo, useState } from 'react'\nimport styled from 'styled-components'\nimport { Icon } from '@ynput/ayon-react-components'\nimport {\n DndContext,\n closestCenter,\n DragEndEvent,\n useSensor,\n useSensors,\n PointerSensor,\n DragOverlay,\n} from '@dnd-kit/core'\nimport {\n SortableContext,\n verticalListSortingStrategy,\n useSortable,\n arrayMove,\n} from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\n\n// options and default order\nexport const FEATURED_VERSION_TYPES = [\n { value: 'hero', label: 'Hero', short: 'Hero', icon: 'star' },\n { value: 'latestDone', label: 'Latest Done', short: 'Done', icon: 'check_circle' },\n { value: 'latest', label: 'Latest', short: 'Latest', icon: 'fiber_new' },\n]\nexport const DEFAULT_FEATURED_ORDER = FEATURED_VERSION_TYPES.map((option) => option.value)\n\ninterface FeaturedVersionOrderProps {\n value: string[]\n onChange: (value: string[]) => void\n}\n\ninterface SortableItemProps {\n id: string\n label: string\n}\n\nconst SortableItem: FC<SortableItemProps> = ({ id, label }) => {\n const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n id,\n })\n\n const style = {\n transform: CSS.Transform.toString(transform),\n transition,\n }\n\n return (\n <SortableItemWrapper\n ref={setNodeRef}\n style={style}\n className={isDragging ? 'dragging' : ''}\n {...attributes}\n {...listeners}\n >\n <ItemContent>\n <DragHandle>\n <Icon icon=\"drag_indicator\" />\n </DragHandle>\n <ItemLabel>{label}</ItemLabel>\n </ItemContent>\n </SortableItemWrapper>\n )\n}\n\nexport const FeaturedVersionOrder: FC<FeaturedVersionOrderProps> = ({ value, onChange }) => {\n const [activeId, setActiveId] = useState<string \| null>(null)\n\n // Setup sensors for dnd-kit\n const sensors = useSensors(\n useSensor(PointerSensor, {\n activationConstraint: {\n distance: 5,\n },\n }),\n )\n\n // Sort TYPE_OPTIONS based on the value array order\n const orderedOptions = useMemo(() => {\n const optionsCopy = [...FEATURED_VERSION_TYPES]\n\n if (value.length > 0) {\n optionsCopy.sort((a, b) => {\n const indexA = value.indexOf(a.value)\n const indexB = value.indexOf(b.value)\n\n // If item is not in value array, place at end\n if (indexA === -1) return 1\n if (indexB === -1) return -1\n\n return indexA - indexB\n })\n }\n\n return optionsCopy\n }, [value])\n\n const handleDragStart = (event: any) => {\n setActiveId(event.active.id)\n }\n\n const handleDragEnd = (event: DragEndEvent) => {\n const { active, over } = event\n\n if (over && active.id !== over.id) {\n const oldIndex = orderedOptions.findIndex((option) => option.value === active.id)\n const newIndex = orderedOptions.findIndex((option) => option.value === over.id)\n\n if (oldIndex !== -1 && newIndex !== -1) {\n const newOrder = arrayMove(orderedOptions, oldIndex, newIndex)\n const newValue = newOrder.map((option) => option.value)\n onChange(newValue)\n }\n }\n\n setActiveId(null)\n }\n\n // Find the active option for the drag overlay\n const activeOption = activeId\n ? FEATURED_VERSION_TYPES.find((option) => option.value === activeId)\n : null\n\n return (\n <Container>\n <InfoHeader>\n <span className=\"label\">Product's featured version priority</span>\n <Icon\n icon=\"info\"\n data-tooltip={\n 'Choose which version will be displayed on the product card. The first available from the list will be used.'\n }\n data-tooltip-delay={0}\n />\n </InfoHeader>\n <DndContext\n sensors={sensors}\n collisionDetection={closestCenter}\n onDragStart={handleDragStart}\n onDragEnd={handleDragEnd}\n >\n <SortableContext\n items={orderedOptions.map((option) => option.value)}\n strategy={verticalListSortingStrategy}\n >\n <ItemsList>\n {orderedOptions.map((option) => (\n <SortableItem key={option.value} id={option.value} label={option.label} />\n ))}\n </ItemsList>\n </SortableContext>\n\n <DragOverlay>\n {activeOption && (\n <ItemContent className=\"overlay\">\n <DragHandle>\n <Icon icon=\"drag_indicator\" />\n </DragHandle>\n <ItemLabel>{activeOption.label}</ItemLabel>\n </ItemContent>\n )}\n </DragOverlay>\n </DndContext>\n </Container>\n )\n}\n\n// Styled components\nconst Container = styled.div`\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-small);\n`\n\nconst ItemsList = styled.div`\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-small);\n`\n\nconst SortableItemWrapper = styled.div`\n &.dragging {\n opacity: 0;\n }\n`\n\nconst ItemContent = styled.div`\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n border-radius: var(--border-radius-m);\n padding: 2px;\n padding-left: 8px;\n height: 32px;\n cursor: grab;\n user-select: none;\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-high);\n }\n\n &.overlay {\n box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);\n background-color: var(--md-sys-color-surface-container-high);\n }\n\n &:active {\n cursor: grabbing;\n }\n`\n\nconst DragHandle = styled.div`\n display: flex;\n align-items: center;\n color: var(--md-sys-color-outline);\n`\n\nconst ItemLabel = styled.span`\n font-weight: 500;\n color: var(--md-sys-color-on-surface);\n`\n\nconst InfoHeader = styled.div`\n color: var(--md-sys-color-outline);\n display: flex;\n align-items: center;\n padding: 4px 0;\n width: 100%;\n\n .label {\n font-weight: 500;\n margin-right: 8px;\n }\n .icon {\n cursor: pointer;\n }\n`\n\nexport default FeaturedVersionOrder\n"],"names":["FEATURED_VERSION_TYPES","DEFAULT_FEATURED_ORDER","option","SortableItem","id","label","attributes","listeners","setNodeRef","transform","transition","isDragging","useSortable","style","CSS","jsx","SortableItemWrapper","ItemContent","DragHandle","Icon","ItemLabel","FeaturedVersionOrder","value","onChange","activeId","setActiveId","useState","sensors","useSensors","useSensor","PointerSensor","orderedOptions","useMemo","optionsCopy","a","b","indexA","indexB","handleDragStart","event","handleDragEnd","active","over","oldIndex","newIndex","newValue","arrayMove","activeOption","Container","jsxs","InfoHeader","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","ItemsList","DragOverlay","styled"],"mappings":"~~oXAqBaA~~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"}
1	+ {"version":3,"file":"FeaturedVersionOrder.cjs.js","sources":["../../../../../src/components/FeaturedVersionOrder/FeaturedVersionOrder.tsx"],"sourcesContent":["import { FC, useMemo, useState } from 'react'\nimport styled from 'styled-components'\nimport { Icon } from '@ynput/ayon-react-components'\nimport {\n DndContext,\n closestCenter,\n DragEndEvent,\n useSensor,\n useSensors,\n PointerSensor,\n DragOverlay,\n} from '@dnd-kit/core'\nimport {\n SortableContext,\n verticalListSortingStrategy,\n useSortable,\n arrayMove,\n} from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\n\n// options and default order\nexport const FEATURED_VERSION_TYPES = [\n { value: 'hero', label: 'Hero', short: 'Hero', icon: 'star' },\n { value: 'latestDone', label: 'Latest Done', short: 'Done', icon: 'check_circle' },\n { value: 'latest', label: 'Latest', short: 'Latest', icon: 'fiber_new' },\n]\nexport const DEFAULT_FEATURED_ORDER = FEATURED_VERSION_TYPES.map((option) => option.value)\n\ninterface FeaturedVersionOrderProps {\n value: string[]\n onChange: (value: string[]) => void\n}\n\ninterface SortableItemProps {\n id: string\n label: string\n}\n\nconst SortableItem: FC<SortableItemProps> = ({ id, label }) => {\n const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n id,\n })\n\n const style = {\n transform: CSS.Transform.toString(transform),\n transition,\n }\n\n return (\n <SortableItemWrapper\n ref={setNodeRef}\n style={style}\n className={isDragging ? 'dragging' : ''}\n {...attributes}\n {...listeners}\n >\n <ItemContent>\n <DragHandle>\n <Icon icon=\"drag_indicator\" />\n </DragHandle>\n <ItemLabel>{label}</ItemLabel>\n </ItemContent>\n </SortableItemWrapper>\n )\n}\n\nexport const FeaturedVersionOrder: FC<FeaturedVersionOrderProps> = ({ value, onChange }) => {\n const [activeId, setActiveId] = useState<string \| null>(null)\n\n // Setup sensors for dnd-kit\n const sensors = useSensors(\n useSensor(PointerSensor, {\n activationConstraint: {\n distance: 5,\n },\n }),\n )\n\n // Sort TYPE_OPTIONS based on the value array order\n const orderedOptions = useMemo(() => {\n const optionsCopy = [...FEATURED_VERSION_TYPES]\n\n if (value.length > 0) {\n optionsCopy.sort((a, b) => {\n const indexA = value.indexOf(a.value)\n const indexB = value.indexOf(b.value)\n\n // If item is not in value array, place at end\n if (indexA === -1) return 1\n if (indexB === -1) return -1\n\n return indexA - indexB\n })\n }\n\n return optionsCopy\n }, [value])\n\n const handleDragStart = (event: any) => {\n setActiveId(event.active.id)\n }\n\n const handleDragEnd = (event: DragEndEvent) => {\n const { active, over } = event\n\n if (over && active.id !== over.id) {\n const oldIndex = orderedOptions.findIndex((option) => option.value === active.id)\n const newIndex = orderedOptions.findIndex((option) => option.value === over.id)\n\n if (oldIndex !== -1 && newIndex !== -1) {\n const newOrder = arrayMove(orderedOptions, oldIndex, newIndex)\n const newValue = newOrder.map((option) => option.value)\n onChange(newValue)\n }\n }\n\n setActiveId(null)\n }\n\n // Find the active option for the drag overlay\n const activeOption = activeId\n ? FEATURED_VERSION_TYPES.find((option) => option.value === activeId)\n : null\n\n return (\n <Container>\n <InfoHeader>\n <span className=\"label\">Product's featured version priority</span>\n <Icon\n icon=\"info\"\n data-tooltip={\n 'Choose which version will be displayed on the product card. The first available from the list will be used.'\n }\n data-tooltip-delay={0}\n />\n </InfoHeader>\n <DndContext\n sensors={sensors}\n collisionDetection={closestCenter}\n onDragStart={handleDragStart}\n onDragEnd={handleDragEnd}\n >\n <SortableContext\n items={orderedOptions.map((option) => option.value)}\n strategy={verticalListSortingStrategy}\n >\n <ItemsList>\n {orderedOptions.map((option) => (\n <SortableItem key={option.value} id={option.value} label={option.label} />\n ))}\n </ItemsList>\n </SortableContext>\n\n <DragOverlay>\n {activeOption && (\n <ItemContent className=\"overlay\">\n <DragHandle>\n <Icon icon=\"drag_indicator\" />\n </DragHandle>\n <ItemLabel>{activeOption.label}</ItemLabel>\n </ItemContent>\n )}\n </DragOverlay>\n </DndContext>\n </Container>\n )\n}\n\n// Styled components\nconst Container = styled.div`\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-small);\n`\n\nconst ItemsList = styled.div`\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-small);\n`\n\nconst SortableItemWrapper = styled.div`\n &.dragging {\n opacity: 0;\n }\n`\n\nconst ItemContent = styled.div`\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n border-radius: var(--border-radius-m);\n padding: 2px;\n padding-left: 8px;\n height: 32px;\n cursor: grab;\n user-select: none;\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-high);\n }\n\n &.overlay {\n box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);\n background-color: var(--md-sys-color-surface-container-high);\n }\n\n &:active {\n cursor: grabbing;\n }\n`\n\nconst DragHandle = styled.div`\n display: flex;\n align-items: center;\n color: var(--md-sys-color-outline);\n`\n\nconst ItemLabel = styled.span`\n font-weight: 500;\n color: var(--md-sys-color-on-surface);\n`\n\nconst InfoHeader = styled.div`\n color: var(--md-sys-color-outline);\n display: flex;\n align-items: center;\n padding: 4px 0;\n width: 100%;\n\n .label {\n font-weight: 500;\n margin-right: 8px;\n }\n .icon {\n cursor: pointer;\n }\n`\n\nexport default FeaturedVersionOrder\n"],"names":["FEATURED_VERSION_TYPES","DEFAULT_FEATURED_ORDER","option","SortableItem","id","label","attributes","listeners","setNodeRef","transform","transition","isDragging","useSortable","style","CSS","jsx","SortableItemWrapper","ItemContent","DragHandle","Icon","ItemLabel","FeaturedVersionOrder","value","onChange","activeId","setActiveId","useState","sensors","useSensors","useSensor","PointerSensor","orderedOptions","useMemo","optionsCopy","a","b","indexA","indexB","handleDragStart","event","handleDragEnd","active","over","oldIndex","newIndex","newValue","arrayMove","activeOption","Container","jsxs","InfoHeader","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","ItemsList","DragOverlay","styled"],"mappings":"gZAqBaA,EAAyB,CACpC,CAAE,MAAO,OAAQ,MAAO,OAAQ,MAAO,OAAQ,KAAM,MAAA,EACrD,CAAE,MAAO,aAAc,MAAO,cAAe,MAAO,OAAQ,KAAM,cAAA,EAClE,CAAE,MAAO,SAAU,MAAO,SAAU,MAAO,SAAU,KAAM,WAAA,CAC7D,EACaC,EAAyBD,EAAuB,IAAKE,GAAWA,EAAO,KAAK,EAYnFC,EAAsC,CAAC,CAAE,GAAAC,EAAI,MAAAC,KAAY,CAC7D,KAAM,CAAE,WAAAC,EAAY,UAAAC,EAAW,WAAAC,EAAY,UAAAC,EAAW,WAAAC,EAAY,WAAAC,CAAA,EAAeC,cAAY,CAC3F,GAAAR,CAAA,CACD,EAEKS,EAAQ,CACZ,UAAWC,EAAAA,IAAI,UAAU,SAASL,CAAS,EAC3C,WAAAC,CAAA,EAGF,OACEK,EAAAA,kBAAAA,IAACC,EAAA,CACC,IAAKR,EACL,MAAAK,EACA,UAAWF,EAAa,WAAa,GACpC,GAAGL,EACH,GAAGC,EAEJ,kCAACU,EAAA,CACC,SAAA,CAAAF,wBAACG,EAAA,CACC,SAAAH,EAAAA,kBAAAA,IAACI,EAAAA,KAAA,CAAK,KAAK,iBAAiB,EAC9B,EACAJ,EAAAA,kBAAAA,IAACK,GAAW,SAAAf,CAAA,CAAM,CAAA,CAAA,CACpB,CAAA,CAAA,CAGN,EAEagB,EAAsD,CAAC,CAAE,MAAAC,EAAO,SAAAC,KAAe,CAC1F,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAwB,IAAI,EAGtDC,EAAUC,EAAAA,WACdC,EAAAA,UAAUC,EAAAA,cAAe,CACvB,qBAAsB,CACpB,SAAU,CAAA,CACZ,CACD,CAAA,EAIGC,EAAiBC,EAAAA,QAAQ,IAAM,CACnC,MAAMC,EAAc,CAAC,GAAGjC,CAAsB,EAE9C,OAAIsB,EAAM,OAAS,GACjBW,EAAY,KAAK,CAACC,EAAGC,IAAM,CACzB,MAAMC,EAASd,EAAM,QAAQY,EAAE,KAAK,EAC9BG,EAASf,EAAM,QAAQa,EAAE,KAAK,EAGpC,OAAIC,IAAW,GAAW,EACtBC,IAAW,GAAW,GAEnBD,EAASC,CAClB,CAAC,EAGIJ,CACT,EAAG,CAACX,CAAK,CAAC,EAEJgB,EAAmBC,GAAe,CACtCd,EAAYc,EAAM,OAAO,EAAE,CAC7B,EAEMC,EAAiBD,GAAwB,CAC7C,KAAM,CAAE,OAAAE,EAAQ,KAAAC,CAAA,EAASH,EAEzB,GAAIG,GAAQD,EAAO,KAAOC,EAAK,GAAI,CACjC,MAAMC,EAAWZ,EAAe,UAAW7B,GAAWA,EAAO,QAAUuC,EAAO,EAAE,EAC1EG,EAAWb,EAAe,UAAW7B,GAAWA,EAAO,QAAUwC,EAAK,EAAE,EAE9E,GAAIC,IAAa,IAAMC,IAAa,GAAI,CAEtC,MAAMC,EADWC,EAAAA,UAAUf,EAAgBY,EAAUC,CAAQ,EACnC,IAAK1C,GAAWA,EAAO,KAAK,EACtDqB,EAASsB,CAAQ,CACnB,CACF,CAEApB,EAAY,IAAI,CAClB,EAGMsB,EAAevB,EACjBxB,EAAuB,KAAME,GAAWA,EAAO,QAAUsB,CAAQ,EACjE,KAEJ,gCACGwB,EAAA,CACC,SAAA,CAAAC,yBAACC,EAAA,CACC,SAAA,CAAAnC,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,QAAQ,SAAA,sCAAmC,EAC3DA,EAAAA,kBAAAA,IAACI,EAAAA,KAAA,CACC,KAAK,OACL,eACE,8GAEF,qBAAoB,CAAA,CAAA,CACtB,EACF,EACA8B,EAAAA,kBAAAA,KAACE,EAAAA,WAAA,CACC,QAAAxB,EACA,mBAAoByB,EAAAA,cACpB,YAAad,EACb,UAAWE,EAEX,SAAA,CAAAzB,EAAAA,kBAAAA,IAACsC,EAAAA,gBAAA,CACC,MAAOtB,EAAe,IAAK7B,GAAWA,EAAO,KAAK,EAClD,SAAUoD,EAAAA,4BAEV,iCAACC,EAAA,CACE,SAAAxB,EAAe,IAAK7B,GACnBa,wBAACZ,EAAA,CAAgC,GAAID,EAAO,MAAO,MAAOA,EAAO,OAA9CA,EAAO,KAA8C,CACzE,CAAA,CACH,CAAA,CAAA,0BAGDsD,EAAAA,YAAA,CACE,SAAAT,GACCE,yBAAChC,EAAA,CAAY,UAAU,UACrB,SAAA,CAAAF,wBAACG,EAAA,CACC,SAAAH,EAAAA,kBAAAA,IAACI,EAAAA,KAAA,CAAK,KAAK,iBAAiB,EAC9B,EACAJ,EAAAA,kBAAAA,IAACK,EAAA,CAAW,SAAA2B,EAAa,KAAA,CAAM,CAAA,CAAA,CACjC,CAAA,CAEJ,CAAA,CAAA,CAAA,CACF,EACF,CAEJ,EAGMC,EAAYS,EAAO;AAAA;AAAA;AAAA;AAAA,EAMnBF,EAAYE,EAAO;AAAA;AAAA;AAAA;AAAA,EAMnBzC,EAAsByC,EAAO;AAAA;AAAA;AAAA;AAAA,EAM7BxC,EAAcwC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyBrBvC,EAAauC,EAAO;AAAA;AAAA;AAAA;AAAA,EAMpBrC,EAAYqC,EAAO;AAAA;AAAA;AAAA,EAKnBP,EAAaO,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}