npm - @ynput/ayon-frontend-shared - Versions diffs - 0.3.29 → 0.3.31 - Mend

@ynput/ayon-frontend-shared 0.3.29 → 0.3.31

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

Files changed (1023) hide show

package/dist/shared/src/components/LinksManager/AddNewLinks.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const e=require("../../../../_virtual/jsx-runtime.cjs.js"),n=require("react"),i=require("./LinksManager.styled.cjs.js"),L=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/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/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");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/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");const y=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/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const v=require("./hooks/useKeyboardNavigation.cjs.js"),A=require("./SearchingLoadingItems.cjs.js");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");require("../../context/GlobalContext.cjs.js");const w=require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");const B=require("../EntityIcon/EntityIcon.cjs.js"),F=({projectName:E,targetEntityType:o,onClose:g,onSearchTypeChange:f,onAdd:k})=>{const[s,p]=n.useState(""),c=n.useRef(null),a=w.useProjectContext();a?.folderTypes,a?.taskTypes,a?.productTypes;const{data:t,error:l,isLoading:j,hasNextPage:h,isFetchingNextPage:m,fetchNextPage:S}=y.useGetSearchedEntitiesLinksInfiniteQuery({projectName:E,entityType:o,search:s},{skip:!s}),d=n.useMemo(()=>t?.pages.flatMap(r=>r.entities)||[],[t]),R=r=>{k?.(r.id),p("")},I=()=>{g?.()},{containerRef:C,getItemProps:b}=v({entities:d,onSelect:R,onClose:I,isActive:!!(s&&d.length>0),hasNextPage:h,isFetchingNextPage:m,fetchNextPage:S});return n.useEffect(()=>{const r=setTimeout(()=>{c.current&&c.current.focus()},0);return()=>clearTimeout(r)},[t,s]),e.jsxRuntimeExports.jsxs(i.AddLinksContainer,{children:[e.jsxRuntimeExports.jsx(i.SubHeader,{children:"Add new link"}),e.jsxRuntimeExports.jsxs(i.SearchButtons,{children:[e.jsxRuntimeExports.jsxs(i.Search,{children:[e.jsxRuntimeExports.jsx(L.Icon,{icon:"search",className:"input-search"}),e.jsxRuntimeExports.jsx(i.SearchInput,{ref:c,value:s,onChange:r=>p(r.target.value),placeholder:`Search ${o}s...`,id:`search-${o}`,autoFocus:!0,autoComplete:"off"})]}),!s&&e.jsxRuntimeExports.jsx(i.PickerButton,{label:`Pick ${o}s`,icon:"table_rows",onClick:()=>f("picker")})]}),s&&t&&e.jsxRuntimeExports.jsxs(i.SearchItems,{ref:C,children:[t?.pages.map((r,N)=>r.entities.map((u,P)=>{const T=t.pages.slice(0,N).reduce((x,q)=>x+q.entities.length,0)+P;return e.jsxRuntimeExports.jsxs(i.SearchItem,{onClick:()=>R(u),tabIndex:0,...b(T),children:[e.jsxRuntimeExports.jsx(B.EntityIcon,{entity:u}),e.jsxRuntimeExports.jsxs("span",{className:"label",children:[u.parents?.map((x,q)=>e.jsxRuntimeExports.jsxs(n.Fragment,{children:[e.jsxRuntimeExports.jsx("span",{children:x},q+"-path"),e.jsxRuntimeExports.jsx("span",{children:"/"},q+"-separator")]},q)),e.jsxRuntimeExports.jsx("strong",{children:u.label||u.name})]}),e.jsxRuntimeExports.jsx("span",{className:"type",children:u.subType||u.entityType})]},u.id)})),(j||m||h)&&e.jsxRuntimeExports.jsx(A,{})]}),!j&&l&&e.jsxRuntimeExports.jsx(i.Error,{children:l.message})]})};module.exports=F;
+"use strict";const e=require("../../../../_virtual/jsx-runtime.cjs.js"),n=require("react"),i=require("./LinksManager.styled.cjs.js"),L=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/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/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");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");const y=require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const v=require("./hooks/useKeyboardNavigation.cjs.js"),A=require("./SearchingLoadingItems.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.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/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");const w=require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");const B=require("../EntityIcon/EntityIcon.cjs.js"),F=({projectName:E,targetEntityType:o,onClose:g,onSearchTypeChange:f,onAdd:k})=>{const[s,p]=n.useState(""),c=n.useRef(null),a=w.useProjectContext();a?.folderTypes,a?.taskTypes,a?.productTypes;const{data:t,error:l,isLoading:j,hasNextPage:h,isFetchingNextPage:m,fetchNextPage:S}=y.useGetSearchedEntitiesLinksInfiniteQuery({projectName:E,entityType:o,search:s},{skip:!s}),d=n.useMemo(()=>t?.pages.flatMap(r=>r.entities)||[],[t]),R=r=>{k?.(r.id),p("")},I=()=>{g?.()},{containerRef:C,getItemProps:b}=v({entities:d,onSelect:R,onClose:I,isActive:!!(s&&d.length>0),hasNextPage:h,isFetchingNextPage:m,fetchNextPage:S});return n.useEffect(()=>{const r=setTimeout(()=>{c.current&&c.current.focus()},0);return()=>clearTimeout(r)},[t,s]),e.jsxRuntimeExports.jsxs(i.AddLinksContainer,{children:[e.jsxRuntimeExports.jsx(i.SubHeader,{children:"Add new link"}),e.jsxRuntimeExports.jsxs(i.SearchButtons,{children:[e.jsxRuntimeExports.jsxs(i.Search,{children:[e.jsxRuntimeExports.jsx(L.Icon,{icon:"search",className:"input-search"}),e.jsxRuntimeExports.jsx(i.SearchInput,{ref:c,value:s,onChange:r=>p(r.target.value),placeholder:`Search ${o}s...`,id:`search-${o}`,autoFocus:!0,autoComplete:"off"})]}),!s&&e.jsxRuntimeExports.jsx(i.PickerButton,{label:`Pick ${o}s`,icon:"table_rows",onClick:()=>f("picker")})]}),s&&t&&e.jsxRuntimeExports.jsxs(i.SearchItems,{ref:C,children:[t?.pages.map((r,N)=>r.entities.map((u,P)=>{const T=t.pages.slice(0,N).reduce((x,q)=>x+q.entities.length,0)+P;return e.jsxRuntimeExports.jsxs(i.SearchItem,{onClick:()=>R(u),tabIndex:0,...b(T),children:[e.jsxRuntimeExports.jsx(B.EntityIcon,{entity:u}),e.jsxRuntimeExports.jsxs("span",{className:"label",children:[u.parents?.map((x,q)=>e.jsxRuntimeExports.jsxs(n.Fragment,{children:[e.jsxRuntimeExports.jsx("span",{children:x},q+"-path"),e.jsxRuntimeExports.jsx("span",{children:"/"},q+"-separator")]},q)),e.jsxRuntimeExports.jsx("strong",{children:u.label||u.name})]}),e.jsxRuntimeExports.jsx("span",{className:"type",children:u.subType||u.entityType})]},u.id)})),(j||m||h)&&e.jsxRuntimeExports.jsx(A,{})]}),!j&&l&&e.jsxRuntimeExports.jsx(i.Error,{children:l.message})]})};module.exports=F;
 //# sourceMappingURL=AddNewLinks.cjs.js.map

package/dist/shared/src/components/LinksManager/AddNewLinks.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AddNewLinks.cjs.js","sources":["../../../../../src/components/LinksManager/AddNewLinks.tsx"],"sourcesContent":["import { FC, useState, useMemo, useRef, useEffect, Fragment } from 'react'\nimport * as Styled from './LinksManager.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { useGetSearchedEntitiesLinksInfiniteQuery } from '@shared/api'\nimport useKeyboardNavigation from './hooks/useKeyboardNavigation'\nimport SearchingLoadingItems from './SearchingLoadingItems'\nimport { useProjectContext } from '@shared/context'\nimport { EntityIcon } from '@shared/components/EntityIcon/EntityIcon'\n\nexport type LinkSearchType = 'search' \| 'picker' \| null\n\ninterface AddNewLinksProps {\n targetEntityType: string\n projectName: string\n onClose?: () => void\n onSearchTypeChange: (type: LinkSearchType) => void // used to handle search type changes\n onAdd?: (targetEntityId: string, linkType?: string) => void\n}\n\nconst AddNewLinks: FC<AddNewLinksProps> = ({\n projectName,\n targetEntityType,\n onClose,\n onSearchTypeChange,\n onAdd,\n}) => {\n const [search, setSearch] = useState('')\n const searchInputRef = useRef<HTMLInputElement>(null)\n const project = useProjectContext()\n\n const anatomyForIcons = {\n folderTypes: project?.folderTypes \|\| [],\n taskTypes: project?.taskTypes \|\| [],\n productTypes: project?.productTypes \|\| [],\n }\n\n const {\n data: searchData,\n error,\n isLoading,\n hasNextPage,\n isFetchingNextPage,\n fetchNextPage,\n } = useGetSearchedEntitiesLinksInfiniteQuery(\n {\n projectName,\n entityType: targetEntityType,\n search,\n },\n { skip: !search },\n )\n\n // Flatten all entities from all pages\n const entities = useMemo(() => {\n return searchData?.pages.flatMap((page) => page.entities) \|\| []\n }, [searchData])\n\n const handleSelectEntity = (entity: any) => {\n onAdd?.(entity.id)\n // Clear search after adding\n setSearch('')\n }\n\n const handleClose = () => {\n onClose?.()\n }\n\n const { containerRef, getItemProps } = useKeyboardNavigation({\n entities,\n onSelect: handleSelectEntity,\n onClose: handleClose,\n isActive: Boolean(search && entities.length > 0),\n hasNextPage,\n isFetchingNextPage,\n fetchNextPage,\n })\n\n // Force focus the search input on mount and when searchData or search changes\n useEffect(() => {\n // Use setTimeout to ensure focus after render\n const timeout = setTimeout(() => {\n if (searchInputRef.current) {\n searchInputRef.current.focus()\n }\n }, 0)\n return () => clearTimeout(timeout)\n }, [searchData, search])\n\n return (\n <Styled.AddLinksContainer>\n <Styled.SubHeader>Add new link</Styled.SubHeader>\n <Styled.SearchButtons>\n <Styled.Search>\n <Icon icon={'search'} className=\"input-search\" />\n <Styled.SearchInput\n ref={searchInputRef}\n value={search}\n onChange={(e) => setSearch(e.target.value)}\n placeholder={`Search ${targetEntityType}s...`}\n id={`search-${targetEntityType}`}\n autoFocus\n autoComplete=\"off\"\n />\n </Styled.Search>\n\n {!search && (\n <Styled.PickerButton\n label={`Pick ${targetEntityType}s`}\n icon=\"table_rows\"\n onClick={() => onSearchTypeChange('picker')}\n />\n )}\n </Styled.SearchButtons>\n\n {search && searchData && (\n <Styled.SearchItems ref={containerRef}>\n {searchData?.pages.map((page, pageIndex) =>\n page.entities.map((entity, entityIndex) => {\n const flatIndex =\n searchData.pages\n .slice(0, pageIndex)\n .reduce((acc, p) => acc + p.entities.length, 0) + entityIndex\n return (\n <Styled.SearchItem\n key={entity.id}\n onClick={() => handleSelectEntity(entity)}\n tabIndex={0}\n {...getItemProps(flatIndex)}\n >\n <EntityIcon\n entity={entity}\n />\n <span className=\"label\">\n {entity.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 <strong>{entity.label \|\| entity.name}</strong>\n </span>\n <span className=\"type\">{entity.subType \|\| entity.entityType}</span>\n </Styled.SearchItem>\n )\n }),\n )}\n {(isLoading \|\| isFetchingNextPage \|\| hasNextPage) && <SearchingLoadingItems />}\n </Styled.SearchItems>\n )}\n {!isLoading && error && <Styled.Error>{error.message}</Styled.Error>}\n </Styled.AddLinksContainer>\n )\n}\n\nexport default AddNewLinks\n"],"names":["AddNewLinks","projectName","targetEntityType","onClose","onSearchTypeChange","onAdd","search","setSearch","useState","searchInputRef","useRef","project","useProjectContext","searchData","error","isLoading","hasNextPage","isFetchingNextPage","fetchNextPage","useGetSearchedEntitiesLinksInfiniteQuery","entities","useMemo","page","handleSelectEntity","entity","handleClose","containerRef","getItemProps","useKeyboardNavigation","useEffect","timeout","jsxs","Styled.AddLinksContainer","jsx","Styled.SubHeader","Styled.SearchButtons","Styled.Search","Icon","Styled.SearchInput","e","Styled.PickerButton","Styled.SearchItems","pageIndex","entityIndex","flatIndex","acc","p","Styled.SearchItem","EntityIcon","part","index","Fragment","SearchingLoadingItems","Styled.Error"],"mappings":"~~8/LAmBMA~~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"}
1	+ {"version":3,"file":"AddNewLinks.cjs.js","sources":["../../../../../src/components/LinksManager/AddNewLinks.tsx"],"sourcesContent":["import { FC, useState, useMemo, useRef, useEffect, Fragment } from 'react'\nimport * as Styled from './LinksManager.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { useGetSearchedEntitiesLinksInfiniteQuery } from '@shared/api'\nimport useKeyboardNavigation from './hooks/useKeyboardNavigation'\nimport SearchingLoadingItems from './SearchingLoadingItems'\nimport { useProjectContext } from '@shared/context'\nimport { EntityIcon } from '@shared/components/EntityIcon/EntityIcon'\n\nexport type LinkSearchType = 'search' \| 'picker' \| null\n\ninterface AddNewLinksProps {\n targetEntityType: string\n projectName: string\n onClose?: () => void\n onSearchTypeChange: (type: LinkSearchType) => void // used to handle search type changes\n onAdd?: (targetEntityId: string, linkType?: string) => void\n}\n\nconst AddNewLinks: FC<AddNewLinksProps> = ({\n projectName,\n targetEntityType,\n onClose,\n onSearchTypeChange,\n onAdd,\n}) => {\n const [search, setSearch] = useState('')\n const searchInputRef = useRef<HTMLInputElement>(null)\n const project = useProjectContext()\n\n const anatomyForIcons = {\n folderTypes: project?.folderTypes \|\| [],\n taskTypes: project?.taskTypes \|\| [],\n productTypes: project?.productTypes \|\| [],\n }\n\n const {\n data: searchData,\n error,\n isLoading,\n hasNextPage,\n isFetchingNextPage,\n fetchNextPage,\n } = useGetSearchedEntitiesLinksInfiniteQuery(\n {\n projectName,\n entityType: targetEntityType,\n search,\n },\n { skip: !search },\n )\n\n // Flatten all entities from all pages\n const entities = useMemo(() => {\n return searchData?.pages.flatMap((page) => page.entities) \|\| []\n }, [searchData])\n\n const handleSelectEntity = (entity: any) => {\n onAdd?.(entity.id)\n // Clear search after adding\n setSearch('')\n }\n\n const handleClose = () => {\n onClose?.()\n }\n\n const { containerRef, getItemProps } = useKeyboardNavigation({\n entities,\n onSelect: handleSelectEntity,\n onClose: handleClose,\n isActive: Boolean(search && entities.length > 0),\n hasNextPage,\n isFetchingNextPage,\n fetchNextPage,\n })\n\n // Force focus the search input on mount and when searchData or search changes\n useEffect(() => {\n // Use setTimeout to ensure focus after render\n const timeout = setTimeout(() => {\n if (searchInputRef.current) {\n searchInputRef.current.focus()\n }\n }, 0)\n return () => clearTimeout(timeout)\n }, [searchData, search])\n\n return (\n <Styled.AddLinksContainer>\n <Styled.SubHeader>Add new link</Styled.SubHeader>\n <Styled.SearchButtons>\n <Styled.Search>\n <Icon icon={'search'} className=\"input-search\" />\n <Styled.SearchInput\n ref={searchInputRef}\n value={search}\n onChange={(e) => setSearch(e.target.value)}\n placeholder={`Search ${targetEntityType}s...`}\n id={`search-${targetEntityType}`}\n autoFocus\n autoComplete=\"off\"\n />\n </Styled.Search>\n\n {!search && (\n <Styled.PickerButton\n label={`Pick ${targetEntityType}s`}\n icon=\"table_rows\"\n onClick={() => onSearchTypeChange('picker')}\n />\n )}\n </Styled.SearchButtons>\n\n {search && searchData && (\n <Styled.SearchItems ref={containerRef}>\n {searchData?.pages.map((page, pageIndex) =>\n page.entities.map((entity, entityIndex) => {\n const flatIndex =\n searchData.pages\n .slice(0, pageIndex)\n .reduce((acc, p) => acc + p.entities.length, 0) + entityIndex\n return (\n <Styled.SearchItem\n key={entity.id}\n onClick={() => handleSelectEntity(entity)}\n tabIndex={0}\n {...getItemProps(flatIndex)}\n >\n <EntityIcon\n entity={entity}\n />\n <span className=\"label\">\n {entity.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 <strong>{entity.label \|\| entity.name}</strong>\n </span>\n <span className=\"type\">{entity.subType \|\| entity.entityType}</span>\n </Styled.SearchItem>\n )\n }),\n )}\n {(isLoading \|\| isFetchingNextPage \|\| hasNextPage) && <SearchingLoadingItems />}\n </Styled.SearchItems>\n )}\n {!isLoading && error && <Styled.Error>{error.message}</Styled.Error>}\n </Styled.AddLinksContainer>\n )\n}\n\nexport default AddNewLinks\n"],"names":["AddNewLinks","projectName","targetEntityType","onClose","onSearchTypeChange","onAdd","search","setSearch","useState","searchInputRef","useRef","project","useProjectContext","searchData","error","isLoading","hasNextPage","isFetchingNextPage","fetchNextPage","useGetSearchedEntitiesLinksInfiniteQuery","entities","useMemo","page","handleSelectEntity","entity","handleClose","containerRef","getItemProps","useKeyboardNavigation","useEffect","timeout","jsxs","Styled.AddLinksContainer","jsx","Styled.SubHeader","Styled.SearchButtons","Styled.Search","Icon","Styled.SearchInput","e","Styled.PickerButton","Styled.SearchItems","pageIndex","entityIndex","flatIndex","acc","p","Styled.SearchItem","EntityIcon","part","index","Fragment","SearchingLoadingItems","Styled.Error"],"mappings":"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"}

package/dist/shared/src/components/LinksManager/AddNewLinks.es.js CHANGED Viewed

@@ -58,6 +58,10 @@ 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";
@@ -69,10 +73,6 @@ import "../../api/queries/folders/getFolderDeleteInfo.es.js";
 import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/links/updateLinks.es.js";
 import { useGetSearchedEntitiesLinksInfiniteQuery as _ } from "../../api/queries/links/getLinks.es.js";
-import "../../api/queries/links/getEntityLinks.es.js";
-import "../../api/queries/overview/getOverview.es.js";
-import "../../api/queries/overview/updateOverview.es.js";
-import "../../api/queries/versions/getVersionsProducts.es.js";
 import "../../api/queries/permissions/getPermissions.es.js";
 import "../../api/queries/products/createProduct.es.js";
 import "../../api/queries/products/getFolderProducts.es.js";
@@ -98,8 +98,19 @@ import "../../api/queries/uris/getUris.es.js";
 import q from "./hooks/useKeyboardNavigation.es.js";
 import z from "./SearchingLoadingItems.es.js";
 import "../../context/RemoteModulesContext.es.js";
-import "../../context/DetailsPanelContext.es.js";
-import "../../context/SubtasksModulesContext.es.js";
+import "../../../../_virtual/runtime.es.js";
+import "../../../../_virtual/semver.es.js";
+import "lodash";
+import "react-toastify";
+import "react-redux";
+import "custom-protocol-check";
+import "../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
+import "uuid";
+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";
@@ -107,16 +118,14 @@ import "react-dom";
 import "../../context/pip/PiPWrapper.es.js";
 import "../../context/AddonProjectContext.es.js";
 import "../../context/AddonContext.es.js";
-import "../../context/PowerpackContext.es.js";
 import "../../context/MoveEntityContext.es.js";
 import "../../context/MenuContext.es.js";
 import "../../context/WebsocketContext.es.js";
 import "../../context/GlobalContext.es.js";
 import { useProjectContext as J } from "../../context/ProjectContext.es.js";
 import "../../context/ProjectFoldersContext.es.js";
-import "../../context/UriContext.es.js";
 import { EntityIcon as O } from "../EntityIcon/EntityIcon.es.js";
-const po = ({
+const uo = ({
   projectName: j,
   targetEntityType: e,
   onClose: g,
@@ -221,6 +230,6 @@ const po = ({
   ] });
 };
 export {
-  po as default
+  uo as default
 };
 //# sourceMappingURL=AddNewLinks.es.js.map

package/dist/shared/src/components/LinksManager/AddNewLinks.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AddNewLinks.es.js","sources":["../../../../../src/components/LinksManager/AddNewLinks.tsx"],"sourcesContent":["import { FC, useState, useMemo, useRef, useEffect, Fragment } from 'react'\nimport * as Styled from './LinksManager.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { useGetSearchedEntitiesLinksInfiniteQuery } from '@shared/api'\nimport useKeyboardNavigation from './hooks/useKeyboardNavigation'\nimport SearchingLoadingItems from './SearchingLoadingItems'\nimport { useProjectContext } from '@shared/context'\nimport { EntityIcon } from '@shared/components/EntityIcon/EntityIcon'\n\nexport type LinkSearchType = 'search' \| 'picker' \| null\n\ninterface AddNewLinksProps {\n targetEntityType: string\n projectName: string\n onClose?: () => void\n onSearchTypeChange: (type: LinkSearchType) => void // used to handle search type changes\n onAdd?: (targetEntityId: string, linkType?: string) => void\n}\n\nconst AddNewLinks: FC<AddNewLinksProps> = ({\n projectName,\n targetEntityType,\n onClose,\n onSearchTypeChange,\n onAdd,\n}) => {\n const [search, setSearch] = useState('')\n const searchInputRef = useRef<HTMLInputElement>(null)\n const project = useProjectContext()\n\n const anatomyForIcons = {\n folderTypes: project?.folderTypes \|\| [],\n taskTypes: project?.taskTypes \|\| [],\n productTypes: project?.productTypes \|\| [],\n }\n\n const {\n data: searchData,\n error,\n isLoading,\n hasNextPage,\n isFetchingNextPage,\n fetchNextPage,\n } = useGetSearchedEntitiesLinksInfiniteQuery(\n {\n projectName,\n entityType: targetEntityType,\n search,\n },\n { skip: !search },\n )\n\n // Flatten all entities from all pages\n const entities = useMemo(() => {\n return searchData?.pages.flatMap((page) => page.entities) \|\| []\n }, [searchData])\n\n const handleSelectEntity = (entity: any) => {\n onAdd?.(entity.id)\n // Clear search after adding\n setSearch('')\n }\n\n const handleClose = () => {\n onClose?.()\n }\n\n const { containerRef, getItemProps } = useKeyboardNavigation({\n entities,\n onSelect: handleSelectEntity,\n onClose: handleClose,\n isActive: Boolean(search && entities.length > 0),\n hasNextPage,\n isFetchingNextPage,\n fetchNextPage,\n })\n\n // Force focus the search input on mount and when searchData or search changes\n useEffect(() => {\n // Use setTimeout to ensure focus after render\n const timeout = setTimeout(() => {\n if (searchInputRef.current) {\n searchInputRef.current.focus()\n }\n }, 0)\n return () => clearTimeout(timeout)\n }, [searchData, search])\n\n return (\n <Styled.AddLinksContainer>\n <Styled.SubHeader>Add new link</Styled.SubHeader>\n <Styled.SearchButtons>\n <Styled.Search>\n <Icon icon={'search'} className=\"input-search\" />\n <Styled.SearchInput\n ref={searchInputRef}\n value={search}\n onChange={(e) => setSearch(e.target.value)}\n placeholder={`Search ${targetEntityType}s...`}\n id={`search-${targetEntityType}`}\n autoFocus\n autoComplete=\"off\"\n />\n </Styled.Search>\n\n {!search && (\n <Styled.PickerButton\n label={`Pick ${targetEntityType}s`}\n icon=\"table_rows\"\n onClick={() => onSearchTypeChange('picker')}\n />\n )}\n </Styled.SearchButtons>\n\n {search && searchData && (\n <Styled.SearchItems ref={containerRef}>\n {searchData?.pages.map((page, pageIndex) =>\n page.entities.map((entity, entityIndex) => {\n const flatIndex =\n searchData.pages\n .slice(0, pageIndex)\n .reduce((acc, p) => acc + p.entities.length, 0) + entityIndex\n return (\n <Styled.SearchItem\n key={entity.id}\n onClick={() => handleSelectEntity(entity)}\n tabIndex={0}\n {...getItemProps(flatIndex)}\n >\n <EntityIcon\n entity={entity}\n />\n <span className=\"label\">\n {entity.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 <strong>{entity.label \|\| entity.name}</strong>\n </span>\n <span className=\"type\">{entity.subType \|\| entity.entityType}</span>\n </Styled.SearchItem>\n )\n }),\n )}\n {(isLoading \|\| isFetchingNextPage \|\| hasNextPage) && <SearchingLoadingItems />}\n </Styled.SearchItems>\n )}\n {!isLoading && error && <Styled.Error>{error.message}</Styled.Error>}\n </Styled.AddLinksContainer>\n )\n}\n\nexport default AddNewLinks\n"],"names":["AddNewLinks","projectName","targetEntityType","onClose","onSearchTypeChange","onAdd","search","setSearch","useState","searchInputRef","useRef","project","useProjectContext","searchData","error","isLoading","hasNextPage","isFetchingNextPage","fetchNextPage","useGetSearchedEntitiesLinksInfiniteQuery","entities","useMemo","page","handleSelectEntity","entity","handleClose","containerRef","getItemProps","useKeyboardNavigation","useEffect","timeout","jsxs","Styled.AddLinksContainer","jsx","Styled.SubHeader","Styled.SearchButtons","Styled.Search","Icon","Styled.SearchInput","e","Styled.PickerButton","Styled.SearchItems","pageIndex","entityIndex","flatIndex","acc","p","Styled.SearchItem","EntityIcon","part","index","Fragment","SearchingLoadingItems","Styled.Error"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~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"}
1	+ {"version":3,"file":"AddNewLinks.es.js","sources":["../../../../../src/components/LinksManager/AddNewLinks.tsx"],"sourcesContent":["import { FC, useState, useMemo, useRef, useEffect, Fragment } from 'react'\nimport * as Styled from './LinksManager.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { useGetSearchedEntitiesLinksInfiniteQuery } from '@shared/api'\nimport useKeyboardNavigation from './hooks/useKeyboardNavigation'\nimport SearchingLoadingItems from './SearchingLoadingItems'\nimport { useProjectContext } from '@shared/context'\nimport { EntityIcon } from '@shared/components/EntityIcon/EntityIcon'\n\nexport type LinkSearchType = 'search' \| 'picker' \| null\n\ninterface AddNewLinksProps {\n targetEntityType: string\n projectName: string\n onClose?: () => void\n onSearchTypeChange: (type: LinkSearchType) => void // used to handle search type changes\n onAdd?: (targetEntityId: string, linkType?: string) => void\n}\n\nconst AddNewLinks: FC<AddNewLinksProps> = ({\n projectName,\n targetEntityType,\n onClose,\n onSearchTypeChange,\n onAdd,\n}) => {\n const [search, setSearch] = useState('')\n const searchInputRef = useRef<HTMLInputElement>(null)\n const project = useProjectContext()\n\n const anatomyForIcons = {\n folderTypes: project?.folderTypes \|\| [],\n taskTypes: project?.taskTypes \|\| [],\n productTypes: project?.productTypes \|\| [],\n }\n\n const {\n data: searchData,\n error,\n isLoading,\n hasNextPage,\n isFetchingNextPage,\n fetchNextPage,\n } = useGetSearchedEntitiesLinksInfiniteQuery(\n {\n projectName,\n entityType: targetEntityType,\n search,\n },\n { skip: !search },\n )\n\n // Flatten all entities from all pages\n const entities = useMemo(() => {\n return searchData?.pages.flatMap((page) => page.entities) \|\| []\n }, [searchData])\n\n const handleSelectEntity = (entity: any) => {\n onAdd?.(entity.id)\n // Clear search after adding\n setSearch('')\n }\n\n const handleClose = () => {\n onClose?.()\n }\n\n const { containerRef, getItemProps } = useKeyboardNavigation({\n entities,\n onSelect: handleSelectEntity,\n onClose: handleClose,\n isActive: Boolean(search && entities.length > 0),\n hasNextPage,\n isFetchingNextPage,\n fetchNextPage,\n })\n\n // Force focus the search input on mount and when searchData or search changes\n useEffect(() => {\n // Use setTimeout to ensure focus after render\n const timeout = setTimeout(() => {\n if (searchInputRef.current) {\n searchInputRef.current.focus()\n }\n }, 0)\n return () => clearTimeout(timeout)\n }, [searchData, search])\n\n return (\n <Styled.AddLinksContainer>\n <Styled.SubHeader>Add new link</Styled.SubHeader>\n <Styled.SearchButtons>\n <Styled.Search>\n <Icon icon={'search'} className=\"input-search\" />\n <Styled.SearchInput\n ref={searchInputRef}\n value={search}\n onChange={(e) => setSearch(e.target.value)}\n placeholder={`Search ${targetEntityType}s...`}\n id={`search-${targetEntityType}`}\n autoFocus\n autoComplete=\"off\"\n />\n </Styled.Search>\n\n {!search && (\n <Styled.PickerButton\n label={`Pick ${targetEntityType}s`}\n icon=\"table_rows\"\n onClick={() => onSearchTypeChange('picker')}\n />\n )}\n </Styled.SearchButtons>\n\n {search && searchData && (\n <Styled.SearchItems ref={containerRef}>\n {searchData?.pages.map((page, pageIndex) =>\n page.entities.map((entity, entityIndex) => {\n const flatIndex =\n searchData.pages\n .slice(0, pageIndex)\n .reduce((acc, p) => acc + p.entities.length, 0) + entityIndex\n return (\n <Styled.SearchItem\n key={entity.id}\n onClick={() => handleSelectEntity(entity)}\n tabIndex={0}\n {...getItemProps(flatIndex)}\n >\n <EntityIcon\n entity={entity}\n />\n <span className=\"label\">\n {entity.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 <strong>{entity.label \|\| entity.name}</strong>\n </span>\n <span className=\"type\">{entity.subType \|\| entity.entityType}</span>\n </Styled.SearchItem>\n )\n }),\n )}\n {(isLoading \|\| isFetchingNextPage \|\| hasNextPage) && <SearchingLoadingItems />}\n </Styled.SearchItems>\n )}\n {!isLoading && error && <Styled.Error>{error.message}</Styled.Error>}\n </Styled.AddLinksContainer>\n )\n}\n\nexport default AddNewLinks\n"],"names":["AddNewLinks","projectName","targetEntityType","onClose","onSearchTypeChange","onAdd","search","setSearch","useState","searchInputRef","useRef","project","useProjectContext","searchData","error","isLoading","hasNextPage","isFetchingNextPage","fetchNextPage","useGetSearchedEntitiesLinksInfiniteQuery","entities","useMemo","page","handleSelectEntity","entity","handleClose","containerRef","getItemProps","useKeyboardNavigation","useEffect","timeout","jsxs","Styled.AddLinksContainer","jsx","Styled.SubHeader","Styled.SearchButtons","Styled.Search","Icon","Styled.SearchInput","e","Styled.PickerButton","Styled.SearchItems","pageIndex","entityIndex","flatIndex","acc","p","Styled.SearchItem","EntityIcon","part","index","Fragment","SearchingLoadingItems","Styled.Error"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../../_virtual/jsx-runtime.cjs.js"),E=require("react"),q=require("./LinksManager.styled.cjs.js"),D=require("lodash");require("react-toastify");const c=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("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/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");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.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/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");const K=require("./utils/groupLinks.cjs.js"),O=({linkTypeLabel:I,direction:d,links:l=[],projectName:s,entityId:j,entityType:g,linkType:h,targetEntityType:o,folderId:m,selectedEntityIds:v=[],onClose:y,onEntityClick:R})=>{const{user:x}=F.useGlobalContext(),L=x?.data?.isAdmin||x?.data?.isManager,t=P({projectName:s,direction:d,entityId:j,entityType:g,targetEntityType:o,linkType:h}),[C,p]=E.useState(null),[M,S]=E.useState({}),f=K.groupLinksByEntity(l),k=e=>{const r=M[e.groupKey];return r!==void 0&&r!==e.count?r:e.count},T=(e,r)=>{e.stopPropagation(),t.remove(r.linkIds.map(a=>({id:a,target:{entityId:r.entityId,entityType:r.representative.entityType}})))},b=(e,r)=>{const a=k(e);S(u=>({...u,[e.groupKey]:r}));const n=r-a;if(n>0){const u=Array.from({length:n},()=>({targetEntityId:e.entityId,linkId:c.getEntityId()}));t.add(u)}else if(n<0){const u=e.linkIds.slice(n).map(A=>({id:A,target:{entityId:e.entityId,entityType:e.representative.entityType}}));t.remove(u)}};return i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsxs(q.Container,{onMouseDown:e=>{e.target!==document.activeElement&&document.activeElement instanceof HTMLInputElement&&document.activeElement.blur()},children:[i.jsxRuntimeExports.jsxs(q.Header,{children:[D.upperFirst(I)," links (",d,")",i.jsxRuntimeExports.jsx(B.Button,{icon:"close",variant:"text",className:"remove",onClick:y,"data-shortcut":"Escape","data-tooltip-delay":500})]}),i.jsxRuntimeExports.jsxs(q.LinksList,{children:[f.map(e=>i.jsxRuntimeExports.jsx(w.LinkManagerItem,{link:e.representative,count:k(e),isSelected:v.includes(e.entityId),onEntityClick:R,onRemove:r=>T(r,e),onCountChange:r=>b(e,r),isManager:L},e.representative.linkId)),l.length===0&&i.jsxRuntimeExports.jsx(q.SubHeader,{children:"No links yet"})]}),i.jsxRuntimeExports.jsx(G,{targetEntityType:o,projectName:s,onClose:y,onAdd:e=>t.add([{targetEntityId:e,linkId:c.getEntityId()}]),onSearchTypeChange:p})]}),C==="picker"&&i.jsxRuntimeExports.jsx(H.EntityPickerDialog,{onClose:()=>p(null),projectName:s,entityType:o,initialSelection:m?{folder:{[m]:!0}}:void 0,onSubmit:e=>t.add(e.map(r=>({targetEntityId:r,linkId:c.getEntityId()}))),isMultiSelect:!0})]})};exports.LinksManager=O;
 //# sourceMappingURL=LinksManager.cjs.js.map

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

	@@ -1 +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'\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":"~~+8CAsCaA~~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"}
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'\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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"}