npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.39 → 0.2.41 - Mend

@ynput/ayon-frontend-shared 0.2.39 → 0.2.41

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 (436) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ReviewablesList.cjs.js","sources":["../../../../../src/components/ReviewablesList/ReviewablesList.tsx"],"sourcesContent":["import { FC, MouseEvent, useState } from 'react'\n// queries\nimport { useGetReviewablesForVersionQuery, useHasTranscoderQuery } from '@shared/api'\nimport { useDeleteReviewableMutation, useSortVersionReviewablesMutation } from '@shared/api'\n\n// DND\nimport {\n DndContext,\n closestCenter,\n KeyboardSensor,\n PointerSensor,\n useSensor,\n useSensors,\n UniqueIdentifier,\n DragEndEvent,\n DragOverlay,\n DragStartEvent,\n} from '@dnd-kit/core'\nimport {\n arrayMove,\n SortableContext,\n sortableKeyboardCoordinates,\n verticalListSortingStrategy,\n} from '@dnd-kit/sortable'\n\n// components\nimport { ReviewableCard, ReviewableProgressCard } from '@shared/components'\nimport SortableReviewableCard from './SortableReviewableCard'\nimport * as Styled from './ReviewablesList.styled'\nimport { toast } from 'react-toastify'\n\n// utils\nimport { getGroupedReviewables } from './getGroupedReviewables'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { confirmDelete } from '@shared/util'\nimport EditReviewableDialog from './EditReviewableDialog'\nimport ReviewableUpload from './ReviewablesUpload'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface ReviewablesListProps {\n projectName: string\n versionId: string\n productId: string\n isLoadingVersion: boolean\n scope: string\n}\n\nconst ReviewablesList: FC<ReviewablesListProps> = ({\n projectName,\n versionId,\n productId,\n isLoadingVersion,\n scope,\n}) => {\n const { onOpenViewer, user, viewer, dispatch } = useDetailsPanelContext()\n // returns all reviewables for a product\n const {\n data: versionReviewables,\n isFetching: isFetchingReviewables,\n currentData,\n } = useGetReviewablesForVersionQuery(\n { projectName, versionId: versionId },\n { skip: !versionId \|\| !projectName },\n )\n\n // do we have the premium transcoder?\n const hasTranscoder = false\n\n // are we currently looking at review? (is it selected in the viewer)\n const reviewableIds = viewer?.reviewableIds \|\| []\n const userName = user.name\n const currentIsUser = user.data?.isUser\n\n // either null or the reviewable id we are editing\n const [editActivityId, setEditActivityId] = useState<null \| string>(null)\n\n // dragging activeId\n const [activeId, setActiveId] = useState<null \| string>(null)\n\n const sensors = useSensors(\n useSensor(PointerSensor),\n useSensor(KeyboardSensor, {\n coordinateGetter: sortableKeyboardCoordinates,\n }),\n )\n\n const reviewables = versionReviewables?.reviewables \|\| []\n const draggingReview = reviewables.find((reviewable) => reviewable.fileId === activeId)\n\n const currentVersionId = currentData?.id\n const queryingNewVersion = versionId !== currentVersionId\n\n const isLoading = (isFetchingReviewables && queryingNewVersion) \|\| isLoadingVersion\n\n const handleReviewableClick = (event: MouseEvent<HTMLDivElement>) => {\n // check are not dragging\n if (activeId) return console.log('Dragging, cannot open review')\n\n // get the reviewable id\n const id = event.currentTarget.id\n if (!id \|\| !productId) return console.error('No reviewable id or product id')\n\n const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n console.debug(reviewable)\n console.debug(reviewable?.mediaInfo)\n\n // open the reviewable dialog\n onOpenViewer?.({\n projectName: projectName,\n productId: productId,\n versionIds: [versionId],\n reviewableIds: [id],\n })\n }\n\n const { playable, incompatible, processing, queued } = getGroupedReviewables(\n reviewables,\n hasTranscoder,\n )\n\n function handleDragStart(event: DragStartEvent) {\n const { active } = event\n\n setActiveId(active.id as string)\n }\n\n const [sortVersionReviewables] = useSortVersionReviewablesMutation()\n\n const handleDragEnd = async (event: DragEndEvent) => {\n const { active, over } = event\n\n if (over?.id && active.id !== over.id) {\n console.log('update review position')\n\n const oldIndex = playable.findIndex((reviewable) => reviewable.fileId === active.id)\n const newIndex = playable.findIndex((reviewable) => reviewable.fileId === over.id)\n\n // resort the reviewables\n const newReviewables = arrayMove(playable, oldIndex, newIndex)\n\n const newOrder = newReviewables.map((reviewable) => reviewable.activityId)\n\n try {\n // update the reviewables\n sortVersionReviewables({\n projectName,\n versionId,\n sortReviewablesRequest: { sort: newOrder },\n }).unwrap()\n } catch (error) {\n toast.error('Error sorting reviewables')\n }\n }\n setActiveId(null)\n }\n\n const overlayModifiers = []\n // hack to make the dnd overlay pos work inside dialog\n if (scope === 'review') {\n overlayModifiers.push((args: any) => ({\n ...args.transform,\n x: args.transform.x - 32,\n y: args.transform.y - 32,\n }))\n }\n\n const incompatibleMessage = `File type not supported at this time. Please contact support for further assistance.`\n\n const handleDownloadFile = (fileId: string, fileName: string = '') => {\n let url = `/api/projects/${projectName}/files/${fileId}`\n\n // if (codec) url += `.${codec}`\n\n // Create an invisible anchor element\n const a = document.createElement('a')\n a.href = url\n a.download = fileName\n document.body.appendChild(a)\n\n // Trigger a click event on the anchor element\n a.click()\n\n // Remove the anchor element from the document\n document.body.removeChild(a)\n }\n\n const [deleteReviewable] = useDeleteReviewableMutation()\n\n const handleDelete = async (activityId: string, label: string) => {\n // @ts-ignore\n confirmDelete({\n header: 'Delete ' + label,\n message: 'Are you sure you want to delete this reviewable?',\n accept: async () => {\n try {\n await deleteReviewable({ activityId, projectName }).unwrap()\n } catch (error) {\n toast.error('Failed to delete reviewable')\n }\n },\n })\n }\n\n // create the ref and model\n const [ctxMenuShow] = useCreateContextMenu()\n\n const handleContextMenu = (event: MouseEvent<HTMLDivElement>) => {\n // get the reviewable by id\n const id = event.currentTarget.id\n\n if (!id) return\n\n const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n\n if (!reviewable) return\n\n const originalFileId = reviewable.createdFrom \|\| reviewable.fileId\n const originalReviewable = reviewables.find(\n (reviewable) => reviewable.fileId === originalFileId,\n )\n\n const items: {\n label: string\n icon: string\n onClick?: () => void\n disabled?: boolean\n danger?: boolean\n }[] = [\n {\n label: 'Download original',\n icon: 'download',\n onClick: () => handleDownloadFile(originalFileId, originalReviewable?.filename),\n disabled: !originalReviewable,\n },\n ]\n\n if (userName === reviewable.author.name \|\| !currentIsUser) {\n items.push({\n label: 'Delete',\n icon: 'delete',\n onClick: () => handleDelete(reviewable.activityId, reviewable.label \|\| reviewable.filename),\n danger: true,\n })\n }\n\n // add author\n items.push({\n label: `Author: ${reviewable.author.fullName \|\| reviewable.author.name}`,\n icon: 'person',\n disabled: true,\n })\n\n ctxMenuShow(event, items)\n }\n\n return (\n <>\n <ReviewableUpload\n projectName={projectName}\n versionId={versionId}\n productId={productId}\n taskId={viewer?.taskId}\n folderId={viewer?.folderId}\n dispatch={dispatch}\n >\n {isLoading ? (\n Array.from({ length: 3 }).map((_, index) => (\n <Styled.LoadingCard key={index} className=\"loading\" />\n ))\n ) : (\n <>\n <DndContext\n sensors={sensors}\n collisionDetection={closestCenter}\n onDragStart={handleDragStart}\n onDragEnd={handleDragEnd}\n onDragCancel={() => setActiveId(null)}\n >\n <SortableContext\n items={reviewables.map(({ fileId }) => fileId as UniqueIdentifier)}\n strategy={verticalListSortingStrategy}\n >\n {playable.map((reviewable) => (\n <SortableReviewableCard\n key={reviewable.fileId}\n projectName={projectName}\n onClick={handleReviewableClick}\n isSelected={reviewableIds.includes(reviewable.fileId)}\n isDragging={!!activeId}\n onContextMenu={handleContextMenu}\n onEdit={(e) => {\n e.stopPropagation()\n setEditActivityId(reviewable.activityId)\n }}\n {...reviewable}\n />\n ))}\n </SortableContext>\n\n {/* drag overlay */}\n <DragOverlay modifiers={overlayModifiers}>\n {draggingReview ? (\n <ReviewableCard\n {...draggingReview}\n projectName={projectName}\n isDragOverlay\n isDragging\n isSelected={reviewableIds.includes(draggingReview.fileId)}\n />\n ) : null}\n </DragOverlay>\n </DndContext>\n {processing.map((reviewable) => (\n <ReviewableProgressCard\n key={reviewable.fileId}\n name={reviewable.filename}\n type={'processing'}\n progress={reviewable.processing?.progress}\n fileId={reviewable.fileId}\n />\n ))}\n\n {queued.map((reviewable) => (\n <ReviewableProgressCard\n key={reviewable.fileId}\n name={reviewable.filename}\n type={'queued'}\n fileId={reviewable.fileId}\n />\n ))}\n\n {incompatible.map((reviewable) => (\n <ReviewableProgressCard\n key={reviewable.fileId}\n name={reviewable.filename}\n type={'unsupported'}\n tooltip={incompatibleMessage}\n src={`/api/projects/${projectName}/files/${reviewable.fileId}/thumbnail`}\n onContextMenu={handleContextMenu}\n fileId={reviewable.fileId}\n />\n ))}\n </>\n )}\n </ReviewableUpload>\n\n {editActivityId && (\n <EditReviewableDialog\n isOpen\n onClose={() => setEditActivityId(null)}\n label={\n reviewables.find((reviewable) => reviewable.activityId === editActivityId)?.label \|\| ''\n }\n projectName={projectName}\n versionId={versionId}\n activityId={editActivityId}\n />\n )}\n </>\n )\n}\n\nexport default ReviewablesList\n"],"names":["ReviewablesList","projectName","versionId","productId","isLoadingVersion","scope","onOpenViewer","user","viewer","dispatch","useDetailsPanelContext","versionReviewables","isFetchingReviewables","currentData","useGetReviewablesForVersionQuery","hasTranscoder","reviewableIds","userName","currentIsUser","_a","editActivityId","setEditActivityId","useState","activeId","setActiveId","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","reviewables","draggingReview","reviewable","currentVersionId","isLoading","handleReviewableClick","event","id","playable","incompatible","processing","queued","getGroupedReviewables","handleDragStart","active","sortVersionReviewables","useSortVersionReviewablesMutation","handleDragEnd","over","oldIndex","newIndex","newOrder","arrayMove","toast","overlayModifiers","args","incompatibleMessage","handleDownloadFile","fileId","fileName","url","a","deleteReviewable","useDeleteReviewableMutation","handleDelete","activityId","label","confirmDelete","ctxMenuShow","useCreateContextMenu","handleContextMenu","originalFileId","originalReviewable","items","jsxs","Fragment","jsx","ReviewableUpload","_","index","Styled.LoadingCard","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","SortableReviewableCard","e","DragOverlay","ReviewableCard","ReviewableProgressCard","EditReviewableDialog","_b"],"mappings":"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"}
1	+ {"version":3,"file":"ReviewablesList.cjs.js","sources":["../../../../../src/components/ReviewablesList/ReviewablesList.tsx"],"sourcesContent":["import { FC, MouseEvent, useState } from 'react'\n// queries\nimport { useGetReviewablesForVersionQuery, useHasTranscoderQuery } from '@shared/api'\nimport { useDeleteReviewableMutation, useSortVersionReviewablesMutation } from '@shared/api'\n\n// DND\nimport {\n DndContext,\n closestCenter,\n KeyboardSensor,\n PointerSensor,\n useSensor,\n useSensors,\n UniqueIdentifier,\n DragEndEvent,\n DragOverlay,\n DragStartEvent,\n} from '@dnd-kit/core'\nimport {\n arrayMove,\n SortableContext,\n sortableKeyboardCoordinates,\n verticalListSortingStrategy,\n} from '@dnd-kit/sortable'\n\n// components\nimport { ReviewableCard, ReviewableProgressCard } from '@shared/components'\nimport SortableReviewableCard from './SortableReviewableCard'\nimport * as Styled from './ReviewablesList.styled'\nimport { toast } from 'react-toastify'\n\n// utils\nimport { getGroupedReviewables } from './getGroupedReviewables'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { confirmDelete } from '@shared/util'\nimport EditReviewableDialog from './EditReviewableDialog'\nimport ReviewableUpload from './ReviewablesUpload'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface ReviewablesListProps {\n projectName: string\n versionId: string\n productId: string\n isLoadingVersion: boolean\n scope: string\n}\n\nconst ReviewablesList: FC<ReviewablesListProps> = ({\n projectName,\n versionId,\n productId,\n isLoadingVersion,\n scope,\n}) => {\n const { onOpenViewer, user, viewer, dispatch } = useDetailsPanelContext()\n // returns all reviewables for a product\n const {\n data: versionReviewables,\n isFetching: isFetchingReviewables,\n currentData,\n } = useGetReviewablesForVersionQuery(\n { projectName, versionId: versionId },\n { skip: !versionId \|\| !projectName },\n )\n\n // do we have the premium transcoder?\n const hasTranscoder = false\n\n // are we currently looking at review? (is it selected in the viewer)\n const reviewableIds = viewer?.reviewableIds \|\| []\n const userName = user.name\n const currentIsUser = user.data?.isUser\n\n // either null or the reviewable id we are editing\n const [editActivityId, setEditActivityId] = useState<null \| string>(null)\n\n // dragging activeId\n const [activeId, setActiveId] = useState<null \| string>(null)\n\n const sensors = useSensors(\n useSensor(PointerSensor),\n useSensor(KeyboardSensor, {\n coordinateGetter: sortableKeyboardCoordinates,\n }),\n )\n\n const reviewables = versionReviewables?.reviewables \|\| []\n const draggingReview = reviewables.find((reviewable) => reviewable.fileId === activeId)\n\n const currentVersionId = currentData?.id\n const queryingNewVersion = versionId !== currentVersionId\n\n const isLoading = (isFetchingReviewables && queryingNewVersion) \|\| isLoadingVersion\n\n const handleReviewableClick = (event: MouseEvent<HTMLDivElement>) => {\n // check are not dragging\n if (activeId) return console.log('Dragging, cannot open review')\n\n // get the reviewable id\n const id = event.currentTarget.id\n if (!id \|\| !productId) return console.error('No reviewable id or product id')\n\n const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n console.debug(reviewable)\n console.debug(reviewable?.mediaInfo)\n\n // open the reviewable dialog\n onOpenViewer?.({\n projectName: projectName,\n productId: productId,\n versionIds: [versionId],\n reviewableIds: [id],\n })\n }\n\n const { playable, incompatible, processing, queued } = getGroupedReviewables(\n reviewables,\n hasTranscoder,\n )\n\n function handleDragStart(event: DragStartEvent) {\n const { active } = event\n\n setActiveId(active.id as string)\n }\n\n const [sortVersionReviewables] = useSortVersionReviewablesMutation()\n\n const handleDragEnd = async (event: DragEndEvent) => {\n const { active, over } = event\n\n if (over?.id && active.id !== over.id) {\n console.log('update review position')\n\n const oldIndex = playable.findIndex((reviewable) => reviewable.fileId === active.id)\n const newIndex = playable.findIndex((reviewable) => reviewable.fileId === over.id)\n\n // resort the reviewables\n const newReviewables = arrayMove(playable, oldIndex, newIndex)\n\n const newOrder = newReviewables.map((reviewable) => reviewable.activityId)\n\n try {\n // update the reviewables\n sortVersionReviewables({\n projectName,\n versionId,\n sortReviewablesRequest: { sort: newOrder },\n }).unwrap()\n } catch (error) {\n toast.error('Error sorting reviewables')\n }\n }\n setActiveId(null)\n }\n\n const overlayModifiers = []\n // hack to make the dnd overlay pos work inside dialog\n if (scope === 'review') {\n overlayModifiers.push((args: any) => ({\n ...args.transform,\n x: args.transform.x - 32,\n y: args.transform.y - 32,\n }))\n }\n\n const incompatibleMessage = `File type not supported at this time. Please contact support for further assistance.`\n\n const handleDownloadFile = (fileId: string, fileName: string = '') => {\n let url = `/api/projects/${projectName}/files/${fileId}`\n\n // if (codec) url += `.${codec}`\n\n // Create an invisible anchor element\n const a = document.createElement('a')\n a.href = url\n a.download = fileName\n document.body.appendChild(a)\n\n // Trigger a click event on the anchor element\n a.click()\n\n // Remove the anchor element from the document\n document.body.removeChild(a)\n }\n\n const [deleteReviewable] = useDeleteReviewableMutation()\n\n const handleDelete = async (activityId: string, label: string) => {\n // @ts-ignore\n confirmDelete({\n header: 'Delete ' + label,\n message: 'Are you sure you want to delete this reviewable?',\n accept: async () => {\n try {\n await deleteReviewable({ activityId, projectName }).unwrap()\n } catch (error) {\n toast.error('Failed to delete reviewable')\n }\n },\n })\n }\n\n // create the ref and model\n const [ctxMenuShow] = useCreateContextMenu()\n\n const handleContextMenu = (event: MouseEvent<HTMLDivElement>) => {\n // get the reviewable by id\n const id = event.currentTarget.id\n\n if (!id) return\n\n const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n\n if (!reviewable) return\n\n const originalFileId = reviewable.createdFrom \|\| reviewable.fileId\n const originalReviewable = reviewables.find(\n (reviewable) => reviewable.fileId === originalFileId,\n )\n\n const items: {\n label: string\n icon: string\n onClick?: () => void\n disabled?: boolean\n danger?: boolean\n }[] = [\n {\n label: 'Download original',\n icon: 'download',\n onClick: () => handleDownloadFile(originalFileId, originalReviewable?.filename),\n disabled: !originalReviewable,\n },\n ]\n\n if (userName === reviewable.author.name \|\| !currentIsUser) {\n items.push({\n label: 'Delete',\n icon: 'delete',\n onClick: () => handleDelete(reviewable.activityId, reviewable.label \|\| reviewable.filename),\n danger: true,\n })\n }\n\n // add author\n items.push({\n label: `Author: ${reviewable.author.fullName \|\| reviewable.author.name}`,\n icon: 'person',\n disabled: true,\n })\n\n ctxMenuShow(event, items)\n }\n\n return (\n <>\n <ReviewableUpload\n projectName={projectName}\n versionId={versionId}\n productId={productId}\n taskId={viewer?.taskId}\n folderId={viewer?.folderId}\n dispatch={dispatch}\n >\n {isLoading ? (\n Array.from({ length: 3 }).map((_, index) => (\n <Styled.LoadingCard key={index} className=\"loading\" />\n ))\n ) : (\n <>\n <DndContext\n sensors={sensors}\n collisionDetection={closestCenter}\n onDragStart={handleDragStart}\n onDragEnd={handleDragEnd}\n onDragCancel={() => setActiveId(null)}\n >\n <SortableContext\n items={reviewables.map(({ fileId }) => fileId as UniqueIdentifier)}\n strategy={verticalListSortingStrategy}\n >\n {playable.map((reviewable) => (\n <SortableReviewableCard\n key={reviewable.fileId}\n projectName={projectName}\n onClick={handleReviewableClick}\n isSelected={reviewableIds.includes(reviewable.fileId)}\n isDragging={!!activeId}\n onContextMenu={handleContextMenu}\n onEdit={(e) => {\n e.stopPropagation()\n setEditActivityId(reviewable.activityId)\n }}\n {...reviewable}\n />\n ))}\n </SortableContext>\n\n {/* drag overlay */}\n <DragOverlay modifiers={overlayModifiers}>\n {draggingReview ? (\n <ReviewableCard\n {...draggingReview}\n projectName={projectName}\n isDragOverlay\n isDragging\n isSelected={reviewableIds.includes(draggingReview.fileId)}\n />\n ) : null}\n </DragOverlay>\n </DndContext>\n {processing.map((reviewable) => (\n <ReviewableProgressCard\n key={reviewable.fileId}\n name={reviewable.filename}\n type={'processing'}\n progress={reviewable.processing?.progress}\n fileId={reviewable.fileId}\n />\n ))}\n\n {queued.map((reviewable) => (\n <ReviewableProgressCard\n key={reviewable.fileId}\n name={reviewable.filename}\n type={'queued'}\n fileId={reviewable.fileId}\n />\n ))}\n\n {incompatible.map((reviewable) => (\n <ReviewableProgressCard\n key={reviewable.fileId}\n name={reviewable.filename}\n type={'unsupported'}\n tooltip={incompatibleMessage}\n src={`/api/projects/${projectName}/files/${reviewable.fileId}/thumbnail`}\n onContextMenu={handleContextMenu}\n fileId={reviewable.fileId}\n />\n ))}\n </>\n )}\n </ReviewableUpload>\n\n {editActivityId && (\n <EditReviewableDialog\n isOpen\n onClose={() => setEditActivityId(null)}\n label={\n reviewables.find((reviewable) => reviewable.activityId === editActivityId)?.label \|\| ''\n }\n projectName={projectName}\n versionId={versionId}\n activityId={editActivityId}\n />\n )}\n </>\n )\n}\n\nexport default ReviewablesList\n"],"names":["ReviewablesList","projectName","versionId","productId","isLoadingVersion","scope","onOpenViewer","user","viewer","dispatch","useDetailsPanelContext","versionReviewables","isFetchingReviewables","currentData","useGetReviewablesForVersionQuery","hasTranscoder","reviewableIds","userName","currentIsUser","_a","editActivityId","setEditActivityId","useState","activeId","setActiveId","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","reviewables","draggingReview","reviewable","currentVersionId","isLoading","handleReviewableClick","event","id","playable","incompatible","processing","queued","getGroupedReviewables","handleDragStart","active","sortVersionReviewables","useSortVersionReviewablesMutation","handleDragEnd","over","oldIndex","newIndex","newOrder","arrayMove","toast","overlayModifiers","args","incompatibleMessage","handleDownloadFile","fileId","fileName","url","a","deleteReviewable","useDeleteReviewableMutation","handleDelete","activityId","label","confirmDelete","ctxMenuShow","useCreateContextMenu","handleContextMenu","originalFileId","originalReviewable","items","jsxs","Fragment","jsx","ReviewableUpload","_","index","Styled.LoadingCard","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","SortableReviewableCard","e","DragOverlay","ReviewableCard","ReviewableProgressCard","EditReviewableDialog","_b"],"mappings":"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"}

package/dist/shared/src/components/ReviewablesList/ReviewablesList.es.js CHANGED Viewed

@@ -50,6 +50,8 @@ import "../../api/queries/attributes/getAttributes.es.js";
 import "../../api/queries/attributes/updateAttributes.es.js";
 import "../../api/queries/authentication/getAuthentication.es.js";
 import "../../api/queries/cloud/cloud.es.js";
+import "../../api/queries/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/entities/updateEntity.es.js";
@@ -248,7 +250,7 @@ import "../EarlyPreview/EarlyPreview.es.js";
 import "../LegacyBadge/LegacyBadge.es.js";
 import "../Menu/Menu.styled.es.js";
 import "../Menu/MenuItem.es.js";
-const ee = ({
+const ne = ({
   projectName: e,
   versionId: n,
   productId: u,
@@ -457,6 +459,6 @@ const ee = ({
   ] });
 };
 export {
-  ee as default
+  ne as default
 };
 //# sourceMappingURL=ReviewablesList.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ReviewablesList.es.js","sources":["../../../../../src/components/ReviewablesList/ReviewablesList.tsx"],"sourcesContent":["import { FC, MouseEvent, useState } from 'react'\n// queries\nimport { useGetReviewablesForVersionQuery, useHasTranscoderQuery } from '@shared/api'\nimport { useDeleteReviewableMutation, useSortVersionReviewablesMutation } from '@shared/api'\n\n// DND\nimport {\n DndContext,\n closestCenter,\n KeyboardSensor,\n PointerSensor,\n useSensor,\n useSensors,\n UniqueIdentifier,\n DragEndEvent,\n DragOverlay,\n DragStartEvent,\n} from '@dnd-kit/core'\nimport {\n arrayMove,\n SortableContext,\n sortableKeyboardCoordinates,\n verticalListSortingStrategy,\n} from '@dnd-kit/sortable'\n\n// components\nimport { ReviewableCard, ReviewableProgressCard } from '@shared/components'\nimport SortableReviewableCard from './SortableReviewableCard'\nimport * as Styled from './ReviewablesList.styled'\nimport { toast } from 'react-toastify'\n\n// utils\nimport { getGroupedReviewables } from './getGroupedReviewables'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { confirmDelete } from '@shared/util'\nimport EditReviewableDialog from './EditReviewableDialog'\nimport ReviewableUpload from './ReviewablesUpload'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface ReviewablesListProps {\n projectName: string\n versionId: string\n productId: string\n isLoadingVersion: boolean\n scope: string\n}\n\nconst ReviewablesList: FC<ReviewablesListProps> = ({\n projectName,\n versionId,\n productId,\n isLoadingVersion,\n scope,\n}) => {\n const { onOpenViewer, user, viewer, dispatch } = useDetailsPanelContext()\n // returns all reviewables for a product\n const {\n data: versionReviewables,\n isFetching: isFetchingReviewables,\n currentData,\n } = useGetReviewablesForVersionQuery(\n { projectName, versionId: versionId },\n { skip: !versionId \|\| !projectName },\n )\n\n // do we have the premium transcoder?\n const hasTranscoder = false\n\n // are we currently looking at review? (is it selected in the viewer)\n const reviewableIds = viewer?.reviewableIds \|\| []\n const userName = user.name\n const currentIsUser = user.data?.isUser\n\n // either null or the reviewable id we are editing\n const [editActivityId, setEditActivityId] = useState<null \| string>(null)\n\n // dragging activeId\n const [activeId, setActiveId] = useState<null \| string>(null)\n\n const sensors = useSensors(\n useSensor(PointerSensor),\n useSensor(KeyboardSensor, {\n coordinateGetter: sortableKeyboardCoordinates,\n }),\n )\n\n const reviewables = versionReviewables?.reviewables \|\| []\n const draggingReview = reviewables.find((reviewable) => reviewable.fileId === activeId)\n\n const currentVersionId = currentData?.id\n const queryingNewVersion = versionId !== currentVersionId\n\n const isLoading = (isFetchingReviewables && queryingNewVersion) \|\| isLoadingVersion\n\n const handleReviewableClick = (event: MouseEvent<HTMLDivElement>) => {\n // check are not dragging\n if (activeId) return console.log('Dragging, cannot open review')\n\n // get the reviewable id\n const id = event.currentTarget.id\n if (!id \|\| !productId) return console.error('No reviewable id or product id')\n\n const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n console.debug(reviewable)\n console.debug(reviewable?.mediaInfo)\n\n // open the reviewable dialog\n onOpenViewer?.({\n projectName: projectName,\n productId: productId,\n versionIds: [versionId],\n reviewableIds: [id],\n })\n }\n\n const { playable, incompatible, processing, queued } = getGroupedReviewables(\n reviewables,\n hasTranscoder,\n )\n\n function handleDragStart(event: DragStartEvent) {\n const { active } = event\n\n setActiveId(active.id as string)\n }\n\n const [sortVersionReviewables] = useSortVersionReviewablesMutation()\n\n const handleDragEnd = async (event: DragEndEvent) => {\n const { active, over } = event\n\n if (over?.id && active.id !== over.id) {\n console.log('update review position')\n\n const oldIndex = playable.findIndex((reviewable) => reviewable.fileId === active.id)\n const newIndex = playable.findIndex((reviewable) => reviewable.fileId === over.id)\n\n // resort the reviewables\n const newReviewables = arrayMove(playable, oldIndex, newIndex)\n\n const newOrder = newReviewables.map((reviewable) => reviewable.activityId)\n\n try {\n // update the reviewables\n sortVersionReviewables({\n projectName,\n versionId,\n sortReviewablesRequest: { sort: newOrder },\n }).unwrap()\n } catch (error) {\n toast.error('Error sorting reviewables')\n }\n }\n setActiveId(null)\n }\n\n const overlayModifiers = []\n // hack to make the dnd overlay pos work inside dialog\n if (scope === 'review') {\n overlayModifiers.push((args: any) => ({\n ...args.transform,\n x: args.transform.x - 32,\n y: args.transform.y - 32,\n }))\n }\n\n const incompatibleMessage = `File type not supported at this time. Please contact support for further assistance.`\n\n const handleDownloadFile = (fileId: string, fileName: string = '') => {\n let url = `/api/projects/${projectName}/files/${fileId}`\n\n // if (codec) url += `.${codec}`\n\n // Create an invisible anchor element\n const a = document.createElement('a')\n a.href = url\n a.download = fileName\n document.body.appendChild(a)\n\n // Trigger a click event on the anchor element\n a.click()\n\n // Remove the anchor element from the document\n document.body.removeChild(a)\n }\n\n const [deleteReviewable] = useDeleteReviewableMutation()\n\n const handleDelete = async (activityId: string, label: string) => {\n // @ts-ignore\n confirmDelete({\n header: 'Delete ' + label,\n message: 'Are you sure you want to delete this reviewable?',\n accept: async () => {\n try {\n await deleteReviewable({ activityId, projectName }).unwrap()\n } catch (error) {\n toast.error('Failed to delete reviewable')\n }\n },\n })\n }\n\n // create the ref and model\n const [ctxMenuShow] = useCreateContextMenu()\n\n const handleContextMenu = (event: MouseEvent<HTMLDivElement>) => {\n // get the reviewable by id\n const id = event.currentTarget.id\n\n if (!id) return\n\n const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n\n if (!reviewable) return\n\n const originalFileId = reviewable.createdFrom \|\| reviewable.fileId\n const originalReviewable = reviewables.find(\n (reviewable) => reviewable.fileId === originalFileId,\n )\n\n const items: {\n label: string\n icon: string\n onClick?: () => void\n disabled?: boolean\n danger?: boolean\n }[] = [\n {\n label: 'Download original',\n icon: 'download',\n onClick: () => handleDownloadFile(originalFileId, originalReviewable?.filename),\n disabled: !originalReviewable,\n },\n ]\n\n if (userName === reviewable.author.name \|\| !currentIsUser) {\n items.push({\n label: 'Delete',\n icon: 'delete',\n onClick: () => handleDelete(reviewable.activityId, reviewable.label \|\| reviewable.filename),\n danger: true,\n })\n }\n\n // add author\n items.push({\n label: `Author: ${reviewable.author.fullName \|\| reviewable.author.name}`,\n icon: 'person',\n disabled: true,\n })\n\n ctxMenuShow(event, items)\n }\n\n return (\n <>\n <ReviewableUpload\n projectName={projectName}\n versionId={versionId}\n productId={productId}\n taskId={viewer?.taskId}\n folderId={viewer?.folderId}\n dispatch={dispatch}\n >\n {isLoading ? (\n Array.from({ length: 3 }).map((_, index) => (\n <Styled.LoadingCard key={index} className=\"loading\" />\n ))\n ) : (\n <>\n <DndContext\n sensors={sensors}\n collisionDetection={closestCenter}\n onDragStart={handleDragStart}\n onDragEnd={handleDragEnd}\n onDragCancel={() => setActiveId(null)}\n >\n <SortableContext\n items={reviewables.map(({ fileId }) => fileId as UniqueIdentifier)}\n strategy={verticalListSortingStrategy}\n >\n {playable.map((reviewable) => (\n <SortableReviewableCard\n key={reviewable.fileId}\n projectName={projectName}\n onClick={handleReviewableClick}\n isSelected={reviewableIds.includes(reviewable.fileId)}\n isDragging={!!activeId}\n onContextMenu={handleContextMenu}\n onEdit={(e) => {\n e.stopPropagation()\n setEditActivityId(reviewable.activityId)\n }}\n {...reviewable}\n />\n ))}\n </SortableContext>\n\n {/* drag overlay */}\n <DragOverlay modifiers={overlayModifiers}>\n {draggingReview ? (\n <ReviewableCard\n {...draggingReview}\n projectName={projectName}\n isDragOverlay\n isDragging\n isSelected={reviewableIds.includes(draggingReview.fileId)}\n />\n ) : null}\n </DragOverlay>\n </DndContext>\n {processing.map((reviewable) => (\n <ReviewableProgressCard\n key={reviewable.fileId}\n name={reviewable.filename}\n type={'processing'}\n progress={reviewable.processing?.progress}\n fileId={reviewable.fileId}\n />\n ))}\n\n {queued.map((reviewable) => (\n <ReviewableProgressCard\n key={reviewable.fileId}\n name={reviewable.filename}\n type={'queued'}\n fileId={reviewable.fileId}\n />\n ))}\n\n {incompatible.map((reviewable) => (\n <ReviewableProgressCard\n key={reviewable.fileId}\n name={reviewable.filename}\n type={'unsupported'}\n tooltip={incompatibleMessage}\n src={`/api/projects/${projectName}/files/${reviewable.fileId}/thumbnail`}\n onContextMenu={handleContextMenu}\n fileId={reviewable.fileId}\n />\n ))}\n </>\n )}\n </ReviewableUpload>\n\n {editActivityId && (\n <EditReviewableDialog\n isOpen\n onClose={() => setEditActivityId(null)}\n label={\n reviewables.find((reviewable) => reviewable.activityId === editActivityId)?.label \|\| ''\n }\n projectName={projectName}\n versionId={versionId}\n activityId={editActivityId}\n />\n )}\n </>\n )\n}\n\nexport default ReviewablesList\n"],"names":["ReviewablesList","projectName","versionId","productId","isLoadingVersion","scope","onOpenViewer","user","viewer","dispatch","useDetailsPanelContext","versionReviewables","isFetchingReviewables","currentData","useGetReviewablesForVersionQuery","hasTranscoder","reviewableIds","userName","currentIsUser","_a","editActivityId","setEditActivityId","useState","activeId","setActiveId","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","reviewables","draggingReview","reviewable","currentVersionId","isLoading","handleReviewableClick","event","id","playable","incompatible","processing","queued","getGroupedReviewables","handleDragStart","active","sortVersionReviewables","useSortVersionReviewablesMutation","handleDragEnd","over","oldIndex","newIndex","newOrder","arrayMove","toast","overlayModifiers","args","incompatibleMessage","handleDownloadFile","fileId","fileName","url","a","deleteReviewable","useDeleteReviewableMutation","handleDelete","activityId","label","confirmDelete","ctxMenuShow","useCreateContextMenu","handleContextMenu","originalFileId","originalReviewable","items","jsxs","Fragment","jsx","ReviewableUpload","_","index","Styled.LoadingCard","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","SortableReviewableCard","e","DragOverlay","ReviewableCard","ReviewableProgressCard","EditReviewableDialog","_b"],"mappings":"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"}
1	+ {"version":3,"file":"ReviewablesList.es.js","sources":["../../../../../src/components/ReviewablesList/ReviewablesList.tsx"],"sourcesContent":["import { FC, MouseEvent, useState } from 'react'\n// queries\nimport { useGetReviewablesForVersionQuery, useHasTranscoderQuery } from '@shared/api'\nimport { useDeleteReviewableMutation, useSortVersionReviewablesMutation } from '@shared/api'\n\n// DND\nimport {\n DndContext,\n closestCenter,\n KeyboardSensor,\n PointerSensor,\n useSensor,\n useSensors,\n UniqueIdentifier,\n DragEndEvent,\n DragOverlay,\n DragStartEvent,\n} from '@dnd-kit/core'\nimport {\n arrayMove,\n SortableContext,\n sortableKeyboardCoordinates,\n verticalListSortingStrategy,\n} from '@dnd-kit/sortable'\n\n// components\nimport { ReviewableCard, ReviewableProgressCard } from '@shared/components'\nimport SortableReviewableCard from './SortableReviewableCard'\nimport * as Styled from './ReviewablesList.styled'\nimport { toast } from 'react-toastify'\n\n// utils\nimport { getGroupedReviewables } from './getGroupedReviewables'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { confirmDelete } from '@shared/util'\nimport EditReviewableDialog from './EditReviewableDialog'\nimport ReviewableUpload from './ReviewablesUpload'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface ReviewablesListProps {\n projectName: string\n versionId: string\n productId: string\n isLoadingVersion: boolean\n scope: string\n}\n\nconst ReviewablesList: FC<ReviewablesListProps> = ({\n projectName,\n versionId,\n productId,\n isLoadingVersion,\n scope,\n}) => {\n const { onOpenViewer, user, viewer, dispatch } = useDetailsPanelContext()\n // returns all reviewables for a product\n const {\n data: versionReviewables,\n isFetching: isFetchingReviewables,\n currentData,\n } = useGetReviewablesForVersionQuery(\n { projectName, versionId: versionId },\n { skip: !versionId \|\| !projectName },\n )\n\n // do we have the premium transcoder?\n const hasTranscoder = false\n\n // are we currently looking at review? (is it selected in the viewer)\n const reviewableIds = viewer?.reviewableIds \|\| []\n const userName = user.name\n const currentIsUser = user.data?.isUser\n\n // either null or the reviewable id we are editing\n const [editActivityId, setEditActivityId] = useState<null \| string>(null)\n\n // dragging activeId\n const [activeId, setActiveId] = useState<null \| string>(null)\n\n const sensors = useSensors(\n useSensor(PointerSensor),\n useSensor(KeyboardSensor, {\n coordinateGetter: sortableKeyboardCoordinates,\n }),\n )\n\n const reviewables = versionReviewables?.reviewables \|\| []\n const draggingReview = reviewables.find((reviewable) => reviewable.fileId === activeId)\n\n const currentVersionId = currentData?.id\n const queryingNewVersion = versionId !== currentVersionId\n\n const isLoading = (isFetchingReviewables && queryingNewVersion) \|\| isLoadingVersion\n\n const handleReviewableClick = (event: MouseEvent<HTMLDivElement>) => {\n // check are not dragging\n if (activeId) return console.log('Dragging, cannot open review')\n\n // get the reviewable id\n const id = event.currentTarget.id\n if (!id \|\| !productId) return console.error('No reviewable id or product id')\n\n const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n console.debug(reviewable)\n console.debug(reviewable?.mediaInfo)\n\n // open the reviewable dialog\n onOpenViewer?.({\n projectName: projectName,\n productId: productId,\n versionIds: [versionId],\n reviewableIds: [id],\n })\n }\n\n const { playable, incompatible, processing, queued } = getGroupedReviewables(\n reviewables,\n hasTranscoder,\n )\n\n function handleDragStart(event: DragStartEvent) {\n const { active } = event\n\n setActiveId(active.id as string)\n }\n\n const [sortVersionReviewables] = useSortVersionReviewablesMutation()\n\n const handleDragEnd = async (event: DragEndEvent) => {\n const { active, over } = event\n\n if (over?.id && active.id !== over.id) {\n console.log('update review position')\n\n const oldIndex = playable.findIndex((reviewable) => reviewable.fileId === active.id)\n const newIndex = playable.findIndex((reviewable) => reviewable.fileId === over.id)\n\n // resort the reviewables\n const newReviewables = arrayMove(playable, oldIndex, newIndex)\n\n const newOrder = newReviewables.map((reviewable) => reviewable.activityId)\n\n try {\n // update the reviewables\n sortVersionReviewables({\n projectName,\n versionId,\n sortReviewablesRequest: { sort: newOrder },\n }).unwrap()\n } catch (error) {\n toast.error('Error sorting reviewables')\n }\n }\n setActiveId(null)\n }\n\n const overlayModifiers = []\n // hack to make the dnd overlay pos work inside dialog\n if (scope === 'review') {\n overlayModifiers.push((args: any) => ({\n ...args.transform,\n x: args.transform.x - 32,\n y: args.transform.y - 32,\n }))\n }\n\n const incompatibleMessage = `File type not supported at this time. Please contact support for further assistance.`\n\n const handleDownloadFile = (fileId: string, fileName: string = '') => {\n let url = `/api/projects/${projectName}/files/${fileId}`\n\n // if (codec) url += `.${codec}`\n\n // Create an invisible anchor element\n const a = document.createElement('a')\n a.href = url\n a.download = fileName\n document.body.appendChild(a)\n\n // Trigger a click event on the anchor element\n a.click()\n\n // Remove the anchor element from the document\n document.body.removeChild(a)\n }\n\n const [deleteReviewable] = useDeleteReviewableMutation()\n\n const handleDelete = async (activityId: string, label: string) => {\n // @ts-ignore\n confirmDelete({\n header: 'Delete ' + label,\n message: 'Are you sure you want to delete this reviewable?',\n accept: async () => {\n try {\n await deleteReviewable({ activityId, projectName }).unwrap()\n } catch (error) {\n toast.error('Failed to delete reviewable')\n }\n },\n })\n }\n\n // create the ref and model\n const [ctxMenuShow] = useCreateContextMenu()\n\n const handleContextMenu = (event: MouseEvent<HTMLDivElement>) => {\n // get the reviewable by id\n const id = event.currentTarget.id\n\n if (!id) return\n\n const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n\n if (!reviewable) return\n\n const originalFileId = reviewable.createdFrom \|\| reviewable.fileId\n const originalReviewable = reviewables.find(\n (reviewable) => reviewable.fileId === originalFileId,\n )\n\n const items: {\n label: string\n icon: string\n onClick?: () => void\n disabled?: boolean\n danger?: boolean\n }[] = [\n {\n label: 'Download original',\n icon: 'download',\n onClick: () => handleDownloadFile(originalFileId, originalReviewable?.filename),\n disabled: !originalReviewable,\n },\n ]\n\n if (userName === reviewable.author.name \|\| !currentIsUser) {\n items.push({\n label: 'Delete',\n icon: 'delete',\n onClick: () => handleDelete(reviewable.activityId, reviewable.label \|\| reviewable.filename),\n danger: true,\n })\n }\n\n // add author\n items.push({\n label: `Author: ${reviewable.author.fullName \|\| reviewable.author.name}`,\n icon: 'person',\n disabled: true,\n })\n\n ctxMenuShow(event, items)\n }\n\n return (\n <>\n <ReviewableUpload\n projectName={projectName}\n versionId={versionId}\n productId={productId}\n taskId={viewer?.taskId}\n folderId={viewer?.folderId}\n dispatch={dispatch}\n >\n {isLoading ? (\n Array.from({ length: 3 }).map((_, index) => (\n <Styled.LoadingCard key={index} className=\"loading\" />\n ))\n ) : (\n <>\n <DndContext\n sensors={sensors}\n collisionDetection={closestCenter}\n onDragStart={handleDragStart}\n onDragEnd={handleDragEnd}\n onDragCancel={() => setActiveId(null)}\n >\n <SortableContext\n items={reviewables.map(({ fileId }) => fileId as UniqueIdentifier)}\n strategy={verticalListSortingStrategy}\n >\n {playable.map((reviewable) => (\n <SortableReviewableCard\n key={reviewable.fileId}\n projectName={projectName}\n onClick={handleReviewableClick}\n isSelected={reviewableIds.includes(reviewable.fileId)}\n isDragging={!!activeId}\n onContextMenu={handleContextMenu}\n onEdit={(e) => {\n e.stopPropagation()\n setEditActivityId(reviewable.activityId)\n }}\n {...reviewable}\n />\n ))}\n </SortableContext>\n\n {/* drag overlay */}\n <DragOverlay modifiers={overlayModifiers}>\n {draggingReview ? (\n <ReviewableCard\n {...draggingReview}\n projectName={projectName}\n isDragOverlay\n isDragging\n isSelected={reviewableIds.includes(draggingReview.fileId)}\n />\n ) : null}\n </DragOverlay>\n </DndContext>\n {processing.map((reviewable) => (\n <ReviewableProgressCard\n key={reviewable.fileId}\n name={reviewable.filename}\n type={'processing'}\n progress={reviewable.processing?.progress}\n fileId={reviewable.fileId}\n />\n ))}\n\n {queued.map((reviewable) => (\n <ReviewableProgressCard\n key={reviewable.fileId}\n name={reviewable.filename}\n type={'queued'}\n fileId={reviewable.fileId}\n />\n ))}\n\n {incompatible.map((reviewable) => (\n <ReviewableProgressCard\n key={reviewable.fileId}\n name={reviewable.filename}\n type={'unsupported'}\n tooltip={incompatibleMessage}\n src={`/api/projects/${projectName}/files/${reviewable.fileId}/thumbnail`}\n onContextMenu={handleContextMenu}\n fileId={reviewable.fileId}\n />\n ))}\n </>\n )}\n </ReviewableUpload>\n\n {editActivityId && (\n <EditReviewableDialog\n isOpen\n onClose={() => setEditActivityId(null)}\n label={\n reviewables.find((reviewable) => reviewable.activityId === editActivityId)?.label \|\| ''\n }\n projectName={projectName}\n versionId={versionId}\n activityId={editActivityId}\n />\n )}\n </>\n )\n}\n\nexport default ReviewablesList\n"],"names":["ReviewablesList","projectName","versionId","productId","isLoadingVersion","scope","onOpenViewer","user","viewer","dispatch","useDetailsPanelContext","versionReviewables","isFetchingReviewables","currentData","useGetReviewablesForVersionQuery","hasTranscoder","reviewableIds","userName","currentIsUser","_a","editActivityId","setEditActivityId","useState","activeId","setActiveId","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","reviewables","draggingReview","reviewable","currentVersionId","isLoading","handleReviewableClick","event","id","playable","incompatible","processing","queued","getGroupedReviewables","handleDragStart","active","sortVersionReviewables","useSortVersionReviewablesMutation","handleDragEnd","over","oldIndex","newIndex","newOrder","arrayMove","toast","overlayModifiers","args","incompatibleMessage","handleDownloadFile","fileId","fileName","url","a","deleteReviewable","useDeleteReviewableMutation","handleDelete","activityId","label","confirmDelete","ctxMenuShow","useCreateContextMenu","handleContextMenu","originalFileId","originalReviewable","items","jsxs","Fragment","jsx","ReviewableUpload","_","index","Styled.LoadingCard","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","SortableReviewableCard","e","DragOverlay","ReviewableCard","ReviewableProgressCard","EditReviewableDialog","_b"],"mappings":"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"}

package/dist/shared/src/components/ReviewablesList/ReviewablesUpload.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("../../../../_virtual/jsx-runtime.cjs.js"),j=require("react"),h=require("clsx"),N=require("@ynput/ayon-react-components");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("react-toastify");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/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/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("./ReviewablesList.styled.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("lodash");require("uuid");require("../../util/pubsub.cjs.js");const x=require("./ReviewablesUpload.styled.cjs.js"),T=require("./useReviewablesUpload.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");const v=require("../ReviewableProgressCard/ReviewableProgressCard.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("date-fns");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("short-uuid");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/context/ViewsContext.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../Watchers/Watchers.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/PricingLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredAddonVersion.cjs.js");require("../SizeSlider/SizeSlider.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../AttributeEditor/components/MinMaxField.cjs.js");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Badge/Badge.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../Chips/Chips.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../SortingSetting/SortingSetting.styled.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");const g=({projectName:w,taskId:E,folderId:U,versionId:i,productId:b,onUpload:d,onFilesAdded:o,children:y,dispatch:D,variant:l="normal",pendingFiles:q=[],setPendingFiles:a,className:C,pt:t,...L})=>{var f;const[m,n]=j.useState(!1),{handleFileUpload:c,handleRemoveUpload:S,uploading:z}=T.useReviewablesUpload({projectName:w,versionId:i,taskId:E,folderId:U,productId:b,dispatch:D,onUpload:d}),s=!!i;j.useEffect(()=>{if(s&&i&&q.length>0&&a){const e=q.map(r=>r.file);q.forEach(r=>{r.preview&&URL.revokeObjectURL(r.preview)}),a([]),c(e)}},[s,i,q.length,c,a]);const O=e=>e.type.startsWith("image/"),W=e=>e.map(r=>({file:r,preview:O(r)?URL.createObjectURL(r):void 0})),R=async e=>{const r=Array.from(e);if(o==null||o(r),!s||!i){a&&a(p=>[...p,...W(r)]);return}await c(e)},_=e=>{const r=e.target.files;r&&R(r)},k=e=>{e.preventDefault(),n(!1);const r=e.dataTransfer.files;r&&R(r)},M=l==="large"?{minWidth:"360px",maxWidth:"480px",alignSelf:"center"}:{};return u.jsxRuntimeExports.jsxs(u.jsxRuntimeExports.Fragment,{children:[u.jsxRuntimeExports.jsx(x.ReviewablesList,{className:h(C,l,{dragging:m}),...L,onDragEnter:()=>n(!0),children:u.jsxRuntimeExports.jsxs(u.jsxRuntimeExports.Fragment,{children:[y,!s&&(q==null?void 0:q.map(e=>u.jsxRuntimeExports.jsx(v.ReviewableProgressCard,{name:e.file.name,size:e.file.size,src:e.preview,type:"waiting",onRemove:()=>{a&&a(r=>r.filter(p=>p.file.name!==e.file.name))}},e.file.name))),i&&((f=z[i])==null?void 0:f.map(e=>u.jsxRuntimeExports.jsx(v.ReviewableProgressCard,{...e,type:"upload",onRemove:()=>S(e.name)},e.name))),u.jsxRuntimeExports.jsxs(x.Upload,{id:"upload",className:h("upload",l),style:M,...t==null?void 0:t.upload,children:[u.jsxRuntimeExports.jsx("span",{children:"Drop or click to upload"}),u.jsxRuntimeExports.jsx("input",{type:"file",multiple:!0,onChange:_})]})]})}),m&&u.jsxRuntimeExports.jsxs(x.Dropzone,{onDragOver:e=>e.preventDefault(),onDragLeave:()=>n(!1),onDrop:k,...t==null?void 0:t.dropzone,children:[u.jsxRuntimeExports.jsx(N.Icon,{icon:"upload"}),u.jsxRuntimeExports.jsx("span",{children:"Upload reviewable"})]})]})};exports.ReviewableUpload=g;exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("../../../../_virtual/jsx-runtime.cjs.js"),j=require("react"),h=require("clsx"),N=require("@ynput/ayon-react-components");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("react-toastify");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/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/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("./ReviewablesList.styled.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("lodash");require("uuid");require("../../util/pubsub.cjs.js");const x=require("./ReviewablesUpload.styled.cjs.js"),T=require("./useReviewablesUpload.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");const v=require("../ReviewableProgressCard/ReviewableProgressCard.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("date-fns");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("short-uuid");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/context/ViewsContext.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../Watchers/Watchers.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/PricingLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredAddonVersion.cjs.js");require("../SizeSlider/SizeSlider.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../AttributeEditor/components/MinMaxField.cjs.js");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Badge/Badge.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../Chips/Chips.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../SortingSetting/SortingSetting.styled.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");const g=({projectName:w,taskId:E,folderId:U,versionId:i,productId:b,onUpload:d,onFilesAdded:o,children:y,dispatch:D,variant:l="normal",pendingFiles:q=[],setPendingFiles:a,className:C,pt:t,...L})=>{var f;const[m,n]=j.useState(!1),{handleFileUpload:c,handleRemoveUpload:S,uploading:z}=T.useReviewablesUpload({projectName:w,versionId:i,taskId:E,folderId:U,productId:b,dispatch:D,onUpload:d}),s=!!i;j.useEffect(()=>{if(s&&i&&q.length>0&&a){const e=q.map(r=>r.file);q.forEach(r=>{r.preview&&URL.revokeObjectURL(r.preview)}),a([]),c(e)}},[s,i,q.length,c,a]);const O=e=>e.type.startsWith("image/"),W=e=>e.map(r=>({file:r,preview:O(r)?URL.createObjectURL(r):void 0})),R=async e=>{const r=Array.from(e);if(o==null||o(r),!s||!i){a&&a(p=>[...p,...W(r)]);return}await c(e)},_=e=>{const r=e.target.files;r&&R(r)},k=e=>{e.preventDefault(),n(!1);const r=e.dataTransfer.files;r&&R(r)},M=l==="large"?{minWidth:"360px",maxWidth:"480px",alignSelf:"center"}:{};return u.jsxRuntimeExports.jsxs(u.jsxRuntimeExports.Fragment,{children:[u.jsxRuntimeExports.jsx(x.ReviewablesList,{className:h(C,l,{dragging:m}),...L,onDragEnter:()=>n(!0),children:u.jsxRuntimeExports.jsxs(u.jsxRuntimeExports.Fragment,{children:[y,!s&&(q==null?void 0:q.map(e=>u.jsxRuntimeExports.jsx(v.ReviewableProgressCard,{name:e.file.name,size:e.file.size,src:e.preview,type:"waiting",onRemove:()=>{a&&a(r=>r.filter(p=>p.file.name!==e.file.name))}},e.file.name))),i&&((f=z[i])==null?void 0:f.map(e=>u.jsxRuntimeExports.jsx(v.ReviewableProgressCard,{...e,type:"upload",onRemove:()=>S(e.name)},e.name))),u.jsxRuntimeExports.jsxs(x.Upload,{id:"upload",className:h("upload",l),style:M,...t==null?void 0:t.upload,children:[u.jsxRuntimeExports.jsx("span",{children:"Drop or click to upload"}),u.jsxRuntimeExports.jsx("input",{type:"file",multiple:!0,onChange:_})]})]})}),m&&u.jsxRuntimeExports.jsxs(x.Dropzone,{onDragOver:e=>e.preventDefault(),onDragLeave:()=>n(!1),onDrop:k,...t==null?void 0:t.dropzone,children:[u.jsxRuntimeExports.jsx(N.Icon,{icon:"upload"}),u.jsxRuntimeExports.jsx("span",{children:"Upload reviewable"})]})]})};exports.ReviewableUpload=g;exports.default=g;
 //# sourceMappingURL=ReviewablesUpload.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ReviewablesUpload.cjs.js","sources":["../../../../../src/components/ReviewablesList/ReviewablesUpload.tsx"],"sourcesContent":["import { FC, useState, DragEvent, ChangeEvent, useEffect } from 'react'\nimport clsx from 'clsx'\n\nimport { Icon } from '@ynput/ayon-react-components'\n\n// components\nimport { ReviewableProgressCard } from '@shared/components'\nimport * as Styled from './ReviewablesUpload.styled'\nimport { useReviewablesUpload } from './useReviewablesUpload'\n\nexport interface ReviewableUploadProps extends React.HTMLProps<HTMLDivElement> {\n projectName: string \| null\n taskId?: string \| null\n folderId?: string \| null\n versionId?: string \| null\n productId?: string \| null\n variant?: 'normal' \| 'large'\n dispatch: any\n pendingFiles?: Array<{ file: File; preview?: string }>\n setPendingFiles?: React.Dispatch<React.SetStateAction<Array<{ file: File; preview?: string }>>>\n onUpload?: () => void\n onFilesAdded?: (files: File[]) => void\n children?: any\n pt?: {\n upload?: React.HTMLProps<HTMLDivElement>\n dropzone?: React.HTMLProps<HTMLDivElement>\n }\n}\n\nexport const ReviewableUpload: FC<ReviewableUploadProps> = ({\n projectName,\n taskId,\n folderId,\n versionId,\n productId,\n onUpload,\n onFilesAdded,\n children,\n dispatch,\n variant = 'normal',\n pendingFiles = [],\n setPendingFiles,\n className,\n pt,\n ...props\n}) => {\n // are we dragging a file over?\n const [isDraggingFile, setIsDraggingFile] = useState(false)\n\n // Use the custom hook for upload logic\n const {\n handleFileUpload: uploadFiles,\n handleRemoveUpload,\n uploading,\n } = useReviewablesUpload({\n projectName,\n versionId,\n taskId,\n folderId,\n productId,\n dispatch,\n onUpload,\n })\n\n // Check if we can upload files straight away\n const canUpload = Boolean(versionId)\n\n // Monitor changes to versionId to trigger pending uploads\n useEffect(() => {\n if (canUpload && versionId && pendingFiles.length > 0 && setPendingFiles) {\n const files = pendingFiles.map((item) => item.file)\n // Clear pending files for this version and revoke object URLs\n pendingFiles.forEach((item) => {\n if (item.preview) {\n URL.revokeObjectURL(item.preview)\n }\n })\n setPendingFiles([])\n // Start upload\n uploadFiles(files)\n }\n }, [canUpload, versionId, pendingFiles.length, uploadFiles, setPendingFiles])\n\n // Helper function to check if file is an image\n const isImageFile = (file: File) => {\n return file.type.startsWith('image/')\n }\n\n // Helper function to create file items with previews\n const createFileItems = (files: File[]) => {\n return files.map((file) => ({\n file,\n preview: isImageFile(file) ? URL.createObjectURL(file) : undefined,\n }))\n }\n\n const handleFileUpload = async (files: FileList \| File[]) => {\n const fileArray = Array.from(files)\n\n // Notify parent about files being added for version extraction\n onFilesAdded?.(fileArray)\n\n // If we can't upload yet, store files as pending\n if (!canUpload \|\| !versionId) {\n if (setPendingFiles) {\n setPendingFiles((prev) => [...prev, ...createFileItems(fileArray)])\n }\n return\n }\n\n // Use the hook's upload function for actual uploading\n await uploadFiles(files)\n }\n\n const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n const files = event.target.files\n\n if (files) {\n handleFileUpload(files)\n }\n }\n\n // when the user drops a file\n const handleFileDrop = (event: DragEvent<HTMLDivElement>) => {\n event.preventDefault()\n setIsDraggingFile(false)\n\n const files = event.dataTransfer.files\n\n if (files) {\n handleFileUpload(files)\n }\n }\n const variantStyles =\n variant === 'large' ? { minWidth: '360px', maxWidth: '480px', alignSelf: 'center' } : {}\n\n return (\n <>\n <Styled.ReviewablesList\n className={clsx(className, variant, { dragging: isDraggingFile })}\n {...props}\n onDragEnter={() => setIsDraggingFile(true)}\n >\n <>\n {children}\n {/* pending files /}\n {!canUpload &&\n pendingFiles?.map((item) => (\n <ReviewableProgressCard\n key={item.file.name}\n name={item.file.name}\n size={item.file.size}\n src={item.preview}\n type={'waiting'}\n onRemove={() => {\n if (setPendingFiles) {\n setPendingFiles((prev) => prev.filter((f) => f.file.name !== item.file.name))\n }\n }}\n />\n ))}\n {/ uploading items /}\n {versionId &&\n uploading[versionId]?.map((file) => (\n <ReviewableProgressCard\n key={file.name}\n {...file}\n type={'upload'}\n onRemove={() => handleRemoveUpload(file.name)}\n />\n ))}\n\n {/ upload button */}\n <Styled.Upload\n id=\"upload\"\n className={clsx('upload', variant)}\n style={variantStyles}\n {...pt?.upload}\n >\n <span>Drop or click to upload</span>\n <input type=\"file\" multiple onChange={handleInputChange} />\n </Styled.Upload>\n </>\n </Styled.ReviewablesList>\n\n {isDraggingFile && (\n <Styled.Dropzone\n onDragOver={(e) => e.preventDefault()}\n onDragLeave={() => setIsDraggingFile(false)}\n onDrop={handleFileDrop}\n {...pt?.dropzone}\n >\n <Icon icon=\"upload\" />\n <span>Upload reviewable</span>\n </Styled.Dropzone>\n )}\n </>\n )\n}\n\nexport default ReviewableUpload\n"],"names":["ReviewableUpload","projectName","taskId","folderId","versionId","productId","onUpload","onFilesAdded","children","dispatch","variant","pendingFiles","setPendingFiles","className","pt","props","isDraggingFile","setIsDraggingFile","useState","uploadFiles","handleRemoveUpload","uploading","useReviewablesUpload","canUpload","useEffect","files","item","isImageFile","file","createFileItems","handleFileUpload","fileArray","prev","handleInputChange","event","handleFileDrop","variantStyles","jsxs","Fragment","jsx","Styled.ReviewablesList","clsx","ReviewableProgressCard","f","_a","Styled.Upload","Styled.Dropzone","Icon"],"mappings":"~~42bA6BO~~,MAAMA,EAA8C,CAAC,CAC1D,YAAAC,EACA,OAAAC,EACA,SAAAC,EACA,UAAAC,EACA,UAAAC,EACA,SAAAC,EACA,aAAAC,EACA,SAAAC,EACA,SAAAC,EACA,QAAAC,EAAU,SACV,aAAAC,EAAe,CAAC,EAChB,gBAAAC,EACA,UAAAC,EACA,GAAAC,EACA,GAAGC,CACL,IAAM,OAEJ,KAAM,CAACC,EAAgBC,CAAiB,EAAIC,EAAAA,SAAS,EAAK,EAGpD,CACJ,iBAAkBC,EAClB,mBAAAC,EACA,UAAAC,GACEC,uBAAqB,CACvB,YAAArB,EACA,UAAAG,EACA,OAAAF,EACA,SAAAC,EACA,UAAAE,EACA,SAAAI,EACA,SAAAH,CAAA,CACD,EAGKiB,EAAY,EAAQnB,EAG1BoB,EAAAA,UAAU,IAAM,CACd,GAAID,GAAanB,GAAaO,EAAa,OAAS,GAAKC,EAAiB,CACxE,MAAMa,EAAQd,EAAa,IAAKe,GAASA,EAAK,IAAI,EAErCf,EAAA,QAASe,GAAS,CACzBA,EAAK,SACH,IAAA,gBAAgBA,EAAK,OAAO,CAClC,CACD,EACDd,EAAgB,CAAA,CAAE,EAElBO,EAAYM,CAAK,CAAA,CACnB,EACC,CAACF,EAAWnB,EAAWO,EAAa,OAAQQ,EAAaP,CAAe,CAAC,EAGtE,MAAAe,EAAeC,GACZA,EAAK,KAAK,WAAW,QAAQ,EAIhCC,EAAmBJ,GAChBA,EAAM,IAAKG,IAAU,CAC1B,KAAAA,EACA,QAASD,EAAYC,CAAI,EAAI,IAAI,gBAAgBA,CAAI,EAAI,MAAA,EACzD,EAGEE,EAAmB,MAAOL,GAA6B,CACrD,MAAAM,EAAY,MAAM,KAAKN,CAAK,EAM9B,GAHJlB,GAAA,MAAAA,EAAewB,GAGX,CAACR,GAAa,CAACnB,EAAW,CACxBQ,GACcA,EAACoB,GAAS,CAAC,GAAGA,EAAM,GAAGH,EAAgBE,CAAS,CAAC,CAAC,EAEpE,MAAA,CAIF,MAAMZ,EAAYM,CAAK,CACzB,EAEMQ,EAAqBC,GAAyC,CAC5D,MAAAT,EAAQS,EAAM,OAAO,MAEvBT,GACFK,EAAiBL,CAAK,CAE1B,EAGMU,EAAkBD,GAAqC,CAC3DA,EAAM,eAAe,EACrBjB,EAAkB,EAAK,EAEjB,MAAAQ,EAAQS,EAAM,aAAa,MAE7BT,GACFK,EAAiBL,CAAK,CAE1B,EACMW,EACJ1B,IAAY,QAAU,CAAE,SAAU,QAAS,SAAU,QAAS,UAAW,QAAS,EAAI,CAAC,EAEzF,OAEI2B,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAAAC,EAAA,kBAAA,IAACC,EAAO,gBAAP,CACC,UAAWC,EAAK5B,EAAWH,EAAS,CAAE,SAAUM,EAAgB,EAC/D,GAAGD,EACJ,YAAa,IAAME,EAAkB,EAAI,EAEzC,SACGoB,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAAA9B,EAEA,CAACe,IACAZ,GAAA,YAAAA,EAAc,IAAKe,GACjBa,EAAA,kBAAA,IAACG,EAAA,uBAAA,CAEC,KAAMhB,EAAK,KAAK,KAChB,KAAMA,EAAK,KAAK,KAChB,IAAKA,EAAK,QACV,KAAM,UACN,SAAU,IAAM,CACVd,GACFA,EAAiBoB,GAASA,EAAK,OAAQW,GAAMA,EAAE,KAAK,OAASjB,EAAK,KAAK,IAAI,CAAC,CAC9E,CACF,EATKA,EAAK,KAAK,IAAA,IAapBtB,KACCwC,EAAAvB,EAAUjB,CAAS,IAAnB,YAAAwC,EAAsB,IAAKhB,GACzBW,EAAA,kBAAA,IAACG,EAAA,uBAAA,CAEE,GAAGd,EACJ,KAAM,SACN,SAAU,IAAMR,EAAmBQ,EAAK,IAAI,CAAA,EAHvCA,EAAK,IAAA,IAQhBS,EAAA,kBAAA,KAACQ,EAAO,OAAP,CACC,GAAG,SACH,UAAWJ,EAAK,SAAU/B,CAAO,EACjC,MAAO0B,EACN,GAAGtB,GAAA,YAAAA,EAAI,OAER,SAAA,CAAAyB,EAAAA,kBAAAA,IAAC,QAAK,SAAuB,yBAAA,CAAA,0BAC5B,QAAM,CAAA,KAAK,OAAO,SAAQ,GAAC,SAAUN,CAAmB,CAAA,CAAA,CAAA,CAAA,CAC3D,CACF,CAAA,CAAA,CACF,EAECjB,GACCqB,EAAA,kBAAA,KAACS,EAAO,SAAP,CACC,WAAa,GAAM,EAAE,eAAe,EACpC,YAAa,IAAM7B,EAAkB,EAAK,EAC1C,OAAQkB,EACP,GAAGrB,GAAA,YAAAA,EAAI,SAER,SAAA,CAACyB,EAAAA,kBAAAA,IAAAQ,EAAA,KAAA,CAAK,KAAK,QAAS,CAAA,EACpBR,EAAAA,kBAAAA,IAAC,QAAK,SAAiB,mBAAA,CAAA,CAAA,CAAA,CAAA,CACzB,EAEJ,CAEJ"}
1	+ {"version":3,"file":"ReviewablesUpload.cjs.js","sources":["../../../../../src/components/ReviewablesList/ReviewablesUpload.tsx"],"sourcesContent":["import { FC, useState, DragEvent, ChangeEvent, useEffect } from 'react'\nimport clsx from 'clsx'\n\nimport { Icon } from '@ynput/ayon-react-components'\n\n// components\nimport { ReviewableProgressCard } from '@shared/components'\nimport * as Styled from './ReviewablesUpload.styled'\nimport { useReviewablesUpload } from './useReviewablesUpload'\n\nexport interface ReviewableUploadProps extends React.HTMLProps<HTMLDivElement> {\n projectName: string \| null\n taskId?: string \| null\n folderId?: string \| null\n versionId?: string \| null\n productId?: string \| null\n variant?: 'normal' \| 'large'\n dispatch: any\n pendingFiles?: Array<{ file: File; preview?: string }>\n setPendingFiles?: React.Dispatch<React.SetStateAction<Array<{ file: File; preview?: string }>>>\n onUpload?: () => void\n onFilesAdded?: (files: File[]) => void\n children?: any\n pt?: {\n upload?: React.HTMLProps<HTMLDivElement>\n dropzone?: React.HTMLProps<HTMLDivElement>\n }\n}\n\nexport const ReviewableUpload: FC<ReviewableUploadProps> = ({\n projectName,\n taskId,\n folderId,\n versionId,\n productId,\n onUpload,\n onFilesAdded,\n children,\n dispatch,\n variant = 'normal',\n pendingFiles = [],\n setPendingFiles,\n className,\n pt,\n ...props\n}) => {\n // are we dragging a file over?\n const [isDraggingFile, setIsDraggingFile] = useState(false)\n\n // Use the custom hook for upload logic\n const {\n handleFileUpload: uploadFiles,\n handleRemoveUpload,\n uploading,\n } = useReviewablesUpload({\n projectName,\n versionId,\n taskId,\n folderId,\n productId,\n dispatch,\n onUpload,\n })\n\n // Check if we can upload files straight away\n const canUpload = Boolean(versionId)\n\n // Monitor changes to versionId to trigger pending uploads\n useEffect(() => {\n if (canUpload && versionId && pendingFiles.length > 0 && setPendingFiles) {\n const files = pendingFiles.map((item) => item.file)\n // Clear pending files for this version and revoke object URLs\n pendingFiles.forEach((item) => {\n if (item.preview) {\n URL.revokeObjectURL(item.preview)\n }\n })\n setPendingFiles([])\n // Start upload\n uploadFiles(files)\n }\n }, [canUpload, versionId, pendingFiles.length, uploadFiles, setPendingFiles])\n\n // Helper function to check if file is an image\n const isImageFile = (file: File) => {\n return file.type.startsWith('image/')\n }\n\n // Helper function to create file items with previews\n const createFileItems = (files: File[]) => {\n return files.map((file) => ({\n file,\n preview: isImageFile(file) ? URL.createObjectURL(file) : undefined,\n }))\n }\n\n const handleFileUpload = async (files: FileList \| File[]) => {\n const fileArray = Array.from(files)\n\n // Notify parent about files being added for version extraction\n onFilesAdded?.(fileArray)\n\n // If we can't upload yet, store files as pending\n if (!canUpload \|\| !versionId) {\n if (setPendingFiles) {\n setPendingFiles((prev) => [...prev, ...createFileItems(fileArray)])\n }\n return\n }\n\n // Use the hook's upload function for actual uploading\n await uploadFiles(files)\n }\n\n const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n const files = event.target.files\n\n if (files) {\n handleFileUpload(files)\n }\n }\n\n // when the user drops a file\n const handleFileDrop = (event: DragEvent<HTMLDivElement>) => {\n event.preventDefault()\n setIsDraggingFile(false)\n\n const files = event.dataTransfer.files\n\n if (files) {\n handleFileUpload(files)\n }\n }\n const variantStyles =\n variant === 'large' ? { minWidth: '360px', maxWidth: '480px', alignSelf: 'center' } : {}\n\n return (\n <>\n <Styled.ReviewablesList\n className={clsx(className, variant, { dragging: isDraggingFile })}\n {...props}\n onDragEnter={() => setIsDraggingFile(true)}\n >\n <>\n {children}\n {/* pending files /}\n {!canUpload &&\n pendingFiles?.map((item) => (\n <ReviewableProgressCard\n key={item.file.name}\n name={item.file.name}\n size={item.file.size}\n src={item.preview}\n type={'waiting'}\n onRemove={() => {\n if (setPendingFiles) {\n setPendingFiles((prev) => prev.filter((f) => f.file.name !== item.file.name))\n }\n }}\n />\n ))}\n {/ uploading items /}\n {versionId &&\n uploading[versionId]?.map((file) => (\n <ReviewableProgressCard\n key={file.name}\n {...file}\n type={'upload'}\n onRemove={() => handleRemoveUpload(file.name)}\n />\n ))}\n\n {/ upload button */}\n <Styled.Upload\n id=\"upload\"\n className={clsx('upload', variant)}\n style={variantStyles}\n {...pt?.upload}\n >\n <span>Drop or click to upload</span>\n <input type=\"file\" multiple onChange={handleInputChange} />\n </Styled.Upload>\n </>\n </Styled.ReviewablesList>\n\n {isDraggingFile && (\n <Styled.Dropzone\n onDragOver={(e) => e.preventDefault()}\n onDragLeave={() => setIsDraggingFile(false)}\n onDrop={handleFileDrop}\n {...pt?.dropzone}\n >\n <Icon icon=\"upload\" />\n <span>Upload reviewable</span>\n </Styled.Dropzone>\n )}\n </>\n )\n}\n\nexport default ReviewableUpload\n"],"names":["ReviewableUpload","projectName","taskId","folderId","versionId","productId","onUpload","onFilesAdded","children","dispatch","variant","pendingFiles","setPendingFiles","className","pt","props","isDraggingFile","setIsDraggingFile","useState","uploadFiles","handleRemoveUpload","uploading","useReviewablesUpload","canUpload","useEffect","files","item","isImageFile","file","createFileItems","handleFileUpload","fileArray","prev","handleInputChange","event","handleFileDrop","variantStyles","jsxs","Fragment","jsx","Styled.ReviewablesList","clsx","ReviewableProgressCard","f","_a","Styled.Upload","Styled.Dropzone","Icon"],"mappings":"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"}

package/dist/shared/src/components/ReviewablesList/ReviewablesUpload.es.js CHANGED Viewed

@@ -57,6 +57,8 @@ import "../../api/queries/attributes/getAttributes.es.js";
 import "../../api/queries/attributes/updateAttributes.es.js";
 import "../../api/queries/authentication/getAuthentication.es.js";
 import "../../api/queries/cloud/cloud.es.js";
+import "../../api/queries/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/entities/updateEntity.es.js";
@@ -244,7 +246,7 @@ import "../EarlyPreview/EarlyPreview.es.js";
 import "../LegacyBadge/LegacyBadge.es.js";
 import "../Menu/Menu.styled.es.js";
 import "../Menu/MenuItem.es.js";
-const Rp = ({
+const wp = ({
   projectName: R,
   taskId: U,
   folderId: w,
@@ -364,7 +366,7 @@ const Rp = ({
   ] });
 };
 export {
-  Rp as ReviewableUpload,
-  Rp as default
+  wp as ReviewableUpload,
+  wp as default
 };
 //# sourceMappingURL=ReviewablesUpload.es.js.map

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

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

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

@@ -1,2 +1,2 @@
-"use strict";const r=require("../../../../_virtual/jsx-runtime.cjs.js"),o=require("@dnd-kit/sortable"),l=require("../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.cjs.js");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("@ynput/ayon-react-components");require("clsx");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("react-toastify");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/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/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("react");require("@dnd-kit/core");require("./ReviewablesList.styled.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("lodash");require("uuid");require("../../util/pubsub.cjs.js");require("./ReviewablesUpload.styled.cjs.js");require("axios");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");const d=require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("date-fns");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("short-uuid");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/context/ViewsContext.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../Watchers/Watchers.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/PricingLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredAddonVersion.cjs.js");require("../SizeSlider/SizeSlider.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../AttributeEditor/components/MinMaxField.cjs.js");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Badge/Badge.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../Chips/Chips.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../SortingSetting/SortingSetting.styled.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");const c=({...e})=>{const{attributes:i,listeners:u,setNodeRef:q,transform:s,transition:t,isDragging:a}=o.useSortable({id:e.fileId,animateLayoutChanges:()=>!1}),n={transform:l.CSS.Transform.toString(s),transition:t};return r.jsxRuntimeExports.jsx("div",{ref:q,style:n,children:r.jsxRuntimeExports.jsx(d.ReviewableCard,{isDropPlaceholder:a,dragProps:{...i,...u},disabled:e.sortingDisabled,...e})})};module.exports=c;
+"use strict";const r=require("../../../../_virtual/jsx-runtime.cjs.js"),o=require("@dnd-kit/sortable"),l=require("../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.cjs.js");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("@ynput/ayon-react-components");require("clsx");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("react-toastify");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/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/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("react");require("@dnd-kit/core");require("./ReviewablesList.styled.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("lodash");require("uuid");require("../../util/pubsub.cjs.js");require("./ReviewablesUpload.styled.cjs.js");require("axios");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");const d=require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("date-fns");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("short-uuid");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/context/ViewsContext.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../Watchers/Watchers.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/PricingLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredAddonVersion.cjs.js");require("../SizeSlider/SizeSlider.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../AttributeEditor/components/MinMaxField.cjs.js");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Badge/Badge.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../Chips/Chips.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../SortingSetting/SortingSetting.styled.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");const c=({...e})=>{const{attributes:i,listeners:u,setNodeRef:q,transform:s,transition:t,isDragging:a}=o.useSortable({id:e.fileId,animateLayoutChanges:()=>!1}),n={transform:l.CSS.Transform.toString(s),transition:t};return r.jsxRuntimeExports.jsx("div",{ref:q,style:n,children:r.jsxRuntimeExports.jsx(d.ReviewableCard,{isDropPlaceholder:a,dragProps:{...i,...u},disabled:e.sortingDisabled,...e})})};module.exports=c;
 //# sourceMappingURL=SortableReviewableCard.cjs.js.map

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

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