@ynput/ayon-frontend-shared 0.4.3 → 0.4.4

package/dist/shared/src/components/ProjectTableSettings/useVisibilityPaint.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVisibilityPaint.es.js","sources":["../../../../../src/components/ProjectTableSettings/useVisibilityPaint.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react'\nimport type { VisibilityState } from '@tanstack/react-table'\nimport { checkColumnVisibility } from '@shared/containers/ProjectTreeTable/utils'\n\nconst SKIP_TOGGLE_MS = 300\n\n// base keeps rows in place for the whole drag, next is the previewed result\ntype PaintState = { action: 'show' | 'hide'; base: VisibilityState; next: VisibilityState }\n\ninterface UseVisibilityPaintProps {\n  columnVisibility: VisibilityState\n  defaultColumnVisibility?: VisibilityState\n  updateColumnVisibility: (visibility: VisibilityState) => void\n  isLocked?: (columnId: string) => boolean\n}\n\nexport interface VisibilityPaint {\n  // rows keep their pre-drag section membership so the list doesn't reflow under the cursor\n  baseVisibility: VisibilityState\n  // what the rows/menu items should render as while dragging\n  displayVisibility: VisibilityState\n  isVisible: (columnId: string) => boolean\n  onPaintStart: (columnId: string) => void\n  onPaintEnter: (columnId: string, pressed: boolean) => void\n  toggle: (columnId: string) => void\n  cancelPaint: () => void\n  isPainting: boolean\n}\n\n// press a column then drag across others to apply the same show/hide to all of them\nexport const useVisibilityPaint = ({\n  columnVisibility,\n  defaultColumnVisibility,\n  updateColumnVisibility,\n  isLocked,\n}: UseVisibilityPaintProps): VisibilityPaint => {\n  const [paint, setPaint] = useState<PaintState | null>(null)\n  const paintRef = useRef<PaintState | null>(null)\n  paintRef.current = paint\n  const armedRef = useRef<{ columnId: string; action: 'show' | 'hide' } | null>(null)\n  // a drag ending back on the pressed row fires a click that would undo what was painted;\n  // a drag ending anywhere else fires no click at all, so the guard has to expire on its own\n  const skipToggleUntilRef = useRef(0)\n\n  // an open sub-menu keeps the items it was opened with, so toggling must read the latest state\n  const latestRef = useRef({ columnVisibility, defaultColumnVisibility, updateColumnVisibility })\n  latestRef.current = { columnVisibility, defaultColumnVisibility, updateColumnVisibility }\n\n  const lockedRef = useRef(isLocked)\n  lockedRef.current = isLocked\n\n  const applyPaint = (state: PaintState, columnId: string): PaintState => {\n    const visible = state.action === 'show'\n    if (\n      checkColumnVisibility(state.next, columnId, latestRef.current.defaultColumnVisibility) ===\n      visible\n    )\n      return state\n    return { ...state, next: { ...state.next, [columnId]: visible } }\n  }\n\n  // one update for the whole drag: each column would otherwise PATCH the view settings on its own\n  const commit = useCallback(() => {\n    armedRef.current = null\n    const painted = paintRef.current\n    if (!painted) return\n    skipToggleUntilRef.current = performance.now() + SKIP_TOGGLE_MS\n    latestRef.current.updateColumnVisibility(painted.next)\n    setPaint(null)\n  }, [])\n\n  const cancel = useCallback(() => {\n    armedRef.current = null\n    if (paintRef.current) setPaint(null)\n  }, [])\n\n  // the pointer can be released anywhere, including outside the list or the menu portal\n  useEffect(() => {\n    window.addEventListener('pointerup', commit)\n    window.addEventListener('pointercancel', cancel)\n    return () => {\n      window.removeEventListener('pointerup', commit)\n      window.removeEventListener('pointercancel', cancel)\n    }\n  }, [commit, cancel])\n\n  // pressing only arms the drag, a plain click still toggles through onClick\n  const onPaintStart = useCallback((columnId: string) => {\n    if (lockedRef.current?.(columnId)) return\n    skipToggleUntilRef.current = 0\n    const { columnVisibility, defaultColumnVisibility } = latestRef.current\n    const isVisible = checkColumnVisibility(columnVisibility, columnId, defaultColumnVisibility)\n    armedRef.current = { columnId, action: isVisible ? 'hide' : 'show' }\n  }, [])\n\n  const onPaintEnter = useCallback((columnId: string, pressed: boolean) => {\n    const armed = armedRef.current\n    if (!armed) return\n    // the release could have happened anywhere, an unpressed pointer is never a drag\n    if (!pressed) {\n      cancel()\n      return\n    }\n    if (lockedRef.current?.(columnId)) return\n    setPaint((current) => {\n      const { columnVisibility } = latestRef.current\n      const started =\n        current ??\n        applyPaint(\n          { action: armed.action, base: columnVisibility, next: columnVisibility },\n          armed.columnId,\n        )\n      return applyPaint(started, columnId)\n    })\n  }, [])\n\n  const toggle = useCallback((columnId: string) => {\n    if (performance.now() < skipToggleUntilRef.current) {\n      skipToggleUntilRef.current = 0\n      return\n    }\n    const { columnVisibility, defaultColumnVisibility, updateColumnVisibility } = latestRef.current\n    const isVisible = checkColumnVisibility(columnVisibility, columnId, defaultColumnVisibility)\n    updateColumnVisibility({ ...columnVisibility, [columnId]: !isVisible })\n  }, [])\n\n  const displayVisibility = paint?.next ?? columnVisibility\n\n  return {\n    baseVisibility: paint?.base ?? columnVisibility,\n    displayVisibility,\n    isVisible: (columnId) =>\n      checkColumnVisibility(displayVisibility, columnId, defaultColumnVisibility),\n    onPaintStart,\n    onPaintEnter,\n    toggle,\n    cancelPaint: cancel,\n    isPainting: !!paint,\n  }\n}\n"],"names":["SKIP_TOGGLE_MS","useVisibilityPaint","columnVisibility","defaultColumnVisibility","updateColumnVisibility","isLocked","paint","setPaint","useState","paintRef","useRef","armedRef","skipToggleUntilRef","latestRef","lockedRef","applyPaint","state","columnId","visible","checkColumnVisibility","commit","useCallback","painted","cancel","useEffect","onPaintStart","isVisible","onPaintEnter","pressed","armed","current","started","toggle","displayVisibility"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("../../../../_virtual/jsx-runtime.cjs.js"),t=require("react"),k=require("styled-components"),T=require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js"),D=require("@ynput/ayon-react-components"),H=require("lodash"),A=require("react-toastify");require("uuid");const C=require("../../util/checkName.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../util/pubsub.cjs.js");const J=require("../../context/ProjectContext.cjs.js"),Q=k.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("../../../../_virtual/jsx-runtime.cjs.js"),t=require("react"),k=require("styled-components"),T=require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js"),D=require("@ynput/ayon-react-components"),H=require("lodash"),A=require("react-toastify");require("uuid");const C=require("../../util/checkName.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../util/searchTerms.cjs.js");require("../../util/pubsub.cjs.js");const J=require("../../context/ProjectContext.cjs.js"),Q=k.div`
   background: var(--md-sys-color-surface-container-lowest);
   border: 2px solid var(--md-sys-color-primary);
   padding: 8px;
@@ -27,5 +27,5 @@
     //background-color: var(--md-sys-color-surface-container);
     color: var(--md-sys-color-outline);
   }
-`,W=({cellId:h,entityType:p,initialName:d,initialLabel:i="",onClose:f,valueData:x,nameDisabled:n=!1,labelDisabled:s=!1})=>{const{anatomy:K}=J.useProjectContext(),{entity_naming:w={capitalization:"lower",separator:"_"}}=K,[a,b]=t.useState(i),[r,v]=t.useState(d),{setEditingCellId:m,updateEntities:U}=T.useCellEditing(),c=t.useRef(null),l=t.useRef(null),_=C.parseAndFormatName(a,w),R=r===_||!r;t.useEffect(()=>{const e=setTimeout(()=>{!s&&c.current?(c.current.focus(),c.current.select()):!n&&l.current&&(l.current.focus(),l.current.select())},0);return()=>clearTimeout(e)},[s,n]),t.useEffect(()=>{b(i),v(d)},[i,d]);const g=t.useCallback(async()=>{if(r!==d||a!==i){if(a!==i&&!s){const u=C.checkLabel(a);if(!u.valid){console.error("Invalid label:",u.error),A.toast.error(`Invalid label: ${u.error}`);return}}const o=C.checkName(r);if(!o.valid||!r){console.error("Invalid name:",o.error),A.toast.error(`Invalid name: ${o.error}`);return}m(null),f?.();try{const{meta:u,entityRowId:M}=x||{};if(r!==d&&!n&&await u?.updateEntities?.({field:"name",value:r,type:p,rowId:M}),a!==i&&!s){const O=a.trim();u?.updateEntities?.({field:"label",value:O,type:p,rowId:M})}}catch(u){console.error("Failed to update entity:",u)}}else m(null),f?.()},[a,r,d,i,x,m,f,n,s,U,p]),E=t.useCallback(()=>{m(null),f?.()},[m,f]),z=t.useCallback(e=>{const o=e.target.value;b(o),R&&!n&&v(C.parseAndFormatName(o,w))},[R,n]),B=t.useCallback(e=>{const o=e.target.value;v(o)},[]),G=t.useCallback(e=>{if(e.key==="ArrowDown"){if(e.preventDefault(),!n&&l.current){l.current.focus();const o=l.current.value.length;l.current.setSelectionRange(o,o)}}else e.key==="Enter"&&(e.preventDefault(),g())},[g,E,n]),L=t.useCallback(e=>{if(e.key==="ArrowUp"){if(e.preventDefault(),!s&&c.current){c.current.focus();const o=c.current.value.length;c.current.setSelectionRange(o,o)}}else e.key==="Enter"&&(e.preventDefault(),g())},[g,E,s]),I=t.useCallback(e=>{e.stopPropagation()},[]),j=t.useCallback(e=>{e.stopPropagation()},[]),q=t.useCallback(e=>{e.stopPropagation()},[]),S=t.useCallback(e=>{e.stopPropagation()},[]),$=e=>typeof e=="string"?{disabled:!0,tooltip:e}:{disabled:!!e,tooltip:void 0},F=$(s),P=$(n);return y.jsxRuntimeExports.jsxs(Q,{id:`editing-container-${h}`,onClick:e=>e.stopPropagation(),children:[y.jsxRuntimeExports.jsx(N,{ref:c,id:`${h}-label`,type:"text",value:a,onChange:z,onKeyDown:G,onClick:I,onDoubleClick:j,onMouseDown:q,onMouseUp:S,placeholder:`${H.upperFirst(p)} label...`,style:{paddingBottom:"6px"},autoComplete:"off",disabled:F.disabled,"data-tooltip":F.tooltip,"data-tooltip-delay":100}),y.jsxRuntimeExports.jsx(V,{htmlFor:`${h}-name`,children:"Name"}),y.jsxRuntimeExports.jsx(N,{ref:l,id:`${h}-name`,type:"text",value:r,onChange:B,onKeyDown:L,onClick:I,onDoubleClick:j,onMouseDown:q,onMouseUp:S,className:"system-name",placeholder:`${p}_name`,autoComplete:"off",disabled:P.disabled,"data-tooltip":P.tooltip,"data-tooltip-delay":100})]})};exports.RenameForm=W;
+`,W=({cellId:h,entityType:p,initialName:d,initialLabel:i="",onClose:f,valueData:x,nameDisabled:n=!1,labelDisabled:s=!1})=>{const{anatomy:K}=J.useProjectContext(),{entity_naming:w={capitalization:"lower",separator:"_"}}=K,[a,b]=t.useState(i),[r,v]=t.useState(d),{setEditingCellId:m,updateEntities:U}=T.useCellEditing(),c=t.useRef(null),l=t.useRef(null),_=C.parseAndFormatName(a,w),R=r===_||!r;t.useEffect(()=>{const e=setTimeout(()=>{!s&&c.current?(c.current.focus(),c.current.select()):!n&&l.current&&(l.current.focus(),l.current.select())},0);return()=>clearTimeout(e)},[s,n]),t.useEffect(()=>{b(i),v(d)},[i,d]);const g=t.useCallback(async()=>{if(r!==d||a!==i){if(a!==i&&!s){const u=C.checkLabel(a);if(!u.valid){console.error("Invalid label:",u.error),A.toast.error(`Invalid label: ${u.error}`);return}}const o=C.checkName(r);if(!o.valid||!r){console.error("Invalid name:",o.error),A.toast.error(`Invalid name: ${o.error}`);return}m(null),f?.();try{const{meta:u,entityRowId:M}=x||{};if(r!==d&&!n&&await u?.updateEntities?.({field:"name",value:r,type:p,rowId:M}),a!==i&&!s){const O=a.trim();u?.updateEntities?.({field:"label",value:O,type:p,rowId:M})}}catch(u){console.error("Failed to update entity:",u)}}else m(null),f?.()},[a,r,d,i,x,m,f,n,s,U,p]),E=t.useCallback(()=>{m(null),f?.()},[m,f]),z=t.useCallback(e=>{const o=e.target.value;b(o),R&&!n&&v(C.parseAndFormatName(o,w))},[R,n]),B=t.useCallback(e=>{const o=e.target.value;v(o)},[]),G=t.useCallback(e=>{if(e.key==="ArrowDown"){if(e.preventDefault(),!n&&l.current){l.current.focus();const o=l.current.value.length;l.current.setSelectionRange(o,o)}}else e.key==="Enter"&&(e.preventDefault(),g())},[g,E,n]),L=t.useCallback(e=>{if(e.key==="ArrowUp"){if(e.preventDefault(),!s&&c.current){c.current.focus();const o=c.current.value.length;c.current.setSelectionRange(o,o)}}else e.key==="Enter"&&(e.preventDefault(),g())},[g,E,s]),I=t.useCallback(e=>{e.stopPropagation()},[]),q=t.useCallback(e=>{e.stopPropagation()},[]),j=t.useCallback(e=>{e.stopPropagation()},[]),S=t.useCallback(e=>{e.stopPropagation()},[]),$=e=>typeof e=="string"?{disabled:!0,tooltip:e}:{disabled:!!e,tooltip:void 0},F=$(s),P=$(n);return y.jsxRuntimeExports.jsxs(Q,{id:`editing-container-${h}`,onClick:e=>e.stopPropagation(),children:[y.jsxRuntimeExports.jsx(N,{ref:c,id:`${h}-label`,type:"text",value:a,onChange:z,onKeyDown:G,onClick:I,onDoubleClick:q,onMouseDown:j,onMouseUp:S,placeholder:`${H.upperFirst(p)} label...`,style:{paddingBottom:"6px"},autoComplete:"off",disabled:F.disabled,"data-tooltip":F.tooltip,"data-tooltip-delay":100}),y.jsxRuntimeExports.jsx(V,{htmlFor:`${h}-name`,children:"Name"}),y.jsxRuntimeExports.jsx(N,{ref:l,id:`${h}-name`,type:"text",value:r,onChange:B,onKeyDown:L,onClick:I,onDoubleClick:q,onMouseDown:j,onMouseUp:S,className:"system-name",placeholder:`${p}_name`,autoComplete:"off",disabled:P.disabled,"data-tooltip":P.tooltip,"data-tooltip-delay":100})]})};exports.RenameForm=W;
 //# sourceMappingURL=RenameForm.cjs.js.map

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 type { TableRow } from '@shared/containers/ProjectTreeTable/types/table'\nimport { useCellEditing } from '@shared/containers/ProjectTreeTable/context/CellEditingContext'\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 type { EntityNaming } from '@shared/api'\nimport { useProjectContext } from '@shared/context/ProjectContext'\n\nconst EditingContainer = styled.div`\n  background: var(--md-sys-color-surface-container-lowest);\n  border: 2px solid var(--md-sys-color-primary);\n  padding: 8px;\n  width: 350px;\n  border-radius: 4px;\n`\n\nconst InputLabel = styled.label`\n  font-size: 12px;\n  color: var(--md-sys-color-outline);\n`\n\nconst StyledInput = styled.input`\n  width: 100%;\n  border: none;\n  background-color: var(--md-sys-color-surface-container-lowest);\n  color: var(--md-sys-color-on-surface);\n\n  &:focus {\n    outline: none;\n  }\n\n  &.system-name {\n    ${theme.bodySmall}\n  }\n\n  &:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n    //background-color: var(--md-sys-color-surface-container);\n    color: var(--md-sys-color-outline);\n  }\n`\nexport type NameWidgetData = {\n  name: string\n  label: string\n  meta: TableMeta<TableRow> | undefined\n  entityRowId: string | undefined\n  hasVersions: boolean | undefined\n}\n\nexport interface InlineEditingWidgetProps {\n  cellId: string\n  entityType: string\n  initialName?: string\n  initialLabel?: string\n  onClose?: () => void\n  valueData?: NameWidgetData\n  nameDisabled?: boolean | string\n  labelDisabled?: boolean | string\n}\n\nexport const RenameForm: React.FC<InlineEditingWidgetProps> = ({\n  cellId,\n  entityType,\n  initialName,\n  initialLabel = '',\n  onClose,\n  valueData,\n  nameDisabled = false,\n  labelDisabled = false,\n}) => {\n  const { anatomy } = useProjectContext()\n  const { entity_naming: config = { capitalization: 'lower', separator: '_' } } = anatomy as {\n    entity_naming?: EntityNaming\n  }\n\n  const [label, setLabel] = useState(initialLabel)\n  const [name, setName] = useState(initialName)\n  const { setEditingCellId, updateEntities } = useCellEditing()\n  const labelInputRef = useRef<HTMLInputElement>(null)\n  const nameInputRef = useRef<HTMLInputElement>(null)\n\n  const formattedFromLabel = parseAndFormatName(label, config)\n  const isNameAutoGenerated = name === formattedFromLabel || !name\n\n  useEffect(() => {\n    const timeout = setTimeout(() => {\n      // Focus on the first enabled input\n      if (!labelDisabled && labelInputRef.current) {\n        labelInputRef.current.focus()\n        labelInputRef.current.select()\n      } else if (!nameDisabled && nameInputRef.current) {\n        nameInputRef.current.focus()\n        nameInputRef.current.select()\n      }\n    }, 0)\n    return () => clearTimeout(timeout)\n  }, [labelDisabled, nameDisabled])\n\n  useEffect(() => {\n    setLabel(initialLabel)\n    setName(initialName)\n  }, [initialLabel, initialName])\n\n  const handleSave = useCallback(async () => {\n    const hasChanges = name !== initialName || label !== initialLabel\n    if (hasChanges) {\n      // Validate label if it changed\n      if (label !== initialLabel && !labelDisabled) {\n        const labelCheck = checkLabel(label)\n        if (!labelCheck.valid) {\n          console.error('Invalid label:', labelCheck.error)\n          toast.error(`Invalid label: ${labelCheck.error}`)\n          return\n        }\n      }\n\n      const nameCheck = checkName(name)\n\n      if (!nameCheck.valid || !name) {\n        // Invalid name, do not proceed\n        console.error('Invalid name:', nameCheck.error)\n        toast.error(`Invalid name: ${nameCheck.error}`)\n        return\n      }\n\n      setEditingCellId(null)\n      onClose?.()\n\n      try {\n        const { meta, entityRowId } = valueData || {}\n\n        // Use rowId prop as fallback if entityRowId is undefined\n\n        if (name !== initialName && !nameDisabled) {\n          // we must await to ensure we do not have server deadlock when multiple requests are made at the same time\n          // HACK: we should ideally batch these updates in updateEntities function, but this is a quick fix\n          await meta?.updateEntities?.({\n            field: 'name',\n            value: name,\n            type: entityType as string,\n            rowId: entityRowId as string,\n          })\n        }\n\n        if (label !== initialLabel && !labelDisabled) {\n          const finalLabel = label.trim()\n\n          meta?.updateEntities?.({\n            field: 'label',\n            value: finalLabel,\n            type: entityType as string,\n            rowId: entityRowId as string,\n          })\n        }\n      } catch (error) {\n        console.error('Failed to update entity:', error)\n      }\n    } else {\n      // No changes, just close\n      setEditingCellId(null)\n      onClose?.()\n    }\n  }, [\n    label,\n    name,\n    initialName,\n    initialLabel,\n    valueData,\n    setEditingCellId,\n    onClose,\n    nameDisabled,\n    labelDisabled,\n    updateEntities,\n    entityType,\n  ])\n\n  const handleCancel = useCallback(() => {\n    setEditingCellId(null)\n    onClose?.()\n  }, [setEditingCellId, onClose])\n\n  const handleLabelChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const value = e.target.value\n      setLabel(value)\n      if (isNameAutoGenerated && !nameDisabled) {\n        setName(parseAndFormatName(value, config))\n      }\n    },\n    [isNameAutoGenerated, nameDisabled],\n  )\n\n  const handleNameChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value\n    setName(value)\n  }, [])\n\n  const handleLabelKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'ArrowDown') {\n        e.preventDefault()\n        if (!nameDisabled && nameInputRef.current) {\n          nameInputRef.current.focus()\n          // Position cursor at the end of the name input\n          const length = nameInputRef.current.value.length\n          nameInputRef.current.setSelectionRange(length, length)\n        }\n      } else if (e.key === 'Enter') {\n        e.preventDefault()\n        handleSave()\n      }\n    },\n    [handleSave, handleCancel, nameDisabled],\n  )\n\n  const handleNameKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'ArrowUp') {\n        e.preventDefault()\n        if (!labelDisabled && labelInputRef.current) {\n          labelInputRef.current.focus()\n          // Position cursor at the end of the label input\n          const length = labelInputRef.current.value.length\n          labelInputRef.current.setSelectionRange(length, length)\n        }\n      } else if (e.key === 'Enter') {\n        // Ctrl+Enter or Cmd+Enter to save\n        e.preventDefault()\n        handleSave()\n      }\n    },\n    [handleSave, handleCancel, labelDisabled],\n  )\n\n  const handleInputClick = useCallback((e: React.MouseEvent<HTMLInputElement>) => {\n    e.stopPropagation()\n  }, [])\n\n  const handleInputDoubleClick = useCallback((e: React.MouseEvent<HTMLInputElement>) => {\n    e.stopPropagation()\n  }, [])\n\n  const handleInputMouseDown = useCallback((e: React.MouseEvent<HTMLInputElement>) => {\n    e.stopPropagation()\n  }, [])\n\n  const handleInputMouseUp = useCallback((e: React.MouseEvent<HTMLInputElement>) => {\n    e.stopPropagation()\n  }, [])\n\n  // Helper to determine disabled and tooltip\n  const getDisabledAndTooltip = (disabledProp: boolean | string) => {\n    if (typeof disabledProp === 'string') {\n      return { disabled: true, tooltip: disabledProp }\n    }\n    return { disabled: !!disabledProp, tooltip: undefined }\n  }\n\n  const labelInputProps = getDisabledAndTooltip(labelDisabled)\n  const nameInputProps = getDisabledAndTooltip(nameDisabled)\n\n  return (\n    <EditingContainer id={`editing-container-${cellId}`} onClick={(e) => e.stopPropagation()}>\n      <StyledInput\n        ref={labelInputRef}\n        id={`${cellId}-label`}\n        type=\"text\"\n        value={label}\n        onChange={handleLabelChange}\n        onKeyDown={handleLabelKeyDown}\n        onClick={handleInputClick}\n        onDoubleClick={handleInputDoubleClick}\n        onMouseDown={handleInputMouseDown}\n        onMouseUp={handleInputMouseUp}\n        placeholder={`${upperFirst(entityType)} label...`}\n        style={{ paddingBottom: '6px' }}\n        autoComplete=\"off\"\n        disabled={labelInputProps.disabled}\n        data-tooltip={labelInputProps.tooltip}\n        data-tooltip-delay={100}\n      />\n      <InputLabel htmlFor={`${cellId}-name`}>Name</InputLabel>\n      <StyledInput\n        ref={nameInputRef}\n        id={`${cellId}-name`}\n        type=\"text\"\n        value={name}\n        onChange={handleNameChange}\n        onKeyDown={handleNameKeyDown}\n        onClick={handleInputClick}\n        onDoubleClick={handleInputDoubleClick}\n        onMouseDown={handleInputMouseDown}\n        onMouseUp={handleInputMouseUp}\n        className=\"system-name\"\n        placeholder={`${entityType}_name`}\n        autoComplete=\"off\"\n        disabled={nameInputProps.disabled}\n        data-tooltip={nameInputProps.tooltip}\n        data-tooltip-delay={100}\n      />\n    </EditingContainer>\n  )\n}\n"],"names":["EditingContainer","styled","InputLabel","StyledInput","theme","RenameForm","cellId","entityType","initialName","initialLabel","onClose","valueData","nameDisabled","labelDisabled","anatomy","useProjectContext","config","label","setLabel","useState","name","setName","setEditingCellId","updateEntities","useCellEditing","labelInputRef","useRef","nameInputRef","formattedFromLabel","parseAndFormatName","isNameAutoGenerated","useEffect","timeout","handleSave","useCallback","labelCheck","checkLabel","toast","nameCheck","checkName","meta","entityRowId","finalLabel","error","handleCancel","handleLabelChange","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 type { TableRow } from '@shared/containers/ProjectTreeTable/types/table'\nimport { useCellEditing } from '@shared/containers/ProjectTreeTable/context/CellEditingContext'\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 type { EntityNaming } from '@shared/api'\nimport { useProjectContext } from '@shared/context/ProjectContext'\n\nconst EditingContainer = styled.div`\n  background: var(--md-sys-color-surface-container-lowest);\n  border: 2px solid var(--md-sys-color-primary);\n  padding: 8px;\n  width: 350px;\n  border-radius: 4px;\n`\n\nconst InputLabel = styled.label`\n  font-size: 12px;\n  color: var(--md-sys-color-outline);\n`\n\nconst StyledInput = styled.input`\n  width: 100%;\n  border: none;\n  background-color: var(--md-sys-color-surface-container-lowest);\n  color: var(--md-sys-color-on-surface);\n\n  &:focus {\n    outline: none;\n  }\n\n  &.system-name {\n    ${theme.bodySmall}\n  }\n\n  &:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n    //background-color: var(--md-sys-color-surface-container);\n    color: var(--md-sys-color-outline);\n  }\n`\nexport type NameWidgetData = {\n  name: string\n  label: string\n  meta: TableMeta<TableRow> | undefined\n  entityRowId: string | undefined\n  hasVersions: boolean | undefined\n}\n\nexport interface InlineEditingWidgetProps {\n  cellId: string\n  entityType: string\n  initialName?: string\n  initialLabel?: string\n  onClose?: () => void\n  valueData?: NameWidgetData\n  nameDisabled?: boolean | string\n  labelDisabled?: boolean | string\n}\n\nexport const RenameForm: React.FC<InlineEditingWidgetProps> = ({\n  cellId,\n  entityType,\n  initialName,\n  initialLabel = '',\n  onClose,\n  valueData,\n  nameDisabled = false,\n  labelDisabled = false,\n}) => {\n  const { anatomy } = useProjectContext()\n  const { entity_naming: config = { capitalization: 'lower', separator: '_' } } = anatomy as {\n    entity_naming?: EntityNaming\n  }\n\n  const [label, setLabel] = useState(initialLabel)\n  const [name, setName] = useState(initialName)\n  const { setEditingCellId, updateEntities } = useCellEditing()\n  const labelInputRef = useRef<HTMLInputElement>(null)\n  const nameInputRef = useRef<HTMLInputElement>(null)\n\n  const formattedFromLabel = parseAndFormatName(label, config)\n  const isNameAutoGenerated = name === formattedFromLabel || !name\n\n  useEffect(() => {\n    const timeout = setTimeout(() => {\n      // Focus on the first enabled input\n      if (!labelDisabled && labelInputRef.current) {\n        labelInputRef.current.focus()\n        labelInputRef.current.select()\n      } else if (!nameDisabled && nameInputRef.current) {\n        nameInputRef.current.focus()\n        nameInputRef.current.select()\n      }\n    }, 0)\n    return () => clearTimeout(timeout)\n  }, [labelDisabled, nameDisabled])\n\n  useEffect(() => {\n    setLabel(initialLabel)\n    setName(initialName)\n  }, [initialLabel, initialName])\n\n  const handleSave = useCallback(async () => {\n    const hasChanges = name !== initialName || label !== initialLabel\n    if (hasChanges) {\n      // Validate label if it changed\n      if (label !== initialLabel && !labelDisabled) {\n        const labelCheck = checkLabel(label)\n        if (!labelCheck.valid) {\n          console.error('Invalid label:', labelCheck.error)\n          toast.error(`Invalid label: ${labelCheck.error}`)\n          return\n        }\n      }\n\n      const nameCheck = checkName(name)\n\n      if (!nameCheck.valid || !name) {\n        // Invalid name, do not proceed\n        console.error('Invalid name:', nameCheck.error)\n        toast.error(`Invalid name: ${nameCheck.error}`)\n        return\n      }\n\n      setEditingCellId(null)\n      onClose?.()\n\n      try {\n        const { meta, entityRowId } = valueData || {}\n\n        // Use rowId prop as fallback if entityRowId is undefined\n\n        if (name !== initialName && !nameDisabled) {\n          // we must await to ensure we do not have server deadlock when multiple requests are made at the same time\n          // HACK: we should ideally batch these updates in updateEntities function, but this is a quick fix\n          await meta?.updateEntities?.({\n            field: 'name',\n            value: name,\n            type: entityType as string,\n            rowId: entityRowId as string,\n          })\n        }\n\n        if (label !== initialLabel && !labelDisabled) {\n          const finalLabel = label.trim()\n\n          meta?.updateEntities?.({\n            field: 'label',\n            value: finalLabel,\n            type: entityType as string,\n            rowId: entityRowId as string,\n          })\n        }\n      } catch (error) {\n        console.error('Failed to update entity:', error)\n      }\n    } else {\n      // No changes, just close\n      setEditingCellId(null)\n      onClose?.()\n    }\n  }, [\n    label,\n    name,\n    initialName,\n    initialLabel,\n    valueData,\n    setEditingCellId,\n    onClose,\n    nameDisabled,\n    labelDisabled,\n    updateEntities,\n    entityType,\n  ])\n\n  const handleCancel = useCallback(() => {\n    setEditingCellId(null)\n    onClose?.()\n  }, [setEditingCellId, onClose])\n\n  const handleLabelChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const value = e.target.value\n      setLabel(value)\n      if (isNameAutoGenerated && !nameDisabled) {\n        setName(parseAndFormatName(value, config))\n      }\n    },\n    [isNameAutoGenerated, nameDisabled],\n  )\n\n  const handleNameChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value\n    setName(value)\n  }, [])\n\n  const handleLabelKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'ArrowDown') {\n        e.preventDefault()\n        if (!nameDisabled && nameInputRef.current) {\n          nameInputRef.current.focus()\n          // Position cursor at the end of the name input\n          const length = nameInputRef.current.value.length\n          nameInputRef.current.setSelectionRange(length, length)\n        }\n      } else if (e.key === 'Enter') {\n        e.preventDefault()\n        handleSave()\n      }\n    },\n    [handleSave, handleCancel, nameDisabled],\n  )\n\n  const handleNameKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'ArrowUp') {\n        e.preventDefault()\n        if (!labelDisabled && labelInputRef.current) {\n          labelInputRef.current.focus()\n          // Position cursor at the end of the label input\n          const length = labelInputRef.current.value.length\n          labelInputRef.current.setSelectionRange(length, length)\n        }\n      } else if (e.key === 'Enter') {\n        // Ctrl+Enter or Cmd+Enter to save\n        e.preventDefault()\n        handleSave()\n      }\n    },\n    [handleSave, handleCancel, labelDisabled],\n  )\n\n  const handleInputClick = useCallback((e: React.MouseEvent<HTMLInputElement>) => {\n    e.stopPropagation()\n  }, [])\n\n  const handleInputDoubleClick = useCallback((e: React.MouseEvent<HTMLInputElement>) => {\n    e.stopPropagation()\n  }, [])\n\n  const handleInputMouseDown = useCallback((e: React.MouseEvent<HTMLInputElement>) => {\n    e.stopPropagation()\n  }, [])\n\n  const handleInputMouseUp = useCallback((e: React.MouseEvent<HTMLInputElement>) => {\n    e.stopPropagation()\n  }, [])\n\n  // Helper to determine disabled and tooltip\n  const getDisabledAndTooltip = (disabledProp: boolean | string) => {\n    if (typeof disabledProp === 'string') {\n      return { disabled: true, tooltip: disabledProp }\n    }\n    return { disabled: !!disabledProp, tooltip: undefined }\n  }\n\n  const labelInputProps = getDisabledAndTooltip(labelDisabled)\n  const nameInputProps = getDisabledAndTooltip(nameDisabled)\n\n  return (\n    <EditingContainer id={`editing-container-${cellId}`} onClick={(e) => e.stopPropagation()}>\n      <StyledInput\n        ref={labelInputRef}\n        id={`${cellId}-label`}\n        type=\"text\"\n        value={label}\n        onChange={handleLabelChange}\n        onKeyDown={handleLabelKeyDown}\n        onClick={handleInputClick}\n        onDoubleClick={handleInputDoubleClick}\n        onMouseDown={handleInputMouseDown}\n        onMouseUp={handleInputMouseUp}\n        placeholder={`${upperFirst(entityType)} label...`}\n        style={{ paddingBottom: '6px' }}\n        autoComplete=\"off\"\n        disabled={labelInputProps.disabled}\n        data-tooltip={labelInputProps.tooltip}\n        data-tooltip-delay={100}\n      />\n      <InputLabel htmlFor={`${cellId}-name`}>Name</InputLabel>\n      <StyledInput\n        ref={nameInputRef}\n        id={`${cellId}-name`}\n        type=\"text\"\n        value={name}\n        onChange={handleNameChange}\n        onKeyDown={handleNameKeyDown}\n        onClick={handleInputClick}\n        onDoubleClick={handleInputDoubleClick}\n        onMouseDown={handleInputMouseDown}\n        onMouseUp={handleInputMouseUp}\n        className=\"system-name\"\n        placeholder={`${entityType}_name`}\n        autoComplete=\"off\"\n        disabled={nameInputProps.disabled}\n        data-tooltip={nameInputProps.tooltip}\n        data-tooltip-delay={100}\n      />\n    </EditingContainer>\n  )\n}\n"],"names":["EditingContainer","styled","InputLabel","StyledInput","theme","RenameForm","cellId","entityType","initialName","initialLabel","onClose","valueData","nameDisabled","labelDisabled","anatomy","useProjectContext","config","label","setLabel","useState","name","setName","setEditingCellId","updateEntities","useCellEditing","labelInputRef","useRef","nameInputRef","formattedFromLabel","parseAndFormatName","isNameAutoGenerated","useEffect","timeout","handleSave","useCallback","labelCheck","checkLabel","toast","nameCheck","checkName","meta","entityRowId","finalLabel","error","handleCancel","handleLabelChange","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

@@ -8,6 +8,7 @@ import { toast as N } from "react-toastify";
 import "uuid";
 import { parseAndFormatName as _, checkLabel as X, checkName as Y } from "../../util/checkName.es.js";
 import "../../api/queries/users/updateUsers.es.js";
+import "../../util/searchTerms.es.js";
 import "../../util/pubsub.es.js";
 import { useProjectContext as Z } from "../../context/ProjectContext.es.js";
 const T = w.div`
@@ -39,7 +40,7 @@ const T = w.div`
     //background-color: var(--md-sys-color-surface-container);
     color: var(--md-sys-color-outline);
   }
-`, mo = ({
+`, ho = ({
   cellId: h,
   entityType: d,
   initialName: i,
@@ -195,6 +196,6 @@ const T = w.div`
   ] });
 };
 export {
-  mo as RenameForm
+  ho 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 type { TableRow } from '@shared/containers/ProjectTreeTable/types/table'\nimport { useCellEditing } from '@shared/containers/ProjectTreeTable/context/CellEditingContext'\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 type { EntityNaming } from '@shared/api'\nimport { useProjectContext } from '@shared/context/ProjectContext'\n\nconst EditingContainer = styled.div`\n  background: var(--md-sys-color-surface-container-lowest);\n  border: 2px solid var(--md-sys-color-primary);\n  padding: 8px;\n  width: 350px;\n  border-radius: 4px;\n`\n\nconst InputLabel = styled.label`\n  font-size: 12px;\n  color: var(--md-sys-color-outline);\n`\n\nconst StyledInput = styled.input`\n  width: 100%;\n  border: none;\n  background-color: var(--md-sys-color-surface-container-lowest);\n  color: var(--md-sys-color-on-surface);\n\n  &:focus {\n    outline: none;\n  }\n\n  &.system-name {\n    ${theme.bodySmall}\n  }\n\n  &:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n    //background-color: var(--md-sys-color-surface-container);\n    color: var(--md-sys-color-outline);\n  }\n`\nexport type NameWidgetData = {\n  name: string\n  label: string\n  meta: TableMeta<TableRow> | undefined\n  entityRowId: string | undefined\n  hasVersions: boolean | undefined\n}\n\nexport interface InlineEditingWidgetProps {\n  cellId: string\n  entityType: string\n  initialName?: string\n  initialLabel?: string\n  onClose?: () => void\n  valueData?: NameWidgetData\n  nameDisabled?: boolean | string\n  labelDisabled?: boolean | string\n}\n\nexport const RenameForm: React.FC<InlineEditingWidgetProps> = ({\n  cellId,\n  entityType,\n  initialName,\n  initialLabel = '',\n  onClose,\n  valueData,\n  nameDisabled = false,\n  labelDisabled = false,\n}) => {\n  const { anatomy } = useProjectContext()\n  const { entity_naming: config = { capitalization: 'lower', separator: '_' } } = anatomy as {\n    entity_naming?: EntityNaming\n  }\n\n  const [label, setLabel] = useState(initialLabel)\n  const [name, setName] = useState(initialName)\n  const { setEditingCellId, updateEntities } = useCellEditing()\n  const labelInputRef = useRef<HTMLInputElement>(null)\n  const nameInputRef = useRef<HTMLInputElement>(null)\n\n  const formattedFromLabel = parseAndFormatName(label, config)\n  const isNameAutoGenerated = name === formattedFromLabel || !name\n\n  useEffect(() => {\n    const timeout = setTimeout(() => {\n      // Focus on the first enabled input\n      if (!labelDisabled && labelInputRef.current) {\n        labelInputRef.current.focus()\n        labelInputRef.current.select()\n      } else if (!nameDisabled && nameInputRef.current) {\n        nameInputRef.current.focus()\n        nameInputRef.current.select()\n      }\n    }, 0)\n    return () => clearTimeout(timeout)\n  }, [labelDisabled, nameDisabled])\n\n  useEffect(() => {\n    setLabel(initialLabel)\n    setName(initialName)\n  }, [initialLabel, initialName])\n\n  const handleSave = useCallback(async () => {\n    const hasChanges = name !== initialName || label !== initialLabel\n    if (hasChanges) {\n      // Validate label if it changed\n      if (label !== initialLabel && !labelDisabled) {\n        const labelCheck = checkLabel(label)\n        if (!labelCheck.valid) {\n          console.error('Invalid label:', labelCheck.error)\n          toast.error(`Invalid label: ${labelCheck.error}`)\n          return\n        }\n      }\n\n      const nameCheck = checkName(name)\n\n      if (!nameCheck.valid || !name) {\n        // Invalid name, do not proceed\n        console.error('Invalid name:', nameCheck.error)\n        toast.error(`Invalid name: ${nameCheck.error}`)\n        return\n      }\n\n      setEditingCellId(null)\n      onClose?.()\n\n      try {\n        const { meta, entityRowId } = valueData || {}\n\n        // Use rowId prop as fallback if entityRowId is undefined\n\n        if (name !== initialName && !nameDisabled) {\n          // we must await to ensure we do not have server deadlock when multiple requests are made at the same time\n          // HACK: we should ideally batch these updates in updateEntities function, but this is a quick fix\n          await meta?.updateEntities?.({\n            field: 'name',\n            value: name,\n            type: entityType as string,\n            rowId: entityRowId as string,\n          })\n        }\n\n        if (label !== initialLabel && !labelDisabled) {\n          const finalLabel = label.trim()\n\n          meta?.updateEntities?.({\n            field: 'label',\n            value: finalLabel,\n            type: entityType as string,\n            rowId: entityRowId as string,\n          })\n        }\n      } catch (error) {\n        console.error('Failed to update entity:', error)\n      }\n    } else {\n      // No changes, just close\n      setEditingCellId(null)\n      onClose?.()\n    }\n  }, [\n    label,\n    name,\n    initialName,\n    initialLabel,\n    valueData,\n    setEditingCellId,\n    onClose,\n    nameDisabled,\n    labelDisabled,\n    updateEntities,\n    entityType,\n  ])\n\n  const handleCancel = useCallback(() => {\n    setEditingCellId(null)\n    onClose?.()\n  }, [setEditingCellId, onClose])\n\n  const handleLabelChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const value = e.target.value\n      setLabel(value)\n      if (isNameAutoGenerated && !nameDisabled) {\n        setName(parseAndFormatName(value, config))\n      }\n    },\n    [isNameAutoGenerated, nameDisabled],\n  )\n\n  const handleNameChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value\n    setName(value)\n  }, [])\n\n  const handleLabelKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'ArrowDown') {\n        e.preventDefault()\n        if (!nameDisabled && nameInputRef.current) {\n          nameInputRef.current.focus()\n          // Position cursor at the end of the name input\n          const length = nameInputRef.current.value.length\n          nameInputRef.current.setSelectionRange(length, length)\n        }\n      } else if (e.key === 'Enter') {\n        e.preventDefault()\n        handleSave()\n      }\n    },\n    [handleSave, handleCancel, nameDisabled],\n  )\n\n  const handleNameKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'ArrowUp') {\n        e.preventDefault()\n        if (!labelDisabled && labelInputRef.current) {\n          labelInputRef.current.focus()\n          // Position cursor at the end of the label input\n          const length = labelInputRef.current.value.length\n          labelInputRef.current.setSelectionRange(length, length)\n        }\n      } else if (e.key === 'Enter') {\n        // Ctrl+Enter or Cmd+Enter to save\n        e.preventDefault()\n        handleSave()\n      }\n    },\n    [handleSave, handleCancel, labelDisabled],\n  )\n\n  const handleInputClick = useCallback((e: React.MouseEvent<HTMLInputElement>) => {\n    e.stopPropagation()\n  }, [])\n\n  const handleInputDoubleClick = useCallback((e: React.MouseEvent<HTMLInputElement>) => {\n    e.stopPropagation()\n  }, [])\n\n  const handleInputMouseDown = useCallback((e: React.MouseEvent<HTMLInputElement>) => {\n    e.stopPropagation()\n  }, [])\n\n  const handleInputMouseUp = useCallback((e: React.MouseEvent<HTMLInputElement>) => {\n    e.stopPropagation()\n  }, [])\n\n  // Helper to determine disabled and tooltip\n  const getDisabledAndTooltip = (disabledProp: boolean | string) => {\n    if (typeof disabledProp === 'string') {\n      return { disabled: true, tooltip: disabledProp }\n    }\n    return { disabled: !!disabledProp, tooltip: undefined }\n  }\n\n  const labelInputProps = getDisabledAndTooltip(labelDisabled)\n  const nameInputProps = getDisabledAndTooltip(nameDisabled)\n\n  return (\n    <EditingContainer id={`editing-container-${cellId}`} onClick={(e) => e.stopPropagation()}>\n      <StyledInput\n        ref={labelInputRef}\n        id={`${cellId}-label`}\n        type=\"text\"\n        value={label}\n        onChange={handleLabelChange}\n        onKeyDown={handleLabelKeyDown}\n        onClick={handleInputClick}\n        onDoubleClick={handleInputDoubleClick}\n        onMouseDown={handleInputMouseDown}\n        onMouseUp={handleInputMouseUp}\n        placeholder={`${upperFirst(entityType)} label...`}\n        style={{ paddingBottom: '6px' }}\n        autoComplete=\"off\"\n        disabled={labelInputProps.disabled}\n        data-tooltip={labelInputProps.tooltip}\n        data-tooltip-delay={100}\n      />\n      <InputLabel htmlFor={`${cellId}-name`}>Name</InputLabel>\n      <StyledInput\n        ref={nameInputRef}\n        id={`${cellId}-name`}\n        type=\"text\"\n        value={name}\n        onChange={handleNameChange}\n        onKeyDown={handleNameKeyDown}\n        onClick={handleInputClick}\n        onDoubleClick={handleInputDoubleClick}\n        onMouseDown={handleInputMouseDown}\n        onMouseUp={handleInputMouseUp}\n        className=\"system-name\"\n        placeholder={`${entityType}_name`}\n        autoComplete=\"off\"\n        disabled={nameInputProps.disabled}\n        data-tooltip={nameInputProps.tooltip}\n        data-tooltip-delay={100}\n      />\n    </EditingContainer>\n  )\n}\n"],"names":["EditingContainer","styled","InputLabel","StyledInput","theme","RenameForm","cellId","entityType","initialName","initialLabel","onClose","valueData","nameDisabled","labelDisabled","anatomy","useProjectContext","config","label","setLabel","useState","name","setName","setEditingCellId","updateEntities","useCellEditing","labelInputRef","useRef","nameInputRef","formattedFromLabel","parseAndFormatName","isNameAutoGenerated","useEffect","timeout","handleSave","useCallback","labelCheck","checkLabel","toast","nameCheck","checkName","meta","entityRowId","finalLabel","error","handleCancel","handleLabelChange","e","value","handleNameChange","handleLabelKeyDown","length","handleNameKeyDown","handleInputClick","handleInputDoubleClick","handleInputMouseDown","handleInputMouseUp","getDisabledAndTooltip","disabledProp","labelInputProps","nameInputProps","jsxs","jsx","upperFirst"],"mappings":"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"}
+{"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 type { TableRow } from '@shared/containers/ProjectTreeTable/types/table'\nimport { useCellEditing } from '@shared/containers/ProjectTreeTable/context/CellEditingContext'\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 type { EntityNaming } from '@shared/api'\nimport { useProjectContext } from '@shared/context/ProjectContext'\n\nconst EditingContainer = styled.div`\n  background: var(--md-sys-color-surface-container-lowest);\n  border: 2px solid var(--md-sys-color-primary);\n  padding: 8px;\n  width: 350px;\n  border-radius: 4px;\n`\n\nconst InputLabel = styled.label`\n  font-size: 12px;\n  color: var(--md-sys-color-outline);\n`\n\nconst StyledInput = styled.input`\n  width: 100%;\n  border: none;\n  background-color: var(--md-sys-color-surface-container-lowest);\n  color: var(--md-sys-color-on-surface);\n\n  &:focus {\n    outline: none;\n  }\n\n  &.system-name {\n    ${theme.bodySmall}\n  }\n\n  &:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n    //background-color: var(--md-sys-color-surface-container);\n    color: var(--md-sys-color-outline);\n  }\n`\nexport type NameWidgetData = {\n  name: string\n  label: string\n  meta: TableMeta<TableRow> | undefined\n  entityRowId: string | undefined\n  hasVersions: boolean | undefined\n}\n\nexport interface InlineEditingWidgetProps {\n  cellId: string\n  entityType: string\n  initialName?: string\n  initialLabel?: string\n  onClose?: () => void\n  valueData?: NameWidgetData\n  nameDisabled?: boolean | string\n  labelDisabled?: boolean | string\n}\n\nexport const RenameForm: React.FC<InlineEditingWidgetProps> = ({\n  cellId,\n  entityType,\n  initialName,\n  initialLabel = '',\n  onClose,\n  valueData,\n  nameDisabled = false,\n  labelDisabled = false,\n}) => {\n  const { anatomy } = useProjectContext()\n  const { entity_naming: config = { capitalization: 'lower', separator: '_' } } = anatomy as {\n    entity_naming?: EntityNaming\n  }\n\n  const [label, setLabel] = useState(initialLabel)\n  const [name, setName] = useState(initialName)\n  const { setEditingCellId, updateEntities } = useCellEditing()\n  const labelInputRef = useRef<HTMLInputElement>(null)\n  const nameInputRef = useRef<HTMLInputElement>(null)\n\n  const formattedFromLabel = parseAndFormatName(label, config)\n  const isNameAutoGenerated = name === formattedFromLabel || !name\n\n  useEffect(() => {\n    const timeout = setTimeout(() => {\n      // Focus on the first enabled input\n      if (!labelDisabled && labelInputRef.current) {\n        labelInputRef.current.focus()\n        labelInputRef.current.select()\n      } else if (!nameDisabled && nameInputRef.current) {\n        nameInputRef.current.focus()\n        nameInputRef.current.select()\n      }\n    }, 0)\n    return () => clearTimeout(timeout)\n  }, [labelDisabled, nameDisabled])\n\n  useEffect(() => {\n    setLabel(initialLabel)\n    setName(initialName)\n  }, [initialLabel, initialName])\n\n  const handleSave = useCallback(async () => {\n    const hasChanges = name !== initialName || label !== initialLabel\n    if (hasChanges) {\n      // Validate label if it changed\n      if (label !== initialLabel && !labelDisabled) {\n        const labelCheck = checkLabel(label)\n        if (!labelCheck.valid) {\n          console.error('Invalid label:', labelCheck.error)\n          toast.error(`Invalid label: ${labelCheck.error}`)\n          return\n        }\n      }\n\n      const nameCheck = checkName(name)\n\n      if (!nameCheck.valid || !name) {\n        // Invalid name, do not proceed\n        console.error('Invalid name:', nameCheck.error)\n        toast.error(`Invalid name: ${nameCheck.error}`)\n        return\n      }\n\n      setEditingCellId(null)\n      onClose?.()\n\n      try {\n        const { meta, entityRowId } = valueData || {}\n\n        // Use rowId prop as fallback if entityRowId is undefined\n\n        if (name !== initialName && !nameDisabled) {\n          // we must await to ensure we do not have server deadlock when multiple requests are made at the same time\n          // HACK: we should ideally batch these updates in updateEntities function, but this is a quick fix\n          await meta?.updateEntities?.({\n            field: 'name',\n            value: name,\n            type: entityType as string,\n            rowId: entityRowId as string,\n          })\n        }\n\n        if (label !== initialLabel && !labelDisabled) {\n          const finalLabel = label.trim()\n\n          meta?.updateEntities?.({\n            field: 'label',\n            value: finalLabel,\n            type: entityType as string,\n            rowId: entityRowId as string,\n          })\n        }\n      } catch (error) {\n        console.error('Failed to update entity:', error)\n      }\n    } else {\n      // No changes, just close\n      setEditingCellId(null)\n      onClose?.()\n    }\n  }, [\n    label,\n    name,\n    initialName,\n    initialLabel,\n    valueData,\n    setEditingCellId,\n    onClose,\n    nameDisabled,\n    labelDisabled,\n    updateEntities,\n    entityType,\n  ])\n\n  const handleCancel = useCallback(() => {\n    setEditingCellId(null)\n    onClose?.()\n  }, [setEditingCellId, onClose])\n\n  const handleLabelChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const value = e.target.value\n      setLabel(value)\n      if (isNameAutoGenerated && !nameDisabled) {\n        setName(parseAndFormatName(value, config))\n      }\n    },\n    [isNameAutoGenerated, nameDisabled],\n  )\n\n  const handleNameChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value\n    setName(value)\n  }, [])\n\n  const handleLabelKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'ArrowDown') {\n        e.preventDefault()\n        if (!nameDisabled && nameInputRef.current) {\n          nameInputRef.current.focus()\n          // Position cursor at the end of the name input\n          const length = nameInputRef.current.value.length\n          nameInputRef.current.setSelectionRange(length, length)\n        }\n      } else if (e.key === 'Enter') {\n        e.preventDefault()\n        handleSave()\n      }\n    },\n    [handleSave, handleCancel, nameDisabled],\n  )\n\n  const handleNameKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'ArrowUp') {\n        e.preventDefault()\n        if (!labelDisabled && labelInputRef.current) {\n          labelInputRef.current.focus()\n          // Position cursor at the end of the label input\n          const length = labelInputRef.current.value.length\n          labelInputRef.current.setSelectionRange(length, length)\n        }\n      } else if (e.key === 'Enter') {\n        // Ctrl+Enter or Cmd+Enter to save\n        e.preventDefault()\n        handleSave()\n      }\n    },\n    [handleSave, handleCancel, labelDisabled],\n  )\n\n  const handleInputClick = useCallback((e: React.MouseEvent<HTMLInputElement>) => {\n    e.stopPropagation()\n  }, [])\n\n  const handleInputDoubleClick = useCallback((e: React.MouseEvent<HTMLInputElement>) => {\n    e.stopPropagation()\n  }, [])\n\n  const handleInputMouseDown = useCallback((e: React.MouseEvent<HTMLInputElement>) => {\n    e.stopPropagation()\n  }, [])\n\n  const handleInputMouseUp = useCallback((e: React.MouseEvent<HTMLInputElement>) => {\n    e.stopPropagation()\n  }, [])\n\n  // Helper to determine disabled and tooltip\n  const getDisabledAndTooltip = (disabledProp: boolean | string) => {\n    if (typeof disabledProp === 'string') {\n      return { disabled: true, tooltip: disabledProp }\n    }\n    return { disabled: !!disabledProp, tooltip: undefined }\n  }\n\n  const labelInputProps = getDisabledAndTooltip(labelDisabled)\n  const nameInputProps = getDisabledAndTooltip(nameDisabled)\n\n  return (\n    <EditingContainer id={`editing-container-${cellId}`} onClick={(e) => e.stopPropagation()}>\n      <StyledInput\n        ref={labelInputRef}\n        id={`${cellId}-label`}\n        type=\"text\"\n        value={label}\n        onChange={handleLabelChange}\n        onKeyDown={handleLabelKeyDown}\n        onClick={handleInputClick}\n        onDoubleClick={handleInputDoubleClick}\n        onMouseDown={handleInputMouseDown}\n        onMouseUp={handleInputMouseUp}\n        placeholder={`${upperFirst(entityType)} label...`}\n        style={{ paddingBottom: '6px' }}\n        autoComplete=\"off\"\n        disabled={labelInputProps.disabled}\n        data-tooltip={labelInputProps.tooltip}\n        data-tooltip-delay={100}\n      />\n      <InputLabel htmlFor={`${cellId}-name`}>Name</InputLabel>\n      <StyledInput\n        ref={nameInputRef}\n        id={`${cellId}-name`}\n        type=\"text\"\n        value={name}\n        onChange={handleNameChange}\n        onKeyDown={handleNameKeyDown}\n        onClick={handleInputClick}\n        onDoubleClick={handleInputDoubleClick}\n        onMouseDown={handleInputMouseDown}\n        onMouseUp={handleInputMouseUp}\n        className=\"system-name\"\n        placeholder={`${entityType}_name`}\n        autoComplete=\"off\"\n        disabled={nameInputProps.disabled}\n        data-tooltip={nameInputProps.tooltip}\n        data-tooltip-delay={100}\n      />\n    </EditingContainer>\n  )\n}\n"],"names":["EditingContainer","styled","InputLabel","StyledInput","theme","RenameForm","cellId","entityType","initialName","initialLabel","onClose","valueData","nameDisabled","labelDisabled","anatomy","useProjectContext","config","label","setLabel","useState","name","setName","setEditingCellId","updateEntities","useCellEditing","labelInputRef","useRef","nameInputRef","formattedFromLabel","parseAndFormatName","isNameAutoGenerated","useEffect","timeout","handleSave","useCallback","labelCheck","checkLabel","toast","nameCheck","checkName","meta","entityRowId","finalLabel","error","handleCancel","handleLabelChange","e","value","handleNameChange","handleLabelKeyDown","length","handleNameKeyDown","handleInputClick","handleInputDoubleClick","handleInputMouseDown","handleInputMouseUp","getDisabledAndTooltip","disabledProp","labelInputProps","nameInputProps","jsxs","jsx","upperFirst"],"mappings":"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"}

package/dist/shared/src/components/ReviewablesList/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/dataImport.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/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");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/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const 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),[q,t]=n.useState("");n.useEffect(()=>{if(u.current)return t(a),u.current?.select(),()=>{t("")}},[a,u.current]);const[R,{isLoading:p}]=w.useUpdateReviewableMutation(),o=async()=>{try{await R({projectName:c,versionId:x,activityId:d,updateReviewablesRequest:{label:q}}).unwrap(),l.toast.success("Reviewable updated successfully"),s()}catch(e){console.error(e),l.toast.error("Failed to update reviewable")}},b=e=>{e.preventDefault(),q&&o()},v=()=>{t(""),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:!!q,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:q,onChange:e=>t(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/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/enums.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/accessGroups/getAccessGroups.cjs.js");require("../../api/queries/accessGroups/updateAccessGroups.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/enums/getEnums.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");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/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const 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),[q,t]=n.useState("");n.useEffect(()=>{if(u.current)return t(a),u.current?.select(),()=>{t("")}},[a,u.current]);const[R,{isLoading:p}]=w.useUpdateReviewableMutation(),o=async()=>{try{await R({projectName:c,versionId:x,activityId:d,updateReviewablesRequest:{label:q}}).unwrap(),l.toast.success("Reviewable updated successfully"),s()}catch{l.toast.error("Failed to update reviewable")}},b=e=>{e.preventDefault(),q&&o()},v=()=>{t(""),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:!!q,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:q,onChange:e=>t(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","updateReviewable","isLoading","useUpdateReviewableMutation","handleUpdateReviewable","toast","error","handleFormSubmit","handleCancel","jsx","Dialog","RenameTitle","Toolbar","Button","SaveButton","InputText"],"mappings":"mxKAqBMA,EAAsD,CAAC,CAC3D,QAAAC,EACA,MAAAC,EACA,YAAAC,EACA,UAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAWC,EAAAA,OAAyB,IAAI,EACxC,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAE,EAG7CC,EAAAA,UAAU,IAAM,CACd,GAAKL,EAAS,QACd,OAAAG,EAAaR,CAAK,EAElBK,EAAS,SAAS,OAAA,EAEX,IAAM,CACXG,EAAa,EAAE,CACjB,CACF,EAAG,CAACR,EAAOK,EAAS,OAAO,CAAC,EAE5B,KAAM,CAACM,EAAkB,CAAE,UAAAC,CAAA,CAAW,EAAIC,EAAAA,4BAAA,EAEpCC,EAAyB,SAAY,CACzC,GAAI,CAEF,MAAMH,EAAiB,CACrB,YAAAV,EACA,UAAAC,EACA,WAAAC,EACA,yBAA0B,CACxB,MAAOI,CAAA,CACT,CACD,EAAE,OAAA,EAEHQ,EAAAA,MAAM,QAAQ,iCAAiC,EAG/ChB,EAAA,CACF,OAASiB,EAAO,CACd,QAAQ,MAAMA,CAAK,EACnBD,EAAAA,MAAM,MAAM,6BAA6B,CAC3C,CACF,EAEME,EAAoB,GAAkC,CAC1D,EAAE,eAAA,EACEV,GACFO,EAAA,CAEJ,EAEMI,EAAe,IAAM,CAEzBV,EAAa,EAAE,EAEfT,EAAA,CACF,EAEA,OACEoB,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,CACC,QAAArB,EACA,OAAQoB,EAAAA,kBAAAA,IAACE,EAAAA,YAAA,CAAa,SAAA,kBAAkBrB,CAAK,GAAG,EAChD,gCACGsB,UAAA,CACC,SAAA,CAAAH,wBAACI,EAAAA,QAAO,MAAM,SAAS,QAASL,EAAc,QAAQ,OAAO,EAC7DC,EAAAA,kBAAAA,IAACK,EAAAA,WAAA,CACC,MAAM,OACN,OAAQ,CAAC,CAACjB,EACV,OAAQK,EACR,KAAK,SACL,KAAK,iBAAA,CAAA,CACP,EACF,EAEF,KAAK,KACJ,GAAGR,EAEJ,SAAAe,EAAAA,kBAAAA,IAAC,OAAA,CAAK,SAAUF,EAAkB,GAAG,kBACnC,SAAAE,EAAAA,kBAAAA,IAACM,EAAAA,UAAA,CACC,MAAOlB,EACP,SAAW,GAAMC,EAAa,EAAE,OAAO,KAAK,EAC5C,YAAY,oBACZ,MAAO,CAAE,MAAO,MAAA,EAChB,UAAS,GACT,UAAY,GACV,EAAE,MAAQ,UAAY,EAAE,SAAW,EAAE,UAAYM,EAAA,EAEnD,IAAKT,CAAA,CAAA,CACP,CACF,CAAA,CAAA,CAGN"}
+{"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      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","updateReviewable","isLoading","useUpdateReviewableMutation","handleUpdateReviewable","toast","handleFormSubmit","handleCancel","jsx","Dialog","RenameTitle","Toolbar","Button","SaveButton","InputText"],"mappings":"u/KAqBMA,EAAsD,CAAC,CAC3D,QAAAC,EACA,MAAAC,EACA,YAAAC,EACA,UAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAWC,EAAAA,OAAyB,IAAI,EACxC,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAE,EAG7CC,EAAAA,UAAU,IAAM,CACd,GAAKL,EAAS,QACd,OAAAG,EAAaR,CAAK,EAElBK,EAAS,SAAS,OAAA,EAEX,IAAM,CACXG,EAAa,EAAE,CACjB,CACF,EAAG,CAACR,EAAOK,EAAS,OAAO,CAAC,EAE5B,KAAM,CAACM,EAAkB,CAAE,UAAAC,CAAA,CAAW,EAAIC,EAAAA,4BAAA,EAEpCC,EAAyB,SAAY,CACzC,GAAI,CAEF,MAAMH,EAAiB,CACrB,YAAAV,EACA,UAAAC,EACA,WAAAC,EACA,yBAA0B,CACxB,MAAOI,CAAA,CACT,CACD,EAAE,OAAA,EAEHQ,EAAAA,MAAM,QAAQ,iCAAiC,EAG/ChB,EAAA,CACF,MAAgB,CACdgB,EAAAA,MAAM,MAAM,6BAA6B,CAC3C,CACF,EAEMC,EAAoB,GAAkC,CAC1D,EAAE,eAAA,EACET,GACFO,EAAA,CAEJ,EAEMG,EAAe,IAAM,CAEzBT,EAAa,EAAE,EAEfT,EAAA,CACF,EAEA,OACEmB,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,CACC,QAAApB,EACA,OAAQmB,EAAAA,kBAAAA,IAACE,EAAAA,YAAA,CAAa,SAAA,kBAAkBpB,CAAK,GAAG,EAChD,gCACGqB,UAAA,CACC,SAAA,CAAAH,wBAACI,EAAAA,QAAO,MAAM,SAAS,QAASL,EAAc,QAAQ,OAAO,EAC7DC,EAAAA,kBAAAA,IAACK,EAAAA,WAAA,CACC,MAAM,OACN,OAAQ,CAAC,CAAChB,EACV,OAAQK,EACR,KAAK,SACL,KAAK,iBAAA,CAAA,CACP,EACF,EAEF,KAAK,KACJ,GAAGR,EAEJ,SAAAc,EAAAA,kBAAAA,IAAC,OAAA,CAAK,SAAUF,EAAkB,GAAG,kBACnC,SAAAE,EAAAA,kBAAAA,IAACM,EAAAA,UAAA,CACC,MAAOjB,EACP,SAAW,GAAMC,EAAa,EAAE,OAAO,KAAK,EAC5C,YAAY,oBACZ,MAAO,CAAE,MAAO,MAAA,EAChB,UAAS,GACT,UAAY,GACV,EAAE,MAAQ,UAAY,EAAE,SAAW,EAAE,UAAYM,EAAA,EAEnD,IAAKT,CAAA,CAAA,CACP,CACF,CAAA,CAAA,CAGN"}

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

@@ -14,6 +14,7 @@ import "../../api/generated/configuration.es.js";
 import "../../api/generated/dataImport.es.js";
 import "../../api/generated/desktop.es.js";
 import "../../api/generated/entityLists.es.js";
+import "../../api/generated/enums.es.js";
 import "../../api/generated/events.es.js";
 import "../../api/generated/files.es.js";
 import "../../api/generated/folders.es.js";
@@ -39,6 +40,8 @@ import "../../api/generated/workfiles.es.js";
 import "../../api/generated/ynputCloud.es.js";
 import "../../api/generated/grouping.es.js";
 import "../../api/generated/views.es.js";
+import "../../api/queries/accessGroups/getAccessGroups.es.js";
+import "../../api/queries/accessGroups/updateAccessGroups.es.js";
 import "../../api/queries/actions/getActions.es.js";
 import "../../api/queries/activities/getActivities.es.js";
 import "../../api/queries/activities/updateReaction.es.js";
@@ -69,6 +72,7 @@ import "../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../api/queries/entityLists/listItemsColumnStats.es.js";
 import "../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../api/queries/entityLists/listFolders.es.js";
+import "../../api/queries/enums/getEnums.es.js";
 import "../../api/queries/folders/getFolders.es.js";
 import "../../api/queries/folders/getFolderDeleteInfo.es.js";
 import "../../api/queries/grouping/getGrouping.es.js";
@@ -100,7 +104,7 @@ 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 jr = ({
+const Fr = ({
   onClose: p,
   label: e,
   projectName: n,
@@ -125,8 +129,8 @@ const jr = ({
           label: i
         }
       }).unwrap(), l.success("Reviewable updated successfully"), p();
-    } catch (t) {
-      console.error(t), l.error("Failed to update reviewable");
+    } catch {
+      l.error("Failed to update reviewable");
     }
   }, b = (t) => {
     t.preventDefault(), i && a();
@@ -169,6 +173,6 @@ const jr = ({
   );
 };
 export {
-  jr as default
+  Fr 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","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;AACJ,QAAMC,IAAWC,EAAyB,IAAI,GACxC,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAE;AAG7C,EAAAC,EAAU,MAAM;AACd,QAAKL,EAAS;AACd,aAAAG,EAAaR,CAAK,GAElBK,EAAS,SAAS,OAAA,GAEX,MAAM;AACX,QAAAG,EAAa,EAAE;AAAA,MACjB;AAAA,EACF,GAAG,CAACR,GAAOK,EAAS,OAAO,CAAC;AAE5B,QAAM,CAACM,GAAkB,EAAE,WAAAC,EAAA,CAAW,IAAIC,EAAA,GAEpCC,IAAyB,YAAY;AACzC,QAAI;AAEF,YAAMH,EAAiB;AAAA,QACrB,aAAAV;AAAA,QACA,WAAAC;AAAA,QACA,YAAAC;AAAA,QACA,0BAA0B;AAAA,UACxB,OAAOI;AAAA,QAAA;AAAA,MACT,CACD,EAAE,OAAA,GAEHQ,EAAM,QAAQ,iCAAiC,GAG/ChB,EAAA;AAAA,IACF,SAASiB,GAAO;AACd,cAAQ,MAAMA,CAAK,GACnBD,EAAM,MAAM,6BAA6B;AAAA,IAC3C;AAAA,EACF,GAEME,IAAmB,CAACC,MAAkC;AAC1D,IAAAA,EAAE,eAAA,GACEX,KACFO,EAAA;AAAA,EAEJ,GAEMK,IAAe,MAAM;AAEzB,IAAAX,EAAa,EAAE,GAEfT,EAAA;AAAA,EACF;AAEA,SACEqB,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAtB;AAAA,MACA,QAAQqB,gBAAAA,EAAAA,IAACE,GAAA,EAAa,UAAA,kBAAkBtB,CAAK,IAAG;AAAA,MAChD,+BACGuB,GAAA,EACC,UAAA;AAAA,QAAAH,gBAAAA,MAACI,KAAO,OAAM,UAAS,SAASL,GAAc,SAAQ,QAAO;AAAA,QAC7DC,gBAAAA,EAAAA;AAAAA,UAACK;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,QAAQ,CAAC,CAAClB;AAAA,YACV,QAAQK;AAAA,YACR,MAAK;AAAA,YACL,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP,GACF;AAAA,MAEF,MAAK;AAAA,MACJ,GAAGR;AAAA,MAEJ,UAAAgB,gBAAAA,EAAAA,IAAC,QAAA,EAAK,UAAUH,GAAkB,IAAG,mBACnC,UAAAG,gBAAAA,EAAAA;AAAAA,QAACM;AAAA,QAAA;AAAA,UACC,OAAOnB;AAAA,UACP,UAAU,CAACW,MAAMV,EAAaU,EAAE,OAAO,KAAK;AAAA,UAC5C,aAAY;AAAA,UACZ,OAAO,EAAE,OAAO,OAAA;AAAA,UAChB,WAAS;AAAA,UACT,WAAW,CAACA,MACVA,EAAE,QAAQ,YAAYA,EAAE,WAAWA,EAAE,YAAYJ,EAAA;AAAA,UAEnD,KAAKT;AAAA,QAAA;AAAA,MAAA,EACP,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"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      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","updateReviewable","isLoading","useUpdateReviewableMutation","handleUpdateReviewable","toast","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;AACJ,QAAMC,IAAWC,EAAyB,IAAI,GACxC,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAE;AAG7C,EAAAC,EAAU,MAAM;AACd,QAAKL,EAAS;AACd,aAAAG,EAAaR,CAAK,GAElBK,EAAS,SAAS,OAAA,GAEX,MAAM;AACX,QAAAG,EAAa,EAAE;AAAA,MACjB;AAAA,EACF,GAAG,CAACR,GAAOK,EAAS,OAAO,CAAC;AAE5B,QAAM,CAACM,GAAkB,EAAE,WAAAC,EAAA,CAAW,IAAIC,EAAA,GAEpCC,IAAyB,YAAY;AACzC,QAAI;AAEF,YAAMH,EAAiB;AAAA,QACrB,aAAAV;AAAA,QACA,WAAAC;AAAA,QACA,YAAAC;AAAA,QACA,0BAA0B;AAAA,UACxB,OAAOI;AAAA,QAAA;AAAA,MACT,CACD,EAAE,OAAA,GAEHQ,EAAM,QAAQ,iCAAiC,GAG/ChB,EAAA;AAAA,IACF,QAAgB;AACd,MAAAgB,EAAM,MAAM,6BAA6B;AAAA,IAC3C;AAAA,EACF,GAEMC,IAAmB,CAACC,MAAkC;AAC1D,IAAAA,EAAE,eAAA,GACEV,KACFO,EAAA;AAAA,EAEJ,GAEMI,IAAe,MAAM;AAEzB,IAAAV,EAAa,EAAE,GAEfT,EAAA;AAAA,EACF;AAEA,SACEoB,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAArB;AAAA,MACA,QAAQoB,gBAAAA,EAAAA,IAACE,GAAA,EAAa,UAAA,kBAAkBrB,CAAK,IAAG;AAAA,MAChD,+BACGsB,GAAA,EACC,UAAA;AAAA,QAAAH,gBAAAA,MAACI,KAAO,OAAM,UAAS,SAASL,GAAc,SAAQ,QAAO;AAAA,QAC7DC,gBAAAA,EAAAA;AAAAA,UAACK;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,QAAQ,CAAC,CAACjB;AAAA,YACV,QAAQK;AAAA,YACR,MAAK;AAAA,YACL,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP,GACF;AAAA,MAEF,MAAK;AAAA,MACJ,GAAGR;AAAA,MAEJ,UAAAe,gBAAAA,EAAAA,IAAC,QAAA,EAAK,UAAUH,GAAkB,IAAG,mBACnC,UAAAG,gBAAAA,EAAAA;AAAAA,QAACM;AAAA,QAAA;AAAA,UACC,OAAOlB;AAAA,UACP,UAAU,CAACU,MAAMT,EAAaS,EAAE,OAAO,KAAK;AAAA,UAC5C,aAAY;AAAA,UACZ,OAAO,EAAE,OAAO,OAAA;AAAA,UAChB,WAAS;AAAA,UACT,WAAW,CAACA,MACVA,EAAE,QAAQ,YAAYA,EAAE,WAAWA,EAAE,YAAYH,EAAA;AAAA,UAEnD,KAAKT;AAAA,QAAA;AAAA,MAAA,EACP,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,2 +1,2 @@
-"use strict";const t=require("../../../../_virtual/jsx-runtime.cjs.js"),j=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/dataImport.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/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");const se=require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");const ne=require("../../api/queries/review/getReview.cjs.js"),S=require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const o=require("@dnd-kit/core"),f=require("@dnd-kit/sortable"),oe=require("../ReviewableCard/ReviewableCard.cjs.js"),y=require("../ReviewableProgressCard/ReviewableProgressCard.cjs.js"),ue=require("./SortableReviewableCard.cjs.js"),ae=require("./ReviewablesList.styled.cjs.js"),P=require("react-toastify"),le=require("./getGroupedReviewables.cjs.js"),de=require("../../containers/ContextMenu/useCreateContextMenu.cjs.js"),ce=require("../../util/confirmDelete.cjs.js");require("uuid");require("lodash");require("../../util/pubsub.cjs.js");const qe=require("./EditReviewableDialog.cjs.js"),ge=require("./ReviewablesUpload.cjs.js"),xe=require("../../context/DetailsPanelContext.cjs.js"),fe=({projectName:s,versionId:u,productId:p,isLoadingVersion:M,scope:k})=>{const{onOpenViewer:F,user:c,viewer:m,dispatch:A}=xe.useDetailsPanelContext(),{data:I,isLoading:L}=se.useGetMyProjectPermissionsQuery({projectName:s},{skip:!s}),V=c.data?.isManager||c.data?.isAdmin||!L&&(!I?.activities?.enabled||!!I?.activities?.activities?.includes("reviewable")),{data:O,isFetching:G,currentData:U}=ne.useGetReviewablesForVersionQuery({projectName:s,versionId:u},{skip:!u||!s}),$=!1,h=m?.reviewableIds||[],T=c.name,_=c.data?.isUser,[b,C]=j.useState(null),[v,w]=j.useState(null),K=o.useSensors(o.useSensor(o.PointerSensor),o.useSensor(o.KeyboardSensor,{coordinateGetter:f.sortableKeyboardCoordinates})),a=O?.reviewables||[],R=a.find(e=>e.fileId===v),Q=U?.id,z=G&&u!==Q||M,B=e=>{if(v)return console.log("Dragging, cannot open review");const i=e.currentTarget.id;if(!i||!p)return console.error("No reviewable id or product id");const r=a.find(n=>n.fileId===i);console.debug(r),console.debug(r?.mediaInfo),F?.({projectName:s,productId:p,versionIds:[u],reviewableIds:[i]})},{playable:q,incompatible:H,processing:J,queued:W}=le.getGroupedReviewables(a,$);function X(e){const{active:i}=e;w(i.id)}const[Y]=S.useSortVersionReviewablesMutation(),Z=async e=>{const{active:i,over:r}=e;if(r?.id&&i.id!==r.id){console.log("update review position");const n=q.findIndex(l=>l.fileId===i.id),g=q.findIndex(l=>l.fileId===r.id),d=f.arrayMove(q,n,g).map(l=>l.activityId);try{Y({projectName:s,versionId:u,sortReviewablesRequest:{sort:d}}).unwrap()}catch{P.toast.error("Error sorting reviewables")}}w(null)},D=[];k==="review"&&D.push(e=>({...e.transform,x:e.transform.x-32,y:e.transform.y-32}));const N="File type not supported at this time. Please contact support for further assistance.",ee=(e,i="")=>{let r=`/api/projects/${s}/files/${e}`;const n=document.createElement("a");n.href=r,n.target="_blank",document.body.appendChild(n),n.click(),document.body.removeChild(n)},[re]=S.useDeleteReviewableMutation(),ie=async(e,i)=>{ce.confirmDelete({header:"Delete "+i,message:"Are you sure you want to delete this reviewable?",accept:async()=>{try{await re({activityId:e,projectName:s}).unwrap()}catch{P.toast.error("Failed to delete reviewable")}}})},[te]=de.useCreateContextMenu(),E=e=>{const i=e.currentTarget.id;if(!i)return;const r=a.find(d=>d.fileId===i);if(!r)return;const n=r.createdFrom||r.fileId,g=a.find(d=>d.fileId===n),x=[{label:"Download original",icon:"download",onClick:()=>ee(n,g?.filename),disabled:!g}];(T===r.author.name||!_)&&x.push({label:"Delete",icon:"delete",onClick:()=>ie(r.activityId,r.label||r.filename),danger:!0}),x.push({label:`Author: ${r.author.fullName||r.author.name}`,icon:"person",disabled:!0}),te(e,x)};return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(ge.ReviewableUpload,{projectName:s,versionId:u,productId:p,taskId:m?.taskId,folderId:m?.folderId,dispatch:A,readOnly:!V,children:z?Array.from({length:3}).map((e,i)=>t.jsxRuntimeExports.jsx(ae.LoadingCard,{className:"loading"},i)):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs(o.DndContext,{sensors:K,collisionDetection:o.closestCenter,onDragStart:X,onDragEnd:Z,onDragCancel:()=>w(null),children:[t.jsxRuntimeExports.jsx(f.SortableContext,{items:a.map(({fileId:e})=>e),strategy:f.verticalListSortingStrategy,children:q.map(e=>t.jsxRuntimeExports.jsx(ue,{projectName:s,onClick:B,isSelected:h.includes(e.fileId),isDragging:!!v,onContextMenu:E,onEdit:i=>{i.stopPropagation(),C(e.activityId)},...e},e.fileId))}),t.jsxRuntimeExports.jsx(o.DragOverlay,{modifiers:D,children:R?t.jsxRuntimeExports.jsx(oe.ReviewableCard,{...R,projectName:s,isDragOverlay:!0,isDragging:!0,isSelected:h.includes(R.fileId)}):null})]}),J.map(e=>t.jsxRuntimeExports.jsx(y.ReviewableProgressCard,{name:e.filename,type:"processing",progress:e.processing?.progress,fileId:e.fileId},e.fileId)),W.map(e=>t.jsxRuntimeExports.jsx(y.ReviewableProgressCard,{name:e.filename,type:"queued",fileId:e.fileId},e.fileId)),H.map(e=>t.jsxRuntimeExports.jsx(y.ReviewableProgressCard,{name:e.filename,type:"unsupported",tooltip:N,src:`/api/projects/${s}/files/${e.fileId}/thumbnail`,onContextMenu:E,fileId:e.fileId},e.fileId))]})}),b&&t.jsxRuntimeExports.jsx(qe,{isOpen:!0,onClose:()=>C(null),label:a.find(e=>e.activityId===b)?.label||"",projectName:s,versionId:u,activityId:b})]})};module.exports=fe;
+"use strict";const t=require("../../../../_virtual/jsx-runtime.cjs.js"),j=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/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/enums.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/accessGroups/getAccessGroups.cjs.js");require("../../api/queries/accessGroups/updateAccessGroups.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/enums/getEnums.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");const se=require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");const ne=require("../../api/queries/review/getReview.cjs.js"),S=require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const o=require("@dnd-kit/core"),f=require("@dnd-kit/sortable"),oe=require("../ReviewableCard/ReviewableCard.cjs.js"),y=require("../ReviewableProgressCard/ReviewableProgressCard.cjs.js"),ue=require("./SortableReviewableCard.cjs.js"),ae=require("./ReviewablesList.styled.cjs.js"),P=require("react-toastify"),le=require("./getGroupedReviewables.cjs.js"),de=require("../../containers/ContextMenu/useCreateContextMenu.cjs.js"),ce=require("../../util/confirmDelete.cjs.js");require("uuid");require("lodash");require("../../util/searchTerms.cjs.js");require("../../util/pubsub.cjs.js");const qe=require("./EditReviewableDialog.cjs.js"),ge=require("./ReviewablesUpload.cjs.js"),xe=require("../../context/DetailsPanelContext.cjs.js"),fe=({projectName:s,versionId:u,productId:p,isLoadingVersion:M,scope:k})=>{const{onOpenViewer:F,user:c,viewer:m,dispatch:A}=xe.useDetailsPanelContext(),{data:I,isLoading:L}=se.useGetMyProjectPermissionsQuery({projectName:s},{skip:!s}),V=c.data?.isManager||c.data?.isAdmin||!L&&(!I?.activities?.enabled||!!I?.activities?.activities?.includes("reviewable")),{data:O,isFetching:G,currentData:U}=ne.useGetReviewablesForVersionQuery({projectName:s,versionId:u},{skip:!u||!s}),$=!1,h=m?.reviewableIds||[],T=c.name,_=c.data?.isUser,[b,C]=j.useState(null),[v,w]=j.useState(null),K=o.useSensors(o.useSensor(o.PointerSensor),o.useSensor(o.KeyboardSensor,{coordinateGetter:f.sortableKeyboardCoordinates})),a=O?.reviewables||[],R=a.find(e=>e.fileId===v),Q=U?.id,z=G&&u!==Q||M,B=e=>{if(v)return console.log("Dragging, cannot open review");const i=e.currentTarget.id;if(!i||!p)return console.error("No reviewable id or product id");const r=a.find(n=>n.fileId===i);console.debug(r),console.debug(r?.mediaInfo),F?.({projectName:s,productId:p,versionIds:[u],reviewableIds:[i]})},{playable:q,incompatible:H,processing:J,queued:W}=le.getGroupedReviewables(a,$);function X(e){const{active:i}=e;w(i.id)}const[Y]=S.useSortVersionReviewablesMutation(),Z=async e=>{const{active:i,over:r}=e;if(r?.id&&i.id!==r.id){console.log("update review position");const n=q.findIndex(l=>l.fileId===i.id),g=q.findIndex(l=>l.fileId===r.id),d=f.arrayMove(q,n,g).map(l=>l.activityId);try{Y({projectName:s,versionId:u,sortReviewablesRequest:{sort:d}}).unwrap()}catch{P.toast.error("Error sorting reviewables")}}w(null)},D=[];k==="review"&&D.push(e=>({...e.transform,x:e.transform.x-32,y:e.transform.y-32}));const N="File type not supported at this time. Please contact support for further assistance.",ee=(e,i="")=>{let r=`/api/projects/${s}/files/${e}`;const n=document.createElement("a");n.href=r,n.target="_blank",document.body.appendChild(n),n.click(),document.body.removeChild(n)},[re]=S.useDeleteReviewableMutation(),ie=async(e,i)=>{ce.confirmDelete({header:"Delete "+i,message:"Are you sure you want to delete this reviewable?",accept:async()=>{try{await re({activityId:e,projectName:s}).unwrap()}catch{P.toast.error("Failed to delete reviewable")}}})},[te]=de.useCreateContextMenu(),E=e=>{const i=e.currentTarget.id;if(!i)return;const r=a.find(d=>d.fileId===i);if(!r)return;const n=r.createdFrom||r.fileId,g=a.find(d=>d.fileId===n),x=[{label:"Download original",icon:"download",onClick:()=>ee(n,g?.filename),disabled:!g}];(T===r.author.name||!_)&&x.push({label:"Delete",icon:"delete",onClick:()=>ie(r.activityId,r.label||r.filename),danger:!0}),x.push({label:`Author: ${r.author.fullName||r.author.name}`,icon:"person",disabled:!0}),te(e,x)};return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(ge.ReviewableUpload,{projectName:s,versionId:u,productId:p,taskId:m?.taskId,folderId:m?.folderId,dispatch:A,readOnly:!V,children:z?Array.from({length:3}).map((e,i)=>t.jsxRuntimeExports.jsx(ae.LoadingCard,{className:"loading"},i)):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs(o.DndContext,{sensors:K,collisionDetection:o.closestCenter,onDragStart:X,onDragEnd:Z,onDragCancel:()=>w(null),children:[t.jsxRuntimeExports.jsx(f.SortableContext,{items:a.map(({fileId:e})=>e),strategy:f.verticalListSortingStrategy,children:q.map(e=>t.jsxRuntimeExports.jsx(ue,{projectName:s,onClick:B,isSelected:h.includes(e.fileId),isDragging:!!v,onContextMenu:E,onEdit:i=>{i.stopPropagation(),C(e.activityId)},...e},e.fileId))}),t.jsxRuntimeExports.jsx(o.DragOverlay,{modifiers:D,children:R?t.jsxRuntimeExports.jsx(oe.ReviewableCard,{...R,projectName:s,isDragOverlay:!0,isDragging:!0,isSelected:h.includes(R.fileId)}):null})]}),J.map(e=>t.jsxRuntimeExports.jsx(y.ReviewableProgressCard,{name:e.filename,type:"processing",progress:e.processing?.progress,fileId:e.fileId},e.fileId)),W.map(e=>t.jsxRuntimeExports.jsx(y.ReviewableProgressCard,{name:e.filename,type:"queued",fileId:e.fileId},e.fileId)),H.map(e=>t.jsxRuntimeExports.jsx(y.ReviewableProgressCard,{name:e.filename,type:"unsupported",tooltip:N,src:`/api/projects/${s}/files/${e.fileId}/thumbnail`,onContextMenu:E,fileId:e.fileId},e.fileId))]})}),b&&t.jsxRuntimeExports.jsx(qe,{isOpen:!0,onClose:()=>C(null),label:a.find(e=>e.activityId===b)?.label||"",projectName:s,versionId:u,activityId:b})]})};module.exports=fe;
 //# sourceMappingURL=ReviewablesList.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ReviewablesList.cjs.js","sources":["../../../../../src/components/ReviewablesList/ReviewablesList.tsx"],"sourcesContent":["import { FC, MouseEvent, useState } from 'react'\n// queries\nimport { useGetReviewablesForVersionQuery } from '@shared/api'\nimport { useDeleteReviewableMutation, useSortVersionReviewablesMutation } from '@shared/api'\n\n// DND\nimport {\n  DndContext,\n  closestCenter,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n  UniqueIdentifier,\n  DragEndEvent,\n  DragOverlay,\n  DragStartEvent,\n} from '@dnd-kit/core'\nimport {\n  arrayMove,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable'\n\n// components\nimport { ReviewableCard } from '../ReviewableCard'\nimport { ReviewableProgressCard } from '../ReviewableProgressCard'\nimport SortableReviewableCard from './SortableReviewableCard'\nimport * as Styled from './ReviewablesList.styled'\nimport { toast } from 'react-toastify'\n\n// utils\nimport { getGroupedReviewables } from './getGroupedReviewables'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu/useCreateContextMenu'\nimport { confirmDelete } from '@shared/util'\nimport EditReviewableDialog from './EditReviewableDialog'\nimport ReviewableUpload from './ReviewablesUpload'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\nimport { useGetMyProjectPermissionsQuery } from '@shared/api'\n\ninterface ReviewablesListProps {\n  projectName: string\n  versionId: string\n  productId: string\n  isLoadingVersion: boolean\n  scope: string\n}\n\nconst ReviewablesList: FC<ReviewablesListProps> = ({\n  projectName,\n  versionId,\n  productId,\n  isLoadingVersion,\n  scope,\n}) => {\n  const { onOpenViewer, user, viewer, dispatch } = useDetailsPanelContext()\n\n  // check activities permission for reviewable uploads\n  const { data: projectPermissions, isLoading: isLoadingPermissions } =\n    useGetMyProjectPermissionsQuery({ projectName }, { skip: !projectName })\n  const canUploadReviewable =\n    user.data?.isManager ||\n    user.data?.isAdmin ||\n    (!isLoadingPermissions &&\n      (!projectPermissions?.activities?.enabled ||\n        !!projectPermissions?.activities?.activities?.includes('reviewable')))\n\n  // returns all reviewables for a product\n  const {\n    data: versionReviewables,\n    isFetching: isFetchingReviewables,\n    currentData,\n  } = useGetReviewablesForVersionQuery(\n    { projectName, versionId: versionId },\n    { skip: !versionId || !projectName },\n  )\n\n  // do we have the premium transcoder?\n  const hasTranscoder = false\n\n  // are we currently looking at review? (is it selected in the viewer)\n  const reviewableIds = viewer?.reviewableIds || []\n  const userName = user.name\n  const currentIsUser = user.data?.isUser\n\n  // either null or the reviewable id we are editing\n  const [editActivityId, setEditActivityId] = useState<null | string>(null)\n\n  // dragging activeId\n  const [activeId, setActiveId] = useState<null | string>(null)\n\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  )\n\n  const reviewables = versionReviewables?.reviewables || []\n  const draggingReview = reviewables.find((reviewable) => reviewable.fileId === activeId)\n\n  const currentVersionId = currentData?.id\n  const queryingNewVersion = versionId !== currentVersionId\n\n  const isLoading = (isFetchingReviewables && queryingNewVersion) || isLoadingVersion\n\n  const handleReviewableClick = (event: MouseEvent<HTMLDivElement>) => {\n    // check are not dragging\n    if (activeId) return console.log('Dragging, cannot open review')\n\n    // get the reviewable id\n    const id = event.currentTarget.id\n    if (!id || !productId) return console.error('No reviewable id or product id')\n\n    const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n    console.debug(reviewable)\n    console.debug(reviewable?.mediaInfo)\n\n    // open the reviewable dialog\n    onOpenViewer?.({\n      projectName: projectName,\n      productId: productId,\n      versionIds: [versionId],\n      reviewableIds: [id],\n    })\n  }\n\n  const { playable, incompatible, processing, queued } = getGroupedReviewables(\n    reviewables,\n    hasTranscoder,\n  )\n\n  function handleDragStart(event: DragStartEvent) {\n    const { active } = event\n\n    setActiveId(active.id as string)\n  }\n\n  const [sortVersionReviewables] = useSortVersionReviewablesMutation()\n\n  const handleDragEnd = async (event: DragEndEvent) => {\n    const { active, over } = event\n\n    if (over?.id && active.id !== over.id) {\n      console.log('update review position')\n\n      const oldIndex = playable.findIndex((reviewable) => reviewable.fileId === active.id)\n      const newIndex = playable.findIndex((reviewable) => reviewable.fileId === over.id)\n\n      //   resort the reviewables\n      const newReviewables = arrayMove(playable, oldIndex, newIndex)\n\n      const newOrder = newReviewables.map((reviewable) => reviewable.activityId)\n\n      try {\n        // update the reviewables\n        sortVersionReviewables({\n          projectName,\n          versionId,\n          sortReviewablesRequest: { sort: newOrder },\n        }).unwrap()\n      } catch (error) {\n        toast.error('Error sorting reviewables')\n      }\n    }\n    setActiveId(null)\n  }\n\n  const overlayModifiers = []\n  // hack to make the dnd overlay pos work inside dialog\n  if (scope === 'review') {\n    overlayModifiers.push((args: any) => ({\n      ...args.transform,\n      x: args.transform.x - 32,\n      y: args.transform.y - 32,\n    }))\n  }\n\n  const incompatibleMessage = `File type not supported at this time. Please contact support for further assistance.`\n\n  const handleDownloadFile = (fileId: string, fileName: string = '') => {\n    let url = `/api/projects/${projectName}/files/${fileId}`\n\n    // if (codec) url += `.${codec}`\n\n    // Create an invisible anchor element\n    const a = document.createElement('a')\n    a.href = url\n    a.target = '_blank'\n    document.body.appendChild(a)\n\n    // Trigger a click event on the anchor element\n    a.click()\n\n    // Remove the anchor element from the document\n    document.body.removeChild(a)\n  }\n\n  const [deleteReviewable] = useDeleteReviewableMutation()\n\n  const handleDelete = async (activityId: string, label: string) => {\n    // @ts-ignore\n    confirmDelete({\n      header: 'Delete ' + label,\n      message: 'Are you sure you want to delete this reviewable?',\n      accept: async () => {\n        try {\n          await deleteReviewable({ activityId, projectName }).unwrap()\n        } catch (error) {\n          toast.error('Failed to delete reviewable')\n        }\n      },\n    })\n  }\n\n  // create the ref and model\n  const [ctxMenuShow] = useCreateContextMenu()\n\n  const handleContextMenu = (event: MouseEvent<HTMLDivElement>) => {\n    // get the reviewable by id\n    const id = event.currentTarget.id\n\n    if (!id) return\n\n    const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n\n    if (!reviewable) return\n\n    const originalFileId = reviewable.createdFrom || reviewable.fileId\n    const originalReviewable = reviewables.find(\n      (reviewable) => reviewable.fileId === originalFileId,\n    )\n\n    const items: {\n      label: string\n      icon: string\n      onClick?: () => void\n      disabled?: boolean\n      danger?: boolean\n    }[] = [\n      {\n        label: 'Download original',\n        icon: 'download',\n        onClick: () => handleDownloadFile(originalFileId, originalReviewable?.filename),\n        disabled: !originalReviewable,\n      },\n    ]\n\n    if (userName === reviewable.author.name || !currentIsUser) {\n      items.push({\n        label: 'Delete',\n        icon: 'delete',\n        onClick: () => handleDelete(reviewable.activityId, reviewable.label || reviewable.filename),\n        danger: true,\n      })\n    }\n\n    // add author\n    items.push({\n      label: `Author: ${reviewable.author.fullName || reviewable.author.name}`,\n      icon: 'person',\n      disabled: true,\n    })\n\n    ctxMenuShow(event, items)\n  }\n\n  return (\n    <>\n      <ReviewableUpload\n        projectName={projectName}\n        versionId={versionId}\n        productId={productId}\n        taskId={viewer?.taskId}\n        folderId={viewer?.folderId}\n        dispatch={dispatch}\n        readOnly={!canUploadReviewable}\n      >\n        {isLoading ? (\n          Array.from({ length: 3 }).map((_, index) => (\n            <Styled.LoadingCard key={index} className=\"loading\" />\n          ))\n        ) : (\n          <>\n            <DndContext\n              sensors={sensors}\n              collisionDetection={closestCenter}\n              onDragStart={handleDragStart}\n              onDragEnd={handleDragEnd}\n              onDragCancel={() => setActiveId(null)}\n            >\n              <SortableContext\n                items={reviewables.map(({ fileId }) => fileId as UniqueIdentifier)}\n                strategy={verticalListSortingStrategy}\n              >\n                {playable.map((reviewable) => (\n                  <SortableReviewableCard\n                    key={reviewable.fileId}\n                    projectName={projectName}\n                    onClick={handleReviewableClick}\n                    isSelected={reviewableIds.includes(reviewable.fileId)}\n                    isDragging={!!activeId}\n                    onContextMenu={handleContextMenu}\n                    onEdit={(e) => {\n                      e.stopPropagation()\n                      setEditActivityId(reviewable.activityId)\n                    }}\n                    {...reviewable}\n                  />\n                ))}\n              </SortableContext>\n\n              {/* drag overlay */}\n              <DragOverlay modifiers={overlayModifiers}>\n                {draggingReview ? (\n                  <ReviewableCard\n                    {...draggingReview}\n                    projectName={projectName}\n                    isDragOverlay\n                    isDragging\n                    isSelected={reviewableIds.includes(draggingReview.fileId)}\n                  />\n                ) : null}\n              </DragOverlay>\n            </DndContext>\n            {processing.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'processing'}\n                progress={reviewable.processing?.progress}\n                fileId={reviewable.fileId}\n              />\n            ))}\n\n            {queued.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'queued'}\n                fileId={reviewable.fileId}\n              />\n            ))}\n\n            {incompatible.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'unsupported'}\n                tooltip={incompatibleMessage}\n                src={`/api/projects/${projectName}/files/${reviewable.fileId}/thumbnail`}\n                onContextMenu={handleContextMenu}\n                fileId={reviewable.fileId}\n              />\n            ))}\n          </>\n        )}\n      </ReviewableUpload>\n\n      {editActivityId && (\n        <EditReviewableDialog\n          isOpen\n          onClose={() => setEditActivityId(null)}\n          label={\n            reviewables.find((reviewable) => reviewable.activityId === editActivityId)?.label || ''\n          }\n          projectName={projectName}\n          versionId={versionId}\n          activityId={editActivityId}\n        />\n      )}\n    </>\n  )\n}\n\nexport default ReviewablesList\n"],"names":["ReviewablesList","projectName","versionId","productId","isLoadingVersion","scope","onOpenViewer","user","viewer","dispatch","useDetailsPanelContext","projectPermissions","isLoadingPermissions","useGetMyProjectPermissionsQuery","canUploadReviewable","versionReviewables","isFetchingReviewables","currentData","useGetReviewablesForVersionQuery","hasTranscoder","reviewableIds","userName","currentIsUser","editActivityId","setEditActivityId","useState","activeId","setActiveId","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","reviewables","draggingReview","reviewable","currentVersionId","isLoading","handleReviewableClick","event","id","playable","incompatible","processing","queued","getGroupedReviewables","handleDragStart","active","sortVersionReviewables","useSortVersionReviewablesMutation","handleDragEnd","over","oldIndex","newIndex","newOrder","arrayMove","toast","overlayModifiers","args","incompatibleMessage","handleDownloadFile","fileId","fileName","url","a","deleteReviewable","useDeleteReviewableMutation","handleDelete","activityId","label","confirmDelete","ctxMenuShow","useCreateContextMenu","handleContextMenu","originalFileId","originalReviewable","items","jsxs","Fragment","jsx","ReviewableUpload","_","index","Styled.LoadingCard","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","SortableReviewableCard","e","DragOverlay","ReviewableCard","ReviewableProgressCard","EditReviewableDialog"],"mappings":"m1LAiDMA,GAA4C,CAAC,CACjD,YAAAC,EACA,UAAAC,EACA,UAAAC,EACA,iBAAAC,EACA,MAAAC,CACF,IAAM,CACJ,KAAM,CAAE,aAAAC,EAAc,KAAAC,EAAM,OAAAC,EAAQ,SAAAC,CAAA,EAAaC,GAAAA,uBAAA,EAG3C,CAAE,KAAMC,EAAoB,UAAWC,GAC3CC,mCAAgC,CAAE,YAAAZ,CAAA,EAAe,CAAE,KAAM,CAACA,EAAa,EACnEa,EACJP,EAAK,MAAM,WACXA,EAAK,MAAM,SACV,CAACK,IACC,CAACD,GAAoB,YAAY,SAChC,CAAC,CAACA,GAAoB,YAAY,YAAY,SAAS,YAAY,GAGnE,CACJ,KAAMI,EACN,WAAYC,EACZ,YAAAC,CAAA,EACEC,GAAAA,iCACF,CAAE,YAAAjB,EAAa,UAAAC,CAAA,EACf,CAAE,KAAM,CAACA,GAAa,CAACD,CAAA,CAAY,EAI/BkB,EAAgB,GAGhBC,EAAgBZ,GAAQ,eAAiB,CAAA,EACzCa,EAAWd,EAAK,KAChBe,EAAgBf,EAAK,MAAM,OAG3B,CAACgB,EAAgBC,CAAiB,EAAIC,EAAAA,SAAwB,IAAI,EAGlE,CAACC,EAAUC,CAAW,EAAIF,EAAAA,SAAwB,IAAI,EAEtDG,EAAUC,EAAAA,WACdC,EAAAA,UAAUC,EAAAA,aAAa,EACvBD,EAAAA,UAAUE,EAAAA,eAAgB,CACxB,iBAAkBC,EAAAA,2BAAA,CACnB,CAAA,EAGGC,EAAcnB,GAAoB,aAAe,CAAA,EACjDoB,EAAiBD,EAAY,KAAME,GAAeA,EAAW,SAAWV,CAAQ,EAEhFW,EAAmBpB,GAAa,GAGhCqB,EAAatB,GAFQd,IAAcmC,GAE0BjC,EAE7DmC,EAAyBC,GAAsC,CAEnE,GAAId,EAAU,OAAO,QAAQ,IAAI,8BAA8B,EAG/D,MAAMe,EAAKD,EAAM,cAAc,GAC/B,GAAI,CAACC,GAAM,CAACtC,EAAW,OAAO,QAAQ,MAAM,gCAAgC,EAE5E,MAAMiC,EAAaF,EAAY,KAAME,GAAeA,EAAW,SAAWK,CAAE,EAC5E,QAAQ,MAAML,CAAU,EACxB,QAAQ,MAAMA,GAAY,SAAS,EAGnC9B,IAAe,CACb,YAAAL,EACA,UAAAE,EACA,WAAY,CAACD,CAAS,EACtB,cAAe,CAACuC,CAAE,CAAA,CACnB,CACH,EAEM,CAAE,SAAAC,EAAU,aAAAC,EAAc,WAAAC,EAAY,OAAAC,GAAWC,GAAAA,sBACrDZ,EACAf,CAAA,EAGF,SAAS4B,EAAgBP,EAAuB,CAC9C,KAAM,CAAE,OAAAQ,GAAWR,EAEnBb,EAAYqB,EAAO,EAAY,CACjC,CAEA,KAAM,CAACC,CAAsB,EAAIC,oCAAA,EAE3BC,EAAgB,MAAOX,GAAwB,CACnD,KAAM,CAAE,OAAAQ,EAAQ,KAAAI,CAAA,EAASZ,EAEzB,GAAIY,GAAM,IAAMJ,EAAO,KAAOI,EAAK,GAAI,CACrC,QAAQ,IAAI,wBAAwB,EAEpC,MAAMC,EAAWX,EAAS,UAAWN,GAAeA,EAAW,SAAWY,EAAO,EAAE,EAC7EM,EAAWZ,EAAS,UAAWN,GAAeA,EAAW,SAAWgB,EAAK,EAAE,EAK3EG,EAFiBC,EAAAA,UAAUd,EAAUW,EAAUC,CAAQ,EAE7B,IAAKlB,GAAeA,EAAW,UAAU,EAEzE,GAAI,CAEFa,EAAuB,CACrB,YAAAhD,EACA,UAAAC,EACA,uBAAwB,CAAE,KAAMqD,CAAA,CAAS,CAC1C,EAAE,OAAA,CACL,MAAgB,CACdE,EAAAA,MAAM,MAAM,2BAA2B,CACzC,CACF,CACA9B,EAAY,IAAI,CAClB,EAEM+B,EAAmB,CAAA,EAErBrD,IAAU,UACZqD,EAAiB,KAAMC,IAAe,CACpC,GAAGA,EAAK,UACR,EAAGA,EAAK,UAAU,EAAI,GACtB,EAAGA,EAAK,UAAU,EAAI,EAAA,EACtB,EAGJ,MAAMC,EAAsB,uFAEtBC,GAAqB,CAACC,EAAgBC,EAAmB,KAAO,CACpE,IAAIC,EAAM,iBAAiB/D,CAAW,UAAU6D,CAAM,GAKtD,MAAMG,EAAI,SAAS,cAAc,GAAG,EACpCA,EAAE,KAAOD,EACTC,EAAE,OAAS,SACX,SAAS,KAAK,YAAYA,CAAC,EAG3BA,EAAE,MAAA,EAGF,SAAS,KAAK,YAAYA,CAAC,CAC7B,EAEM,CAACC,EAAgB,EAAIC,8BAAA,EAErBC,GAAe,MAAOC,EAAoBC,IAAkB,CAEhEC,iBAAc,CACZ,OAAQ,UAAYD,EACpB,QAAS,mDACT,OAAQ,SAAY,CAClB,GAAI,CACF,MAAMJ,GAAiB,CAAE,WAAAG,EAAY,YAAApE,CAAA,CAAa,EAAE,OAAA,CACtD,MAAgB,CACdwD,EAAAA,MAAM,MAAM,6BAA6B,CAC3C,CACF,CAAA,CACD,CACH,EAGM,CAACe,EAAW,EAAIC,wBAAA,EAEhBC,EAAqBlC,GAAsC,CAE/D,MAAMC,EAAKD,EAAM,cAAc,GAE/B,GAAI,CAACC,EAAI,OAET,MAAML,EAAaF,EAAY,KAAME,GAAeA,EAAW,SAAWK,CAAE,EAE5E,GAAI,CAACL,EAAY,OAEjB,MAAMuC,EAAiBvC,EAAW,aAAeA,EAAW,OACtDwC,EAAqB1C,EAAY,KACpCE,GAAeA,EAAW,SAAWuC,CAAA,EAGlCE,EAMA,CACJ,CACE,MAAO,oBACP,KAAM,WACN,QAAS,IAAMhB,GAAmBc,EAAgBC,GAAoB,QAAQ,EAC9E,SAAU,CAACA,CAAA,CACb,GAGEvD,IAAae,EAAW,OAAO,MAAQ,CAACd,IAC1CuD,EAAM,KAAK,CACT,MAAO,SACP,KAAM,SACN,QAAS,IAAMT,GAAahC,EAAW,WAAYA,EAAW,OAASA,EAAW,QAAQ,EAC1F,OAAQ,EAAA,CACT,EAIHyC,EAAM,KAAK,CACT,MAAO,WAAWzC,EAAW,OAAO,UAAYA,EAAW,OAAO,IAAI,GACtE,KAAM,SACN,SAAU,EAAA,CACX,EAEDoC,GAAYhC,EAAOqC,CAAK,CAC1B,EAEA,OACEC,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,GAAAA,iBAAA,CACC,YAAAhF,EACA,UAAAC,EACA,UAAAC,EACA,OAAQK,GAAQ,OAChB,SAAUA,GAAQ,SAClB,SAAAC,EACA,SAAU,CAACK,EAEV,SAAAwB,EACC,MAAM,KAAK,CAAE,OAAQ,EAAG,EAAE,IAAI,CAAC4C,EAAGC,IAChCH,EAAAA,kBAAAA,IAACI,GAAAA,YAAA,CAA+B,UAAU,SAAA,EAAjBD,CAA2B,CACrD,EAEDL,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAD,EAAAA,kBAAAA,KAACO,EAAAA,WAAA,CACC,QAAAzD,EACA,mBAAoB0D,EAAAA,cACpB,YAAavC,EACb,UAAWI,EACX,aAAc,IAAMxB,EAAY,IAAI,EAEpC,SAAA,CAAAqD,EAAAA,kBAAAA,IAACO,EAAAA,gBAAA,CACC,MAAOrD,EAAY,IAAI,CAAC,CAAE,OAAA4B,CAAA,IAAaA,CAA0B,EACjE,SAAU0B,EAAAA,4BAET,SAAA9C,EAAS,IAAKN,GACb4C,EAAAA,kBAAAA,IAACS,GAAA,CAEC,YAAAxF,EACA,QAASsC,EACT,WAAYnB,EAAc,SAASgB,EAAW,MAAM,EACpD,WAAY,CAAC,CAACV,EACd,cAAegD,EACf,OAASgB,GAAM,CACbA,EAAE,gBAAA,EACFlE,EAAkBY,EAAW,UAAU,CACzC,EACC,GAAGA,CAAA,EAVCA,EAAW,MAAA,CAYnB,CAAA,CAAA,EAIH4C,EAAAA,kBAAAA,IAACW,EAAAA,YAAA,CAAY,UAAWjC,EACrB,SAAAvB,EACC6C,EAAAA,kBAAAA,IAACY,GAAAA,eAAA,CACE,GAAGzD,EACJ,YAAAlC,EACA,cAAa,GACb,WAAU,GACV,WAAYmB,EAAc,SAASe,EAAe,MAAM,CAAA,CAAA,EAExD,IAAA,CACN,CAAA,CAAA,CAAA,EAEDS,EAAW,IAAKR,GACf4C,EAAAA,kBAAAA,IAACa,EAAAA,uBAAA,CAEC,KAAMzD,EAAW,SACjB,KAAM,aACN,SAAUA,EAAW,YAAY,SACjC,OAAQA,EAAW,MAAA,EAJdA,EAAW,MAAA,CAMnB,EAEAS,EAAO,IAAKT,GACX4C,EAAAA,kBAAAA,IAACa,EAAAA,uBAAA,CAEC,KAAMzD,EAAW,SACjB,KAAM,SACN,OAAQA,EAAW,MAAA,EAHdA,EAAW,MAAA,CAKnB,EAEAO,EAAa,IAAKP,GACjB4C,EAAAA,kBAAAA,IAACa,EAAAA,uBAAA,CAEC,KAAMzD,EAAW,SACjB,KAAM,cACN,QAASwB,EACT,IAAK,iBAAiB3D,CAAW,UAAUmC,EAAW,MAAM,aAC5D,cAAesC,EACf,OAAQtC,EAAW,MAAA,EANdA,EAAW,MAAA,CAQnB,CAAA,CAAA,CACH,CAAA,CAAA,EAIHb,GACCyD,EAAAA,kBAAAA,IAACc,GAAA,CACC,OAAM,GACN,QAAS,IAAMtE,EAAkB,IAAI,EACrC,MACEU,EAAY,KAAME,GAAeA,EAAW,aAAeb,CAAc,GAAG,OAAS,GAEvF,YAAAtB,EACA,UAAAC,EACA,WAAYqB,CAAA,CAAA,CACd,EAEJ,CAEJ"}
+{"version":3,"file":"ReviewablesList.cjs.js","sources":["../../../../../src/components/ReviewablesList/ReviewablesList.tsx"],"sourcesContent":["import { FC, MouseEvent, useState } from 'react'\n// queries\nimport { useGetReviewablesForVersionQuery } from '@shared/api'\nimport { useDeleteReviewableMutation, useSortVersionReviewablesMutation } from '@shared/api'\n\n// DND\nimport {\n  DndContext,\n  closestCenter,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n  UniqueIdentifier,\n  DragEndEvent,\n  DragOverlay,\n  DragStartEvent,\n} from '@dnd-kit/core'\nimport {\n  arrayMove,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable'\n\n// components\nimport { ReviewableCard } from '../ReviewableCard'\nimport { ReviewableProgressCard } from '../ReviewableProgressCard'\nimport SortableReviewableCard from './SortableReviewableCard'\nimport * as Styled from './ReviewablesList.styled'\nimport { toast } from 'react-toastify'\n\n// utils\nimport { getGroupedReviewables } from './getGroupedReviewables'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu/useCreateContextMenu'\nimport { confirmDelete } from '@shared/util'\nimport EditReviewableDialog from './EditReviewableDialog'\nimport ReviewableUpload from './ReviewablesUpload'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\nimport { useGetMyProjectPermissionsQuery } from '@shared/api'\n\ninterface ReviewablesListProps {\n  projectName: string\n  versionId: string\n  productId: string\n  isLoadingVersion: boolean\n  scope: string\n}\n\nconst ReviewablesList: FC<ReviewablesListProps> = ({\n  projectName,\n  versionId,\n  productId,\n  isLoadingVersion,\n  scope,\n}) => {\n  const { onOpenViewer, user, viewer, dispatch } = useDetailsPanelContext()\n\n  // check activities permission for reviewable uploads\n  const { data: projectPermissions, isLoading: isLoadingPermissions } =\n    useGetMyProjectPermissionsQuery({ projectName }, { skip: !projectName })\n  const canUploadReviewable =\n    user.data?.isManager ||\n    user.data?.isAdmin ||\n    (!isLoadingPermissions &&\n      (!projectPermissions?.activities?.enabled ||\n        !!projectPermissions?.activities?.activities?.includes('reviewable')))\n\n  // returns all reviewables for a product\n  const {\n    data: versionReviewables,\n    isFetching: isFetchingReviewables,\n    currentData,\n  } = useGetReviewablesForVersionQuery(\n    { projectName, versionId: versionId },\n    { skip: !versionId || !projectName },\n  )\n\n  // do we have the premium transcoder?\n  const hasTranscoder = false\n\n  // are we currently looking at review? (is it selected in the viewer)\n  const reviewableIds = viewer?.reviewableIds || []\n  const userName = user.name\n  const currentIsUser = user.data?.isUser\n\n  // either null or the reviewable id we are editing\n  const [editActivityId, setEditActivityId] = useState<null | string>(null)\n\n  // dragging activeId\n  const [activeId, setActiveId] = useState<null | string>(null)\n\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  )\n\n  const reviewables = versionReviewables?.reviewables || []\n  const draggingReview = reviewables.find((reviewable) => reviewable.fileId === activeId)\n\n  const currentVersionId = currentData?.id\n  const queryingNewVersion = versionId !== currentVersionId\n\n  const isLoading = (isFetchingReviewables && queryingNewVersion) || isLoadingVersion\n\n  const handleReviewableClick = (event: MouseEvent<HTMLDivElement>) => {\n    // check are not dragging\n    if (activeId) return console.log('Dragging, cannot open review')\n\n    // get the reviewable id\n    const id = event.currentTarget.id\n    if (!id || !productId) return console.error('No reviewable id or product id')\n\n    const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n    console.debug(reviewable)\n    console.debug(reviewable?.mediaInfo)\n\n    // open the reviewable dialog\n    onOpenViewer?.({\n      projectName: projectName,\n      productId: productId,\n      versionIds: [versionId],\n      reviewableIds: [id],\n    })\n  }\n\n  const { playable, incompatible, processing, queued } = getGroupedReviewables(\n    reviewables,\n    hasTranscoder,\n  )\n\n  function handleDragStart(event: DragStartEvent) {\n    const { active } = event\n\n    setActiveId(active.id as string)\n  }\n\n  const [sortVersionReviewables] = useSortVersionReviewablesMutation()\n\n  const handleDragEnd = async (event: DragEndEvent) => {\n    const { active, over } = event\n\n    if (over?.id && active.id !== over.id) {\n      console.log('update review position')\n\n      const oldIndex = playable.findIndex((reviewable) => reviewable.fileId === active.id)\n      const newIndex = playable.findIndex((reviewable) => reviewable.fileId === over.id)\n\n      //   resort the reviewables\n      const newReviewables = arrayMove(playable, oldIndex, newIndex)\n\n      const newOrder = newReviewables.map((reviewable) => reviewable.activityId)\n\n      try {\n        // update the reviewables\n        sortVersionReviewables({\n          projectName,\n          versionId,\n          sortReviewablesRequest: { sort: newOrder },\n        }).unwrap()\n      } catch (error) {\n        toast.error('Error sorting reviewables')\n      }\n    }\n    setActiveId(null)\n  }\n\n  const overlayModifiers = []\n  // hack to make the dnd overlay pos work inside dialog\n  if (scope === 'review') {\n    overlayModifiers.push((args: any) => ({\n      ...args.transform,\n      x: args.transform.x - 32,\n      y: args.transform.y - 32,\n    }))\n  }\n\n  const incompatibleMessage = `File type not supported at this time. Please contact support for further assistance.`\n\n  const handleDownloadFile = (fileId: string, fileName: string = '') => {\n    let url = `/api/projects/${projectName}/files/${fileId}`\n\n    // if (codec) url += `.${codec}`\n\n    // Create an invisible anchor element\n    const a = document.createElement('a')\n    a.href = url\n    a.target = '_blank'\n    document.body.appendChild(a)\n\n    // Trigger a click event on the anchor element\n    a.click()\n\n    // Remove the anchor element from the document\n    document.body.removeChild(a)\n  }\n\n  const [deleteReviewable] = useDeleteReviewableMutation()\n\n  const handleDelete = async (activityId: string, label: string) => {\n    // @ts-ignore\n    confirmDelete({\n      header: 'Delete ' + label,\n      message: 'Are you sure you want to delete this reviewable?',\n      accept: async () => {\n        try {\n          await deleteReviewable({ activityId, projectName }).unwrap()\n        } catch (error) {\n          toast.error('Failed to delete reviewable')\n        }\n      },\n    })\n  }\n\n  // create the ref and model\n  const [ctxMenuShow] = useCreateContextMenu()\n\n  const handleContextMenu = (event: MouseEvent<HTMLDivElement>) => {\n    // get the reviewable by id\n    const id = event.currentTarget.id\n\n    if (!id) return\n\n    const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n\n    if (!reviewable) return\n\n    const originalFileId = reviewable.createdFrom || reviewable.fileId\n    const originalReviewable = reviewables.find(\n      (reviewable) => reviewable.fileId === originalFileId,\n    )\n\n    const items: {\n      label: string\n      icon: string\n      onClick?: () => void\n      disabled?: boolean\n      danger?: boolean\n    }[] = [\n      {\n        label: 'Download original',\n        icon: 'download',\n        onClick: () => handleDownloadFile(originalFileId, originalReviewable?.filename),\n        disabled: !originalReviewable,\n      },\n    ]\n\n    if (userName === reviewable.author.name || !currentIsUser) {\n      items.push({\n        label: 'Delete',\n        icon: 'delete',\n        onClick: () => handleDelete(reviewable.activityId, reviewable.label || reviewable.filename),\n        danger: true,\n      })\n    }\n\n    // add author\n    items.push({\n      label: `Author: ${reviewable.author.fullName || reviewable.author.name}`,\n      icon: 'person',\n      disabled: true,\n    })\n\n    ctxMenuShow(event, items)\n  }\n\n  return (\n    <>\n      <ReviewableUpload\n        projectName={projectName}\n        versionId={versionId}\n        productId={productId}\n        taskId={viewer?.taskId}\n        folderId={viewer?.folderId}\n        dispatch={dispatch}\n        readOnly={!canUploadReviewable}\n      >\n        {isLoading ? (\n          Array.from({ length: 3 }).map((_, index) => (\n            <Styled.LoadingCard key={index} className=\"loading\" />\n          ))\n        ) : (\n          <>\n            <DndContext\n              sensors={sensors}\n              collisionDetection={closestCenter}\n              onDragStart={handleDragStart}\n              onDragEnd={handleDragEnd}\n              onDragCancel={() => setActiveId(null)}\n            >\n              <SortableContext\n                items={reviewables.map(({ fileId }) => fileId as UniqueIdentifier)}\n                strategy={verticalListSortingStrategy}\n              >\n                {playable.map((reviewable) => (\n                  <SortableReviewableCard\n                    key={reviewable.fileId}\n                    projectName={projectName}\n                    onClick={handleReviewableClick}\n                    isSelected={reviewableIds.includes(reviewable.fileId)}\n                    isDragging={!!activeId}\n                    onContextMenu={handleContextMenu}\n                    onEdit={(e) => {\n                      e.stopPropagation()\n                      setEditActivityId(reviewable.activityId)\n                    }}\n                    {...reviewable}\n                  />\n                ))}\n              </SortableContext>\n\n              {/* drag overlay */}\n              <DragOverlay modifiers={overlayModifiers}>\n                {draggingReview ? (\n                  <ReviewableCard\n                    {...draggingReview}\n                    projectName={projectName}\n                    isDragOverlay\n                    isDragging\n                    isSelected={reviewableIds.includes(draggingReview.fileId)}\n                  />\n                ) : null}\n              </DragOverlay>\n            </DndContext>\n            {processing.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'processing'}\n                progress={reviewable.processing?.progress}\n                fileId={reviewable.fileId}\n              />\n            ))}\n\n            {queued.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'queued'}\n                fileId={reviewable.fileId}\n              />\n            ))}\n\n            {incompatible.map((reviewable) => (\n              <ReviewableProgressCard\n                key={reviewable.fileId}\n                name={reviewable.filename}\n                type={'unsupported'}\n                tooltip={incompatibleMessage}\n                src={`/api/projects/${projectName}/files/${reviewable.fileId}/thumbnail`}\n                onContextMenu={handleContextMenu}\n                fileId={reviewable.fileId}\n              />\n            ))}\n          </>\n        )}\n      </ReviewableUpload>\n\n      {editActivityId && (\n        <EditReviewableDialog\n          isOpen\n          onClose={() => setEditActivityId(null)}\n          label={\n            reviewables.find((reviewable) => reviewable.activityId === editActivityId)?.label || ''\n          }\n          projectName={projectName}\n          versionId={versionId}\n          activityId={editActivityId}\n        />\n      )}\n    </>\n  )\n}\n\nexport default ReviewablesList\n"],"names":["ReviewablesList","projectName","versionId","productId","isLoadingVersion","scope","onOpenViewer","user","viewer","dispatch","useDetailsPanelContext","projectPermissions","isLoadingPermissions","useGetMyProjectPermissionsQuery","canUploadReviewable","versionReviewables","isFetchingReviewables","currentData","useGetReviewablesForVersionQuery","hasTranscoder","reviewableIds","userName","currentIsUser","editActivityId","setEditActivityId","useState","activeId","setActiveId","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","reviewables","draggingReview","reviewable","currentVersionId","isLoading","handleReviewableClick","event","id","playable","incompatible","processing","queued","getGroupedReviewables","handleDragStart","active","sortVersionReviewables","useSortVersionReviewablesMutation","handleDragEnd","over","oldIndex","newIndex","newOrder","arrayMove","toast","overlayModifiers","args","incompatibleMessage","handleDownloadFile","fileId","fileName","url","a","deleteReviewable","useDeleteReviewableMutation","handleDelete","activityId","label","confirmDelete","ctxMenuShow","useCreateContextMenu","handleContextMenu","originalFileId","originalReviewable","items","jsxs","Fragment","jsx","ReviewableUpload","_","index","Styled.LoadingCard","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","SortableReviewableCard","e","DragOverlay","ReviewableCard","ReviewableProgressCard","EditReviewableDialog"],"mappings":"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"}