npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.28 → 0.2.30 - Mend

@ynput/ayon-frontend-shared 0.2.28 → 0.2.30

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

Files changed (1093) hide show

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

@@ -0,0 +1 @@

+ {"version":3,"file":"QuillListStyles.es.js","sources":["../../../../../src/components/QuillListStyles/QuillListStyles.ts"],"sourcesContent":["import styled from 'styled-components'\n\n/**\n * Shared styles for React Quill list elements to fix unordered list showing as ordered list\n * This component provides consistent list styling across different Quill editors\n */\nexport const QuillListStyles = styled.div`\n height: 100%;\n /* Fix for unordered list showing as ordered list */\n .ql-editor ol,\n .ql-editor ul {\n margin: 16px 0 !important;\n padding-left: 20px;\n\n li {\n padding-left: 0;\n\n /* Hide React Quill's ::before pseudo-elements */\n &::before {\n content: none;\n }\n\n &[data-list='ordered'] {\n list-style-type: decimal;\n list-style-position: inside;\n }\n\n &[data-list='bullet'] {\n list-style-type: circle;\n list-style-position: inside;\n }\n\n /* checkbox data-checked false or true */\n &[data-list='unchecked'],\n &[data-list='checked'] {\n margin-left: 8px;\n min-height: 25px;\n\n &::before {\n font-size: unset;\n top: 7px;\n position: relative;\n }\n\n .ql-ui {\n /* tick circle */\n margin-right: 8px;\n }\n }\n\n &[data-list='checked'] {\n &::before {\n /* tick circle svg */\n content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%2323E0A9'%3E%3Cpath d='m427.462-343.692 233.846-232.846L620-617.846 427.462-426.308l-87-86L299.154-471l128.308 127.308ZM480.134-104q-77.313 0-145.89-29.359-68.577-29.36-120.025-80.762-51.447-51.402-80.833-119.917Q104-402.554 104-479.866q0-78.569 29.418-146.871 29.419-68.303 80.922-119.917 51.503-51.614 119.916-80.48Q402.67-856 479.866-856q78.559 0 146.853 28.839 68.294 28.84 119.922 80.422 51.627 51.582 80.493 119.841Q856-558.639 856-480.05q0 77.589-28.839 145.826-28.84 68.237-80.408 119.786-51.569 51.548-119.81 80.993Q558.702-104 480.134-104Z'/%3E%3C/svg%3E\");\n }\n }\n &[data-list='unchecked'] {\n &::before {\n /* open circle svg */\n content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%23F4F5F5'%3E%3Cpath d='M480.409-104q-77.588 0-146.165-29.359-68.577-29.36-120.025-80.762-51.447-51.402-80.833-119.876Q104-402.471 104-480.325q0-78.11 29.418-146.412 29.419-68.303 80.922-119.917 51.503-51.614 119.875-80.48Q402.587-856 480.325-856q78.1 0 146.394 28.839 68.294 28.84 119.922 80.422 51.627 51.582 80.493 120.065Q856-558.191 856-480.326q0 77.865-28.839 146.102-28.84 68.237-80.408 119.786-51.569 51.548-120.034 80.993Q558.253-104 480.409-104ZM480-162q132.513 0 225.256-92.744Q798-347.487 798-480t-92.744-225.256Q612.513-798 480-798t-225.256 92.744Q162-612.513 162-480t92.744 225.256Q347.487-162 480-162Zm0-318Z'/%3E%3C/svg%3E\");\n }\n }\n }\n }\n`\n"],"names":["QuillListStyles","styled"],"mappings":";AAMO,MAAMA,IAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../../../../_virtual/jsx-runtime.cjs.js"),u=require("react"),x=require("styled-components");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");const H=require("@ynput/ayon-react-components");;/* empty css                                                 */require("clsx");require("react-dom");require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");const J=require("lodash"),K=require("react-toastify");require("uuid");const y=require("../../util/checkName.cjs.js");require("../../util/pubsub.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("date-fns");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");const Q=require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/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("@dnd-kit/core");require("@dnd-kit/sortable");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../Watchers/Watchers.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/PricingLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../AttributeEditor/components/MinMaxField.cjs.js");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../Badge/Badge.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../Chips/Chips.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");const V=require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/context/ViewsContext.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");const W=x.div`
+  background: var(--md-sys-color-surface-container-lowest);
+  border: 2px solid var(--md-sys-color-primary);
+  padding: 8px;
+  width: 350px;
+  border-radius: 4px;
+`,X=x.label`
+  font-size: 12px;
+  color: var(--md-sys-color-outline);
+`,U=x.input`
+  width: 100%;
+  border: none;
+  background-color: var(--md-sys-color-surface-container-lowest);
+  color: var(--md-sys-color-on-surface);
+  &:focus {
+    outline: none;
+  }
+  &.system-name {
+    ${H.theme.bodySmall}
+  }
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+    //background-color: var(--md-sys-color-surface-container);
+    color: var(--md-sys-color-outline);
+  }
+`,Y=({cellId:m,entityType:p,initialName:d,initialLabel:l="",onClose:t,valueData:w,nameDisabled:q=!1,labelDisabled:n=!1})=>{const{anatomy:_}=V.useProjectDataContext(),{entity_naming:C={capitalization:"lower",separator:"_"}}=_,[a,b]=u.useState(l),[o,v]=u.useState(d),{setEditingCellId:f,updateEntities:z}=Q.useCellEditing(),s=u.useRef(null),c=u.useRef(null),D=y.parseAndFormatName(a,C),R=o===D||!o;u.useEffect(()=>{const e=setTimeout(()=>{!n&&s.current?(s.current.focus(),s.current.select()):!q&&c.current&&(c.current.focus(),c.current.select())},0);return()=>clearTimeout(e)},[n,q]),u.useEffect(()=>{b(l),v(d)},[l,d]);const h=u.useCallback(async()=>{var i,A;if(o!==d||a!==l){if(a!==l&&!n){const r=y.checkLabel(a);if(!r.valid){console.error("Invalid label:",r.error),K.toast.error(`Invalid label: ${r.error}`);return}}const k=y.checkName(o);if(!k.valid||!o){console.error("Invalid name:",k.error),K.toast.error(`Invalid name: ${k.error}`);return}f(null),t==null||t();try{const{meta:r,entityRowId:N}=w||{};if(o!==d&&!q&&await((i=r==null?void 0:r.updateEntities)==null?void 0:i.call(r,{field:"name",value:o,type:p,rowId:N})),a!==l&&!n){const T=a.trim();(A=r==null?void 0:r.updateEntities)==null||A.call(r,{field:"label",value:T,type:p,rowId:N})}}catch(r){console.error("Failed to update entity:",r)}}else f(null),t==null||t()},[a,o,d,l,w,f,t,q,n,z,p]),E=u.useCallback(()=>{f(null),t==null||t()},[f,t]),B=u.useCallback(e=>{const i=e.target.value;b(i),R&&!q&&v(y.parseAndFormatName(i,C))},[R,q]),G=u.useCallback(e=>{const i=e.target.value;v(i)},[]),L=u.useCallback(e=>{if(e.key==="ArrowDown"){if(e.preventDefault(),!q&&c.current){c.current.focus();const i=c.current.value.length;c.current.setSelectionRange(i,i)}}else e.key==="Enter"&&(e.preventDefault(),h())},[h,E,q]),O=u.useCallback(e=>{if(e.key==="ArrowUp"){if(e.preventDefault(),!n&&s.current){s.current.focus();const i=s.current.value.length;s.current.setSelectionRange(i,i)}}else e.key==="Enter"&&(e.preventDefault(),h())},[h,E,n]),I=u.useCallback(e=>{e.stopPropagation()},[]),j=u.useCallback(e=>{e.stopPropagation()},[]),S=u.useCallback(e=>{e.stopPropagation()},[]),$=u.useCallback(e=>{e.stopPropagation()},[]),F=e=>typeof e=="string"?{disabled:!0,tooltip:e}:{disabled:!!e,tooltip:void 0},P=F(n),M=F(q);return g.jsxRuntimeExports.jsxs(W,{id:`editing-container-${m}`,onClick:e=>e.stopPropagation(),children:[g.jsxRuntimeExports.jsx(U,{ref:s,id:`${m}-label`,type:"text",value:a,onChange:B,onKeyDown:L,onClick:I,onDoubleClick:j,onMouseDown:S,onMouseUp:$,placeholder:`${J.upperFirst(p)} label...`,style:{paddingBottom:"6px"},autoComplete:"off",disabled:P.disabled,"data-tooltip":P.tooltip,"data-tooltip-delay":100}),g.jsxRuntimeExports.jsx(X,{htmlFor:`${m}-name`,children:"Name"}),g.jsxRuntimeExports.jsx(U,{ref:c,id:`${m}-name`,type:"text",value:o,onChange:G,onKeyDown:O,onClick:I,onDoubleClick:j,onMouseDown:S,onMouseUp:$,className:"system-name",placeholder:`${p}_name`,autoComplete:"off",disabled:M.disabled,"data-tooltip":M.tooltip,"data-tooltip-delay":100})]})};exports.RenameForm=Y;
+//# sourceMappingURL=RenameForm.cjs.js.map

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1,407 @@
+import { j as v } from "../../../../_virtual/jsx-runtime.es.js";
+import { useState as U, useRef as N, useEffect as _, useCallback as i } from "react";
+import k from "styled-components";
+import "../../containers/ContextMenu/ContextMenuContext.es.js";
+import { theme as W } from "@ynput/ayon-react-components";
+/* empty css                                               */
+import "clsx";
+import "react-dom";
+import "../../containers/Feed/context/FeedContext.es.js";
+import "../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
+import "../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
+import { upperFirst as X } from "lodash";
+import { toast as z } from "react-toastify";
+import "uuid";
+import { parseAndFormatName as B, checkLabel as Y, checkName as Z } from "../../util/checkName.es.js";
+import "../../util/pubsub.es.js";
+import "../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
+import "../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
+import "react-markdown";
+import "remark-emoji";
+import "remark-gfm";
+import "remark-directive";
+import "remark-directive-rehype";
+import "../../containers/Feed/components/CommentInput/CommentInput.es.js";
+import "../../containers/Feed/components/ReactionContainer/Reactions.styled.es.js";
+import "../../containers/Feed/components/FilesGrid/FilesGrid.styled.es.js";
+import "../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
+import "../../context/RemoteModulesContext.es.js";
+import "../../context/DetailsPanelContext.es.js";
+import "../../context/ThumbnailUploaderContext.es.js";
+import "../../context/SettingsPanelContext.es.js";
+import "../../context/pip/PiPProvider.es.js";
+import "../../context/pip/PiPWrapper.es.js";
+import "../../context/AddonProjectContext.es.js";
+import "../../context/AddonContext.es.js";
+import "../../context/PowerpackContext.es.js";
+import "../../context/MoveEntityContext.es.js";
+import "../../context/MenuContext.es.js";
+import "../../containers/Feed/components/CommentInput/quillToMarkdown.es.js";
+import "../../containers/Feed/components/ActivityComment/ActivityComment.styled.es.js";
+import "../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
+import "../../containers/Feed/components/ActivityReference/ActivityReference.styled.es.js";
+import "react-router-dom";
+import "../../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
+import "../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
+import "../../containers/Feed/components/ActivityDate.es.js";
+import "../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
+import "../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
+import "../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
+import "../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
+import "../../containers/Feed/Feed.styled.es.js";
+import "date-fns";
+import "../EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import "../../containers/ProjectTreeTable/ProjectTreeTable.es.js";
+import { useCellEditing as T } from "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
+import "@tanstack/react-table";
+import "../../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/CellWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EntityNameWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js";
+import "../ThumbnailSimple/ThumbnailSimple.es.js";
+import "../../api/base/client.es.js";
+import "../../api/generated/graphql.es.js";
+import "../../api/generated/graphqlLinks.es.js";
+import "../../api/generated/access.es.js";
+import "../../api/generated/actions.es.js";
+import "../../api/generated/activityFeed.es.js";
+import "../../api/generated/addons.es.js";
+import "../../api/generated/anatomy.es.js";
+import "../../api/generated/attributes.es.js";
+import "../../api/generated/authentication.es.js";
+import "../../api/generated/bundles.es.js";
+import "../../api/generated/configuration.es.js";
+import "../../api/generated/desktop.es.js";
+import "../../api/generated/entityLists.es.js";
+import "../../api/generated/events.es.js";
+import "../../api/generated/files.es.js";
+import "../../api/generated/folders.es.js";
+import "../../api/generated/inbox.es.js";
+import "../../api/generated/links.es.js";
+import "../../api/generated/market.es.js";
+import "../../api/generated/onboarding.es.js";
+import "../../api/generated/operations.es.js";
+import "../../api/generated/products.es.js";
+import "../../api/generated/projectDashboard.es.js";
+import "../../api/generated/projects.es.js";
+import "../../api/generated/reviewables.es.js";
+import "../../api/generated/services.es.js";
+import "../../api/generated/system.es.js";
+import "../../api/generated/tasks.es.js";
+import "../../api/generated/teams.es.js";
+import "../../api/generated/thumbnails.es.js";
+import "../../api/generated/uRIs.es.js";
+import "../../api/generated/users.es.js";
+import "../../api/generated/versions.es.js";
+import "../../api/generated/workfiles.es.js";
+import "../../api/generated/ynputCloud.es.js";
+import "../../api/generated/grouping.es.js";
+import "../../api/generated/views.es.js";
+import "../../api/queries/actions/getActions.es.js";
+import "../../api/queries/activities/getActivities.es.js";
+import "../../api/queries/activities/updateActivities.es.js";
+import "../../api/queries/activities/updateReaction.es.js";
+import "../../api/queries/activities/getMentions.es.js";
+import "../../api/queries/addons/getAddons.es.js";
+import "../../api/queries/addons/updateAddons.es.js";
+import "../../api/queries/attributes/getAttributes.es.js";
+import "../../api/queries/attributes/updateAttributes.es.js";
+import "../../api/queries/authentication/getAuthentication.es.js";
+import "../../api/queries/cloud/cloud.es.js";
+import "../../api/queries/entities/getEntity.es.js";
+import "../../api/queries/entities/getEntityPanel.es.js";
+import "../../api/queries/entities/updateEntity.es.js";
+import "../../api/queries/entityLists/getLists.es.js";
+import "../../api/queries/entityLists/updateLists.es.js";
+import "../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../api/queries/entityLists/listFolders.es.js";
+import "../../api/queries/folders/getFolders.es.js";
+import "../../api/queries/grouping/getGrouping.es.js";
+import "../../api/queries/links/updateLinks.es.js";
+import "../../api/queries/links/getLinks.es.js";
+import "../../api/queries/links/getEntityLinks.es.js";
+import "../../api/queries/overview/getOverview.es.js";
+import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/permissions/getPermissions.es.js";
+import "../../api/queries/products/createProduct.es.js";
+import "../../api/queries/project/getProject.es.js";
+import "../../api/queries/project/updateProject.es.js";
+import "../../api/queries/review/getReview.es.js";
+import "../../api/queries/review/updateReview.es.js";
+import "../../api/queries/share/share.es.js";
+import "../../api/queries/system/getSystem.es.js";
+import "../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../api/queries/users/getUsers.es.js";
+import "../../api/queries/users/updateUsers.es.js";
+import "../../api/queries/versions/updateVersions.es.js";
+import "../../api/queries/views/getViews.es.js";
+import "../../api/queries/views/updateViews.es.js";
+import "../../api/queries/watchers/getWatchers.es.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../ReviewablesList/ReviewablesList.styled.es.js";
+import "../ReviewablesList/ReviewablesUpload.styled.es.js";
+import "axios";
+import "../ReviewableCard/ReviewableCard.es.js";
+import "../ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
+import "../FileThumbnail/FileThumbnail.es.js";
+import "../Thumbnail/Thumbnail.styled.es.js";
+import "../Thumbnail/StackedThumbnails.es.js";
+import "../EntityPanelUploader/EntityPanelUploader.styled.es.js";
+import "../SimpleFormDialog/SimpleFormDialog.es.js";
+import "../EntityPath/EntityPath.styled.es.js";
+import "../EntityPath/SegmentProvider.es.js";
+import "../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
+import "../DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "../DetailsPanelDetails/DetailsSection.es.js";
+import "../DetailsPanelDetails/FieldLabel.es.js";
+import "../Watchers/Watchers.es.js";
+import "../ProjectTableSettings/ProjectTableSettings.es.js";
+import "../Powerpack/PowerpackButton.es.js";
+import "../Powerpack/PricingLink.es.js";
+import "../Powerpack/PowerpackDialog.styled.es.js";
+import "../Powerpack/CTAButton.es.js";
+import "../SettingsPanel/SettingsPanel.es.js";
+import "../SettingsPanel/SettingsPanelItemTemplate.es.js";
+import "../AttributeEditor/components/MinMaxField.es.js";
+import "../EnumEditor/EnumEditor.styled.es.js";
+import "../SearchFilter/filterDates.es.js";
+import "../Badge/Badge.es.js";
+import "../VersionUploader/components/UploadVersionDialog.es.js";
+import "../VersionUploader/context/VersionUploadContext.es.js";
+import "../Feedback/FeedbackContext.es.js";
+import "../Feedback/SupportBubble.es.js";
+import "../Chips/Chips.es.js";
+import "../LinksManager/LinksManager.styled.es.js";
+import "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
+import "../StyledLink/StyledLink.es.js";
+import "../LinksManager/CellEditingDialog.es.js";
+import "../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
+import "../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
+import "../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
+import "../../containers/ProjectTreeTable/components/SelectionCell.es.js";
+import "../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
+import "../../containers/ProjectTreeTable/context/SelectionCellsContext.es.js";
+import "../../containers/ProjectTreeTable/widgets/LoadMoreWidget.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectTableContext.es.js";
+import "../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
+import "../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
+import { useProjectDataContext as tt } from "../../containers/ProjectTreeTable/context/ProjectDataContext.es.js";
+import "../../../../_virtual/runtime.es.js";
+import "../../../../_virtual/semver.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import "../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
+import "../../containers/ProjectTreeTable/components/HeaderActionButton.es.js";
+import "../../containers/ProjectTreeTable/components/ColumnHeaderMenu.es.js";
+import "../../containers/DetailsPanel/DetailsPanel.styled.es.js";
+import "../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.es.js";
+import "../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
+import "../PlayableIcon/PlayableIcon.es.js";
+import "../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.es.js";
+import "../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
+import "../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
+import "../../containers/Actions/Actions.styled.es.js";
+import "../../containers/Actions/ActionsDropdown/ActionsDropdown.es.js";
+import "../../containers/Actions/ActionIcon.es.js";
+import "../../containers/Views/context/ViewsContext.es.js";
+import "../../containers/Views/Views.styled.es.js";
+import "../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
+import "../../containers/Views/ViewsMenu/ViewsMenu.es.js";
+const ot = k.div`
+  background: var(--md-sys-color-surface-container-lowest);
+  border: 2px solid var(--md-sys-color-primary);
+  padding: 8px;
+  width: 350px;
+  border-radius: 4px;
+`, rt = k.label`
+  font-size: 12px;
+  color: var(--md-sys-color-outline);
+`, D = k.input`
+  width: 100%;
+  border: none;
+  background-color: var(--md-sys-color-surface-container-lowest);
+  color: var(--md-sys-color-on-surface);
+  &:focus {
+    outline: none;
+  }
+  &.system-name {
+    ${W.bodySmall}
+  }
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+    //background-color: var(--md-sys-color-surface-container);
+    color: var(--md-sys-color-outline);
+  }
+`, ei = ({
+  cellId: h,
+  entityType: d,
+  initialName: l,
+  initialLabel: u = "",
+  onClose: p,
+  valueData: x,
+  nameDisabled: m = !1,
+  labelDisabled: n = !1
+}) => {
+  const { anatomy: G } = tt(), { entity_naming: I = { capitalization: "lower", separator: "_" } } = G, [c, E] = U(u), [e, y] = U(l), { setEditingCellId: f, updateEntities: L } = T(), a = N(null), s = N(null), q = B(c, I), $ = e === q || !e;
+  _(() => {
+    const t = setTimeout(() => {
+      !n && a.current ? (a.current.focus(), a.current.select()) : !m && s.current && (s.current.focus(), s.current.select());
+    }, 0);
+    return () => clearTimeout(t);
+  }, [n, m]), _(() => {
+    E(u), y(l);
+  }, [u, l]);
+  const g = i(async () => {
+    var r, A;
+    if (e !== l || c !== u) {
+      if (c !== u && !n) {
+        const o = Y(c);
+        if (!o.valid) {
+          console.error("Invalid label:", o.error), z.error(`Invalid label: ${o.error}`);
+          return;
+        }
+      }
+      const w = Z(e);
+      if (!w.valid || !e) {
+        console.error("Invalid name:", w.error), z.error(`Invalid name: ${w.error}`);
+        return;
+      }
+      f(null), p == null || p();
+      try {
+        const { meta: o, entityRowId: K } = x || {};
+        if (e !== l && !m && await ((r = o == null ? void 0 : o.updateEntities) == null ? void 0 : r.call(o, {
+          field: "name",
+          value: e,
+          type: d,
+          rowId: K
+        })), c !== u && !n) {
+          const V = c.trim();
+          (A = o == null ? void 0 : o.updateEntities) == null || A.call(o, {
+            field: "label",
+            value: V,
+            type: d,
+            rowId: K
+          });
+        }
+      } catch (o) {
+        console.error("Failed to update entity:", o);
+      }
+    } else
+      f(null), p == null || p();
+  }, [
+    c,
+    e,
+    l,
+    u,
+    x,
+    f,
+    p,
+    m,
+    n,
+    L,
+    d
+  ]), R = i(() => {
+    f(null), p == null || p();
+  }, [f, p]), H = i(
+    (t) => {
+      const r = t.target.value;
+      E(r), $ && !m && y(B(r, I));
+    },
+    [$, m]
+  ), J = i((t) => {
+    const r = t.target.value;
+    y(r);
+  }, []), O = i(
+    (t) => {
+      if (t.key === "ArrowDown") {
+        if (t.preventDefault(), !m && s.current) {
+          s.current.focus();
+          const r = s.current.value.length;
+          s.current.setSelectionRange(r, r);
+        }
+      } else t.key === "Enter" && (t.preventDefault(), g());
+    },
+    [g, R, m]
+  ), Q = i(
+    (t) => {
+      if (t.key === "ArrowUp") {
+        if (t.preventDefault(), !n && a.current) {
+          a.current.focus();
+          const r = a.current.value.length;
+          a.current.setSelectionRange(r, r);
+        }
+      } else t.key === "Enter" && (t.preventDefault(), g());
+    },
+    [g, R, n]
+  ), j = i((t) => {
+    t.stopPropagation();
+  }, []), C = i((t) => {
+    t.stopPropagation();
+  }, []), b = i((t) => {
+    t.stopPropagation();
+  }, []), F = i((t) => {
+    t.stopPropagation();
+  }, []), M = (t) => typeof t == "string" ? { disabled: !0, tooltip: t } : { disabled: !!t, tooltip: void 0 }, P = M(n), S = M(m);
+  return /* @__PURE__ */ v.jsxs(ot, { id: `editing-container-${h}`, onClick: (t) => t.stopPropagation(), children: [
+    /* @__PURE__ */ v.jsx(
+      D,
+      {
+        ref: a,
+        id: `${h}-label`,
+        type: "text",
+        value: c,
+        onChange: H,
+        onKeyDown: O,
+        onClick: j,
+        onDoubleClick: C,
+        onMouseDown: b,
+        onMouseUp: F,
+        placeholder: `${X(d)} label...`,
+        style: { paddingBottom: "6px" },
+        autoComplete: "off",
+        disabled: P.disabled,
+        "data-tooltip": P.tooltip,
+        "data-tooltip-delay": 100
+      }
+    ),
+    /* @__PURE__ */ v.jsx(rt, { htmlFor: `${h}-name`, children: "Name" }),
+    /* @__PURE__ */ v.jsx(
+      D,
+      {
+        ref: s,
+        id: `${h}-name`,
+        type: "text",
+        value: e,
+        onChange: J,
+        onKeyDown: Q,
+        onClick: j,
+        onDoubleClick: C,
+        onMouseDown: b,
+        onMouseUp: F,
+        className: "system-name",
+        placeholder: `${d}_name`,
+        autoComplete: "off",
+        disabled: S.disabled,
+        "data-tooltip": S.tooltip,
+        "data-tooltip-delay": 100
+      }
+    )
+  ] });
+};
+export {
+  ei as RenameForm
+};
+//# sourceMappingURL=RenameForm.es.js.map

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

@@ -0,0 +1 @@

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

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

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