@ynput/ayon-frontend-shared 0.2.35 → 0.2.37

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

@@ -1 +1 @@
-{"version":3,"file":"RenameForm.cjs.js","sources":["../../../../../src/components/RenameForm/RenameForm.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback } from 'react'\nimport styled from 'styled-components'\nimport { TableRow, useCellEditing, useProjectDataContext } 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'\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 } = useProjectDataContext()\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","useProjectDataContext","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","_a","finalLabel","_b","error","handleCancel","handleLabelChange","value","handleNameChange","handleLabelKeyDown","length","handleNameKeyDown","handleInputClick","handleInputDoubleClick","handleInputMouseDown","handleInputMouseUp","getDisabledAndTooltip","disabledProp","labelInputProps","nameInputProps","jsxs","jsx","upperFirst"],"mappings":"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"}
+{"version":3,"file":"RenameForm.cjs.js","sources":["../../../../../src/components/RenameForm/RenameForm.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback } from 'react'\nimport styled from 'styled-components'\nimport { TableRow, useCellEditing, useProjectDataContext } 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'\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 } = useProjectDataContext()\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","useProjectDataContext","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","_a","finalLabel","_b","error","handleCancel","handleLabelChange","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/RenameForm/RenameForm.es.js

@@ -37,6 +37,7 @@ import "../../context/PowerpackContext.es.js";
 import "../../context/MoveEntityContext.es.js";
 import "../../context/MenuContext.es.js";
 import "../../context/WebsocketContext.es.js";
+import "../../context/GlobalContext.es.js";
 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";
@@ -58,6 +59,7 @@ import "../../containers/Feed/components/ActivityCategorySelect/ActivityCategory
 import "../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
 import "../../containers/ProjectTreeTable/ProjectTreeTable.es.js";
 import { useCellEditing as T } from "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
+import "short-uuid";
 import "@tanstack/react-table";
 import "../../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
@@ -134,6 +136,7 @@ import "../../api/queries/links/getLinks.es.js";
 import "../../api/queries/links/getEntityLinks.es.js";
 import "../../api/queries/overview/getOverview.es.js";
 import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/versions/getVersionsProducts.es.js";
 import "../../api/queries/permissions/getPermissions.es.js";
 import "../../api/queries/products/createProduct.es.js";
 import "../../api/queries/project/getProject.es.js";
@@ -175,11 +178,13 @@ import "../Powerpack/PricingLink.es.js";
 import "../Powerpack/PowerpackDialog.styled.es.js";
 import "../Powerpack/CTAButton.es.js";
 import "../Powerpack/RequiredAddonVersion.es.js";
+import "../SizeSlider/SizeSlider.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";
@@ -193,9 +198,15 @@ import "../ShareOptionIcon/ShareOptionIcon.es.js";
 import "../AccessUser/AccessUser.es.js";
 import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
 import "../AccessSearchInput/AccessSearchInput.styled.es.js";
+import "../TableGridSwitch/TableGridSwitch.es.js";
+import "../SortingSetting/SortingSetting.styled.es.js";
+import "../EarlyPreview/EarlyPreview.es.js";
+import "../LegacyBadge/LegacyBadge.es.js";
 import "../LinksManager/CellEditingDialog.es.js";
 import "../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
 import "../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
+import "../../containers/ProjectTreeTable/widgets/EmptyWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/ErrorWidget.es.js";
 import "../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
 import "../../containers/ProjectTreeTable/components/SelectionCell.es.js";
 import "../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
@@ -256,7 +267,7 @@ const ot = k.div`
     //background-color: var(--md-sys-color-surface-container);
     color: var(--md-sys-color-outline);
   }
-`, vi = ({
+`, bi = ({
   cellId: h,
   entityType: d,
   initialName: l,
@@ -413,6 +424,6 @@ const ot = k.div`
   ] });
 };
 export {
-  vi as RenameForm
+  bi as RenameForm
 };
 //# sourceMappingURL=RenameForm.es.js.map

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

@@ -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, useProjectDataContext } 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'\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 } = useProjectDataContext()\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","useProjectDataContext","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","_a","finalLabel","_b","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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"}
+{"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, useProjectDataContext } 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'\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 } = useProjectDataContext()\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","useProjectDataContext","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","_a","finalLabel","_b","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/EditReviewableDialog.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("../../../../_virtual/jsx-runtime.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/review/getReview.cjs.js");const w=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");const i=require("@ynput/ayon-react-components"),n=require("react"),l=require("react-toastify"),f=require("./ReviewablesList.styled.cjs.js"),j=({onClose:s,label:a,projectName:c,versionId:x,activityId:d,...m})=>{const u=n.useRef(null),[t,q]=n.useState("");n.useEffect(()=>{var e;if(u.current)return q(a),(e=u.current)==null||e.select(),()=>{q("")}},[a,u.current]);const[R,{isLoading:p}]=w.useUpdateReviewableMutation(),o=async()=>{try{await R({projectName:c,versionId:x,activityId:d,updateReviewablesRequest:{label:t}}).unwrap(),l.toast.success("Reviewable updated successfully"),s()}catch(e){console.error(e),l.toast.error("Failed to update reviewable")}},b=e=>{e.preventDefault(),t&&o()},v=()=>{q(""),s()};return r.jsxRuntimeExports.jsx(i.Dialog,{onClose:s,header:r.jsxRuntimeExports.jsx(f.RenameTitle,{children:`Editing label: ${a}`}),footer:r.jsxRuntimeExports.jsxs(i.Toolbar,{children:[r.jsxRuntimeExports.jsx(i.Button,{label:"Cancel",onClick:v,variant:"text"}),r.jsxRuntimeExports.jsx(i.SaveButton,{label:"Save",active:!!t,saving:p,type:"submit",form:"reviewable-form"})]}),size:"sm",...m,children:r.jsxRuntimeExports.jsx("form",{onSubmit:b,id:"reviewable-form",children:r.jsxRuntimeExports.jsx(i.InputText,{value:t,onChange:e=>q(e.target.value),placeholder:"Enter a new label",style:{width:"100%"},autoFocus:!0,onKeyDown:e=>e.key==="Enter"&&(e.ctrlKey||e.metaKey)&&o(),ref:u})})})};module.exports=j;
+"use strict";const r=require("../../../../_virtual/jsx-runtime.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/review/getReview.cjs.js");const w=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");const i=require("@ynput/ayon-react-components"),n=require("react"),l=require("react-toastify"),f=require("./ReviewablesList.styled.cjs.js"),j=({onClose:s,label:a,projectName:c,versionId:x,activityId:d,...m})=>{const u=n.useRef(null),[t,q]=n.useState("");n.useEffect(()=>{var e;if(u.current)return q(a),(e=u.current)==null||e.select(),()=>{q("")}},[a,u.current]);const[R,{isLoading:p}]=w.useUpdateReviewableMutation(),o=async()=>{try{await R({projectName:c,versionId:x,activityId:d,updateReviewablesRequest:{label:t}}).unwrap(),l.toast.success("Reviewable updated successfully"),s()}catch(e){console.error(e),l.toast.error("Failed to update reviewable")}},b=e=>{e.preventDefault(),t&&o()},v=()=>{q(""),s()};return r.jsxRuntimeExports.jsx(i.Dialog,{onClose:s,header:r.jsxRuntimeExports.jsx(f.RenameTitle,{children:`Editing label: ${a}`}),footer:r.jsxRuntimeExports.jsxs(i.Toolbar,{children:[r.jsxRuntimeExports.jsx(i.Button,{label:"Cancel",onClick:v,variant:"text"}),r.jsxRuntimeExports.jsx(i.SaveButton,{label:"Save",active:!!t,saving:p,type:"submit",form:"reviewable-form"})]}),size:"sm",...m,children:r.jsxRuntimeExports.jsx("form",{onSubmit:b,id:"reviewable-form",children:r.jsxRuntimeExports.jsx(i.InputText,{value:t,onChange:e=>q(e.target.value),placeholder:"Enter a new label",style:{width:"100%"},autoFocus:!0,onKeyDown:e=>e.key==="Enter"&&(e.ctrlKey||e.metaKey)&&o(),ref:u})})})};module.exports=j;
 //# sourceMappingURL=EditReviewableDialog.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditReviewableDialog.cjs.js","sources":["../../../../../src/components/ReviewablesList/EditReviewableDialog.tsx"],"sourcesContent":["import { useUpdateReviewableMutation } from '@shared/api'\nimport {\n  Button,\n  Dialog,\n  DialogProps,\n  InputText,\n  SaveButton,\n  Toolbar,\n} from '@ynput/ayon-react-components'\nimport { FC, FormEvent, useEffect, useRef, useState } from 'react'\nimport { toast } from 'react-toastify'\nimport { RenameTitle } from './ReviewablesList.styled'\n\ninterface EditReviewableDialogProps extends DialogProps {\n  label: string\n  onClose: () => void\n  activityId: string\n  projectName: string\n  versionId: string\n}\n\nconst EditReviewableDialog: FC<EditReviewableDialogProps> = ({\n  onClose,\n  label,\n  projectName,\n  versionId,\n  activityId,\n  ...props\n}) => {\n  const labelRef = useRef<HTMLInputElement>(null)\n  const [labelForm, setLabelForm] = useState('')\n\n  // prefill the label form with current label\n  useEffect(() => {\n    if (!labelRef.current) return\n    setLabelForm(label)\n    // highlight the text\n    labelRef.current?.select()\n\n    return () => {\n      setLabelForm('')\n    }\n  }, [label, labelRef.current])\n\n  const [updateReviewable, { isLoading }] = useUpdateReviewableMutation()\n\n  const handleUpdateReviewable = async () => {\n    try {\n      // update reviewable\n      await updateReviewable({\n        projectName,\n        versionId,\n        activityId,\n        updateReviewablesRequest: {\n          label: labelForm,\n        },\n      }).unwrap()\n\n      toast.success('Reviewable updated successfully')\n\n      // close dialog\n      onClose()\n    } catch (error) {\n      console.error(error)\n      toast.error('Failed to update reviewable')\n    }\n  }\n\n  const handleFormSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    if (labelForm) {\n      handleUpdateReviewable()\n    }\n  }\n\n  const handleCancel = () => {\n    // clear form\n    setLabelForm('')\n    // close dialog\n    onClose()\n  }\n\n  return (\n    <Dialog\n      onClose={onClose}\n      header={<RenameTitle>{`Editing label: ${label}`}</RenameTitle>}\n      footer={\n        <Toolbar>\n          <Button label=\"Cancel\" onClick={handleCancel} variant=\"text\" />\n          <SaveButton\n            label=\"Save\"\n            active={!!labelForm}\n            saving={isLoading}\n            type=\"submit\"\n            form=\"reviewable-form\"\n          />\n        </Toolbar>\n      }\n      size=\"sm\"\n      {...props}\n    >\n      <form onSubmit={handleFormSubmit} id=\"reviewable-form\">\n        <InputText\n          value={labelForm}\n          onChange={(e) => setLabelForm(e.target.value)}\n          placeholder=\"Enter a new label\"\n          style={{ width: '100%' }}\n          autoFocus\n          onKeyDown={(e) =>\n            e.key === 'Enter' && (e.ctrlKey || e.metaKey) && handleUpdateReviewable()\n          }\n          ref={labelRef}\n        />\n      </form>\n    </Dialog>\n  )\n}\n\nexport default EditReviewableDialog\n"],"names":["EditReviewableDialog","onClose","label","projectName","versionId","activityId","props","labelRef","useRef","labelForm","setLabelForm","useState","useEffect","_a","updateReviewable","isLoading","useUpdateReviewableMutation","handleUpdateReviewable","toast","error","handleFormSubmit","handleCancel","jsx","Dialog","RenameTitle","Toolbar","Button","SaveButton","InputText"],"mappings":"i4IAqBMA,EAAsD,CAAC,CAC3D,QAAAC,EACA,MAAAC,EACA,YAAAC,EACA,UAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAAM,CACE,MAAAC,EAAWC,SAAyB,IAAI,EACxC,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAE,EAG7CC,EAAAA,UAAU,IAAM,OACV,GAACL,EAAS,QACd,OAAAG,EAAaR,CAAK,GAElBW,EAAAN,EAAS,UAAT,MAAAM,EAAkB,SAEX,IAAM,CACXH,EAAa,EAAE,CACjB,CACC,EAAA,CAACR,EAAOK,EAAS,OAAO,CAAC,EAE5B,KAAM,CAACO,EAAkB,CAAE,UAAAC,CAAW,CAAA,EAAIC,EAAAA,4BAA4B,EAEhEC,EAAyB,SAAY,CACrC,GAAA,CAEF,MAAMH,EAAiB,CACrB,YAAAX,EACA,UAAAC,EACA,WAAAC,EACA,yBAA0B,CACxB,MAAOI,CAAA,CAEV,CAAA,EAAE,OAAO,EAEVS,EAAA,MAAM,QAAQ,iCAAiC,EAGvCjB,EAAA,QACDkB,EAAO,CACd,QAAQ,MAAMA,CAAK,EACnBD,EAAA,MAAM,MAAM,6BAA6B,CAAA,CAE7C,EAEME,EAAoB,GAAkC,CAC1D,EAAE,eAAe,EACbX,GACqBQ,EAAA,CAE3B,EAEMI,EAAe,IAAM,CAEzBX,EAAa,EAAE,EAEPT,EAAA,CACV,EAGE,OAAAqB,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,QAAAtB,EACA,OAAQqB,EAAAA,kBAAAA,IAACE,EAAAA,YAAa,CAAA,SAAA,kBAAkBtB,CAAK,GAAG,EAChD,gCACGuB,UACC,CAAA,SAAA,CAAAH,wBAACI,EAAAA,QAAO,MAAM,SAAS,QAASL,EAAc,QAAQ,OAAO,EAC7DC,EAAA,kBAAA,IAACK,EAAA,WAAA,CACC,MAAM,OACN,OAAQ,CAAC,CAAClB,EACV,OAAQM,EACR,KAAK,SACL,KAAK,iBAAA,CAAA,CACP,EACF,EAEF,KAAK,KACJ,GAAGT,EAEJ,SAACgB,EAAAA,kBAAAA,IAAA,OAAA,CAAK,SAAUF,EAAkB,GAAG,kBACnC,SAAAE,EAAA,kBAAA,IAACM,EAAA,UAAA,CACC,MAAOnB,EACP,SAAW,GAAMC,EAAa,EAAE,OAAO,KAAK,EAC5C,YAAY,oBACZ,MAAO,CAAE,MAAO,MAAO,EACvB,UAAS,GACT,UAAY,GACV,EAAE,MAAQ,UAAY,EAAE,SAAW,EAAE,UAAYO,EAAuB,EAE1E,IAAKV,CAAA,CAAA,CAET,CAAA,CAAA,CACF,CAEJ"}
+{"version":3,"file":"EditReviewableDialog.cjs.js","sources":["../../../../../src/components/ReviewablesList/EditReviewableDialog.tsx"],"sourcesContent":["import { useUpdateReviewableMutation } from '@shared/api'\nimport {\n  Button,\n  Dialog,\n  DialogProps,\n  InputText,\n  SaveButton,\n  Toolbar,\n} from '@ynput/ayon-react-components'\nimport { FC, FormEvent, useEffect, useRef, useState } from 'react'\nimport { toast } from 'react-toastify'\nimport { RenameTitle } from './ReviewablesList.styled'\n\ninterface EditReviewableDialogProps extends DialogProps {\n  label: string\n  onClose: () => void\n  activityId: string\n  projectName: string\n  versionId: string\n}\n\nconst EditReviewableDialog: FC<EditReviewableDialogProps> = ({\n  onClose,\n  label,\n  projectName,\n  versionId,\n  activityId,\n  ...props\n}) => {\n  const labelRef = useRef<HTMLInputElement>(null)\n  const [labelForm, setLabelForm] = useState('')\n\n  // prefill the label form with current label\n  useEffect(() => {\n    if (!labelRef.current) return\n    setLabelForm(label)\n    // highlight the text\n    labelRef.current?.select()\n\n    return () => {\n      setLabelForm('')\n    }\n  }, [label, labelRef.current])\n\n  const [updateReviewable, { isLoading }] = useUpdateReviewableMutation()\n\n  const handleUpdateReviewable = async () => {\n    try {\n      // update reviewable\n      await updateReviewable({\n        projectName,\n        versionId,\n        activityId,\n        updateReviewablesRequest: {\n          label: labelForm,\n        },\n      }).unwrap()\n\n      toast.success('Reviewable updated successfully')\n\n      // close dialog\n      onClose()\n    } catch (error) {\n      console.error(error)\n      toast.error('Failed to update reviewable')\n    }\n  }\n\n  const handleFormSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    if (labelForm) {\n      handleUpdateReviewable()\n    }\n  }\n\n  const handleCancel = () => {\n    // clear form\n    setLabelForm('')\n    // close dialog\n    onClose()\n  }\n\n  return (\n    <Dialog\n      onClose={onClose}\n      header={<RenameTitle>{`Editing label: ${label}`}</RenameTitle>}\n      footer={\n        <Toolbar>\n          <Button label=\"Cancel\" onClick={handleCancel} variant=\"text\" />\n          <SaveButton\n            label=\"Save\"\n            active={!!labelForm}\n            saving={isLoading}\n            type=\"submit\"\n            form=\"reviewable-form\"\n          />\n        </Toolbar>\n      }\n      size=\"sm\"\n      {...props}\n    >\n      <form onSubmit={handleFormSubmit} id=\"reviewable-form\">\n        <InputText\n          value={labelForm}\n          onChange={(e) => setLabelForm(e.target.value)}\n          placeholder=\"Enter a new label\"\n          style={{ width: '100%' }}\n          autoFocus\n          onKeyDown={(e) =>\n            e.key === 'Enter' && (e.ctrlKey || e.metaKey) && handleUpdateReviewable()\n          }\n          ref={labelRef}\n        />\n      </form>\n    </Dialog>\n  )\n}\n\nexport default EditReviewableDialog\n"],"names":["EditReviewableDialog","onClose","label","projectName","versionId","activityId","props","labelRef","useRef","labelForm","setLabelForm","useState","useEffect","_a","updateReviewable","isLoading","useUpdateReviewableMutation","handleUpdateReviewable","toast","error","handleFormSubmit","handleCancel","jsx","Dialog","RenameTitle","Toolbar","Button","SaveButton","InputText"],"mappings":"k8IAqBMA,EAAsD,CAAC,CAC3D,QAAAC,EACA,MAAAC,EACA,YAAAC,EACA,UAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAAM,CACE,MAAAC,EAAWC,SAAyB,IAAI,EACxC,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAE,EAG7CC,EAAAA,UAAU,IAAM,OACV,GAACL,EAAS,QACd,OAAAG,EAAaR,CAAK,GAElBW,EAAAN,EAAS,UAAT,MAAAM,EAAkB,SAEX,IAAM,CACXH,EAAa,EAAE,CACjB,CACC,EAAA,CAACR,EAAOK,EAAS,OAAO,CAAC,EAE5B,KAAM,CAACO,EAAkB,CAAE,UAAAC,CAAW,CAAA,EAAIC,EAAAA,4BAA4B,EAEhEC,EAAyB,SAAY,CACrC,GAAA,CAEF,MAAMH,EAAiB,CACrB,YAAAX,EACA,UAAAC,EACA,WAAAC,EACA,yBAA0B,CACxB,MAAOI,CAAA,CAEV,CAAA,EAAE,OAAO,EAEVS,EAAA,MAAM,QAAQ,iCAAiC,EAGvCjB,EAAA,QACDkB,EAAO,CACd,QAAQ,MAAMA,CAAK,EACnBD,EAAA,MAAM,MAAM,6BAA6B,CAAA,CAE7C,EAEME,EAAoB,GAAkC,CAC1D,EAAE,eAAe,EACbX,GACqBQ,EAAA,CAE3B,EAEMI,EAAe,IAAM,CAEzBX,EAAa,EAAE,EAEPT,EAAA,CACV,EAGE,OAAAqB,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,QAAAtB,EACA,OAAQqB,EAAAA,kBAAAA,IAACE,EAAAA,YAAa,CAAA,SAAA,kBAAkBtB,CAAK,GAAG,EAChD,gCACGuB,UACC,CAAA,SAAA,CAAAH,wBAACI,EAAAA,QAAO,MAAM,SAAS,QAASL,EAAc,QAAQ,OAAO,EAC7DC,EAAA,kBAAA,IAACK,EAAA,WAAA,CACC,MAAM,OACN,OAAQ,CAAC,CAAClB,EACV,OAAQM,EACR,KAAK,SACL,KAAK,iBAAA,CAAA,CACP,EACF,EAEF,KAAK,KACJ,GAAGT,EAEJ,SAACgB,EAAAA,kBAAAA,IAAA,OAAA,CAAK,SAAUF,EAAkB,GAAG,kBACnC,SAAAE,EAAA,kBAAA,IAACM,EAAA,UAAA,CACC,MAAOnB,EACP,SAAW,GAAMC,EAAa,EAAE,OAAO,KAAK,EAC5C,YAAY,oBACZ,MAAO,CAAE,MAAO,MAAO,EACvB,UAAS,GACT,UAAY,GACV,EAAE,MAAQ,UAAY,EAAE,SAAW,EAAE,UAAYO,EAAuB,EAE1E,IAAKV,CAAA,CAAA,CAET,CAAA,CAAA,CACF,CAEJ"}

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

@@ -64,6 +64,7 @@ import "../../api/queries/links/getLinks.es.js";
 import "../../api/queries/links/getEntityLinks.es.js";
 import "../../api/queries/overview/getOverview.es.js";
 import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/versions/getVersionsProducts.es.js";
 import "../../api/queries/permissions/getPermissions.es.js";
 import "../../api/queries/products/createProduct.es.js";
 import "../../api/queries/project/getProject.es.js";
@@ -84,20 +85,20 @@ import { Dialog as h, InputText as x, Toolbar as R, Button as j, SaveButton as y
 import { useRef as g, useState as E, useEffect as F } from "react";
 import { toast as l } from "react-toastify";
 import { RenameTitle as S } from "./ReviewablesList.styled.es.js";
-const mr = ({
-  onClose: m,
+const pr = ({
+  onClose: e,
   label: p,
   projectName: n,
   versionId: s,
   activityId: u,
   ...c
 }) => {
-  const o = g(null), [i, e] = E("");
+  const o = g(null), [i, m] = E("");
   F(() => {
     var t;
     if (o.current)
-      return e(p), (t = o.current) == null || t.select(), () => {
-        e("");
+      return m(p), (t = o.current) == null || t.select(), () => {
+        m("");
       };
   }, [p, o.current]);
   const [d, { isLoading: f }] = w(), a = async () => {
@@ -109,19 +110,19 @@ const mr = ({
         updateReviewablesRequest: {
           label: i
         }
-      }).unwrap(), l.success("Reviewable updated successfully"), m();
+      }).unwrap(), l.success("Reviewable updated successfully"), e();
     } catch (t) {
       console.error(t), l.error("Failed to update reviewable");
     }
   }, b = (t) => {
     t.preventDefault(), i && a();
   }, v = () => {
-    e(""), m();
+    m(""), e();
   };
   return /* @__PURE__ */ r.jsx(
     h,
     {
-      onClose: m,
+      onClose: e,
       header: /* @__PURE__ */ r.jsx(S, { children: `Editing label: ${p}` }),
       footer: /* @__PURE__ */ r.jsxs(R, { children: [
         /* @__PURE__ */ r.jsx(j, { label: "Cancel", onClick: v, variant: "text" }),
@@ -142,7 +143,7 @@ const mr = ({
         x,
         {
           value: i,
-          onChange: (t) => e(t.target.value),
+          onChange: (t) => m(t.target.value),
           placeholder: "Enter a new label",
           style: { width: "100%" },
           autoFocus: !0,
@@ -154,6 +155,6 @@ const mr = ({
   );
 };
 export {
-  mr as default
+  pr as default
 };
 //# sourceMappingURL=EditReviewableDialog.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditReviewableDialog.es.js","sources":["../../../../../src/components/ReviewablesList/EditReviewableDialog.tsx"],"sourcesContent":["import { useUpdateReviewableMutation } from '@shared/api'\nimport {\n  Button,\n  Dialog,\n  DialogProps,\n  InputText,\n  SaveButton,\n  Toolbar,\n} from '@ynput/ayon-react-components'\nimport { FC, FormEvent, useEffect, useRef, useState } from 'react'\nimport { toast } from 'react-toastify'\nimport { RenameTitle } from './ReviewablesList.styled'\n\ninterface EditReviewableDialogProps extends DialogProps {\n  label: string\n  onClose: () => void\n  activityId: string\n  projectName: string\n  versionId: string\n}\n\nconst EditReviewableDialog: FC<EditReviewableDialogProps> = ({\n  onClose,\n  label,\n  projectName,\n  versionId,\n  activityId,\n  ...props\n}) => {\n  const labelRef = useRef<HTMLInputElement>(null)\n  const [labelForm, setLabelForm] = useState('')\n\n  // prefill the label form with current label\n  useEffect(() => {\n    if (!labelRef.current) return\n    setLabelForm(label)\n    // highlight the text\n    labelRef.current?.select()\n\n    return () => {\n      setLabelForm('')\n    }\n  }, [label, labelRef.current])\n\n  const [updateReviewable, { isLoading }] = useUpdateReviewableMutation()\n\n  const handleUpdateReviewable = async () => {\n    try {\n      // update reviewable\n      await updateReviewable({\n        projectName,\n        versionId,\n        activityId,\n        updateReviewablesRequest: {\n          label: labelForm,\n        },\n      }).unwrap()\n\n      toast.success('Reviewable updated successfully')\n\n      // close dialog\n      onClose()\n    } catch (error) {\n      console.error(error)\n      toast.error('Failed to update reviewable')\n    }\n  }\n\n  const handleFormSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    if (labelForm) {\n      handleUpdateReviewable()\n    }\n  }\n\n  const handleCancel = () => {\n    // clear form\n    setLabelForm('')\n    // close dialog\n    onClose()\n  }\n\n  return (\n    <Dialog\n      onClose={onClose}\n      header={<RenameTitle>{`Editing label: ${label}`}</RenameTitle>}\n      footer={\n        <Toolbar>\n          <Button label=\"Cancel\" onClick={handleCancel} variant=\"text\" />\n          <SaveButton\n            label=\"Save\"\n            active={!!labelForm}\n            saving={isLoading}\n            type=\"submit\"\n            form=\"reviewable-form\"\n          />\n        </Toolbar>\n      }\n      size=\"sm\"\n      {...props}\n    >\n      <form onSubmit={handleFormSubmit} id=\"reviewable-form\">\n        <InputText\n          value={labelForm}\n          onChange={(e) => setLabelForm(e.target.value)}\n          placeholder=\"Enter a new label\"\n          style={{ width: '100%' }}\n          autoFocus\n          onKeyDown={(e) =>\n            e.key === 'Enter' && (e.ctrlKey || e.metaKey) && handleUpdateReviewable()\n          }\n          ref={labelRef}\n        />\n      </form>\n    </Dialog>\n  )\n}\n\nexport default EditReviewableDialog\n"],"names":["EditReviewableDialog","onClose","label","projectName","versionId","activityId","props","labelRef","useRef","labelForm","setLabelForm","useState","useEffect","_a","updateReviewable","isLoading","useUpdateReviewableMutation","handleUpdateReviewable","toast","error","handleFormSubmit","e","handleCancel","jsx","Dialog","RenameTitle","Toolbar","Button","SaveButton","InputText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAMA,KAAsD,CAAC;AAAA,EAC3D,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAAC,IAAWC,EAAyB,IAAI,GACxC,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAE;AAG7C,EAAAC,EAAU,MAAM;;AACV,QAACL,EAAS;AACd,aAAAG,EAAaR,CAAK,IAElBW,IAAAN,EAAS,YAAT,QAAAM,EAAkB,UAEX,MAAM;AACX,QAAAH,EAAa,EAAE;AAAA,MACjB;AAAA,EACC,GAAA,CAACR,GAAOK,EAAS,OAAO,CAAC;AAE5B,QAAM,CAACO,GAAkB,EAAE,WAAAC,EAAW,CAAA,IAAIC,EAA4B,GAEhEC,IAAyB,YAAY;AACrC,QAAA;AAEF,YAAMH,EAAiB;AAAA,QACrB,aAAAX;AAAA,QACA,WAAAC;AAAA,QACA,YAAAC;AAAA,QACA,0BAA0B;AAAA,UACxB,OAAOI;AAAA,QAAA;AAAA,MAEV,CAAA,EAAE,OAAO,GAEVS,EAAM,QAAQ,iCAAiC,GAGvCjB,EAAA;AAAA,aACDkB,GAAO;AACd,cAAQ,MAAMA,CAAK,GACnBD,EAAM,MAAM,6BAA6B;AAAA,IAAA;AAAA,EAE7C,GAEME,IAAmB,CAACC,MAAkC;AAC1D,IAAAA,EAAE,eAAe,GACbZ,KACqBQ,EAAA;AAAA,EAE3B,GAEMK,IAAe,MAAM;AAEzB,IAAAZ,EAAa,EAAE,GAEPT,EAAA;AAAA,EACV;AAGE,SAAAsB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAvB;AAAA,MACA,QAAQsB,gBAAAA,EAAAA,IAACE,GAAa,EAAA,UAAA,kBAAkBvB,CAAK,IAAG;AAAA,MAChD,+BACGwB,GACC,EAAA,UAAA;AAAA,QAAAH,gBAAAA,MAACI,KAAO,OAAM,UAAS,SAASL,GAAc,SAAQ,QAAO;AAAA,QAC7DC,gBAAAA,EAAA;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,QAAQ,CAAC,CAACnB;AAAA,YACV,QAAQM;AAAA,YACR,MAAK;AAAA,YACL,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP,GACF;AAAA,MAEF,MAAK;AAAA,MACJ,GAAGT;AAAA,MAEJ,UAACiB,gBAAAA,EAAAA,IAAA,QAAA,EAAK,UAAUH,GAAkB,IAAG,mBACnC,UAAAG,gBAAAA,EAAA;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,OAAOpB;AAAA,UACP,UAAU,CAACY,MAAMX,EAAaW,EAAE,OAAO,KAAK;AAAA,UAC5C,aAAY;AAAA,UACZ,OAAO,EAAE,OAAO,OAAO;AAAA,UACvB,WAAS;AAAA,UACT,WAAW,CAACA,MACVA,EAAE,QAAQ,YAAYA,EAAE,WAAWA,EAAE,YAAYJ,EAAuB;AAAA,UAE1E,KAAKV;AAAA,QAAA;AAAA,MAAA,EAET,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"EditReviewableDialog.es.js","sources":["../../../../../src/components/ReviewablesList/EditReviewableDialog.tsx"],"sourcesContent":["import { useUpdateReviewableMutation } from '@shared/api'\nimport {\n  Button,\n  Dialog,\n  DialogProps,\n  InputText,\n  SaveButton,\n  Toolbar,\n} from '@ynput/ayon-react-components'\nimport { FC, FormEvent, useEffect, useRef, useState } from 'react'\nimport { toast } from 'react-toastify'\nimport { RenameTitle } from './ReviewablesList.styled'\n\ninterface EditReviewableDialogProps extends DialogProps {\n  label: string\n  onClose: () => void\n  activityId: string\n  projectName: string\n  versionId: string\n}\n\nconst EditReviewableDialog: FC<EditReviewableDialogProps> = ({\n  onClose,\n  label,\n  projectName,\n  versionId,\n  activityId,\n  ...props\n}) => {\n  const labelRef = useRef<HTMLInputElement>(null)\n  const [labelForm, setLabelForm] = useState('')\n\n  // prefill the label form with current label\n  useEffect(() => {\n    if (!labelRef.current) return\n    setLabelForm(label)\n    // highlight the text\n    labelRef.current?.select()\n\n    return () => {\n      setLabelForm('')\n    }\n  }, [label, labelRef.current])\n\n  const [updateReviewable, { isLoading }] = useUpdateReviewableMutation()\n\n  const handleUpdateReviewable = async () => {\n    try {\n      // update reviewable\n      await updateReviewable({\n        projectName,\n        versionId,\n        activityId,\n        updateReviewablesRequest: {\n          label: labelForm,\n        },\n      }).unwrap()\n\n      toast.success('Reviewable updated successfully')\n\n      // close dialog\n      onClose()\n    } catch (error) {\n      console.error(error)\n      toast.error('Failed to update reviewable')\n    }\n  }\n\n  const handleFormSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    if (labelForm) {\n      handleUpdateReviewable()\n    }\n  }\n\n  const handleCancel = () => {\n    // clear form\n    setLabelForm('')\n    // close dialog\n    onClose()\n  }\n\n  return (\n    <Dialog\n      onClose={onClose}\n      header={<RenameTitle>{`Editing label: ${label}`}</RenameTitle>}\n      footer={\n        <Toolbar>\n          <Button label=\"Cancel\" onClick={handleCancel} variant=\"text\" />\n          <SaveButton\n            label=\"Save\"\n            active={!!labelForm}\n            saving={isLoading}\n            type=\"submit\"\n            form=\"reviewable-form\"\n          />\n        </Toolbar>\n      }\n      size=\"sm\"\n      {...props}\n    >\n      <form onSubmit={handleFormSubmit} id=\"reviewable-form\">\n        <InputText\n          value={labelForm}\n          onChange={(e) => setLabelForm(e.target.value)}\n          placeholder=\"Enter a new label\"\n          style={{ width: '100%' }}\n          autoFocus\n          onKeyDown={(e) =>\n            e.key === 'Enter' && (e.ctrlKey || e.metaKey) && handleUpdateReviewable()\n          }\n          ref={labelRef}\n        />\n      </form>\n    </Dialog>\n  )\n}\n\nexport default EditReviewableDialog\n"],"names":["EditReviewableDialog","onClose","label","projectName","versionId","activityId","props","labelRef","useRef","labelForm","setLabelForm","useState","useEffect","_a","updateReviewable","isLoading","useUpdateReviewableMutation","handleUpdateReviewable","toast","error","handleFormSubmit","e","handleCancel","jsx","Dialog","RenameTitle","Toolbar","Button","SaveButton","InputText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAMA,KAAsD,CAAC;AAAA,EAC3D,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAAC,IAAWC,EAAyB,IAAI,GACxC,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAE;AAG7C,EAAAC,EAAU,MAAM;;AACV,QAACL,EAAS;AACd,aAAAG,EAAaR,CAAK,IAElBW,IAAAN,EAAS,YAAT,QAAAM,EAAkB,UAEX,MAAM;AACX,QAAAH,EAAa,EAAE;AAAA,MACjB;AAAA,EACC,GAAA,CAACR,GAAOK,EAAS,OAAO,CAAC;AAE5B,QAAM,CAACO,GAAkB,EAAE,WAAAC,EAAW,CAAA,IAAIC,EAA4B,GAEhEC,IAAyB,YAAY;AACrC,QAAA;AAEF,YAAMH,EAAiB;AAAA,QACrB,aAAAX;AAAA,QACA,WAAAC;AAAA,QACA,YAAAC;AAAA,QACA,0BAA0B;AAAA,UACxB,OAAOI;AAAA,QAAA;AAAA,MAEV,CAAA,EAAE,OAAO,GAEVS,EAAM,QAAQ,iCAAiC,GAGvCjB,EAAA;AAAA,aACDkB,GAAO;AACd,cAAQ,MAAMA,CAAK,GACnBD,EAAM,MAAM,6BAA6B;AAAA,IAAA;AAAA,EAE7C,GAEME,IAAmB,CAACC,MAAkC;AAC1D,IAAAA,EAAE,eAAe,GACbZ,KACqBQ,EAAA;AAAA,EAE3B,GAEMK,IAAe,MAAM;AAEzB,IAAAZ,EAAa,EAAE,GAEPT,EAAA;AAAA,EACV;AAGE,SAAAsB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAvB;AAAA,MACA,QAAQsB,gBAAAA,EAAAA,IAACE,GAAa,EAAA,UAAA,kBAAkBvB,CAAK,IAAG;AAAA,MAChD,+BACGwB,GACC,EAAA,UAAA;AAAA,QAAAH,gBAAAA,MAACI,KAAO,OAAM,UAAS,SAASL,GAAc,SAAQ,QAAO;AAAA,QAC7DC,gBAAAA,EAAA;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,QAAQ,CAAC,CAACnB;AAAA,YACV,QAAQM;AAAA,YACR,MAAK;AAAA,YACL,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP,GACF;AAAA,MAEF,MAAK;AAAA,MACJ,GAAGT;AAAA,MAEJ,UAACiB,gBAAAA,EAAAA,IAAA,QAAA,EAAK,UAAUH,GAAkB,IAAG,mBACnC,UAAAG,gBAAAA,EAAA;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,OAAOpB;AAAA,UACP,UAAU,CAACY,MAAMX,EAAaW,EAAE,OAAO,KAAK;AAAA,UAC5C,aAAY;AAAA,UACZ,OAAO,EAAE,OAAO,OAAO;AAAA,UACvB,WAAS;AAAA,UACT,WAAW,CAACA,MACVA,EAAE,QAAQ,YAAYA,EAAE,WAAWA,EAAE,YAAYJ,EAAuB;AAAA,UAE1E,KAAKV;AAAA,QAAA;AAAA,MAAA,EAET,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

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

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