@ynput/ayon-frontend-shared 0.4.1 → 0.4.3

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

@@ -1,310 +1,15 @@
 import { j as v } from "../../../../_virtual/jsx-runtime.es.js";
-import { useState as A, useRef as K, useEffect as U, useCallback as r } from "react";
+import { useState as A, useRef as K, useEffect as U, useCallback as e } from "react";
 import w from "styled-components";
-import "../../containers/ContextMenu/ContextMenuContext.es.js";
-import { theme as Q } from "@ynput/ayon-react-components";
-/* empty css                                               */
-import "clsx";
-import "react-dom";
-import "../../containers/Feed/context/FeedContext.es.js";
-import "../../containers/Feed/components/Tooltips/UserTooltipItem.es.js";
-import "../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.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/dataImport.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/projectFolders.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/updateReaction.es.js";
-import "../../api/queries/activities/getMentions.es.js";
-import "../../api/queries/activities/getCategories.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/bundles/getBundles.es.js";
-import "../../api/queries/bundles/updateBundles.es.js";
-import "../../api/queries/cloud/cloud.es.js";
-import "../../api/queries/columnStats/metricTargets.es.js";
-import "../../api/queries/columnStats/groupCounts.es.js";
-import "../../api/queries/config/getConfig.es.js";
-import "../../api/queries/config/updateConfig.es.js";
-import "../../api/queries/entities/getEntity.es.js";
-import "../../api/queries/entities/getEntityPanel.es.js";
-import "../../api/queries/overview/getOverview.es.js";
-import "../../api/queries/overview/updateOverview.es.js";
-import "../../api/queries/versions/getVersionsProducts.es.js";
-import "../../api/queries/links/getEntityLinks.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/listItemsColumnStats.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/folders/getFolderDeleteInfo.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/permissions/getPermissions.es.js";
-import "../../api/queries/products/createProduct.es.js";
-import "../../api/queries/products/getFolderProducts.es.js";
-import "../../api/queries/project/getProject.es.js";
-import "../../api/queries/project/updateProject.es.js";
-import "../../api/queries/projectFolders/projectFolders.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/tasks/getTasks.es.js";
-import "../../api/queries/tasks/updateTasks.es.js";
-import "../../api/queries/teams/getTeams.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/users/guests.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 "../../api/queries/uris/getUris.es.js";
-import "../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
-import "../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
-import "../../context/RemoteModulesContext.es.js";
-import "../../../../_virtual/runtime.es.js";
-import "../../../../_virtual/semver.es.js";
-import { upperFirst as V } from "lodash";
+import { useCellEditing as Q } from "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
+import { theme as V } from "@ynput/ayon-react-components";
+import { upperFirst as W } from "lodash";
 import { toast as N } from "react-toastify";
-import "react-redux";
-import "custom-protocol-check";
-import "../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
 import "uuid";
-import { parseAndFormatName as _, checkLabel as W, checkName as X } from "../../util/checkName.es.js";
+import { parseAndFormatName as _, checkLabel as X, checkName as Y } from "../../util/checkName.es.js";
+import "../../api/queries/users/updateUsers.es.js";
 import "../../util/pubsub.es.js";
-import "../../context/PowerpackContextInstance.es.js";
-import "../../context/UriContext.es.js";
-import "../../context/DetailsPanelContextInstance.es.js";
-import "../../context/SubtasksModulesContextInstance.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/MenuContext.es.js";
-import "../../context/WebsocketContext.es.js";
-import "../../context/GlobalContext.es.js";
-import { useProjectContext as Y } from "../../context/ProjectContext.es.js";
-import "../../context/ProjectFoldersContextInstance.es.js";
-import "../../context/EntityUpdatesContextInstance.es.js";
-import "../../context/DeleteEntitiesContext.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 "../../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 "../AddonLoadingScreen/AddonLoadingScreen.es.js";
-import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
-import "../AccessSearchInput/AccessSearchInput.styled.es.js";
-import "../AccessUser/AccessUser.es.js";
-import "../AttributeEditor/AttributeEditor.es.js";
-import "../AttributeEditor/attributeTypeMap.es.js";
-import "../Badge/Badge.es.js";
-import "../Chips/Chips.es.js";
-import "date-fns";
-import "../DateRangePicker/DateRangePicker.styled.es.js";
-import "../LinksManager/CellEditingDialog.es.js";
-import "../DeleteEntitiesConfirm/DeleteConfirmContent.es.js";
-import "../DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.es.js";
-import "../../../../_virtual/index.es.js";
-import "../../../../node_modules/refractor/lib/common.es.js";
-import "../../../../node_modules/refractor/lib/all.es.js";
-/* empty css                                                                              */
-import "../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
-import "../DetailsPanelDetails/DetailsPanelDetails.es.js";
-import "react-quill-ayon";
-import "../DetailsPanelDetails/BorderedSection.es.js";
-import "../QuillListStyles/QuillListStyles.es.js";
-import "../DetailsPanelDetails/DescriptionSection.styles.es.js";
-import "rehype-raw";
-import "../DetailsPanelDetails/hooks/useMentionSystem.es.js";
-import "../../containers/Feed/components/CommentInput/modules/index.es.js";
-import "../DetailsPanelDetails/DetailsSection.es.js";
-import "../DetailsPanelDetails/FieldLabel.es.js";
-import "../DoneCheckbox/DoneCheckbox.es.js";
-import "../EarlyPreview/EarlyPreview.es.js";
-import "../EmptyPlaceholder/EmptyPlaceholder.es.js";
-import "../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import "../InfoMessage/InfoMessage.es.js";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "../EnumEditor/EnumEditor.styled.es.js";
-import "../EntityPanelUploader/EntityPanelUploader.styled.es.js";
-import "axios";
-import "../ReviewablesList/ReviewablesList.styled.es.js";
-import "../ReviewablesList/ReviewablesUpload.styled.es.js";
-import "../EntityPath/EntityPath.styled.es.js";
-import "../EntityPath/SegmentProvider.es.js";
-import "../FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../Feedback/FeedbackContextInstance.es.js";
-import "../Feedback/SupportBubble.es.js";
-import "../FileThumbnail/FileThumbnail.es.js";
-import "../LegacyBadge/LegacyBadge.es.js";
-import "../LinksManager/LinksManager.styled.es.js";
-import "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
-import "../Powerpack/PowerpackButton.es.js";
-import "../Powerpack/FreeTrialLink.es.js";
-import "../Powerpack/PowerpackDialog.styled.es.js";
-import "../Powerpack/CTAButton.es.js";
-import "../Powerpack/RequiredAddonVersion.es.js";
-import "../ProjectTableSettings/ProjectTableSettings.es.js";
-import "../ProjectTableSettings/ColumnsSettings.es.js";
-import "../SizeSlider/SizeSlider.es.js";
-import "react-router-dom";
-import "../../containers/Slicer/components/Slicer.es.js";
-import "../../containers/Slicer/context/SlicerContextInstance.es.js";
-import "../../containers/Slicer/components/SlicerDropdownFallback.es.js";
-import "../../containers/NewEntity/components/NewEntity.es.js";
-import "@tanstack/react-virtual";
-import "@tanstack/react-table";
-import "../../containers/ProjectTreeTable/buildTreeTableColumns.es.js";
-import "../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
-import "../../containers/ProjectTreeTable/components/HeaderActionButton.es.js";
-import "../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
-import "../../containers/ProjectTreeTable/components/SelectionCell.es.js";
-import { useCellEditing as Z } from "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
-import "../SearchFilter/filterDates.es.js";
-import "short-uuid";
-import "../../containers/ProjectTreeTable/utils/columnIds.es.js";
-import "../../containers/ProjectTreeTable/context/SelectionCellsContext.es.js";
-import "../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
-import "../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
-import "../../containers/ProjectTreeTable/context/ProjectTableContextInstance.es.js";
-import "../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
-import "../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
-import "../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
-import "../../containers/ProjectTreeTable/context/ProjectDataContextInstance.es.js";
-import "../../containers/ProjectTreeTable/components/TableFooterRow.es.js";
-import "../../containers/ProjectTreeTable/widgets/CellWidget.es.js";
-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/EnumCellValue.es.js";
-import "../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/MarkdownWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/EntityNameWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/EntityWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/LinksWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/EmptyWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/ErrorWidget.es.js";
-import "../../containers/NewEntity/context/NewEntityContextInstance.es.js";
-import "../../containers/NewEntity/components/NewEntityForm.es.js";
-import "../../containers/Slicer/hooks/useTableDataBySlice.es.js";
-import "../ReviewableCard/ReviewableCard.es.js";
-import "../ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
-import "../SearchFilter/CustomDateRangeDialog.es.js";
-import "../SettingsPanel/SettingsPanel.es.js";
-import "../SettingsPanel/SettingsPanelItemTemplate.es.js";
-import "../ShareOptionIcon/ShareOptionIcon.es.js";
-import "../SimpleFormDialog/SimpleFormDialog.es.js";
-import "../StyledLink/StyledLink.es.js";
-import "../SyncButton/SyncButton.es.js";
-import "../TableGridSwitch/TableGridSwitch.es.js";
-import "../Thumbnail/Thumbnail.styled.es.js";
-import "../Thumbnail/StackedThumbnails.es.js";
-import "../ThumbnailSimple/ThumbnailSimple.es.js";
-import "../VersionUploader/components/UploadVersionDialog.es.js";
-import "../VersionUploader/context/VersionUploadContextInstance.es.js";
-import "../Watchers/Watchers.es.js";
-import "../Menu/Menu.styled.es.js";
-import "../Menu/MenuItem.es.js";
-import "../ReviewablesSelector/ReviewablesSelector.es.js";
-import "../ColumnHeaderMenuUI.es.js";
-import "../../containers/Feed/components/ActivityReference/ActivityReference.styled.es.js";
-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/ActivityVersionReview/ActivityVersionReview.styled.es.js";
-import "../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
-import "../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
-import "../../containers/Feed/components/ActivityCategorySelect/CategoryTag.es.js";
-import "../../containers/Feed/components/ActivityFieldChange/ActivityFieldChange.styled.es.js";
-import "../../containers/Feed/components/ActivityFieldChange/FieldValue.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 "../../containers/Feed/components/FeedSearchFilter.es.js";
-import "../../containers/DetailsPanel/DetailsPanel.styled.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
-import "../PlayableIcon/PlayableIcon.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.es.js";
-import "../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
-import "../../containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
-import "../../containers/DetailsPanel/components/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/ViewsMenu/ViewsMenu.es.js";
-import "../../containers/Views/context/ViewsContextInstance.es.js";
-import "../../containers/Views/Views.styled.es.js";
-import "../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
-import "../../containers/ListTable/ListTableRow.es.js";
-import "../../containers/ListTable/ListTable.styled.es.js";
+import { useProjectContext as Z } from "../../context/ProjectContext.es.js";
 const T = w.div`
   background: var(--md-sys-color-surface-container-lowest);
   border: 2px solid var(--md-sys-color-primary);
@@ -325,7 +30,7 @@ const T = w.div`
   }
 
   &.system-name {
-    ${Q.bodySmall}
+    ${V.bodySmall}
   }
 
   &:disabled {
@@ -334,130 +39,130 @@ const T = w.div`
     //background-color: var(--md-sys-color-surface-container);
     color: var(--md-sys-color-outline);
   }
-`, Bm = ({
+`, mo = ({
   cellId: h,
-  entityType: u,
-  initialName: l,
-  initialLabel: c = "",
-  onClose: d,
+  entityType: d,
+  initialName: i,
+  initialLabel: p = "",
+  onClose: f,
   valueData: k,
-  nameDisabled: p = !1,
-  labelDisabled: m = !1
+  nameDisabled: r = !1,
+  labelDisabled: s = !1
 }) => {
-  const { anatomy: B } = Y(), { entity_naming: C = { capitalization: "lower", separator: "_" } } = B, [e, x] = A(c), [i, y] = A(l), { setEditingCellId: f, updateEntities: G } = Z(), n = K(null), s = K(null), L = _(e, C), I = i === L || !i;
+  const { anatomy: B } = Z(), { entity_naming: C = { capitalization: "lower", separator: "_" } } = B, [a, x] = A(p), [n, y] = A(i), { setEditingCellId: m, updateEntities: G } = Q(), c = K(null), l = K(null), L = _(a, C), I = n === L || !n;
   U(() => {
     const o = setTimeout(() => {
-      !m && n.current ? (n.current.focus(), n.current.select()) : !p && s.current && (s.current.focus(), s.current.select());
+      !s && c.current ? (c.current.focus(), c.current.select()) : !r && l.current && (l.current.focus(), l.current.select());
     }, 0);
     return () => clearTimeout(o);
-  }, [m, p]), U(() => {
-    x(c), y(l);
-  }, [c, l]);
-  const g = r(async () => {
-    if (i !== l || e !== c) {
-      if (e !== c && !m) {
-        const a = W(e);
-        if (!a.valid) {
-          console.error("Invalid label:", a.error), N.error(`Invalid label: ${a.error}`);
+  }, [s, r]), U(() => {
+    x(p), y(i);
+  }, [p, i]);
+  const g = e(async () => {
+    if (n !== i || a !== p) {
+      if (a !== p && !s) {
+        const u = X(a);
+        if (!u.valid) {
+          console.error("Invalid label:", u.error), N.error(`Invalid label: ${u.error}`);
           return;
         }
       }
-      const t = X(i);
-      if (!t.valid || !i) {
+      const t = Y(n);
+      if (!t.valid || !n) {
         console.error("Invalid name:", t.error), N.error(`Invalid name: ${t.error}`);
         return;
       }
-      f(null), d?.();
+      m(null), f?.();
       try {
-        const { meta: a, entityRowId: S } = k || {};
-        if (i !== l && !p && await a?.updateEntities?.({
+        const { meta: u, entityRowId: S } = k || {};
+        if (n !== i && !r && await u?.updateEntities?.({
           field: "name",
-          value: i,
-          type: u,
+          value: n,
+          type: d,
           rowId: S
-        }), e !== c && !m) {
-          const O = e.trim();
-          a?.updateEntities?.({
+        }), a !== p && !s) {
+          const O = a.trim();
+          u?.updateEntities?.({
             field: "label",
             value: O,
-            type: u,
+            type: d,
             rowId: S
           });
         }
-      } catch (a) {
-        console.error("Failed to update entity:", a);
+      } catch (u) {
+        console.error("Failed to update entity:", u);
       }
     } else
-      f(null), d?.();
+      m(null), f?.();
   }, [
-    e,
+    a,
+    n,
     i,
-    l,
-    c,
-    k,
-    f,
-    d,
     p,
+    k,
     m,
+    f,
+    r,
+    s,
     G,
-    u
-  ]), E = r(() => {
-    f(null), d?.();
-  }, [f, d]), q = r(
+    d
+  ]), E = e(() => {
+    m(null), f?.();
+  }, [m, f]), q = e(
     (o) => {
       const t = o.target.value;
-      x(t), I && !p && y(_(t, C));
+      x(t), I && !r && y(_(t, C));
     },
-    [I, p]
-  ), D = r((o) => {
+    [I, r]
+  ), D = e((o) => {
     const t = o.target.value;
     y(t);
-  }, []), H = r(
+  }, []), H = e(
     (o) => {
       if (o.key === "ArrowDown") {
-        if (o.preventDefault(), !p && s.current) {
-          s.current.focus();
-          const t = s.current.value.length;
-          s.current.setSelectionRange(t, t);
+        if (o.preventDefault(), !r && l.current) {
+          l.current.focus();
+          const t = l.current.value.length;
+          l.current.setSelectionRange(t, t);
         }
       } else o.key === "Enter" && (o.preventDefault(), g());
     },
-    [g, E, p]
-  ), J = r(
+    [g, E, r]
+  ), J = e(
     (o) => {
       if (o.key === "ArrowUp") {
-        if (o.preventDefault(), !m && n.current) {
-          n.current.focus();
-          const t = n.current.value.length;
-          n.current.setSelectionRange(t, t);
+        if (o.preventDefault(), !s && c.current) {
+          c.current.focus();
+          const t = c.current.value.length;
+          c.current.setSelectionRange(t, t);
         }
       } else o.key === "Enter" && (o.preventDefault(), g());
     },
-    [g, E, m]
-  ), $ = r((o) => {
+    [g, E, s]
+  ), $ = e((o) => {
     o.stopPropagation();
-  }, []), R = r((o) => {
+  }, []), R = e((o) => {
     o.stopPropagation();
-  }, []), j = r((o) => {
+  }, []), j = e((o) => {
     o.stopPropagation();
-  }, []), b = r((o) => {
+  }, []), b = e((o) => {
     o.stopPropagation();
-  }, []), F = (o) => typeof o == "string" ? { disabled: !0, tooltip: o } : { disabled: !!o, tooltip: void 0 }, M = F(m), P = F(p);
+  }, []), F = (o) => typeof o == "string" ? { disabled: !0, tooltip: o } : { disabled: !!o, tooltip: void 0 }, M = F(s), P = F(r);
   return /* @__PURE__ */ v.jsxs(T, { id: `editing-container-${h}`, onClick: (o) => o.stopPropagation(), children: [
     /* @__PURE__ */ v.jsx(
       z,
       {
-        ref: n,
+        ref: c,
         id: `${h}-label`,
         type: "text",
-        value: e,
+        value: a,
         onChange: q,
         onKeyDown: H,
         onClick: $,
         onDoubleClick: R,
         onMouseDown: j,
         onMouseUp: b,
-        placeholder: `${V(u)} label...`,
+        placeholder: `${W(d)} label...`,
         style: { paddingBottom: "6px" },
         autoComplete: "off",
         disabled: M.disabled,
@@ -469,10 +174,10 @@ const T = w.div`
     /* @__PURE__ */ v.jsx(
       z,
       {
-        ref: s,
+        ref: l,
         id: `${h}-name`,
         type: "text",
-        value: i,
+        value: n,
         onChange: D,
         onKeyDown: J,
         onClick: $,
@@ -480,7 +185,7 @@ const T = w.div`
         onMouseDown: j,
         onMouseUp: b,
         className: "system-name",
-        placeholder: `${u}_name`,
+        placeholder: `${d}_name`,
         autoComplete: "off",
         disabled: P.disabled,
         "data-tooltip": P.tooltip,
@@ -490,6 +195,6 @@ const T = w.div`
   ] });
 };
 export {
-  Bm as RenameForm
+  mo as RenameForm
 };
 //# sourceMappingURL=RenameForm.es.js.map

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

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