npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.44 → 0.3.0 - Mend

@ynput/ayon-frontend-shared 0.2.44 → 0.3.0

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"RenameForm.es.js","sources":["../../../../../src/components/RenameForm/RenameForm.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback } from 'react'\nimport styled from 'styled-components'\nimport { TableRow, useCellEditing } from '@shared/containers'\nimport { theme } from '@ynput/ayon-react-components'\nimport { upperFirst } from 'lodash'\nimport { TableMeta } from '@tanstack/react-table'\nimport { checkName, checkLabel, parseAndFormatName } from '@shared/util'\nimport { toast } from 'react-toastify'\nimport { EntityNaming } from '@shared/api'\nimport { useProjectContext } from '@shared/context'\n\nconst EditingContainer = styled.div`\n background: var(--md-sys-color-surface-container-lowest);\n border: 2px solid var(--md-sys-color-primary);\n padding: 8px;\n width: 350px;\n border-radius: 4px;\n`\n\nconst InputLabel = styled.label`\n font-size: 12px;\n color: var(--md-sys-color-outline);\n`\n\nconst StyledInput = styled.input`\n width: 100%;\n border: none;\n background-color: var(--md-sys-color-surface-container-lowest);\n color: var(--md-sys-color-on-surface);\n\n &:focus {\n outline: none;\n }\n\n &.system-name {\n ${theme.bodySmall}\n }\n\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n //background-color: var(--md-sys-color-surface-container);\n color: var(--md-sys-color-outline);\n }\n`\nexport type NameWidgetData = {\n name: string\n label: string\n meta: TableMeta<TableRow> \| undefined\n entityRowId: string \| undefined\n hasVersions: boolean \| undefined\n}\n\nexport interface InlineEditingWidgetProps {\n cellId: string\n entityType: string\n initialName?: string\n initialLabel?: string\n onClose?: () => void\n valueData?: NameWidgetData\n nameDisabled?: boolean \| string\n labelDisabled?: boolean \| string\n}\n\nexport const RenameForm: React.FC<InlineEditingWidgetProps> = ({\n cellId,\n entityType,\n initialName,\n initialLabel = '',\n onClose,\n valueData,\n nameDisabled = false,\n labelDisabled = false,\n}) => {\n const { anatomy } = useProjectContext()\n const { entity_naming: config = { capitalization: 'lower', separator: '_' } } = anatomy as {\n entity_naming?: EntityNaming\n }\n\n const [label, setLabel] = useState(initialLabel)\n const [name, setName] = useState(initialName)\n const { setEditingCellId, updateEntities } = useCellEditing()\n const labelInputRef = useRef<HTMLInputElement>(null)\n const nameInputRef = useRef<HTMLInputElement>(null)\n\n const formattedFromLabel = parseAndFormatName(label, config)\n const isNameAutoGenerated = name === formattedFromLabel \|\| !name\n\n useEffect(() => {\n const timeout = setTimeout(() => {\n // Focus on the first enabled input\n if (!labelDisabled && labelInputRef.current) {\n labelInputRef.current.focus()\n labelInputRef.current.select()\n } else if (!nameDisabled && nameInputRef.current) {\n nameInputRef.current.focus()\n nameInputRef.current.select()\n }\n }, 0)\n return () => clearTimeout(timeout)\n }, [labelDisabled, nameDisabled])\n\n useEffect(() => {\n setLabel(initialLabel)\n setName(initialName)\n }, [initialLabel, initialName])\n\n const handleSave = useCallback(async () => {\n const hasChanges = name !== initialName \|\| label !== initialLabel\n if (hasChanges) {\n // Validate label if it changed\n if (label !== initialLabel && !labelDisabled) {\n const labelCheck = checkLabel(label)\n if (!labelCheck.valid) {\n console.error('Invalid label:', labelCheck.error)\n toast.error(`Invalid label: ${labelCheck.error}`)\n return\n }\n }\n\n const nameCheck = checkName(name)\n\n if (!nameCheck.valid \|\| !name) {\n // Invalid name, do not proceed\n console.error('Invalid name:', nameCheck.error)\n toast.error(`Invalid name: ${nameCheck.error}`)\n return\n }\n\n setEditingCellId(null)\n onClose?.()\n\n try {\n const { meta, entityRowId } = valueData \|\| {}\n\n // Use rowId prop as fallback if entityRowId is undefined\n\n if (name !== initialName && !nameDisabled) {\n // we must await to ensure we do not have server deadlock when multiple requests are made at the same time\n // HACK: we should ideally batch these updates in updateEntities function, but this is a quick fix\n await meta?.updateEntities?.({\n field: 'name',\n value: name,\n type: entityType as string,\n rowId: entityRowId as string,\n })\n }\n\n if (label !== initialLabel && !labelDisabled) {\n const finalLabel = label.trim()\n\n meta?.updateEntities?.({\n field: 'label',\n value: finalLabel,\n type: entityType as string,\n rowId: entityRowId as string,\n })\n }\n } catch (error) {\n console.error('Failed to update entity:', error)\n }\n } else {\n // No changes, just close\n setEditingCellId(null)\n onClose?.()\n }\n }, [\n label,\n name,\n initialName,\n initialLabel,\n valueData,\n setEditingCellId,\n onClose,\n nameDisabled,\n labelDisabled,\n updateEntities,\n entityType,\n ])\n\n const handleCancel = useCallback(() => {\n setEditingCellId(null)\n onClose?.()\n }, [setEditingCellId, onClose])\n\n const handleLabelChange = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n const value = e.target.value\n setLabel(value)\n if (isNameAutoGenerated && !nameDisabled) {\n setName(parseAndFormatName(value, config))\n }\n },\n [isNameAutoGenerated, nameDisabled],\n )\n\n const handleNameChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n const value = e.target.value\n setName(value)\n }, [])\n\n const handleLabelKeyDown = useCallback(\n (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (e.key === 'ArrowDown') {\n e.preventDefault()\n if (!nameDisabled && nameInputRef.current) {\n nameInputRef.current.focus()\n // Position cursor at the end of the name input\n const length = nameInputRef.current.value.length\n nameInputRef.current.setSelectionRange(length, length)\n }\n } else if (e.key === 'Enter') {\n e.preventDefault()\n handleSave()\n }\n },\n [handleSave, handleCancel, nameDisabled],\n )\n\n const handleNameKeyDown = useCallback(\n (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (e.key === 'ArrowUp') {\n e.preventDefault()\n if (!labelDisabled && labelInputRef.current) {\n labelInputRef.current.focus()\n // Position cursor at the end of the label input\n const length = labelInputRef.current.value.length\n labelInputRef.current.setSelectionRange(length, length)\n }\n } else if (e.key === 'Enter') {\n // Ctrl+Enter or Cmd+Enter to save\n e.preventDefault()\n handleSave()\n }\n },\n [handleSave, handleCancel, labelDisabled],\n )\n\n const handleInputClick = useCallback((e: React.MouseEvent<HTMLInputElement>) => {\n e.stopPropagation()\n }, [])\n\n const handleInputDoubleClick = useCallback((e: React.MouseEvent<HTMLInputElement>) => {\n e.stopPropagation()\n }, [])\n\n const handleInputMouseDown = useCallback((e: React.MouseEvent<HTMLInputElement>) => {\n e.stopPropagation()\n }, [])\n\n const handleInputMouseUp = useCallback((e: React.MouseEvent<HTMLInputElement>) => {\n e.stopPropagation()\n }, [])\n\n // Helper to determine disabled and tooltip\n const getDisabledAndTooltip = (disabledProp: boolean \| string) => {\n if (typeof disabledProp === 'string') {\n return { disabled: true, tooltip: disabledProp }\n }\n return { disabled: !!disabledProp, tooltip: undefined }\n }\n\n const labelInputProps = getDisabledAndTooltip(labelDisabled)\n const nameInputProps = getDisabledAndTooltip(nameDisabled)\n\n return (\n <EditingContainer id={`editing-container-${cellId}`} onClick={(e) => e.stopPropagation()}>\n <StyledInput\n ref={labelInputRef}\n id={`${cellId}-label`}\n type=\"text\"\n value={label}\n onChange={handleLabelChange}\n onKeyDown={handleLabelKeyDown}\n onClick={handleInputClick}\n onDoubleClick={handleInputDoubleClick}\n onMouseDown={handleInputMouseDown}\n onMouseUp={handleInputMouseUp}\n placeholder={`${upperFirst(entityType)} label...`}\n style={{ paddingBottom: '6px' }}\n autoComplete=\"off\"\n disabled={labelInputProps.disabled}\n data-tooltip={labelInputProps.tooltip}\n data-tooltip-delay={100}\n />\n <InputLabel htmlFor={`${cellId}-name`}>Name</InputLabel>\n <StyledInput\n ref={nameInputRef}\n id={`${cellId}-name`}\n type=\"text\"\n value={name}\n onChange={handleNameChange}\n onKeyDown={handleNameKeyDown}\n onClick={handleInputClick}\n onDoubleClick={handleInputDoubleClick}\n onMouseDown={handleInputMouseDown}\n onMouseUp={handleInputMouseUp}\n className=\"system-name\"\n placeholder={`${entityType}_name`}\n autoComplete=\"off\"\n disabled={nameInputProps.disabled}\n data-tooltip={nameInputProps.tooltip}\n data-tooltip-delay={100}\n />\n </EditingContainer>\n )\n}\n"],"names":["EditingContainer","styled","InputLabel","StyledInput","theme","RenameForm","cellId","entityType","initialName","initialLabel","onClose","valueData","nameDisabled","labelDisabled","anatomy","useProjectContext","config","label","setLabel","useState","name","setName","setEditingCellId","updateEntities","useCellEditing","labelInputRef","useRef","nameInputRef","formattedFromLabel","parseAndFormatName","isNameAutoGenerated","useEffect","timeout","handleSave","useCallback","labelCheck","checkLabel","toast","nameCheck","checkName","meta","entityRowId","finalLabel","error","handleCancel","handleLabelChange","e","value","handleNameChange","handleLabelKeyDown","length","handleNameKeyDown","handleInputClick","handleInputDoubleClick","handleInputMouseDown","handleInputMouseUp","getDisabledAndTooltip","disabledProp","labelInputProps","nameInputProps","jsxs","jsx","upperFirst"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAMA,IAAmBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ1BC,KAAaD,EAAO;AAAA;AAAA;AAAA,GAKpBE,IAAcF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAWrBG,EAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA6BRC,KAAiD,CAAC;AAAA,EAC7D,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,eAAAC,IAAgB;AAClB,MAAM;AACJ,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACd,EAAE,eAAeC,IAAS,EAAE,gBAAgB,SAAS,WAAW,IAAA,EAAI,IAAMF,GAI1E,CAACG,GAAOC,CAAQ,IAAIC,EAASV,CAAY,GACzC,CAACW,GAAMC,CAAO,IAAIF,EAASX,CAAW,GACtC,EAAE,kBAAAc,GAAkB,gBAAAC,EAAA,IAAmBC,EAAA,GACvCC,IAAgBC,EAAyB,IAAI,GAC7CC,IAAeD,EAAyB,IAAI,GAE5CE,IAAqBC,EAAmBZ,GAAOD,CAAM,GACrDc,IAAsBV,MAASQ,KAAsB,CAACR;AAE5D,EAAAW,EAAU,MAAM;AACd,UAAMC,IAAU,WAAW,MAAM;AAE/B,MAAI,CAACnB,KAAiBY,EAAc,WAClCA,EAAc,QAAQ,MAAA,GACtBA,EAAc,QAAQ,OAAA,KACb,CAACb,KAAgBe,EAAa,YACvCA,EAAa,QAAQ,MAAA,GACrBA,EAAa,QAAQ,OAAA;AAAA,IAEzB,GAAG,CAAC;AACJ,WAAO,MAAM,aAAaK,CAAO;AAAA,EACnC,GAAG,CAACnB,GAAeD,CAAY,CAAC,GAEhCmB,EAAU,MAAM;AACd,IAAAb,EAAST,CAAY,GACrBY,EAAQb,CAAW;AAAA,EACrB,GAAG,CAACC,GAAcD,CAAW,CAAC;AAE9B,QAAMyB,IAAaC,EAAY,YAAY;AAEzC,QADmBd,MAASZ,KAAeS,MAAUR,GACrC;AAEd,UAAIQ,MAAUR,KAAgB,CAACI,GAAe;AAC5C,cAAMsB,IAAaC,EAAWnB,CAAK;AACnC,YAAI,CAACkB,EAAW,OAAO;AACrB,kBAAQ,MAAM,kBAAkBA,EAAW,KAAK,GAChDE,EAAM,MAAM,kBAAkBF,EAAW,KAAK,EAAE;AAChD;AAAA,QACF;AAAA,MACF;AAEA,YAAMG,IAAYC,EAAUnB,CAAI;AAEhC,UAAI,CAACkB,EAAU,SAAS,CAAClB,GAAM;AAE7B,gBAAQ,MAAM,iBAAiBkB,EAAU,KAAK,GAC9CD,EAAM,MAAM,iBAAiBC,EAAU,KAAK,EAAE;AAC9C;AAAA,MACF;AAEA,MAAAhB,EAAiB,IAAI,GACrBZ,IAAA;AAEA,UAAI;AACF,cAAM,EAAE,MAAA8B,GAAM,aAAAC,EAAA,IAAgB9B,KAAa,CAAA;AAe3C,YAXIS,MAASZ,KAAe,CAACI,KAG3B,MAAM4B,GAAM,iBAAiB;AAAA,UAC3B,OAAO;AAAA,UACP,OAAOpB;AAAA,UACP,MAAMb;AAAA,UACN,OAAOkC;AAAA,QAAA,CACR,GAGCxB,MAAUR,KAAgB,CAACI,GAAe;AAC5C,gBAAM6B,IAAazB,EAAM,KAAA;AAEzB,UAAAuB,GAAM,iBAAiB;AAAA,YACrB,OAAO;AAAA,YACP,OAAOE;AAAA,YACP,MAAMnC;AAAA,YACN,OAAOkC;AAAA,UAAA,CACR;AAAA,QACH;AAAA,MACF,SAASE,GAAO;AACd,gBAAQ,MAAM,4BAA4BA,CAAK;AAAA,MACjD;AAAA,IACF;AAEE,MAAArB,EAAiB,IAAI,GACrBZ,IAAA;AAAA,EAEJ,GAAG;AAAA,IACDO;AAAA,IACAG;AAAA,IACAZ;AAAA,IACAC;AAAA,IACAE;AAAA,IACAW;AAAA,IACAZ;AAAA,IACAE;AAAA,IACAC;AAAA,IACAU;AAAA,IACAhB;AAAA,EAAA,CACD,GAEKqC,IAAeV,EAAY,MAAM;AACrC,IAAAZ,EAAiB,IAAI,GACrBZ,IAAA;AAAA,EACF,GAAG,CAACY,GAAkBZ,CAAO,CAAC,GAExBmC,IAAoBX;AAAA,IACxB,CAACY,MAA2C;AAC1C,YAAMC,IAAQD,EAAE,OAAO;AACvB,MAAA5B,EAAS6B,CAAK,GACVjB,KAAuB,CAAClB,KAC1BS,EAAQQ,EAAmBkB,GAAO/B,CAAM,CAAC;AAAA,IAE7C;AAAA,IACA,CAACc,GAAqBlB,CAAY;AAAA,EAAA,GAG9BoC,IAAmBd,EAAY,CAACY,MAA2C;AAC/E,UAAMC,IAAQD,EAAE,OAAO;AACvB,IAAAzB,EAAQ0B,CAAK;AAAA,EACf,GAAG,CAAA,CAAE,GAECE,IAAqBf;AAAA,IACzB,CAACY,MAA6C;AAC5C,UAAIA,EAAE,QAAQ;AAEZ,YADAA,EAAE,eAAA,GACE,CAAClC,KAAgBe,EAAa,SAAS;AACzC,UAAAA,EAAa,QAAQ,MAAA;AAErB,gBAAMuB,IAASvB,EAAa,QAAQ,MAAM;AAC1C,UAAAA,EAAa,QAAQ,kBAAkBuB,GAAQA,CAAM;AAAA,QACvD;AAAA,YACF,CAAWJ,EAAE,QAAQ,YACnBA,EAAE,eAAA,GACFb,EAAA;AAAA,IAEJ;AAAA,IACA,CAACA,GAAYW,GAAchC,CAAY;AAAA,EAAA,GAGnCuC,IAAoBjB;AAAA,IACxB,CAACY,MAA6C;AAC5C,UAAIA,EAAE,QAAQ;AAEZ,YADAA,EAAE,eAAA,GACE,CAACjC,KAAiBY,EAAc,SAAS;AAC3C,UAAAA,EAAc,QAAQ,MAAA;AAEtB,gBAAMyB,IAASzB,EAAc,QAAQ,MAAM;AAC3C,UAAAA,EAAc,QAAQ,kBAAkByB,GAAQA,CAAM;AAAA,QACxD;AAAA,YACF,CAAWJ,EAAE,QAAQ,YAEnBA,EAAE,eAAA,GACFb,EAAA;AAAA,IAEJ;AAAA,IACA,CAACA,GAAYW,GAAc/B,CAAa;AAAA,EAAA,GAGpCuC,IAAmBlB,EAAY,CAACY,MAA0C;AAC9E,IAAAA,EAAE,gBAAA;AAAA,EACJ,GAAG,CAAA,CAAE,GAECO,IAAyBnB,EAAY,CAACY,MAA0C;AACpF,IAAAA,EAAE,gBAAA;AAAA,EACJ,GAAG,CAAA,CAAE,GAECQ,IAAuBpB,EAAY,CAACY,MAA0C;AAClF,IAAAA,EAAE,gBAAA;AAAA,EACJ,GAAG,CAAA,CAAE,GAECS,IAAqBrB,EAAY,CAACY,MAA0C;AAChF,IAAAA,EAAE,gBAAA;AAAA,EACJ,GAAG,CAAA,CAAE,GAGCU,IAAwB,CAACC,MACzB,OAAOA,KAAiB,WACnB,EAAE,UAAU,IAAM,SAASA,EAAA,IAE7B,EAAE,UAAU,CAAC,CAACA,GAAc,SAAS,OAAA,GAGxCC,IAAkBF,EAAsB3C,CAAa,GACrD8C,IAAiBH,EAAsB5C,CAAY;AAEzD,SACEgD,gBAAAA,EAAAA,KAAC5D,GAAA,EAAiB,IAAI,qBAAqBM,CAAM,IAAI,SAAS,CAACwC,MAAMA,EAAE,gBAAA,GACrE,UAAA;AAAA,IAAAe,gBAAAA,EAAAA;AAAAA,MAAC1D;AAAA,MAAA;AAAA,QACC,KAAKsB;AAAA,QACL,IAAI,GAAGnB,CAAM;AAAA,QACb,MAAK;AAAA,QACL,OAAOW;AAAA,QACP,UAAU4B;AAAA,QACV,WAAWI;AAAA,QACX,SAASG;AAAA,QACT,eAAeC;AAAA,QACf,aAAaC;AAAA,QACb,WAAWC;AAAA,QACX,aAAa,GAAGO,EAAWvD,CAAU,CAAC;AAAA,QACtC,OAAO,EAAE,eAAe,MAAA;AAAA,QACxB,cAAa;AAAA,QACb,UAAUmD,EAAgB;AAAA,QAC1B,gBAAcA,EAAgB;AAAA,QAC9B,sBAAoB;AAAA,MAAA;AAAA,IAAA;AAAA,0BAErBxD,IAAA,EAAW,SAAS,GAAGI,CAAM,SAAS,UAAA,QAAI;AAAA,IAC3CuD,gBAAAA,EAAAA;AAAAA,MAAC1D;AAAA,MAAA;AAAA,QACC,KAAKwB;AAAA,QACL,IAAI,GAAGrB,CAAM;AAAA,QACb,MAAK;AAAA,QACL,OAAOc;AAAA,QACP,UAAU4B;AAAA,QACV,WAAWG;AAAA,QACX,SAASC;AAAA,QACT,eAAeC;AAAA,QACf,aAAaC;AAAA,QACb,WAAWC;AAAA,QACX,WAAU;AAAA,QACV,aAAa,GAAGhD,CAAU;AAAA,QAC1B,cAAa;AAAA,QACb,UAAUoD,EAAe;AAAA,QACzB,gBAAcA,EAAe;AAAA,QAC7B,sBAAoB;AAAA,MAAA;AAAA,IAAA;AAAA,EACtB,GACF;AAEJ;"}
1	+ {"version":3,"file":"RenameForm.es.js","sources":["../../../../../src/components/RenameForm/RenameForm.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback } from 'react'\nimport styled from 'styled-components'\nimport { TableRow, useCellEditing } from '@shared/containers'\nimport { theme } from '@ynput/ayon-react-components'\nimport { upperFirst } from 'lodash'\nimport { TableMeta } from '@tanstack/react-table'\nimport { checkName, checkLabel, parseAndFormatName } from '@shared/util'\nimport { toast } from 'react-toastify'\nimport { EntityNaming } from '@shared/api'\nimport { useProjectContext } from '@shared/context'\n\nconst EditingContainer = styled.div`\n background: var(--md-sys-color-surface-container-lowest);\n border: 2px solid var(--md-sys-color-primary);\n padding: 8px;\n width: 350px;\n border-radius: 4px;\n`\n\nconst InputLabel = styled.label`\n font-size: 12px;\n color: var(--md-sys-color-outline);\n`\n\nconst StyledInput = styled.input`\n width: 100%;\n border: none;\n background-color: var(--md-sys-color-surface-container-lowest);\n color: var(--md-sys-color-on-surface);\n\n &:focus {\n outline: none;\n }\n\n &.system-name {\n ${theme.bodySmall}\n }\n\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n //background-color: var(--md-sys-color-surface-container);\n color: var(--md-sys-color-outline);\n }\n`\nexport type NameWidgetData = {\n name: string\n label: string\n meta: TableMeta<TableRow> \| undefined\n entityRowId: string \| undefined\n hasVersions: boolean \| undefined\n}\n\nexport interface InlineEditingWidgetProps {\n cellId: string\n entityType: string\n initialName?: string\n initialLabel?: string\n onClose?: () => void\n valueData?: NameWidgetData\n nameDisabled?: boolean \| string\n labelDisabled?: boolean \| string\n}\n\nexport const RenameForm: React.FC<InlineEditingWidgetProps> = ({\n cellId,\n entityType,\n initialName,\n initialLabel = '',\n onClose,\n valueData,\n nameDisabled = false,\n labelDisabled = false,\n}) => {\n const { anatomy } = useProjectContext()\n const { entity_naming: config = { capitalization: 'lower', separator: '_' } } = anatomy as {\n entity_naming?: EntityNaming\n }\n\n const [label, setLabel] = useState(initialLabel)\n const [name, setName] = useState(initialName)\n const { setEditingCellId, updateEntities } = useCellEditing()\n const labelInputRef = useRef<HTMLInputElement>(null)\n const nameInputRef = useRef<HTMLInputElement>(null)\n\n const formattedFromLabel = parseAndFormatName(label, config)\n const isNameAutoGenerated = name === formattedFromLabel \|\| !name\n\n useEffect(() => {\n const timeout = setTimeout(() => {\n // Focus on the first enabled input\n if (!labelDisabled && labelInputRef.current) {\n labelInputRef.current.focus()\n labelInputRef.current.select()\n } else if (!nameDisabled && nameInputRef.current) {\n nameInputRef.current.focus()\n nameInputRef.current.select()\n }\n }, 0)\n return () => clearTimeout(timeout)\n }, [labelDisabled, nameDisabled])\n\n useEffect(() => {\n setLabel(initialLabel)\n setName(initialName)\n }, [initialLabel, initialName])\n\n const handleSave = useCallback(async () => {\n const hasChanges = name !== initialName \|\| label !== initialLabel\n if (hasChanges) {\n // Validate label if it changed\n if (label !== initialLabel && !labelDisabled) {\n const labelCheck = checkLabel(label)\n if (!labelCheck.valid) {\n console.error('Invalid label:', labelCheck.error)\n toast.error(`Invalid label: ${labelCheck.error}`)\n return\n }\n }\n\n const nameCheck = checkName(name)\n\n if (!nameCheck.valid \|\| !name) {\n // Invalid name, do not proceed\n console.error('Invalid name:', nameCheck.error)\n toast.error(`Invalid name: ${nameCheck.error}`)\n return\n }\n\n setEditingCellId(null)\n onClose?.()\n\n try {\n const { meta, entityRowId } = valueData \|\| {}\n\n // Use rowId prop as fallback if entityRowId is undefined\n\n if (name !== initialName && !nameDisabled) {\n // we must await to ensure we do not have server deadlock when multiple requests are made at the same time\n // HACK: we should ideally batch these updates in updateEntities function, but this is a quick fix\n await meta?.updateEntities?.({\n field: 'name',\n value: name,\n type: entityType as string,\n rowId: entityRowId as string,\n })\n }\n\n if (label !== initialLabel && !labelDisabled) {\n const finalLabel = label.trim()\n\n meta?.updateEntities?.({\n field: 'label',\n value: finalLabel,\n type: entityType as string,\n rowId: entityRowId as string,\n })\n }\n } catch (error) {\n console.error('Failed to update entity:', error)\n }\n } else {\n // No changes, just close\n setEditingCellId(null)\n onClose?.()\n }\n }, [\n label,\n name,\n initialName,\n initialLabel,\n valueData,\n setEditingCellId,\n onClose,\n nameDisabled,\n labelDisabled,\n updateEntities,\n entityType,\n ])\n\n const handleCancel = useCallback(() => {\n setEditingCellId(null)\n onClose?.()\n }, [setEditingCellId, onClose])\n\n const handleLabelChange = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n const value = e.target.value\n setLabel(value)\n if (isNameAutoGenerated && !nameDisabled) {\n setName(parseAndFormatName(value, config))\n }\n },\n [isNameAutoGenerated, nameDisabled],\n )\n\n const handleNameChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n const value = e.target.value\n setName(value)\n }, [])\n\n const handleLabelKeyDown = useCallback(\n (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (e.key === 'ArrowDown') {\n e.preventDefault()\n if (!nameDisabled && nameInputRef.current) {\n nameInputRef.current.focus()\n // Position cursor at the end of the name input\n const length = nameInputRef.current.value.length\n nameInputRef.current.setSelectionRange(length, length)\n }\n } else if (e.key === 'Enter') {\n e.preventDefault()\n handleSave()\n }\n },\n [handleSave, handleCancel, nameDisabled],\n )\n\n const handleNameKeyDown = useCallback(\n (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (e.key === 'ArrowUp') {\n e.preventDefault()\n if (!labelDisabled && labelInputRef.current) {\n labelInputRef.current.focus()\n // Position cursor at the end of the label input\n const length = labelInputRef.current.value.length\n labelInputRef.current.setSelectionRange(length, length)\n }\n } else if (e.key === 'Enter') {\n // Ctrl+Enter or Cmd+Enter to save\n e.preventDefault()\n handleSave()\n }\n },\n [handleSave, handleCancel, labelDisabled],\n )\n\n const handleInputClick = useCallback((e: React.MouseEvent<HTMLInputElement>) => {\n e.stopPropagation()\n }, [])\n\n const handleInputDoubleClick = useCallback((e: React.MouseEvent<HTMLInputElement>) => {\n e.stopPropagation()\n }, [])\n\n const handleInputMouseDown = useCallback((e: React.MouseEvent<HTMLInputElement>) => {\n e.stopPropagation()\n }, [])\n\n const handleInputMouseUp = useCallback((e: React.MouseEvent<HTMLInputElement>) => {\n e.stopPropagation()\n }, [])\n\n // Helper to determine disabled and tooltip\n const getDisabledAndTooltip = (disabledProp: boolean \| string) => {\n if (typeof disabledProp === 'string') {\n return { disabled: true, tooltip: disabledProp }\n }\n return { disabled: !!disabledProp, tooltip: undefined }\n }\n\n const labelInputProps = getDisabledAndTooltip(labelDisabled)\n const nameInputProps = getDisabledAndTooltip(nameDisabled)\n\n return (\n <EditingContainer id={`editing-container-${cellId}`} onClick={(e) => e.stopPropagation()}>\n <StyledInput\n ref={labelInputRef}\n id={`${cellId}-label`}\n type=\"text\"\n value={label}\n onChange={handleLabelChange}\n onKeyDown={handleLabelKeyDown}\n onClick={handleInputClick}\n onDoubleClick={handleInputDoubleClick}\n onMouseDown={handleInputMouseDown}\n onMouseUp={handleInputMouseUp}\n placeholder={`${upperFirst(entityType)} label...`}\n style={{ paddingBottom: '6px' }}\n autoComplete=\"off\"\n disabled={labelInputProps.disabled}\n data-tooltip={labelInputProps.tooltip}\n data-tooltip-delay={100}\n />\n <InputLabel htmlFor={`${cellId}-name`}>Name</InputLabel>\n <StyledInput\n ref={nameInputRef}\n id={`${cellId}-name`}\n type=\"text\"\n value={name}\n onChange={handleNameChange}\n onKeyDown={handleNameKeyDown}\n onClick={handleInputClick}\n onDoubleClick={handleInputDoubleClick}\n onMouseDown={handleInputMouseDown}\n onMouseUp={handleInputMouseUp}\n className=\"system-name\"\n placeholder={`${entityType}_name`}\n autoComplete=\"off\"\n disabled={nameInputProps.disabled}\n data-tooltip={nameInputProps.tooltip}\n data-tooltip-delay={100}\n />\n </EditingContainer>\n )\n}\n"],"names":["EditingContainer","styled","InputLabel","StyledInput","theme","RenameForm","cellId","entityType","initialName","initialLabel","onClose","valueData","nameDisabled","labelDisabled","anatomy","useProjectContext","config","label","setLabel","useState","name","setName","setEditingCellId","updateEntities","useCellEditing","labelInputRef","useRef","nameInputRef","formattedFromLabel","parseAndFormatName","isNameAutoGenerated","useEffect","timeout","handleSave","useCallback","labelCheck","checkLabel","toast","nameCheck","checkName","meta","entityRowId","finalLabel","error","handleCancel","handleLabelChange","e","value","handleNameChange","handleLabelKeyDown","length","handleNameKeyDown","handleInputClick","handleInputDoubleClick","handleInputMouseDown","handleInputMouseUp","getDisabledAndTooltip","disabledProp","labelInputProps","nameInputProps","jsxs","jsx","upperFirst"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";const u=require("../../../../_virtual/jsx-runtime.cjs.js"),E=require("react");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");const re=require("../../api/queries/review/getReview.cjs.js"),j=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");const s=require("@dnd-kit/core"),f=require("@dnd-kit/sortable");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");const S=require("react-toastify"),ie=require("./SortableReviewableCard.cjs.js"),ue=require("./ReviewablesList.styled.cjs.js"),te=require("./getGroupedReviewables.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */const qe=require("../../containers/ContextMenu/useCreateContextMenu.cjs.js"),se=require("../../util/confirmDelete.cjs.js");require("uuid");require("lodash");require("../../util/pubsub.cjs.js");const ne=require("./EditReviewableDialog.cjs.js"),oe=require("./ReviewablesUpload.cjs.js");require("../../context/RemoteModulesContext.cjs.js");const ae=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("axios");const le=require("../ReviewableCard/ReviewableCard.cjs.js"),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("@tanstack/react-virtual");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../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/context/CellEditingContext.cjs.js");require("short-uuid");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/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/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../containers/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("../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 de=({projectName:q,versionId:n,productId:p,isLoadingVersion:M,scope:F})=>{const{onOpenViewer:P,user:y,viewer:g,dispatch:k}=ae.useDetailsPanelContext(),{data:V,isFetching:A,currentData:L}=re.useGetReviewablesForVersionQuery({projectName:q,versionId:n},{skip:!n||!q}),O=!1,I=g?.reviewableIds||[],$=y.name,G=y.data?.isUser,[m,h]=E.useState(null),[w,b]=E.useState(null),T=s.useSensors(s.useSensor(s.PointerSensor),s.useSensor(s.KeyboardSensor,{coordinateGetter:f.sortableKeyboardCoordinates})),o=V?.reviewables||[],R=o.find(e=>e.fileId===w),U=L?.id,K=A&&n!==U||M,_=e=>{if(w)return console.log("Dragging, cannot open review");const r=e.currentTarget.id;if(!r||!p)return console.error("No reviewable id or product id");const i=o.find(t=>t.fileId===r);console.debug(i),console.debug(i?.mediaInfo),P?.({projectName:q,productId:p,versionIds:[n],reviewableIds:[r]})},{playable:d,incompatible:Q,processing:z,queued:B}=te.getGroupedReviewables(o,O);function H(e){const{active:r}=e;b(r.id)}const[J]=j.useSortVersionReviewablesMutation(),W=async e=>{const{active:r,over:i}=e;if(i?.id&&r.id!==i.id){console.log("update review position");const t=d.findIndex(a=>a.fileId===r.id),c=d.findIndex(a=>a.fileId===i.id),l=f.arrayMove(d,t,c).map(a=>a.activityId);try{J({projectName:q,versionId:n,sortReviewablesRequest:{sort:l}}).unwrap()}catch{S.toast.error("Error sorting reviewables")}}b(null)},C=[];F==="review"&&C.push(e=>({...e.transform,x:e.transform.x-32,y:e.transform.y-32}));const X="File type not supported at this time. Please contact support for further assistance.",Y=(e,r="")=>{let i=`/api/projects/${q}/files/${e}`;const t=document.createElement("a");t.href=i,t.download=r,document.body.appendChild(t),t.click(),document.body.removeChild(t)},[Z]=j.useDeleteReviewableMutation(),N=async(e,r)=>{se.confirmDelete({header:"Delete "+r,message:"Are you sure you want to delete this reviewable?",accept:async()=>{try{await Z({activityId:e,projectName:q}).unwrap()}catch{S.toast.error("Failed to delete reviewable")}}})},[ee]=qe.useCreateContextMenu(),D=e=>{const r=e.currentTarget.id;if(!r)return;const i=o.find(l=>l.fileId===r);if(!i)return;const t=i.createdFrom||i.fileId,c=o.find(l=>l.fileId===t),x=[{label:"Download original",icon:"download",onClick:()=>Y(t,c?.filename),disabled:!c}];($===i.author.name||!G)&&x.push({label:"Delete",icon:"delete",onClick:()=>N(i.activityId,i.label||i.filename),danger:!0}),x.push({label:`Author: ${i.author.fullName||i.author.name}`,icon:"person",disabled:!0}),ee(e,x)};return u.jsxRuntimeExports.jsxs(u.jsxRuntimeExports.Fragment,{children:[u.jsxRuntimeExports.jsx(oe.ReviewableUpload,{projectName:q,versionId:n,productId:p,taskId:g?.taskId,folderId:g?.folderId,dispatch:k,children:K?Array.from({length:3}).map((e,r)=>u.jsxRuntimeExports.jsx(ue.LoadingCard,{className:"loading"},r)):u.jsxRuntimeExports.jsxs(u.jsxRuntimeExports.Fragment,{children:[u.jsxRuntimeExports.jsxs(s.DndContext,{sensors:T,collisionDetection:s.closestCenter,onDragStart:H,onDragEnd:W,onDragCancel:()=>b(null),children:[u.jsxRuntimeExports.jsx(f.SortableContext,{items:o.map(({fileId:e})=>e),strategy:f.verticalListSortingStrategy,children:d.map(e=>u.jsxRuntimeExports.jsx(ie,{projectName:q,onClick:_,isSelected:I.includes(e.fileId),isDragging:!!w,onContextMenu:D,onEdit:r=>{r.stopPropagation(),h(e.activityId)},...e},e.fileId))}),u.jsxRuntimeExports.jsx(s.DragOverlay,{modifiers:C,children:R?u.jsxRuntimeExports.jsx(le.ReviewableCard,{...R,projectName:q,isDragOverlay:!0,isDragging:!0,isSelected:I.includes(R.fileId)}):null})]}),z.map(e=>u.jsxRuntimeExports.jsx(v.ReviewableProgressCard,{name:e.filename,type:"processing",progress:e.processing?.progress,fileId:e.fileId},e.fileId)),B.map(e=>u.jsxRuntimeExports.jsx(v.ReviewableProgressCard,{name:e.filename,type:"queued",fileId:e.fileId},e.fileId)),Q.map(e=>u.jsxRuntimeExports.jsx(v.ReviewableProgressCard,{name:e.filename,type:"unsupported",tooltip:X,src:`/api/projects/${q}/files/${e.fileId}/thumbnail`,onContextMenu:D,fileId:e.fileId},e.fileId))]})}),m&&u.jsxRuntimeExports.jsx(ne,{isOpen:!0,onClose:()=>h(null),label:o.find(e=>e.activityId===m)?.label||"",projectName:q,versionId:n,activityId:m})]})};module.exports=de;
+"use strict";const u=require("../../../../_virtual/jsx-runtime.cjs.js"),E=require("react");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");const re=require("../../api/queries/review/getReview.cjs.js"),j=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");const s=require("@dnd-kit/core"),f=require("@dnd-kit/sortable");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("@ynput/ayon-react-components");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("clsx");require("lodash");require("../AttributeEditor/components/MinMaxField.cjs.js");require("react-dom");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../Badge/Badge.cjs.js");require("../Chips/Chips.cjs.js");const S=require("react-toastify");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */const ie=require("../../containers/ContextMenu/useCreateContextMenu.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("../../context/RemoteModulesContext.cjs.js");const ue=require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");const te=require("../../util/confirmDelete.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("date-fns");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../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/context/CellEditingContext.cjs.js");require("short-uuid");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/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/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../containers/SimpleTable/SimpleTable.styled.cjs.js");require("@tanstack/match-sorter-utils");require("../../containers/SimpleTable/context/SimpleTableContext.cjs.js");require("../../containers/SimpleTable/SimpleTableRowTemplate.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("../../containers/Slicer/components/SlicerSearch.cjs.js");require("../../containers/Slicer/context/SlicerContext.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/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");const qe=require("./SortableReviewableCard.cjs.js"),se=require("./ReviewablesList.styled.cjs.js"),ne=require("./getGroupedReviewables.cjs.js"),oe=require("./EditReviewableDialog.cjs.js"),ae=require("./ReviewablesUpload.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/PricingLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredAddonVersion.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../SizeSlider/SizeSlider.cjs.js");const le=require("../ReviewableCard/ReviewableCard.cjs.js"),v=require("../ReviewableProgressCard/ReviewableProgressCard.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../SortingSetting/SortingSetting.styled.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");const de=({projectName:q,versionId:n,productId:p,isLoadingVersion:M,scope:F})=>{const{onOpenViewer:P,user:y,viewer:g,dispatch:k}=ue.useDetailsPanelContext(),{data:V,isFetching:A,currentData:L}=re.useGetReviewablesForVersionQuery({projectName:q,versionId:n},{skip:!n||!q}),O=!1,I=g?.reviewableIds||[],$=y.name,G=y.data?.isUser,[m,h]=E.useState(null),[w,b]=E.useState(null),T=s.useSensors(s.useSensor(s.PointerSensor),s.useSensor(s.KeyboardSensor,{coordinateGetter:f.sortableKeyboardCoordinates})),o=V?.reviewables||[],R=o.find(e=>e.fileId===w),U=L?.id,K=A&&n!==U||M,_=e=>{if(w)return console.log("Dragging, cannot open review");const r=e.currentTarget.id;if(!r||!p)return console.error("No reviewable id or product id");const i=o.find(t=>t.fileId===r);console.debug(i),console.debug(i?.mediaInfo),P?.({projectName:q,productId:p,versionIds:[n],reviewableIds:[r]})},{playable:d,incompatible:Q,processing:z,queued:B}=ne.getGroupedReviewables(o,O);function H(e){const{active:r}=e;b(r.id)}const[J]=j.useSortVersionReviewablesMutation(),W=async e=>{const{active:r,over:i}=e;if(i?.id&&r.id!==i.id){console.log("update review position");const t=d.findIndex(a=>a.fileId===r.id),c=d.findIndex(a=>a.fileId===i.id),l=f.arrayMove(d,t,c).map(a=>a.activityId);try{J({projectName:q,versionId:n,sortReviewablesRequest:{sort:l}}).unwrap()}catch{S.toast.error("Error sorting reviewables")}}b(null)},C=[];F==="review"&&C.push(e=>({...e.transform,x:e.transform.x-32,y:e.transform.y-32}));const X="File type not supported at this time. Please contact support for further assistance.",Y=(e,r="")=>{let i=`/api/projects/${q}/files/${e}`;const t=document.createElement("a");t.href=i,t.download=r,document.body.appendChild(t),t.click(),document.body.removeChild(t)},[Z]=j.useDeleteReviewableMutation(),N=async(e,r)=>{te.confirmDelete({header:"Delete "+r,message:"Are you sure you want to delete this reviewable?",accept:async()=>{try{await Z({activityId:e,projectName:q}).unwrap()}catch{S.toast.error("Failed to delete reviewable")}}})},[ee]=ie.useCreateContextMenu(),D=e=>{const r=e.currentTarget.id;if(!r)return;const i=o.find(l=>l.fileId===r);if(!i)return;const t=i.createdFrom||i.fileId,c=o.find(l=>l.fileId===t),x=[{label:"Download original",icon:"download",onClick:()=>Y(t,c?.filename),disabled:!c}];($===i.author.name||!G)&&x.push({label:"Delete",icon:"delete",onClick:()=>N(i.activityId,i.label||i.filename),danger:!0}),x.push({label:`Author: ${i.author.fullName||i.author.name}`,icon:"person",disabled:!0}),ee(e,x)};return u.jsxRuntimeExports.jsxs(u.jsxRuntimeExports.Fragment,{children:[u.jsxRuntimeExports.jsx(ae.ReviewableUpload,{projectName:q,versionId:n,productId:p,taskId:g?.taskId,folderId:g?.folderId,dispatch:k,children:K?Array.from({length:3}).map((e,r)=>u.jsxRuntimeExports.jsx(se.LoadingCard,{className:"loading"},r)):u.jsxRuntimeExports.jsxs(u.jsxRuntimeExports.Fragment,{children:[u.jsxRuntimeExports.jsxs(s.DndContext,{sensors:T,collisionDetection:s.closestCenter,onDragStart:H,onDragEnd:W,onDragCancel:()=>b(null),children:[u.jsxRuntimeExports.jsx(f.SortableContext,{items:o.map(({fileId:e})=>e),strategy:f.verticalListSortingStrategy,children:d.map(e=>u.jsxRuntimeExports.jsx(qe,{projectName:q,onClick:_,isSelected:I.includes(e.fileId),isDragging:!!w,onContextMenu:D,onEdit:r=>{r.stopPropagation(),h(e.activityId)},...e},e.fileId))}),u.jsxRuntimeExports.jsx(s.DragOverlay,{modifiers:C,children:R?u.jsxRuntimeExports.jsx(le.ReviewableCard,{...R,projectName:q,isDragOverlay:!0,isDragging:!0,isSelected:I.includes(R.fileId)}):null})]}),z.map(e=>u.jsxRuntimeExports.jsx(v.ReviewableProgressCard,{name:e.filename,type:"processing",progress:e.processing?.progress,fileId:e.fileId},e.fileId)),B.map(e=>u.jsxRuntimeExports.jsx(v.ReviewableProgressCard,{name:e.filename,type:"queued",fileId:e.fileId},e.fileId)),Q.map(e=>u.jsxRuntimeExports.jsx(v.ReviewableProgressCard,{name:e.filename,type:"unsupported",tooltip:X,src:`/api/projects/${q}/files/${e.fileId}/thumbnail`,onContextMenu:D,fileId:e.fileId},e.fileId))]})}),m&&u.jsxRuntimeExports.jsx(oe,{isOpen:!0,onClose:()=>h(null),label:o.find(e=>e.activityId===m)?.label||"",projectName:q,versionId:n,activityId:m})]})};module.exports=de;
 //# sourceMappingURL=ReviewablesList.cjs.js.map

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","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"],"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","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"],"mappings":"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"}

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

@@ -88,30 +88,36 @@ import "../../api/queries/uris/getUris.es.js";
 import { useSensors as ot, useSensor as S, PointerSensor as rt, KeyboardSensor as et, DndContext as mt, closestCenter as pt, DragOverlay as nt } from "@dnd-kit/core";
 import { sortableKeyboardCoordinates as st, SortableContext as at, verticalListSortingStrategy as lt, arrayMove as dt } from "@dnd-kit/sortable";
 import "../AddonLoadingScreen/AddonLoadingScreen.es.js";
+import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
 import "@ynput/ayon-react-components";
+import "../AccessSearchInput/AccessSearchInput.styled.es.js";
+import "../AccessUser/AccessUser.es.js";
 import "clsx";
-import "../ThumbnailSimple/ThumbnailSimple.es.js";
+import "lodash";
+import "../AttributeEditor/components/MinMaxField.es.js";
+import "react-dom";
+import "../EnumEditor/EnumEditor.styled.es.js";
+import "../Badge/Badge.es.js";
+import "../Chips/Chips.es.js";
+import { toast as F } from "react-toastify";
+import "../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
+import "../DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "../DetailsPanelDetails/DetailsSection.es.js";
+import "../DetailsPanelDetails/FieldLabel.es.js";
+import "../EarlyPreview/EarlyPreview.es.js";
 import "../EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import { toast as F } from "react-toastify";
-import ct from "./SortableReviewableCard.es.js";
-import { LoadingCard as ut } from "./ReviewablesList.styled.es.js";
-import { getGroupedReviewables as ft } from "./getGroupedReviewables.es.js";
 import "../../containers/ContextMenu/ContextMenuContext.es.js";
 /* empty css                                               */
-import { useCreateContextMenu as gt } from "../../containers/ContextMenu/useCreateContextMenu.es.js";
-import { confirmDelete as bt } from "../../util/confirmDelete.es.js";
-import "uuid";
-import "lodash";
-import "../../util/pubsub.es.js";
-import wt from "./EditReviewableDialog.es.js";
-import { ReviewableUpload as vt } from "./ReviewablesUpload.es.js";
+import { useCreateContextMenu as ct } from "../../containers/ContextMenu/useCreateContextMenu.es.js";
+import "../../containers/Feed/context/FeedContext.es.js";
+import "../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
+import "../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
 import "../../context/RemoteModulesContext.es.js";
-import { useDetailsPanelContext as It } from "../../context/DetailsPanelContext.es.js";
+import { useDetailsPanelContext as ut } from "../../context/DetailsPanelContext.es.js";
 import "../../context/ThumbnailUploaderContext.es.js";
 import "../../context/SettingsPanelContext.es.js";
 import "../../context/pip/PiPProvider.es.js";
-import "react-dom";
 import "../../context/pip/PiPWrapper.es.js";
 import "../../context/AddonProjectContext.es.js";
 import "../../context/AddonContext.es.js";
@@ -123,15 +129,6 @@ import "../../context/GlobalContext.es.js";
 import "../../context/ProjectContext.es.js";
 import "../../context/ProjectFoldersContext.es.js";
 import "../../context/UriContext.es.js";
-import "axios";
-import { ReviewableCard as ht } from "../ReviewableCard/ReviewableCard.es.js";
-import { ReviewableProgressCard as I } from "../ReviewableProgressCard/ReviewableProgressCard.es.js";
-import "../FileThumbnail/FileThumbnail.es.js";
-import "../Thumbnail/Thumbnail.styled.es.js";
-import "../Thumbnail/StackedThumbnails.es.js";
-import "../../containers/Feed/context/FeedContext.es.js";
-import "../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
-import "../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
 import "../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
 import "../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
 import "react-markdown";
@@ -147,6 +144,9 @@ import "../../containers/Feed/components/CommentInput/quillToMarkdown.es.js";
 import "../../containers/Feed/components/ActivityComment/ActivityComment.styled.es.js";
 import "../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
 import "../../containers/Feed/components/ActivityReference/ActivityReference.styled.es.js";
+import { confirmDelete as ft } from "../../util/confirmDelete.es.js";
+import "uuid";
+import "../../util/pubsub.es.js";
 import "react-router-dom";
 import "../../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
 import "../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
@@ -197,6 +197,13 @@ import "../../containers/ProjectTreeTable/widgets/LoadMoreWidget.es.js";
 import "../../containers/ProjectTreeTable/components/HeaderActionButton.es.js";
 import "../../containers/ProjectTreeTable/components/ColumnHeaderMenu.es.js";
 import "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
+import "../../containers/SimpleTable/SimpleTable.styled.es.js";
+import "@tanstack/match-sorter-utils";
+import "../../containers/SimpleTable/context/SimpleTableContext.es.js";
+import "../../containers/SimpleTable/SimpleTableRowTemplate.es.js";
+import "../../containers/Slicer/hooks/useTableDataBySlice.es.js";
+import "../../containers/Slicer/components/SlicerSearch.es.js";
+import "../../containers/Slicer/context/SlicerContext.es.js";
 import "../../containers/DetailsPanel/DetailsPanel.styled.es.js";
 import "../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.es.js";
 import "../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
@@ -212,52 +219,52 @@ import "../../containers/Views/Views.styled.es.js";
 import "../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 import "../../containers/Views/ViewsMenu/ViewsMenu.es.js";
 import "../EntityPanelUploader/EntityPanelUploader.styled.es.js";
-import "../SimpleFormDialog/SimpleFormDialog.es.js";
+import "axios";
+import gt from "./SortableReviewableCard.es.js";
+import { LoadingCard as bt } from "./ReviewablesList.styled.es.js";
+import { getGroupedReviewables as wt } from "./getGroupedReviewables.es.js";
+import vt from "./EditReviewableDialog.es.js";
+import { ReviewableUpload as It } from "./ReviewablesUpload.es.js";
 import "../EntityPath/EntityPath.styled.es.js";
 import "../EntityPath/SegmentProvider.es.js";
-import "../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
-import "../DetailsPanelDetails/DetailsPanelDetails.es.js";
-import "../DetailsPanelDetails/DetailsSection.es.js";
-import "../DetailsPanelDetails/FieldLabel.es.js";
-import "../Watchers/Watchers.es.js";
-import "../ProjectTableSettings/ProjectTableSettings.es.js";
+import "../FeaturedVersionOrder/FeaturedVersionOrder.es.js";
+import "../Feedback/FeedbackContext.es.js";
+import "../Feedback/SupportBubble.es.js";
+import "../FileThumbnail/FileThumbnail.es.js";
+import "../LegacyBadge/LegacyBadge.es.js";
 import "../Powerpack/PowerpackButton.es.js";
 import "../Powerpack/PricingLink.es.js";
 import "../Powerpack/PowerpackDialog.styled.es.js";
 import "../Powerpack/CTAButton.es.js";
 import "../Powerpack/RequiredAddonVersion.es.js";
+import "../ProjectTableSettings/ProjectTableSettings.es.js";
 import "../SizeSlider/SizeSlider.es.js";
+import { ReviewableCard as ht } from "../ReviewableCard/ReviewableCard.es.js";
+import { ReviewableProgressCard as I } from "../ReviewableProgressCard/ReviewableProgressCard.es.js";
+import "../SearchFilter/filterDates.es.js";
 import "../SettingsPanel/SettingsPanel.es.js";
 import "../SettingsPanel/SettingsPanelItemTemplate.es.js";
-import "../AttributeEditor/components/MinMaxField.es.js";
-import "../EnumEditor/EnumEditor.styled.es.js";
-import "../SearchFilter/filterDates.es.js";
-import "../FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../Badge/Badge.es.js";
-import "../VersionUploader/components/UploadVersionDialog.es.js";
-import "../VersionUploader/context/VersionUploadContext.es.js";
-import "../Feedback/FeedbackContext.es.js";
-import "../Feedback/SupportBubble.es.js";
-import "../Chips/Chips.es.js";
-import "../StyledLink/StyledLink.es.js";
 import "../ShareOptionIcon/ShareOptionIcon.es.js";
-import "../AccessUser/AccessUser.es.js";
-import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
-import "../AccessSearchInput/AccessSearchInput.styled.es.js";
-import "../TableGridSwitch/TableGridSwitch.es.js";
+import "../SimpleFormDialog/SimpleFormDialog.es.js";
 import "../SortingSetting/SortingSetting.styled.es.js";
-import "../EarlyPreview/EarlyPreview.es.js";
-import "../LegacyBadge/LegacyBadge.es.js";
+import "../StyledLink/StyledLink.es.js";
+import "../TableGridSwitch/TableGridSwitch.es.js";
+import "../Thumbnail/Thumbnail.styled.es.js";
+import "../Thumbnail/StackedThumbnails.es.js";
+import "../ThumbnailSimple/ThumbnailSimple.es.js";
+import "../VersionUploader/components/UploadVersionDialog.es.js";
+import "../VersionUploader/context/VersionUploadContext.es.js";
+import "../Watchers/Watchers.es.js";
 import "../Menu/Menu.styled.es.js";
 import "../Menu/MenuItem.es.js";
-const mm = ({
+const cm = ({
   projectName: m,
   versionId: p,
   productId: u,
   isLoadingVersion: M,
   scope: k
 }) => {
-  const { onOpenViewer: E, user: h, viewer: f, dispatch: j } = It(), {
+  const { onOpenViewer: E, user: h, viewer: f, dispatch: j } = ut(), {
     data: V,
     isFetching: A,
     currentData: q
@@ -280,7 +287,7 @@ const mm = ({
       versionIds: [p],
       reviewableIds: [i]
     });
-  }, { playable: l, incompatible: K, processing: Q, queued: _ } = ft(
+  }, { playable: l, incompatible: K, processing: Q, queued: _ } = wt(
     n,
     O
   );
@@ -315,7 +322,7 @@ const mm = ({
     const e = document.createElement("a");
     e.href = o, e.download = i, document.body.appendChild(e), e.click(), document.body.removeChild(e);
   }, [X] = it(), Y = async (t, i) => {
-    bt({
+    ft({
       header: "Delete " + i,
       message: "Are you sure you want to delete this reviewable?",
       accept: async () => {
@@ -326,7 +333,7 @@ const mm = ({
         }
       }
     });
-  }, [Z] = gt(), D = (t) => {
+  }, [Z] = ct(), D = (t) => {
     const i = t.currentTarget.id;
     if (!i) return;
     const o = n.find((a) => a.fileId === i);
@@ -354,7 +361,7 @@ const mm = ({
   };
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(
-      vt,
+      It,
       {
         projectName: m,
         versionId: p,
@@ -362,7 +369,7 @@ const mm = ({
         taskId: f?.taskId,
         folderId: f?.folderId,
         dispatch: j,
-        children: T ? Array.from({ length: 3 }).map((t, i) => /* @__PURE__ */ r.jsx(ut, { className: "loading" }, i)) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+        children: T ? Array.from({ length: 3 }).map((t, i) => /* @__PURE__ */ r.jsx(bt, { className: "loading" }, i)) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
           /* @__PURE__ */ r.jsxs(
             mt,
             {
@@ -378,7 +385,7 @@ const mm = ({
                     items: n.map(({ fileId: t }) => t),
                     strategy: lt,
                     children: l.map((t) => /* @__PURE__ */ r.jsx(
-                      ct,
+                      gt,
                       {
                         projectName: m,
                         onClick: U,
@@ -442,7 +449,7 @@ const mm = ({
       }
     ),
     g && /* @__PURE__ */ r.jsx(
-      wt,
+      vt,
       {
         isOpen: !0,
         onClose: () => x(null),
@@ -455,6 +462,6 @@ const mm = ({
   ] });
 };
 export {
-  mm as default
+  cm as default
 };
 //# sourceMappingURL=ReviewablesList.es.js.map