@ynput/ayon-frontend-shared 0.3.15 → 0.3.17

package/dist/shared/src/components/LinksManager/LinkManagerItem.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/jsx-runtime.cjs.js"),c=require("react"),a=require("@ynput/ayon-react-components");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/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");const p=require("../../api/queries/entities/transformDetailsPanelData.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.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/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const x=require("./LinksManager.styled.cjs.js"),l=require("clsx"),m=require("../EntityIcon/EntityIcon.cjs.js"),d=({link:e,isSelected:q=!1,onEntityClick:n,onRemove:o,isManager:i=!1})=>{const s=p.detailsPanelEntityTypes.includes(e.entityType)&&!e.isRestricted;return r.jsxRuntimeExports.jsxs(x.LinkItem,{onClick:()=>s&&n?.(e.entityId,e.entityType),"data-tooltip":e.isRestricted?i?"Unknown Link - Entity not found":"Access Restricted - Insufficient Permissions to Entity":e.parents.join("/")+"/"+e.label,className:l({clickable:s,selected:q,restricted:e.isRestricted&&!i,unknown:e.isRestricted&&i}),children:[r.jsxRuntimeExports.jsx(m.EntityIcon,{entity:{entityType:e.entityType},icon:e?.icon,color:e.color}),r.jsxRuntimeExports.jsx("span",{className:"title",children:e.isRestricted?r.jsxRuntimeExports.jsx("span",{className:"label",children:i?"Unknown":"Access Restricted"}):r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[e.parents?.map((t,u)=>r.jsxRuntimeExports.jsxs(c.Fragment,{children:[r.jsxRuntimeExports.jsx("span",{children:t},u+"-path"),r.jsxRuntimeExports.jsx("span",{children:"/"},u+"-separator")]},u)),r.jsxRuntimeExports.jsx("span",{className:"label",children:e.label})]})}),(!e.isRestricted||i)&&r.jsxRuntimeExports.jsx(a.Button,{icon:"link_off",variant:"text",className:"remove",onClick:t=>o(t,e),"data-tooltip":"Remove link"})]},e.linkId)};exports.LinkManagerItem=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../../_virtual/jsx-runtime.cjs.js"),q=require("react"),h=require("@ynput/ayon-react-components");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/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");const g=require("../../api/queries/entities/transformDetailsPanelData.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.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/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const a=require("./LinksManager.styled.cjs.js"),C=require("clsx"),b=require("../EntityIcon/EntityIcon.cjs.js"),I=({link:e,count:t,isSelected:d=!1,onEntityClick:x,onRemove:m,onCountChange:y,isManager:s=!1})=>{const[c,u]=q.useState(!1),[l,n]=q.useState(t),j=r=>{r.stopPropagation(),!e.isRestricted&&(n(t),u(!0))},R=()=>{const r=Math.max(1,l);r!==t&&y?.(r),u(!1)},E=()=>{n(t),u(!1)},f=r=>{r.stopPropagation(),r.key==="Enter"?r.currentTarget.blur():r.key==="Escape"&&E()},p=g.detailsPanelEntityTypes.includes(e.entityType)&&!e.isRestricted;return i.jsxRuntimeExports.jsxs(a.LinkItem,{onClick:()=>!c&&p&&x?.(e.entityId,e.entityType),"data-tooltip":e.isRestricted?s?"Unknown Link - Entity not found":"Access Restricted - Insufficient Permissions to Entity":e.parents.join("/")+"/"+e.label,className:C({clickable:p,selected:d,restricted:e.isRestricted&&!s,unknown:e.isRestricted&&s}),children:[i.jsxRuntimeExports.jsx(b.EntityIcon,{entity:{entityType:e.entityType},icon:e?.icon,color:e.color}),i.jsxRuntimeExports.jsx("span",{className:"title",children:e.isRestricted?i.jsxRuntimeExports.jsx("span",{className:"label",children:s?"Unknown":"Access Restricted"}):i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[e.parents?.map((r,o)=>i.jsxRuntimeExports.jsxs(q.Fragment,{children:[i.jsxRuntimeExports.jsx("span",{children:r},o+"-path"),i.jsxRuntimeExports.jsx("span",{children:"/"},o+"-separator")]},o)),i.jsxRuntimeExports.jsx("span",{className:"label",children:e.label})]})}),!e.isRestricted&&(c?i.jsxRuntimeExports.jsx(a.CountInput,{value:l,min:1,autoFocus:!0,onChange:r=>n(parseInt(r.target.value)||1),onFocus:r=>r.target.select(),onBlur:R,onKeyDown:f,onClick:r=>r.stopPropagation(),"data-tooltip":"Number of links to this entity."}):i.jsxRuntimeExports.jsxs(a.CountBadge,{onClick:j,tabIndex:0,"data-tooltip":"Number of links to this entity.",children:["x",t]})),(!e.isRestricted||s)&&i.jsxRuntimeExports.jsx(h.Button,{icon:"link_off",variant:"text",className:"remove",onClick:r=>m(r,e),"data-tooltip":t>1?`Remove all ${t} links`:"Remove link"})]})};exports.LinkManagerItem=I;
 //# sourceMappingURL=LinkManagerItem.cjs.js.map

package/dist/shared/src/components/LinksManager/LinkManagerItem.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkManagerItem.cjs.js","sources":["../../../../../src/components/LinksManager/LinkManagerItem.tsx"],"sourcesContent":["import { FC, Fragment } from 'react'\nimport { Button } from '@ynput/ayon-react-components'\nimport { detailsPanelEntityTypes } from '@shared/api'\nimport * as Styled from './LinksManager.styled'\nimport { LinkEntity } from './LinksManager'\nimport clsx from 'clsx'\nimport { EntityIcon } from '@shared/components/EntityIcon'\n\nexport interface LinkManagerItemProps {\n  link: LinkEntity\n  isSelected?: boolean\n  onEntityClick?: (entityId: string, entityType: string) => void\n  onRemove: (e: React.MouseEvent<HTMLButtonElement>, link: LinkEntity) => void\n  isManager?: boolean\n}\n\nexport const LinkManagerItem: FC<LinkManagerItemProps> = ({\n  link,\n  isSelected = false,\n  onEntityClick,\n  onRemove,\n  isManager = false,\n}) => {\n  const entityTypeSupported = detailsPanelEntityTypes.includes(link.entityType as any)\n  const isClickable = entityTypeSupported && !link.isRestricted\n  return (\n    <Styled.LinkItem\n      key={link.linkId}\n      onClick={() => isClickable && onEntityClick?.(link.entityId, link.entityType)}\n      data-tooltip={\n        link.isRestricted\n          ? isManager\n            ? 'Unknown Link - Entity not found'\n            : 'Access Restricted - Insufficient Permissions to Entity'\n          : link.parents.join('/') + '/' + link.label\n      }\n      className={clsx({\n        clickable: isClickable,\n        selected: isSelected,\n        restricted: link.isRestricted && !isManager,\n        unknown: link.isRestricted && isManager,\n      })}\n    >\n      <EntityIcon entity={{entityType: link.entityType}} icon={link?.icon} color={link.color} />\n      <span className=\"title\">\n        {link.isRestricted ? (\n          <span className=\"label\">{isManager ? 'Unknown' : 'Access Restricted'}</span>\n        ) : (\n          <>\n            {link.parents?.map((part, index) => (\n              <Fragment key={index}>\n                <span key={index + '-path'}>{part}</span>\n                <span key={index + '-separator'}>/</span>\n              </Fragment>\n            ))}\n            <span className=\"label\">{link.label}</span>\n          </>\n        )}\n      </span>\n      {(!link.isRestricted || isManager) && (\n        <Button\n          icon={'link_off'}\n          variant=\"text\"\n          className=\"remove\"\n          onClick={(e) => onRemove(e, link)}\n          data-tooltip={'Remove link'}\n        />\n      )}\n    </Styled.LinkItem>\n  )\n}\n"],"names":["LinkManagerItem","link","isSelected","onEntityClick","onRemove","isManager","isClickable","detailsPanelEntityTypes","jsxs","Styled.LinkItem","clsx","jsx","EntityIcon","Fragment","part","index","Button","e"],"mappings":"0+JAgBaA,EAA4C,CAAC,CACxD,KAAAC,EACA,WAAAC,EAAa,GACb,cAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,EACd,IAAM,CAEJ,MAAMC,EADsBC,EAAAA,wBAAwB,SAASN,EAAK,UAAiB,GACxC,CAACA,EAAK,aACjD,OACEO,EAAAA,kBAAAA,KAACC,EAAAA,SAAA,CAEC,QAAS,IAAMH,GAAeH,IAAgBF,EAAK,SAAUA,EAAK,UAAU,EAC5E,eACEA,EAAK,aACDI,EACE,kCACA,yDACFJ,EAAK,QAAQ,KAAK,GAAG,EAAI,IAAMA,EAAK,MAE1C,UAAWS,EAAK,CACd,UAAWJ,EACX,SAAUJ,EACV,WAAYD,EAAK,cAAgB,CAACI,EAClC,QAASJ,EAAK,cAAgBI,CAAA,CAC/B,EAED,SAAA,CAAAM,EAAAA,kBAAAA,IAACC,EAAAA,WAAA,CAAW,OAAQ,CAAC,WAAYX,EAAK,UAAA,EAAa,KAAMA,GAAM,KAAM,MAAOA,EAAK,KAAA,CAAO,EACxFU,wBAAC,OAAA,CAAK,UAAU,QACb,WAAK,aACJA,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,QAAS,SAAAN,EAAY,UAAY,mBAAA,CAAoB,EAErEG,EAAAA,kBAAAA,KAAAK,6BAAA,CACG,SAAA,CAAAZ,EAAK,SAAS,IAAI,CAACa,EAAMC,IACxBP,EAAAA,kBAAAA,KAACK,WAAA,CACC,SAAA,CAAAF,EAAAA,kBAAAA,IAAC,OAAA,CAA4B,SAAAG,CAAA,EAAlBC,EAAQ,OAAe,EAClCJ,EAAAA,kBAAAA,IAAC,OAAA,CAAgC,SAAA,GAAA,EAAtBI,EAAQ,YAAe,CAAA,CAAA,EAFrBA,CAGf,CACD,EACDJ,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,QAAS,WAAK,KAAA,CAAM,CAAA,CAAA,CACtC,CAAA,CAEJ,GACE,CAACV,EAAK,cAAgBI,IACtBM,EAAAA,kBAAAA,IAACK,EAAAA,OAAA,CACC,KAAM,WACN,QAAQ,OACR,UAAU,SACV,QAAUC,GAAMb,EAASa,EAAGhB,CAAI,EAChC,eAAc,aAAA,CAAA,CAChB,CAAA,EAvCGA,EAAK,MAAA,CA2ChB"}
+{"version":3,"file":"LinkManagerItem.cjs.js","sources":["../../../../../src/components/LinksManager/LinkManagerItem.tsx"],"sourcesContent":["import { FC, Fragment, useState } from 'react'\nimport { Button } from '@ynput/ayon-react-components'\nimport { detailsPanelEntityTypes } from '@shared/api'\nimport * as Styled from './LinksManager.styled'\nimport { LinkEntity } from './LinksManager'\nimport clsx from 'clsx'\nimport { EntityIcon } from '@shared/components/EntityIcon'\n\nexport interface LinkManagerItemProps {\n  link: LinkEntity\n  count: number\n  isSelected?: boolean\n  onEntityClick?: (entityId: string, entityType: string) => void\n  onRemove: (e: React.MouseEvent<HTMLButtonElement>, link: LinkEntity) => void\n  onCountChange?: (newCount: number) => void\n  isManager?: boolean\n}\n\nexport const LinkManagerItem: FC<LinkManagerItemProps> = ({\n  link,\n  count,\n  isSelected = false,\n  onEntityClick,\n  onRemove,\n  onCountChange,\n  isManager = false,\n}) => {\n  const [isEditingCount, setIsEditingCount] = useState(false)\n  const [editValue, setEditValue] = useState(count)\n\n  const handleBadgeClick = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    if (link.isRestricted) return\n    setEditValue(count)\n    setIsEditingCount(true)\n  }\n\n  const commitCount = () => {\n    const newCount = Math.max(1, editValue)\n    if (newCount !== count) {\n      onCountChange?.(newCount)\n    }\n    setIsEditingCount(false)\n  }\n\n  const cancelEdit = () => {\n    setEditValue(count)\n    setIsEditingCount(false)\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    e.stopPropagation()\n    if (e.key === 'Enter') {\n      e.currentTarget.blur()\n    } else if (e.key === 'Escape') {\n      cancelEdit()\n    }\n  }\n\n  const entityTypeSupported = detailsPanelEntityTypes.includes(link.entityType as any)\n  const isClickable = entityTypeSupported && !link.isRestricted\n  return (\n    <Styled.LinkItem\n      onClick={() => !isEditingCount && isClickable && onEntityClick?.(link.entityId, link.entityType)}\n      data-tooltip={\n        link.isRestricted\n          ? isManager\n            ? 'Unknown Link - Entity not found'\n            : 'Access Restricted - Insufficient Permissions to Entity'\n          : link.parents.join('/') + '/' + link.label\n      }\n      className={clsx({\n        clickable: isClickable,\n        selected: isSelected,\n        restricted: link.isRestricted && !isManager,\n        unknown: link.isRestricted && isManager,\n      })}\n    >\n      <EntityIcon entity={{entityType: link.entityType}} icon={link?.icon} color={link.color} />\n      <span className=\"title\">\n        {link.isRestricted ? (\n          <span className=\"label\">{isManager ? 'Unknown' : 'Access Restricted'}</span>\n        ) : (\n          <>\n            {link.parents?.map((part, index) => (\n              <Fragment key={index}>\n                <span key={index + '-path'}>{part}</span>\n                <span key={index + '-separator'}>/</span>\n              </Fragment>\n            ))}\n            <span className=\"label\">{link.label}</span>\n          </>\n        )}\n      </span>\n      {!link.isRestricted && (\n        isEditingCount ? (\n          <Styled.CountInput\n            value={editValue}\n            min={1}\n            autoFocus\n            onChange={(e) => setEditValue(parseInt(e.target.value) || 1)}\n            onFocus={(e) => e.target.select()}\n            onBlur={commitCount}\n            onKeyDown={handleKeyDown}\n            onClick={(e) => e.stopPropagation()}\n            data-tooltip=\"Number of links to this entity.\"\n          />\n        ) : (\n          <Styled.CountBadge\n            onClick={handleBadgeClick}\n            tabIndex={0}\n            data-tooltip=\"Number of links to this entity.\"\n          >\n            x{count}\n          </Styled.CountBadge>\n        )\n      )}\n      {(!link.isRestricted || isManager) && (\n        <Button\n          icon={'link_off'}\n          variant=\"text\"\n          className=\"remove\"\n          onClick={(e) => onRemove(e, link)}\n          data-tooltip={count > 1 ? `Remove all ${count} links` : 'Remove link'}\n        />\n      )}\n    </Styled.LinkItem>\n  )\n}\n"],"names":["LinkManagerItem","link","count","isSelected","onEntityClick","onRemove","onCountChange","isManager","isEditingCount","setIsEditingCount","useState","editValue","setEditValue","handleBadgeClick","e","commitCount","newCount","cancelEdit","handleKeyDown","isClickable","detailsPanelEntityTypes","jsxs","Styled.LinkItem","clsx","jsx","EntityIcon","Fragment","part","index","Styled.CountInput","Styled.CountBadge","Button"],"mappings":"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"}

package/dist/shared/src/components/LinksManager/LinkManagerItem.es.js

@@ -1,6 +1,6 @@
-import { j as o } from "../../../../_virtual/jsx-runtime.es.js";
-import { Fragment as n } from "react";
-import { Button as a } from "@ynput/ayon-react-components";
+import { j as i } from "../../../../_virtual/jsx-runtime.es.js";
+import { useState as l, Fragment as R } from "react";
+import { Button as E } from "@ynput/ayon-react-components";
 import "../../api/base/client.es.js";
 import "../../api/generated/graphql.es.js";
 import "../../api/generated/graphqlLinks.es.js";
@@ -56,7 +56,7 @@ 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 { detailsPanelEntityTypes as d } from "../../api/queries/entities/transformDetailsPanelData.es.js";
+import { detailsPanelEntityTypes as b } from "../../api/queries/entities/transformDetailsPanelData.es.js";
 import "../../api/queries/entities/updateEntity.es.js";
 import "../../api/queries/entityLists/getLists.es.js";
 import "../../api/queries/entityLists/updateLists.es.js";
@@ -91,53 +91,88 @@ 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 { LinkItem as l } from "./LinksManager.styled.es.js";
-import y from "clsx";
-import { EntityIcon as f } from "../EntityIcon/EntityIcon.es.js";
-const po = ({
+import { LinkItem as g, CountInput as I, CountBadge as T } from "./LinksManager.styled.es.js";
+import N from "clsx";
+import { EntityIcon as v } from "../EntityIcon/EntityIcon.es.js";
+const jo = ({
   link: t,
-  isSelected: e = !1,
-  onEntityClick: s,
-  onRemove: c,
-  isManager: r = !1
+  count: r,
+  isSelected: d = !1,
+  onEntityClick: u,
+  onRemove: y,
+  onCountChange: f,
+  isManager: p = !1
 }) => {
-  const m = d.includes(t.entityType) && !t.isRestricted;
-  return /* @__PURE__ */ o.jsxs(
-    l,
+  const [n, m] = l(!1), [a, e] = l(r), x = (o) => {
+    o.stopPropagation(), !t.isRestricted && (e(r), m(!0));
+  }, h = () => {
+    const o = Math.max(1, a);
+    o !== r && f?.(o), m(!1);
+  }, j = () => {
+    e(r), m(!1);
+  }, C = (o) => {
+    o.stopPropagation(), o.key === "Enter" ? o.currentTarget.blur() : o.key === "Escape" && j();
+  }, c = b.includes(t.entityType) && !t.isRestricted;
+  return /* @__PURE__ */ i.jsxs(
+    g,
     {
-      onClick: () => m && s?.(t.entityId, t.entityType),
-      "data-tooltip": t.isRestricted ? r ? "Unknown Link - Entity not found" : "Access Restricted - Insufficient Permissions to Entity" : t.parents.join("/") + "/" + t.label,
-      className: y({
-        clickable: m,
-        selected: e,
-        restricted: t.isRestricted && !r,
-        unknown: t.isRestricted && r
+      onClick: () => !n && c && u?.(t.entityId, t.entityType),
+      "data-tooltip": t.isRestricted ? p ? "Unknown Link - Entity not found" : "Access Restricted - Insufficient Permissions to Entity" : t.parents.join("/") + "/" + t.label,
+      className: N({
+        clickable: c,
+        selected: d,
+        restricted: t.isRestricted && !p,
+        unknown: t.isRestricted && p
       }),
       children: [
-        /* @__PURE__ */ o.jsx(f, { entity: { entityType: t.entityType }, icon: t?.icon, color: t.color }),
-        /* @__PURE__ */ o.jsx("span", { className: "title", children: t.isRestricted ? /* @__PURE__ */ o.jsx("span", { className: "label", children: r ? "Unknown" : "Access Restricted" }) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-          t.parents?.map((i, p) => /* @__PURE__ */ o.jsxs(n, { children: [
-            /* @__PURE__ */ o.jsx("span", { children: i }, p + "-path"),
-            /* @__PURE__ */ o.jsx("span", { children: "/" }, p + "-separator")
-          ] }, p)),
-          /* @__PURE__ */ o.jsx("span", { className: "label", children: t.label })
+        /* @__PURE__ */ i.jsx(v, { entity: { entityType: t.entityType }, icon: t?.icon, color: t.color }),
+        /* @__PURE__ */ i.jsx("span", { className: "title", children: t.isRestricted ? /* @__PURE__ */ i.jsx("span", { className: "label", children: p ? "Unknown" : "Access Restricted" }) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+          t.parents?.map((o, s) => /* @__PURE__ */ i.jsxs(R, { children: [
+            /* @__PURE__ */ i.jsx("span", { children: o }, s + "-path"),
+            /* @__PURE__ */ i.jsx("span", { children: "/" }, s + "-separator")
+          ] }, s)),
+          /* @__PURE__ */ i.jsx("span", { className: "label", children: t.label })
         ] }) }),
-        (!t.isRestricted || r) && /* @__PURE__ */ o.jsx(
-          a,
+        !t.isRestricted && (n ? /* @__PURE__ */ i.jsx(
+          I,
+          {
+            value: a,
+            min: 1,
+            autoFocus: !0,
+            onChange: (o) => e(parseInt(o.target.value) || 1),
+            onFocus: (o) => o.target.select(),
+            onBlur: h,
+            onKeyDown: C,
+            onClick: (o) => o.stopPropagation(),
+            "data-tooltip": "Number of links to this entity."
+          }
+        ) : /* @__PURE__ */ i.jsxs(
+          T,
+          {
+            onClick: x,
+            tabIndex: 0,
+            "data-tooltip": "Number of links to this entity.",
+            children: [
+              "x",
+              r
+            ]
+          }
+        )),
+        (!t.isRestricted || p) && /* @__PURE__ */ i.jsx(
+          E,
           {
             icon: "link_off",
             variant: "text",
             className: "remove",
-            onClick: (i) => c(i, t),
-            "data-tooltip": "Remove link"
+            onClick: (o) => y(o, t),
+            "data-tooltip": r > 1 ? `Remove all ${r} links` : "Remove link"
           }
         )
       ]
-    },
-    t.linkId
+    }
   );
 };
 export {
-  po as LinkManagerItem
+  jo as LinkManagerItem
 };
 //# sourceMappingURL=LinkManagerItem.es.js.map

package/dist/shared/src/components/LinksManager/LinkManagerItem.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkManagerItem.es.js","sources":["../../../../../src/components/LinksManager/LinkManagerItem.tsx"],"sourcesContent":["import { FC, Fragment } from 'react'\nimport { Button } from '@ynput/ayon-react-components'\nimport { detailsPanelEntityTypes } from '@shared/api'\nimport * as Styled from './LinksManager.styled'\nimport { LinkEntity } from './LinksManager'\nimport clsx from 'clsx'\nimport { EntityIcon } from '@shared/components/EntityIcon'\n\nexport interface LinkManagerItemProps {\n  link: LinkEntity\n  isSelected?: boolean\n  onEntityClick?: (entityId: string, entityType: string) => void\n  onRemove: (e: React.MouseEvent<HTMLButtonElement>, link: LinkEntity) => void\n  isManager?: boolean\n}\n\nexport const LinkManagerItem: FC<LinkManagerItemProps> = ({\n  link,\n  isSelected = false,\n  onEntityClick,\n  onRemove,\n  isManager = false,\n}) => {\n  const entityTypeSupported = detailsPanelEntityTypes.includes(link.entityType as any)\n  const isClickable = entityTypeSupported && !link.isRestricted\n  return (\n    <Styled.LinkItem\n      key={link.linkId}\n      onClick={() => isClickable && onEntityClick?.(link.entityId, link.entityType)}\n      data-tooltip={\n        link.isRestricted\n          ? isManager\n            ? 'Unknown Link - Entity not found'\n            : 'Access Restricted - Insufficient Permissions to Entity'\n          : link.parents.join('/') + '/' + link.label\n      }\n      className={clsx({\n        clickable: isClickable,\n        selected: isSelected,\n        restricted: link.isRestricted && !isManager,\n        unknown: link.isRestricted && isManager,\n      })}\n    >\n      <EntityIcon entity={{entityType: link.entityType}} icon={link?.icon} color={link.color} />\n      <span className=\"title\">\n        {link.isRestricted ? (\n          <span className=\"label\">{isManager ? 'Unknown' : 'Access Restricted'}</span>\n        ) : (\n          <>\n            {link.parents?.map((part, index) => (\n              <Fragment key={index}>\n                <span key={index + '-path'}>{part}</span>\n                <span key={index + '-separator'}>/</span>\n              </Fragment>\n            ))}\n            <span className=\"label\">{link.label}</span>\n          </>\n        )}\n      </span>\n      {(!link.isRestricted || isManager) && (\n        <Button\n          icon={'link_off'}\n          variant=\"text\"\n          className=\"remove\"\n          onClick={(e) => onRemove(e, link)}\n          data-tooltip={'Remove link'}\n        />\n      )}\n    </Styled.LinkItem>\n  )\n}\n"],"names":["LinkManagerItem","link","isSelected","onEntityClick","onRemove","isManager","isClickable","detailsPanelEntityTypes","jsxs","Styled.LinkItem","clsx","jsx","EntityIcon","Fragment","part","index","Button","e"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBO,MAAMA,KAA4C,CAAC;AAAA,EACxD,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AACd,MAAM;AAEJ,QAAMC,IADsBC,EAAwB,SAASN,EAAK,UAAiB,KACxC,CAACA,EAAK;AACjD,SACEO,gBAAAA,EAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MAEC,SAAS,MAAMH,KAAeH,IAAgBF,EAAK,UAAUA,EAAK,UAAU;AAAA,MAC5E,gBACEA,EAAK,eACDI,IACE,oCACA,2DACFJ,EAAK,QAAQ,KAAK,GAAG,IAAI,MAAMA,EAAK;AAAA,MAE1C,WAAWS,EAAK;AAAA,QACd,WAAWJ;AAAA,QACX,UAAUJ;AAAA,QACV,YAAYD,EAAK,gBAAgB,CAACI;AAAA,QAClC,SAASJ,EAAK,gBAAgBI;AAAA,MAAA,CAC/B;AAAA,MAED,UAAA;AAAA,QAAAM,gBAAAA,EAAAA,IAACC,GAAA,EAAW,QAAQ,EAAC,YAAYX,EAAK,WAAA,GAAa,MAAMA,GAAM,MAAM,OAAOA,EAAK,MAAA,CAAO;AAAA,QACxFU,gBAAAA,MAAC,QAAA,EAAK,WAAU,SACb,YAAK,eACJA,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,SAAS,UAAAN,IAAY,YAAY,oBAAA,CAAoB,IAErEG,gBAAAA,EAAAA,KAAAK,YAAA,EACG,UAAA;AAAA,UAAAZ,EAAK,SAAS,IAAI,CAACa,GAAMC,MACxBP,gBAAAA,EAAAA,KAACK,GAAA,EACC,UAAA;AAAA,YAAAF,gBAAAA,EAAAA,IAAC,QAAA,EAA4B,UAAAG,EAAA,GAAlBC,IAAQ,OAAe;AAAA,YAClCJ,gBAAAA,EAAAA,IAAC,QAAA,EAAgC,UAAA,IAAA,GAAtBI,IAAQ,YAAe;AAAA,UAAA,EAAA,GAFrBA,CAGf,CACD;AAAA,UACDJ,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,SAAS,YAAK,MAAA,CAAM;AAAA,QAAA,EAAA,CACtC,EAAA,CAEJ;AAAA,SACE,CAACV,EAAK,gBAAgBI,MACtBM,gBAAAA,EAAAA;AAAAA,UAACK;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,SAAS,CAACC,MAAMb,EAASa,GAAGhB,CAAI;AAAA,YAChC,gBAAc;AAAA,UAAA;AAAA,QAAA;AAAA,MAChB;AAAA,IAAA;AAAA,IAvCGA,EAAK;AAAA,EAAA;AA2ChB;"}
+{"version":3,"file":"LinkManagerItem.es.js","sources":["../../../../../src/components/LinksManager/LinkManagerItem.tsx"],"sourcesContent":["import { FC, Fragment, useState } from 'react'\nimport { Button } from '@ynput/ayon-react-components'\nimport { detailsPanelEntityTypes } from '@shared/api'\nimport * as Styled from './LinksManager.styled'\nimport { LinkEntity } from './LinksManager'\nimport clsx from 'clsx'\nimport { EntityIcon } from '@shared/components/EntityIcon'\n\nexport interface LinkManagerItemProps {\n  link: LinkEntity\n  count: number\n  isSelected?: boolean\n  onEntityClick?: (entityId: string, entityType: string) => void\n  onRemove: (e: React.MouseEvent<HTMLButtonElement>, link: LinkEntity) => void\n  onCountChange?: (newCount: number) => void\n  isManager?: boolean\n}\n\nexport const LinkManagerItem: FC<LinkManagerItemProps> = ({\n  link,\n  count,\n  isSelected = false,\n  onEntityClick,\n  onRemove,\n  onCountChange,\n  isManager = false,\n}) => {\n  const [isEditingCount, setIsEditingCount] = useState(false)\n  const [editValue, setEditValue] = useState(count)\n\n  const handleBadgeClick = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    if (link.isRestricted) return\n    setEditValue(count)\n    setIsEditingCount(true)\n  }\n\n  const commitCount = () => {\n    const newCount = Math.max(1, editValue)\n    if (newCount !== count) {\n      onCountChange?.(newCount)\n    }\n    setIsEditingCount(false)\n  }\n\n  const cancelEdit = () => {\n    setEditValue(count)\n    setIsEditingCount(false)\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    e.stopPropagation()\n    if (e.key === 'Enter') {\n      e.currentTarget.blur()\n    } else if (e.key === 'Escape') {\n      cancelEdit()\n    }\n  }\n\n  const entityTypeSupported = detailsPanelEntityTypes.includes(link.entityType as any)\n  const isClickable = entityTypeSupported && !link.isRestricted\n  return (\n    <Styled.LinkItem\n      onClick={() => !isEditingCount && isClickable && onEntityClick?.(link.entityId, link.entityType)}\n      data-tooltip={\n        link.isRestricted\n          ? isManager\n            ? 'Unknown Link - Entity not found'\n            : 'Access Restricted - Insufficient Permissions to Entity'\n          : link.parents.join('/') + '/' + link.label\n      }\n      className={clsx({\n        clickable: isClickable,\n        selected: isSelected,\n        restricted: link.isRestricted && !isManager,\n        unknown: link.isRestricted && isManager,\n      })}\n    >\n      <EntityIcon entity={{entityType: link.entityType}} icon={link?.icon} color={link.color} />\n      <span className=\"title\">\n        {link.isRestricted ? (\n          <span className=\"label\">{isManager ? 'Unknown' : 'Access Restricted'}</span>\n        ) : (\n          <>\n            {link.parents?.map((part, index) => (\n              <Fragment key={index}>\n                <span key={index + '-path'}>{part}</span>\n                <span key={index + '-separator'}>/</span>\n              </Fragment>\n            ))}\n            <span className=\"label\">{link.label}</span>\n          </>\n        )}\n      </span>\n      {!link.isRestricted && (\n        isEditingCount ? (\n          <Styled.CountInput\n            value={editValue}\n            min={1}\n            autoFocus\n            onChange={(e) => setEditValue(parseInt(e.target.value) || 1)}\n            onFocus={(e) => e.target.select()}\n            onBlur={commitCount}\n            onKeyDown={handleKeyDown}\n            onClick={(e) => e.stopPropagation()}\n            data-tooltip=\"Number of links to this entity.\"\n          />\n        ) : (\n          <Styled.CountBadge\n            onClick={handleBadgeClick}\n            tabIndex={0}\n            data-tooltip=\"Number of links to this entity.\"\n          >\n            x{count}\n          </Styled.CountBadge>\n        )\n      )}\n      {(!link.isRestricted || isManager) && (\n        <Button\n          icon={'link_off'}\n          variant=\"text\"\n          className=\"remove\"\n          onClick={(e) => onRemove(e, link)}\n          data-tooltip={count > 1 ? `Remove all ${count} links` : 'Remove link'}\n        />\n      )}\n    </Styled.LinkItem>\n  )\n}\n"],"names":["LinkManagerItem","link","count","isSelected","onEntityClick","onRemove","onCountChange","isManager","isEditingCount","setIsEditingCount","useState","editValue","setEditValue","handleBadgeClick","e","commitCount","newCount","cancelEdit","handleKeyDown","isClickable","detailsPanelEntityTypes","jsxs","Styled.LinkItem","clsx","jsx","EntityIcon","Fragment","part","index","Styled.CountInput","Styled.CountBadge","Button"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),I=require("react"),i=require("./LinksManager.styled.cjs.js"),S=require("lodash");require("react-toastify");const q=require("../../util/getEntityId.cjs.js");require("../../util/pubsub.cjs.js");const L=require("./hooks/useUpdateLinks.cjs.js"),M=require("./AddNewLinks.cjs.js"),v=require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js"),b=require("./LinkManagerItem.cjs.js"),C=require("@ynput/ayon-react-components");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/SubtasksModulesContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");const T=require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");const P=({linkTypeLabel:p,direction:u,links:a=[],projectName:n,entityId:m,entityType:y,linkType:g,targetEntityType:s,folderId:d,selectedEntityIds:j=[],onClose:c,onEntityClick:E})=>{const{user:l}=T.useGlobalContext(),R=l?.data?.isAdmin||l?.data?.isManager,o=L({projectName:n,direction:u,entityId:m,entityType:y,targetEntityType:s,linkType:g}),[k,x]=I.useState(null),h=(t,r)=>{t.stopPropagation(),o.remove([{id:r.linkId,target:{entityId:r.entityId,entityType:r.entityType}}])};return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(i.Container,{children:[e.jsxRuntimeExports.jsxs(i.Header,{children:[S.upperFirst(p)," links (",u,")",e.jsxRuntimeExports.jsx(C.Button,{icon:"close",variant:"text",className:"remove",onClick:c,"data-shortcut":"Escape","data-tooltip-delay":500})]}),e.jsxRuntimeExports.jsxs(i.LinksList,{children:[a?.map(t=>e.jsxRuntimeExports.jsx(b.LinkManagerItem,{link:t,isSelected:j.includes(t.entityId),onEntityClick:E,onRemove:h,isManager:R},t.linkId)),a.length===0&&e.jsxRuntimeExports.jsx(i.SubHeader,{children:"No links yet"})]}),e.jsxRuntimeExports.jsx(M,{targetEntityType:s,projectName:n,onClose:c,onAdd:t=>o.add([{targetEntityId:t,linkId:q.getEntityId()}]),onSearchTypeChange:x})]}),k==="picker"&&e.jsxRuntimeExports.jsx(v.EntityPickerDialog,{onClose:()=>x(null),projectName:n,entityType:s,initialSelection:d?{folder:{[d]:!0}}:void 0,onSubmit:t=>o.add(t.map(r=>({targetEntityId:r,linkId:q.getEntityId()}))),isMultiSelect:!0})]})};exports.LinksManager=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../../../_virtual/jsx-runtime.cjs.js"),E=require("react"),o=require("./LinksManager.styled.cjs.js"),D=require("lodash");require("react-toastify");const d=require("../../util/getEntityId.cjs.js");require("../../util/pubsub.cjs.js");const P=require("./hooks/useUpdateLinks.cjs.js"),G=require("./AddNewLinks.cjs.js"),H=require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js"),w=require("./LinkManagerItem.cjs.js"),B=require("@ynput/ayon-react-components");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/SubtasksModulesContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");const F=require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");const K=require("./utils/groupLinks.cjs.js"),O=({linkTypeLabel:I,direction:l,links:m=[],projectName:a,entityId:j,entityType:g,linkType:h,targetEntityType:u,folderId:y,selectedEntityIds:v=[],onClose:x,onEntityClick:R})=>{const{user:q}=F.useGlobalContext(),L=q?.data?.isAdmin||q?.data?.isManager,i=P({projectName:a,direction:l,entityId:j,entityType:g,targetEntityType:u,linkType:h}),[C,p]=E.useState(null),[M,S]=E.useState({}),f=K.groupLinksByEntity(m),k=e=>{const t=M[e.groupKey];return t!==void 0&&t!==e.count?t:e.count},T=(e,t)=>{e.stopPropagation(),i.remove(t.linkIds.map(c=>({id:c,target:{entityId:t.entityId,entityType:t.representative.entityType}})))},b=(e,t)=>{const c=k(e);S(r=>({...r,[e.groupKey]:t}));const s=t-c;if(s>0){const r=Array.from({length:s},()=>({targetEntityId:e.entityId,linkId:d.getEntityId()}));i.add(r)}else if(s<0){const r=e.linkIds.slice(s).map(A=>({id:A,target:{entityId:e.entityId,entityType:e.representative.entityType}}));i.remove(r)}};return n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsxs(o.Container,{onMouseDown:e=>{e.target!==document.activeElement&&document.activeElement instanceof HTMLInputElement&&document.activeElement.blur()},children:[n.jsxRuntimeExports.jsxs(o.Header,{children:[D.upperFirst(I)," links (",l,")",n.jsxRuntimeExports.jsx(B.Button,{icon:"close",variant:"text",className:"remove",onClick:x,"data-shortcut":"Escape","data-tooltip-delay":500})]}),n.jsxRuntimeExports.jsxs(o.LinksList,{children:[f.map(e=>n.jsxRuntimeExports.jsx(w.LinkManagerItem,{link:e.representative,count:k(e),isSelected:v.includes(e.entityId),onEntityClick:R,onRemove:t=>T(t,e),onCountChange:t=>b(e,t),isManager:L},e.representative.linkId)),m.length===0&&n.jsxRuntimeExports.jsx(o.SubHeader,{children:"No links yet"})]}),n.jsxRuntimeExports.jsx(G,{targetEntityType:u,projectName:a,onClose:x,onAdd:e=>i.add([{targetEntityId:e,linkId:d.getEntityId()}]),onSearchTypeChange:p})]}),C==="picker"&&n.jsxRuntimeExports.jsx(H.EntityPickerDialog,{onClose:()=>p(null),projectName:a,entityType:u,initialSelection:y?{folder:{[y]:!0}}:void 0,onSubmit:e=>i.add(e.map(t=>({targetEntityId:t,linkId:d.getEntityId()}))),isMultiSelect:!0})]})};exports.LinksManager=O;
 //# sourceMappingURL=LinksManager.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LinksManager.cjs.js","sources":["../../../../../src/components/LinksManager/LinksManager.tsx"],"sourcesContent":["import { FC, useState } from 'react'\nimport * as Styled from './LinksManager.styled'\nimport { getEntityId } from '@shared/util'\nimport useUpdateLinks from './hooks/useUpdateLinks'\nimport AddNewLinks, { LinkSearchType } from './AddNewLinks'\nimport { EntityPickerDialog, PickerEntityType } from '@shared/containers/EntityPickerDialog'\nimport { upperFirst } from 'lodash'\nimport { LinkManagerItem } from './LinkManagerItem'\nimport { Button } from '@ynput/ayon-react-components'\nimport { useGlobalContext } from '@shared/context'\n\nexport type LinkEntity = {\n  linkId: string\n  entityId: string\n  label: string\n  parents: string[]\n  entityType: string\n  icon: string\n  color?: string // color from folder/task type anatomy\n  isRestricted?: boolean // flag to indicate if this link is restricted (node is null from API)\n}\n\nexport interface LinksManagerProps {\n  linkTypeLabel: string\n  direction?: 'in' | 'out'\n  links: LinkEntity[] // used to display basic info about the links entity\n  projectName: string\n  entityId: string // the entity id of the entity that has these links\n  linkType: string // full link type e.g. workflow|task|task\n  entityType: string // the entity type of the entity that has these links\n  targetEntityType: string // the entity type of the out links\n  folderId?: string | null // the folder selected or the parent folder of the selected (used in EntityPickerDialog)\n  selectedEntityIds?: string[] // list of selected entity IDs to highlight\n  onClose?: () => void\n  onEntityClick?: (entityId: string, entityType: string) => void // a click on an linked entity\n}\n\nexport const LinksManager: FC<LinksManagerProps> = ({\n  linkTypeLabel,\n  direction,\n  links = [],\n  projectName,\n  entityId,\n  entityType,\n  linkType,\n  targetEntityType,\n  folderId,\n  selectedEntityIds = [],\n  onClose,\n  onEntityClick,\n}) => {\n  const { user } = useGlobalContext()\n  const isManager = user?.data?.isAdmin || user?.data?.isManager\n\n  const linksUpdater = useUpdateLinks({\n    projectName,\n    direction,\n    entityId,\n    entityType,\n    targetEntityType,\n    linkType,\n  })\n\n  const [searchType, setSearchType] = useState<LinkSearchType>(null)\n\n  const handleRemove = (e: React.MouseEvent<HTMLButtonElement>, link: LinkEntity) => {\n    // prevent clicks higher up\n    e.stopPropagation()\n\n    linksUpdater.remove([\n      {\n        id: link.linkId,\n        target: { entityId: link.entityId, entityType: link.entityType },\n      },\n    ])\n  }\n\n  return (\n    <>\n      <Styled.Container>\n        <Styled.Header>\n          {upperFirst(linkTypeLabel)} links ({direction})\n          <Button\n            icon={'close'}\n            variant=\"text\"\n            className=\"remove\"\n            onClick={onClose}\n            data-shortcut={'Escape'}\n            data-tooltip-delay={500}\n          />\n        </Styled.Header>\n        <Styled.LinksList>\n          {links?.map((link) => (\n            <LinkManagerItem\n              key={link.linkId}\n              link={link}\n              isSelected={selectedEntityIds.includes(link.entityId)}\n              onEntityClick={onEntityClick}\n              onRemove={handleRemove}\n              isManager={isManager}\n            />\n          ))}\n          {links.length === 0 && <Styled.SubHeader>No links yet</Styled.SubHeader>}\n        </Styled.LinksList>\n        <AddNewLinks\n          targetEntityType={targetEntityType}\n          projectName={projectName}\n          onClose={onClose}\n          onAdd={(id) => linksUpdater.add([{ targetEntityId: id, linkId: getEntityId() }])}\n          onSearchTypeChange={setSearchType}\n        />\n      </Styled.Container>\n      {searchType === 'picker' && (\n        <EntityPickerDialog\n          onClose={() => setSearchType(null)}\n          projectName={projectName}\n          entityType={targetEntityType as PickerEntityType} // the type of entity to pick\n          initialSelection={folderId ? { folder: { [folderId]: true } } : undefined} // preselect current folder\n          onSubmit={(s) =>\n            linksUpdater.add(s.map((id) => ({ targetEntityId: id, linkId: getEntityId() })))\n          }\n          isMultiSelect\n        />\n      )}\n    </>\n  )\n}\n"],"names":["LinksManager","linkTypeLabel","direction","links","projectName","entityId","entityType","linkType","targetEntityType","folderId","selectedEntityIds","onClose","onEntityClick","user","useGlobalContext","isManager","linksUpdater","useUpdateLinks","searchType","setSearchType","useState","handleRemove","e","link","jsxs","Fragment","Styled.Container","Styled.Header","upperFirst","jsx","Button","Styled.LinksList","LinkManagerItem","Styled.SubHeader","AddNewLinks","id","getEntityId","EntityPickerDialog","s"],"mappings":"k6CAqCO,MAAMA,EAAsC,CAAC,CAClD,cAAAC,EACA,UAAAC,EACA,MAAAC,EAAQ,CAAA,EACR,YAAAC,EACA,SAAAC,EACA,WAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,kBAAAC,EAAoB,CAAA,EACpB,QAAAC,EACA,cAAAC,CACF,IAAM,CACJ,KAAM,CAAE,KAAAC,CAAA,EAASC,mBAAA,EACXC,EAAYF,GAAM,MAAM,SAAWA,GAAM,MAAM,UAE/CG,EAAeC,EAAe,CAClC,YAAAb,EACA,UAAAF,EACA,SAAAG,EACA,WAAAC,EACA,iBAAAE,EACA,SAAAD,CAAA,CACD,EAEK,CAACW,EAAYC,CAAa,EAAIC,EAAAA,SAAyB,IAAI,EAE3DC,EAAe,CAACC,EAAwCC,IAAqB,CAEjFD,EAAE,gBAAA,EAEFN,EAAa,OAAO,CAClB,CACE,GAAIO,EAAK,OACT,OAAQ,CAAE,SAAUA,EAAK,SAAU,WAAYA,EAAK,UAAA,CAAW,CACjE,CACD,CACH,EAEA,OACEC,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAD,yBAACE,EAAAA,UAAA,CACC,SAAA,CAAAF,yBAACG,EAAAA,OAAA,CACE,SAAA,CAAAC,EAAAA,WAAW3B,CAAa,EAAE,WAASC,EAAU,IAC9C2B,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,CACC,KAAM,QACN,QAAQ,OACR,UAAU,SACV,QAASnB,EACT,gBAAe,SACf,qBAAoB,GAAA,CAAA,CACtB,EACF,EACAa,yBAACO,EAAAA,UAAA,CACE,SAAA,CAAA5B,GAAO,IAAKoB,GACXM,EAAAA,kBAAAA,IAACG,EAAAA,gBAAA,CAEC,KAAAT,EACA,WAAYb,EAAkB,SAASa,EAAK,QAAQ,EACpD,cAAAX,EACA,SAAUS,EACV,UAAAN,CAAA,EALKQ,EAAK,MAAA,CAOb,EACApB,EAAM,SAAW,2BAAM8B,EAAAA,UAAA,CAAiB,SAAA,cAAA,CAAY,CAAA,EACvD,EACAJ,EAAAA,kBAAAA,IAACK,EAAA,CACC,iBAAA1B,EACA,YAAAJ,EACA,QAAAO,EACA,MAAQwB,GAAOnB,EAAa,IAAI,CAAC,CAAE,eAAgBmB,EAAI,OAAQC,EAAAA,YAAA,CAAY,CAAG,CAAC,EAC/E,mBAAoBjB,CAAA,CAAA,CACtB,EACF,EACCD,IAAe,UACdW,EAAAA,kBAAAA,IAACQ,EAAAA,mBAAA,CACC,QAAS,IAAMlB,EAAc,IAAI,EACjC,YAAAf,EACA,WAAYI,EACZ,iBAAkBC,EAAW,CAAE,OAAQ,CAAE,CAACA,CAAQ,EAAG,EAAA,CAAK,EAAM,OAChE,SAAW6B,GACTtB,EAAa,IAAIsB,EAAE,IAAKH,IAAQ,CAAE,eAAgBA,EAAI,OAAQC,EAAAA,YAAA,CAAY,EAAI,CAAC,EAEjF,cAAa,EAAA,CAAA,CACf,EAEJ,CAEJ"}
+{"version":3,"file":"LinksManager.cjs.js","sources":["../../../../../src/components/LinksManager/LinksManager.tsx"],"sourcesContent":["import { FC, useState } from 'react'\nimport * as Styled from './LinksManager.styled'\nimport { getEntityId } from '@shared/util'\nimport useUpdateLinks from './hooks/useUpdateLinks'\nimport AddNewLinks, { LinkSearchType } from './AddNewLinks'\nimport { EntityPickerDialog, PickerEntityType } from '@shared/containers/EntityPickerDialog'\nimport { upperFirst } from 'lodash'\nimport { LinkManagerItem } from './LinkManagerItem'\nimport { Button } from '@ynput/ayon-react-components'\nimport { useGlobalContext } from '@shared/context'\nimport { groupLinksByEntity, GroupedLink } from './utils/groupLinks'\n\nexport type LinkEntity = {\n  linkId: string\n  entityId: string\n  label: string\n  parents: string[]\n  entityType: string\n  icon: string\n  color?: string // color from folder/task type anatomy\n  isRestricted?: boolean // flag to indicate if this link is restricted (node is null from API)\n}\n\nexport interface LinksManagerProps {\n  linkTypeLabel: string\n  direction?: 'in' | 'out'\n  links: LinkEntity[] // used to display basic info about the links entity\n  projectName: string\n  entityId: string // the entity id of the entity that has these links\n  linkType: string // full link type e.g. workflow|task|task\n  entityType: string // the entity type of the entity that has these links\n  targetEntityType: string // the entity type of the out links\n  folderId?: string | null // the folder selected or the parent folder of the selected (used in EntityPickerDialog)\n  selectedEntityIds?: string[] // list of selected entity IDs to highlight\n  onClose?: () => void\n  onEntityClick?: (entityId: string, entityType: string) => void // a click on an linked entity\n}\n\nexport const LinksManager: FC<LinksManagerProps> = ({\n  linkTypeLabel,\n  direction,\n  links = [],\n  projectName,\n  entityId,\n  entityType,\n  linkType,\n  targetEntityType,\n  folderId,\n  selectedEntityIds = [],\n  onClose,\n  onEntityClick,\n}) => {\n  const { user } = useGlobalContext()\n  const isManager = user?.data?.isAdmin || user?.data?.isManager\n\n  const linksUpdater = useUpdateLinks({\n    projectName,\n    direction,\n    entityId,\n    entityType,\n    targetEntityType,\n    linkType,\n  })\n\n  const [searchType, setSearchType] = useState<LinkSearchType>(null)\n  // Optimistic counts for immediate UI feedback (creates are not optimistic in the cache)\n  const [optimisticCounts, setOptimisticCounts] = useState<Record<string, number>>({})\n\n  const groupedLinks = groupLinksByEntity(links)\n\n  // Get display count: use optimistic value until real data catches up\n  const getDisplayCount = (group: GroupedLink) => {\n    const optimistic = optimisticCounts[group.groupKey]\n    if (optimistic !== undefined && optimistic !== group.count) {\n      return optimistic\n    }\n    return group.count\n  }\n\n  const handleRemoveGroup = (e: React.MouseEvent<HTMLButtonElement>, group: GroupedLink) => {\n    e.stopPropagation()\n\n    linksUpdater.remove(\n      group.linkIds.map((id) => ({\n        id,\n        target: { entityId: group.entityId, entityType: group.representative.entityType },\n      })),\n    )\n  }\n\n  const handleCountChange = (group: GroupedLink, newCount: number) => {\n    const currentCount = getDisplayCount(group)\n    // Set optimistic count immediately for instant UI feedback\n    setOptimisticCounts((prev) => ({ ...prev, [group.groupKey]: newCount }))\n\n    const diff = newCount - currentCount\n    if (diff > 0) {\n      // Add more links\n      const newLinks = Array.from({ length: diff }, () => ({\n        targetEntityId: group.entityId,\n        linkId: getEntityId(),\n      }))\n      linksUpdater.add(newLinks)\n    } else if (diff < 0) {\n      // Remove links from the end (diff is negative, so slice(-3) takes last 3)\n      const linksToRemove = group.linkIds.slice(diff).map((id) => ({\n        id,\n        target: { entityId: group.entityId, entityType: group.representative.entityType },\n      }))\n      linksUpdater.remove(linksToRemove)\n    }\n  }\n\n  return (\n    <>\n      <Styled.Container\n        onMouseDown={(e) => {\n          // Blur active input when clicking anywhere in the dialog (so count input commits)\n          if (e.target !== document.activeElement && document.activeElement instanceof HTMLInputElement) {\n            document.activeElement.blur()\n          }\n        }}\n      >\n        <Styled.Header>\n          {upperFirst(linkTypeLabel)} links ({direction})\n          <Button\n            icon={'close'}\n            variant=\"text\"\n            className=\"remove\"\n            onClick={onClose}\n            data-shortcut={'Escape'}\n            data-tooltip-delay={500}\n          />\n        </Styled.Header>\n        <Styled.LinksList>\n          {groupedLinks.map((group) => (\n            <LinkManagerItem\n              key={group.representative.linkId}\n              link={group.representative}\n              count={getDisplayCount(group)}\n              isSelected={selectedEntityIds.includes(group.entityId)}\n              onEntityClick={onEntityClick}\n              onRemove={(e) => handleRemoveGroup(e, group)}\n              onCountChange={(newCount) => handleCountChange(group, newCount)}\n              isManager={isManager}\n            />\n          ))}\n          {links.length === 0 && <Styled.SubHeader>No links yet</Styled.SubHeader>}\n        </Styled.LinksList>\n        <AddNewLinks\n          targetEntityType={targetEntityType}\n          projectName={projectName}\n          onClose={onClose}\n          onAdd={(id) => linksUpdater.add([{ targetEntityId: id, linkId: getEntityId() }])}\n          onSearchTypeChange={setSearchType}\n        />\n      </Styled.Container>\n      {searchType === 'picker' && (\n        <EntityPickerDialog\n          onClose={() => setSearchType(null)}\n          projectName={projectName}\n          entityType={targetEntityType as PickerEntityType} // the type of entity to pick\n          initialSelection={folderId ? { folder: { [folderId]: true } } : undefined} // preselect current folder\n          onSubmit={(s) =>\n            linksUpdater.add(s.map((id) => ({ targetEntityId: id, linkId: getEntityId() })))\n          }\n          isMultiSelect\n        />\n      )}\n    </>\n  )\n}\n"],"names":["LinksManager","linkTypeLabel","direction","links","projectName","entityId","entityType","linkType","targetEntityType","folderId","selectedEntityIds","onClose","onEntityClick","user","useGlobalContext","isManager","linksUpdater","useUpdateLinks","searchType","setSearchType","useState","optimisticCounts","setOptimisticCounts","groupedLinks","groupLinksByEntity","getDisplayCount","group","optimistic","handleRemoveGroup","id","handleCountChange","newCount","currentCount","prev","diff","newLinks","getEntityId","linksToRemove","jsxs","Fragment","Styled.Container","Styled.Header","upperFirst","jsx","Button","Styled.LinksList","LinkManagerItem","e","Styled.SubHeader","AddNewLinks","EntityPickerDialog","s"],"mappings":"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"}

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

@@ -1,15 +1,15 @@
-import { j as t } from "../../../../_virtual/jsx-runtime.es.js";
-import { useState as S } from "react";
-import { Container as v, Header as L, LinksList as M, SubHeader as C } from "./LinksManager.styled.es.js";
-import { upperFirst as E } from "lodash";
+import { j as i } from "../../../../_virtual/jsx-runtime.es.js";
+import { useState as I } from "react";
+import { Container as D, Header as H, LinksList as w, SubHeader as B } from "./LinksManager.styled.es.js";
+import { upperFirst as F } from "lodash";
 import "react-toastify";
-import { getEntityId as c } from "../../util/getEntityId.es.js";
+import { getEntityId as d } from "../../util/getEntityId.es.js";
 import "../../util/pubsub.es.js";
-import T from "./hooks/useUpdateLinks.es.js";
-import b from "./AddNewLinks.es.js";
-import { EntityPickerDialog as A } from "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
-import { LinkManagerItem as R } from "./LinkManagerItem.es.js";
-import { Button as F } from "@ynput/ayon-react-components";
+import G from "./hooks/useUpdateLinks.es.js";
+import K from "./AddNewLinks.es.js";
+import { EntityPickerDialog as P } from "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
+import { LinkManagerItem as U } from "./LinkManagerItem.es.js";
+import { Button as N } from "@ynput/ayon-react-components";
 import "../../context/RemoteModulesContext.es.js";
 import "../../context/DetailsPanelContext.es.js";
 import "../../context/SubtasksModulesContext.es.js";
@@ -24,97 +24,128 @@ import "../../context/PowerpackContext.es.js";
 import "../../context/MoveEntityContext.es.js";
 import "../../context/MenuContext.es.js";
 import "../../context/WebsocketContext.es.js";
-import { useGlobalContext as H } from "../../context/GlobalContext.es.js";
+import { useGlobalContext as O } from "../../context/GlobalContext.es.js";
 import "../../context/ProjectContext.es.js";
 import "../../context/ProjectFoldersContext.es.js";
 import "../../context/UriContext.es.js";
-const dt = ({
-  linkTypeLabel: u,
-  direction: m,
-  links: s = [],
-  projectName: o,
-  entityId: x,
-  entityType: y,
-  linkType: h,
-  targetEntityType: e,
-  folderId: p,
-  selectedEntityIds: f = [],
-  onClose: a,
-  onEntityClick: g
+import { groupLinksByEntity as q } from "./utils/groupLinks.es.js";
+const Ct = ({
+  linkTypeLabel: h,
+  direction: p,
+  links: c = [],
+  projectName: s,
+  entityId: v,
+  entityType: x,
+  linkType: C,
+  targetEntityType: m,
+  folderId: l,
+  selectedEntityIds: E = [],
+  onClose: y,
+  onEntityClick: L
 }) => {
-  const { user: d } = H(), k = d?.data?.isAdmin || d?.data?.isManager, n = T({
-    projectName: o,
-    direction: m,
-    entityId: x,
-    entityType: y,
-    targetEntityType: e,
-    linkType: h
-  }), [I, l] = S(null), j = (i, r) => {
-    i.stopPropagation(), n.remove([
+  const { user: u } = O(), j = u?.data?.isAdmin || u?.data?.isManager, n = G({
+    projectName: s,
+    direction: p,
+    entityId: v,
+    entityType: x,
+    targetEntityType: m,
+    linkType: C
+  }), [g, k] = I(null), [S, T] = I({}), M = q(c), f = (t) => {
+    const e = S[t.groupKey];
+    return e !== void 0 && e !== t.count ? e : t.count;
+  }, b = (t, e) => {
+    t.stopPropagation(), n.remove(
+      e.linkIds.map((a) => ({
+        id: a,
+        target: { entityId: e.entityId, entityType: e.representative.entityType }
+      }))
+    );
+  }, A = (t, e) => {
+    const a = f(t);
+    T((o) => ({ ...o, [t.groupKey]: e }));
+    const r = e - a;
+    if (r > 0) {
+      const o = Array.from({ length: r }, () => ({
+        targetEntityId: t.entityId,
+        linkId: d()
+      }));
+      n.add(o);
+    } else if (r < 0) {
+      const o = t.linkIds.slice(r).map((R) => ({
+        id: R,
+        target: { entityId: t.entityId, entityType: t.representative.entityType }
+      }));
+      n.remove(o);
+    }
+  };
+  return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+    /* @__PURE__ */ i.jsxs(
+      D,
       {
-        id: r.linkId,
-        target: { entityId: r.entityId, entityType: r.entityType }
+        onMouseDown: (t) => {
+          t.target !== document.activeElement && document.activeElement instanceof HTMLInputElement && document.activeElement.blur();
+        },
+        children: [
+          /* @__PURE__ */ i.jsxs(H, { children: [
+            F(h),
+            " links (",
+            p,
+            ")",
+            /* @__PURE__ */ i.jsx(
+              N,
+              {
+                icon: "close",
+                variant: "text",
+                className: "remove",
+                onClick: y,
+                "data-shortcut": "Escape",
+                "data-tooltip-delay": 500
+              }
+            )
+          ] }),
+          /* @__PURE__ */ i.jsxs(w, { children: [
+            M.map((t) => /* @__PURE__ */ i.jsx(
+              U,
+              {
+                link: t.representative,
+                count: f(t),
+                isSelected: E.includes(t.entityId),
+                onEntityClick: L,
+                onRemove: (e) => b(e, t),
+                onCountChange: (e) => A(t, e),
+                isManager: j
+              },
+              t.representative.linkId
+            )),
+            c.length === 0 && /* @__PURE__ */ i.jsx(B, { children: "No links yet" })
+          ] }),
+          /* @__PURE__ */ i.jsx(
+            K,
+            {
+              targetEntityType: m,
+              projectName: s,
+              onClose: y,
+              onAdd: (t) => n.add([{ targetEntityId: t, linkId: d() }]),
+              onSearchTypeChange: k
+            }
+          )
+        ]
       }
-    ]);
-  };
-  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsxs(v, { children: [
-      /* @__PURE__ */ t.jsxs(L, { children: [
-        E(u),
-        " links (",
-        m,
-        ")",
-        /* @__PURE__ */ t.jsx(
-          F,
-          {
-            icon: "close",
-            variant: "text",
-            className: "remove",
-            onClick: a,
-            "data-shortcut": "Escape",
-            "data-tooltip-delay": 500
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t.jsxs(M, { children: [
-        s?.map((i) => /* @__PURE__ */ t.jsx(
-          R,
-          {
-            link: i,
-            isSelected: f.includes(i.entityId),
-            onEntityClick: g,
-            onRemove: j,
-            isManager: k
-          },
-          i.linkId
-        )),
-        s.length === 0 && /* @__PURE__ */ t.jsx(C, { children: "No links yet" })
-      ] }),
-      /* @__PURE__ */ t.jsx(
-        b,
-        {
-          targetEntityType: e,
-          projectName: o,
-          onClose: a,
-          onAdd: (i) => n.add([{ targetEntityId: i, linkId: c() }]),
-          onSearchTypeChange: l
-        }
-      )
-    ] }),
-    I === "picker" && /* @__PURE__ */ t.jsx(
-      A,
+    ),
+    g === "picker" && /* @__PURE__ */ i.jsx(
+      P,
       {
-        onClose: () => l(null),
-        projectName: o,
-        entityType: e,
-        initialSelection: p ? { folder: { [p]: !0 } } : void 0,
-        onSubmit: (i) => n.add(i.map((r) => ({ targetEntityId: r, linkId: c() }))),
+        onClose: () => k(null),
+        projectName: s,
+        entityType: m,
+        initialSelection: l ? { folder: { [l]: !0 } } : void 0,
+        onSubmit: (t) => n.add(t.map((e) => ({ targetEntityId: e, linkId: d() }))),
         isMultiSelect: !0
       }
     )
   ] });
 };
 export {
-  dt as LinksManager
+  Ct as LinksManager
 };
 //# sourceMappingURL=LinksManager.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LinksManager.es.js","sources":["../../../../../src/components/LinksManager/LinksManager.tsx"],"sourcesContent":["import { FC, useState } from 'react'\nimport * as Styled from './LinksManager.styled'\nimport { getEntityId } from '@shared/util'\nimport useUpdateLinks from './hooks/useUpdateLinks'\nimport AddNewLinks, { LinkSearchType } from './AddNewLinks'\nimport { EntityPickerDialog, PickerEntityType } from '@shared/containers/EntityPickerDialog'\nimport { upperFirst } from 'lodash'\nimport { LinkManagerItem } from './LinkManagerItem'\nimport { Button } from '@ynput/ayon-react-components'\nimport { useGlobalContext } from '@shared/context'\n\nexport type LinkEntity = {\n  linkId: string\n  entityId: string\n  label: string\n  parents: string[]\n  entityType: string\n  icon: string\n  color?: string // color from folder/task type anatomy\n  isRestricted?: boolean // flag to indicate if this link is restricted (node is null from API)\n}\n\nexport interface LinksManagerProps {\n  linkTypeLabel: string\n  direction?: 'in' | 'out'\n  links: LinkEntity[] // used to display basic info about the links entity\n  projectName: string\n  entityId: string // the entity id of the entity that has these links\n  linkType: string // full link type e.g. workflow|task|task\n  entityType: string // the entity type of the entity that has these links\n  targetEntityType: string // the entity type of the out links\n  folderId?: string | null // the folder selected or the parent folder of the selected (used in EntityPickerDialog)\n  selectedEntityIds?: string[] // list of selected entity IDs to highlight\n  onClose?: () => void\n  onEntityClick?: (entityId: string, entityType: string) => void // a click on an linked entity\n}\n\nexport const LinksManager: FC<LinksManagerProps> = ({\n  linkTypeLabel,\n  direction,\n  links = [],\n  projectName,\n  entityId,\n  entityType,\n  linkType,\n  targetEntityType,\n  folderId,\n  selectedEntityIds = [],\n  onClose,\n  onEntityClick,\n}) => {\n  const { user } = useGlobalContext()\n  const isManager = user?.data?.isAdmin || user?.data?.isManager\n\n  const linksUpdater = useUpdateLinks({\n    projectName,\n    direction,\n    entityId,\n    entityType,\n    targetEntityType,\n    linkType,\n  })\n\n  const [searchType, setSearchType] = useState<LinkSearchType>(null)\n\n  const handleRemove = (e: React.MouseEvent<HTMLButtonElement>, link: LinkEntity) => {\n    // prevent clicks higher up\n    e.stopPropagation()\n\n    linksUpdater.remove([\n      {\n        id: link.linkId,\n        target: { entityId: link.entityId, entityType: link.entityType },\n      },\n    ])\n  }\n\n  return (\n    <>\n      <Styled.Container>\n        <Styled.Header>\n          {upperFirst(linkTypeLabel)} links ({direction})\n          <Button\n            icon={'close'}\n            variant=\"text\"\n            className=\"remove\"\n            onClick={onClose}\n            data-shortcut={'Escape'}\n            data-tooltip-delay={500}\n          />\n        </Styled.Header>\n        <Styled.LinksList>\n          {links?.map((link) => (\n            <LinkManagerItem\n              key={link.linkId}\n              link={link}\n              isSelected={selectedEntityIds.includes(link.entityId)}\n              onEntityClick={onEntityClick}\n              onRemove={handleRemove}\n              isManager={isManager}\n            />\n          ))}\n          {links.length === 0 && <Styled.SubHeader>No links yet</Styled.SubHeader>}\n        </Styled.LinksList>\n        <AddNewLinks\n          targetEntityType={targetEntityType}\n          projectName={projectName}\n          onClose={onClose}\n          onAdd={(id) => linksUpdater.add([{ targetEntityId: id, linkId: getEntityId() }])}\n          onSearchTypeChange={setSearchType}\n        />\n      </Styled.Container>\n      {searchType === 'picker' && (\n        <EntityPickerDialog\n          onClose={() => setSearchType(null)}\n          projectName={projectName}\n          entityType={targetEntityType as PickerEntityType} // the type of entity to pick\n          initialSelection={folderId ? { folder: { [folderId]: true } } : undefined} // preselect current folder\n          onSubmit={(s) =>\n            linksUpdater.add(s.map((id) => ({ targetEntityId: id, linkId: getEntityId() })))\n          }\n          isMultiSelect\n        />\n      )}\n    </>\n  )\n}\n"],"names":["LinksManager","linkTypeLabel","direction","links","projectName","entityId","entityType","linkType","targetEntityType","folderId","selectedEntityIds","onClose","onEntityClick","user","useGlobalContext","isManager","linksUpdater","useUpdateLinks","searchType","setSearchType","useState","handleRemove","e","link","jsxs","Fragment","Styled.Container","Styled.Header","upperFirst","jsx","Button","Styled.LinksList","LinkManagerItem","Styled.SubHeader","AddNewLinks","id","getEntityId","EntityPickerDialog","s"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCO,MAAMA,KAAsC,CAAC;AAAA,EAClD,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,mBAAAC,IAAoB,CAAA;AAAA,EACpB,SAAAC;AAAA,EACA,eAAAC;AACF,MAAM;AACJ,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAA,GACXC,IAAYF,GAAM,MAAM,WAAWA,GAAM,MAAM,WAE/CG,IAAeC,EAAe;AAAA,IAClC,aAAAb;AAAA,IACA,WAAAF;AAAA,IACA,UAAAG;AAAA,IACA,YAAAC;AAAA,IACA,kBAAAE;AAAA,IACA,UAAAD;AAAA,EAAA,CACD,GAEK,CAACW,GAAYC,CAAa,IAAIC,EAAyB,IAAI,GAE3DC,IAAe,CAACC,GAAwCC,MAAqB;AAEjF,IAAAD,EAAE,gBAAA,GAEFN,EAAa,OAAO;AAAA,MAClB;AAAA,QACE,IAAIO,EAAK;AAAA,QACT,QAAQ,EAAE,UAAUA,EAAK,UAAU,YAAYA,EAAK,WAAA;AAAA,MAAW;AAAA,IACjE,CACD;AAAA,EACH;AAEA,SACEC,gBAAAA,EAAAA,KAAAC,YAAA,EACE,UAAA;AAAA,IAAAD,gBAAAA,OAACE,GAAA,EACC,UAAA;AAAA,MAAAF,gBAAAA,OAACG,GAAA,EACE,UAAA;AAAA,QAAAC,EAAW3B,CAAa;AAAA,QAAE;AAAA,QAASC;AAAA,QAAU;AAAA,QAC9C2B,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,SAASnB;AAAA,YACT,iBAAe;AAAA,YACf,sBAAoB;AAAA,UAAA;AAAA,QAAA;AAAA,MACtB,GACF;AAAA,MACAa,gBAAAA,OAACO,GAAA,EACE,UAAA;AAAA,QAAA5B,GAAO,IAAI,CAACoB,MACXM,gBAAAA,EAAAA;AAAAA,UAACG;AAAA,UAAA;AAAA,YAEC,MAAAT;AAAA,YACA,YAAYb,EAAkB,SAASa,EAAK,QAAQ;AAAA,YACpD,eAAAX;AAAA,YACA,UAAUS;AAAA,YACV,WAAAN;AAAA,UAAA;AAAA,UALKQ,EAAK;AAAA,QAAA,CAOb;AAAA,QACApB,EAAM,WAAW,2BAAM8B,GAAA,EAAiB,UAAA,eAAA,CAAY;AAAA,MAAA,GACvD;AAAA,MACAJ,gBAAAA,EAAAA;AAAAA,QAACK;AAAA,QAAA;AAAA,UACC,kBAAA1B;AAAA,UACA,aAAAJ;AAAA,UACA,SAAAO;AAAA,UACA,OAAO,CAACwB,MAAOnB,EAAa,IAAI,CAAC,EAAE,gBAAgBmB,GAAI,QAAQC,EAAA,EAAY,CAAG,CAAC;AAAA,UAC/E,oBAAoBjB;AAAA,QAAA;AAAA,MAAA;AAAA,IACtB,GACF;AAAA,IACCD,MAAe,YACdW,gBAAAA,EAAAA;AAAAA,MAACQ;AAAA,MAAA;AAAA,QACC,SAAS,MAAMlB,EAAc,IAAI;AAAA,QACjC,aAAAf;AAAA,QACA,YAAYI;AAAA,QACZ,kBAAkBC,IAAW,EAAE,QAAQ,EAAE,CAACA,CAAQ,GAAG,GAAA,EAAK,IAAM;AAAA,QAChE,UAAU,CAAC6B,MACTtB,EAAa,IAAIsB,EAAE,IAAI,CAACH,OAAQ,EAAE,gBAAgBA,GAAI,QAAQC,EAAA,EAAY,EAAI,CAAC;AAAA,QAEjF,eAAa;AAAA,MAAA;AAAA,IAAA;AAAA,EACf,GAEJ;AAEJ;"}
+{"version":3,"file":"LinksManager.es.js","sources":["../../../../../src/components/LinksManager/LinksManager.tsx"],"sourcesContent":["import { FC, useState } from 'react'\nimport * as Styled from './LinksManager.styled'\nimport { getEntityId } from '@shared/util'\nimport useUpdateLinks from './hooks/useUpdateLinks'\nimport AddNewLinks, { LinkSearchType } from './AddNewLinks'\nimport { EntityPickerDialog, PickerEntityType } from '@shared/containers/EntityPickerDialog'\nimport { upperFirst } from 'lodash'\nimport { LinkManagerItem } from './LinkManagerItem'\nimport { Button } from '@ynput/ayon-react-components'\nimport { useGlobalContext } from '@shared/context'\nimport { groupLinksByEntity, GroupedLink } from './utils/groupLinks'\n\nexport type LinkEntity = {\n  linkId: string\n  entityId: string\n  label: string\n  parents: string[]\n  entityType: string\n  icon: string\n  color?: string // color from folder/task type anatomy\n  isRestricted?: boolean // flag to indicate if this link is restricted (node is null from API)\n}\n\nexport interface LinksManagerProps {\n  linkTypeLabel: string\n  direction?: 'in' | 'out'\n  links: LinkEntity[] // used to display basic info about the links entity\n  projectName: string\n  entityId: string // the entity id of the entity that has these links\n  linkType: string // full link type e.g. workflow|task|task\n  entityType: string // the entity type of the entity that has these links\n  targetEntityType: string // the entity type of the out links\n  folderId?: string | null // the folder selected or the parent folder of the selected (used in EntityPickerDialog)\n  selectedEntityIds?: string[] // list of selected entity IDs to highlight\n  onClose?: () => void\n  onEntityClick?: (entityId: string, entityType: string) => void // a click on an linked entity\n}\n\nexport const LinksManager: FC<LinksManagerProps> = ({\n  linkTypeLabel,\n  direction,\n  links = [],\n  projectName,\n  entityId,\n  entityType,\n  linkType,\n  targetEntityType,\n  folderId,\n  selectedEntityIds = [],\n  onClose,\n  onEntityClick,\n}) => {\n  const { user } = useGlobalContext()\n  const isManager = user?.data?.isAdmin || user?.data?.isManager\n\n  const linksUpdater = useUpdateLinks({\n    projectName,\n    direction,\n    entityId,\n    entityType,\n    targetEntityType,\n    linkType,\n  })\n\n  const [searchType, setSearchType] = useState<LinkSearchType>(null)\n  // Optimistic counts for immediate UI feedback (creates are not optimistic in the cache)\n  const [optimisticCounts, setOptimisticCounts] = useState<Record<string, number>>({})\n\n  const groupedLinks = groupLinksByEntity(links)\n\n  // Get display count: use optimistic value until real data catches up\n  const getDisplayCount = (group: GroupedLink) => {\n    const optimistic = optimisticCounts[group.groupKey]\n    if (optimistic !== undefined && optimistic !== group.count) {\n      return optimistic\n    }\n    return group.count\n  }\n\n  const handleRemoveGroup = (e: React.MouseEvent<HTMLButtonElement>, group: GroupedLink) => {\n    e.stopPropagation()\n\n    linksUpdater.remove(\n      group.linkIds.map((id) => ({\n        id,\n        target: { entityId: group.entityId, entityType: group.representative.entityType },\n      })),\n    )\n  }\n\n  const handleCountChange = (group: GroupedLink, newCount: number) => {\n    const currentCount = getDisplayCount(group)\n    // Set optimistic count immediately for instant UI feedback\n    setOptimisticCounts((prev) => ({ ...prev, [group.groupKey]: newCount }))\n\n    const diff = newCount - currentCount\n    if (diff > 0) {\n      // Add more links\n      const newLinks = Array.from({ length: diff }, () => ({\n        targetEntityId: group.entityId,\n        linkId: getEntityId(),\n      }))\n      linksUpdater.add(newLinks)\n    } else if (diff < 0) {\n      // Remove links from the end (diff is negative, so slice(-3) takes last 3)\n      const linksToRemove = group.linkIds.slice(diff).map((id) => ({\n        id,\n        target: { entityId: group.entityId, entityType: group.representative.entityType },\n      }))\n      linksUpdater.remove(linksToRemove)\n    }\n  }\n\n  return (\n    <>\n      <Styled.Container\n        onMouseDown={(e) => {\n          // Blur active input when clicking anywhere in the dialog (so count input commits)\n          if (e.target !== document.activeElement && document.activeElement instanceof HTMLInputElement) {\n            document.activeElement.blur()\n          }\n        }}\n      >\n        <Styled.Header>\n          {upperFirst(linkTypeLabel)} links ({direction})\n          <Button\n            icon={'close'}\n            variant=\"text\"\n            className=\"remove\"\n            onClick={onClose}\n            data-shortcut={'Escape'}\n            data-tooltip-delay={500}\n          />\n        </Styled.Header>\n        <Styled.LinksList>\n          {groupedLinks.map((group) => (\n            <LinkManagerItem\n              key={group.representative.linkId}\n              link={group.representative}\n              count={getDisplayCount(group)}\n              isSelected={selectedEntityIds.includes(group.entityId)}\n              onEntityClick={onEntityClick}\n              onRemove={(e) => handleRemoveGroup(e, group)}\n              onCountChange={(newCount) => handleCountChange(group, newCount)}\n              isManager={isManager}\n            />\n          ))}\n          {links.length === 0 && <Styled.SubHeader>No links yet</Styled.SubHeader>}\n        </Styled.LinksList>\n        <AddNewLinks\n          targetEntityType={targetEntityType}\n          projectName={projectName}\n          onClose={onClose}\n          onAdd={(id) => linksUpdater.add([{ targetEntityId: id, linkId: getEntityId() }])}\n          onSearchTypeChange={setSearchType}\n        />\n      </Styled.Container>\n      {searchType === 'picker' && (\n        <EntityPickerDialog\n          onClose={() => setSearchType(null)}\n          projectName={projectName}\n          entityType={targetEntityType as PickerEntityType} // the type of entity to pick\n          initialSelection={folderId ? { folder: { [folderId]: true } } : undefined} // preselect current folder\n          onSubmit={(s) =>\n            linksUpdater.add(s.map((id) => ({ targetEntityId: id, linkId: getEntityId() })))\n          }\n          isMultiSelect\n        />\n      )}\n    </>\n  )\n}\n"],"names":["LinksManager","linkTypeLabel","direction","links","projectName","entityId","entityType","linkType","targetEntityType","folderId","selectedEntityIds","onClose","onEntityClick","user","useGlobalContext","isManager","linksUpdater","useUpdateLinks","searchType","setSearchType","useState","optimisticCounts","setOptimisticCounts","groupedLinks","groupLinksByEntity","getDisplayCount","group","optimistic","handleRemoveGroup","e","id","handleCountChange","newCount","currentCount","prev","diff","newLinks","getEntityId","linksToRemove","jsxs","Fragment","Styled.Container","Styled.Header","upperFirst","jsx","Button","Styled.LinksList","LinkManagerItem","Styled.SubHeader","AddNewLinks","EntityPickerDialog","s"],"mappings":"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"}