@ynput/ayon-frontend-shared 0.3.43 → 0.3.45

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

@@ -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":"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"}
+{"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

@@ -52,8 +52,11 @@ import "../../api/queries/addons/updateAddons.es.js";
 import "../../api/queries/attributes/getAttributes.es.js";
 import "../../api/queries/attributes/updateAttributes.es.js";
 import "../../api/queries/authentication/getAuthentication.es.js";
+import "../../api/queries/bundles/getBundles.es.js";
+import "../../api/queries/bundles/updateBundles.es.js";
 import "../../api/queries/cloud/cloud.es.js";
 import "../../api/queries/columnStats/metricTargets.es.js";
+import "../../api/queries/columnStats/groupCounts.es.js";
 import "../../api/queries/config/getConfig.es.js";
 import "../../api/queries/config/updateConfig.es.js";
 import "../../api/queries/entities/getEntity.es.js";
@@ -124,9 +127,9 @@ 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/ProjectFoldersContextInstance.es.js";
 import { EntityIcon as O } from "../EntityIcon/EntityIcon.es.js";
-const fo = ({
+const go = ({
   projectName: j,
   targetEntityType: e,
   onClose: g,
@@ -231,6 +234,6 @@ const fo = ({
   ] });
 };
 export {
-  fo as default
+  go as default
 };
 //# sourceMappingURL=AddNewLinks.es.js.map

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

@@ -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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"}
+{"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/CellEditingDialog.cjs.js

@@ -4,5 +4,5 @@
   overflow: hidden;
   display: flex;
   flex-direction: column;
-`,z=({isEditing:u,anchorId:A,containerClassName:P="table-container",onClose:m,children:D,matchAnchorWidth:p})=>{const x=c.useRef(null),[a,L]=c.useState(null),[h,R]=c.useState(void 0),[M,S]=c.useState(void 0),i=document.getElementById(A),l=i?.closest(`.${P}`),C=()=>{if(!u)return;if(!i||!l){L({top:window.innerHeight/2,left:window.innerWidth/2,showAbove:!1}),R(void 0),S(void 0);return}const t=i.getBoundingClientRect(),n=l.getBoundingClientRect(),o=n.right,B=window.innerWidth-n.right,r=24,_=250,d=400,q=600,f=window.innerWidth,j=window.innerHeight,O=o-t.left;let e={},s=d;p?(e.left=t.left,s=Math.max(d,t.width)):O<d?t.right-r>=d?e.right=Math.max(f-t.right,r+B):(e.left=r,s=f-2*r):(e.left=t.left,s=Math.max(d,O));const g=n.left,v=n.right;if(e.left!==void 0&&(e.left+s>v&&(e.left=Math.max(g,v-s)),e.left=Math.max(g,e.left)),e.right!==void 0){const E=f-v;e.right+s>f-g&&(e.right=Math.max(E,f-g-s)),e.right=Math.max(E,e.right)}R(s);const w=j-t.bottom-r,T=t.top-r;let b,H=!1,y;w<_&&T>w?(H=!0,b=t.top-4,y=T-4):(b=t.bottom+4,y=w-4),S(Math.min(Math.max(200,y),q)),L({top:b,...e,showAbove:H})};c.useLayoutEffect(()=>{C()},[u,i,p]),c.useLayoutEffect(()=>{if(l){const t=new ResizeObserver(()=>{C()});return t.observe(l),()=>t.disconnect()}},[l,i]),c.useLayoutEffect(()=>{const t=n=>{const o=n.target;o.isConnected&&x.current&&!x.current.contains(o)&&i&&!i.contains(o)&&!o.closest(".entity-picker-dialog")&&!o.querySelector(".entity-picker-dialog")&&!o.closest("dialog")&&!o.closest(".dropdown")&&!o.closest(".p-dialog-mask")&&!o.closest(".p-datepicker")&&!o.closest("."+k)&&(document.activeElement instanceof HTMLElement&&document.activeElement.blur(),m?.())};return document.addEventListener("mousedown",t),()=>{document.removeEventListener("mousedown",t)}},[m,i]);const W=t=>{const n=t.target;n.tagName==="INPUT"||n.tagName==="TEXTAREA"||n.isContentEditable||t.key==="Escape"&&(t.stopPropagation(),m?.())};return u?N.createPortal(I.jsxRuntimeExports.jsx($,{ref:x,style:{top:a?.top,left:a?.left,right:a?.right,...a?.showAbove&&{transform:"translateY(-100%)"},visibility:a?"visible":"hidden",...p&&h?{width:`${h}px`}:{},maxWidth:h?`${h}px`:"none",maxHeight:M?`${M}px`:"none"},className:"links-widget-popup",onKeyDown:W,children:D}),document.body):null};exports.BLOCK_DIALOG_CLOSE_CLASS=k;exports.CellEditingDialog=z;
+`,z=({isEditing:u,anchorId:A,containerClassName:P="table-container",onClose:m,children:D,matchAnchorWidth:p})=>{const x=c.useRef(null),[a,L]=c.useState(null),[h,R]=c.useState(void 0),[M,S]=c.useState(void 0),i=document.getElementById(A),l=i?.closest(`.${P}`),C=()=>{if(!u)return;if(!i||!l){L({top:window.innerHeight/2,left:window.innerWidth/2,showAbove:!1}),R(void 0),S(void 0);return}const t=i.getBoundingClientRect(),n=l.getBoundingClientRect(),o=n.right,B=window.innerWidth-n.right,r=24,_=250,d=400,q=600,f=window.innerWidth,j=window.innerHeight,O=o-t.left;let e={},s=d;p?(e.left=t.left,s=Math.max(d,t.width)):O<d?t.right-r>=d?e.right=Math.max(f-t.right,r+B):(e.left=r,s=f-2*r):(e.left=t.left,s=Math.max(d,O));const g=n.left,v=n.right;if(e.left!==void 0&&(e.left+s>v&&(e.left=Math.max(g,v-s)),e.left=Math.max(g,e.left)),e.right!==void 0){const E=f-v;e.right+s>f-g&&(e.right=Math.max(E,f-g-s)),e.right=Math.max(E,e.right)}R(s);const w=j-t.bottom-r,T=t.top-r;let b,H=!1,y;w<_&&T>w?(H=!0,b=t.top-4,y=T-4):(b=t.bottom+4,y=w-4),S(Math.min(Math.max(200,y),q)),L({top:b,...e,showAbove:H})};c.useLayoutEffect(()=>{C()},[u,i,p]),c.useLayoutEffect(()=>{if(l){const t=new ResizeObserver(()=>{C()});return t.observe(l),()=>t.disconnect()}},[l,i]),c.useLayoutEffect(()=>{const t=n=>{const o=n.target;o.isConnected&&x.current&&!x.current.contains(o)&&i&&!i.contains(o)&&!o.closest(".entity-picker-dialog")&&!o.querySelector(".entity-picker-dialog")&&!o.closest("dialog")&&!o.closest(".dropdown")&&!o.closest(".p-dialog-mask")&&!o.closest(".p-datepicker")&&!o.closest("."+k)&&(document.activeElement instanceof HTMLElement&&document.activeElement.blur(),m?.())};return document.addEventListener("mousedown",t),()=>{document.removeEventListener("mousedown",t)}},[m,i]);const W=t=>{const n=t.target;n.tagName==="INPUT"||n.tagName==="TEXTAREA"||n.isContentEditable||t.key==="Escape"&&(t.stopPropagation(),m?.())};return u?N.createPortal(I.jsxRuntimeExports.jsx($,{ref:x,style:{top:a?.top,left:a?.left,right:a?.right,...a?.showAbove&&{transform:"translateY(-100%)"},visibility:a?"visible":"hidden",...p&&h?{width:`${h}px`}:{},maxWidth:h?`${h}px`:"none",maxHeight:M?`${M}px`:"none"},className:"links-widget-popup block-shortcuts",onKeyDown:W,children:D}),document.body):null};exports.BLOCK_DIALOG_CLOSE_CLASS=k;exports.CellEditingDialog=z;
 //# sourceMappingURL=CellEditingDialog.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CellEditingDialog.cjs.js","sources":["../../../../../src/components/LinksManager/CellEditingDialog.tsx"],"sourcesContent":["import { FC, useRef, useLayoutEffect, useState } from 'react'\nimport styled from 'styled-components'\nimport { createPortal } from 'react-dom'\n\nexport const BLOCK_DIALOG_CLOSE_CLASS = 'block-dialog-close'\n\nconst StyledPopUp = styled.div`\n  position: fixed;\n  z-index: 310;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n`\n\ntype Position = {\n  top: number\n  left?: number\n  right?: number\n  showAbove?: boolean\n}\n\nexport interface LinksManagerDialogProps {\n  isEditing: boolean\n  anchorId: string\n  containerClassName?: string\n  onClose?: () => void\n  children?: React.ReactNode\n  /** When true, dialog width matches the anchor cell width exactly (no 400px minimum). */\n  matchAnchorWidth?: boolean\n}\n\nexport const CellEditingDialog: FC<LinksManagerDialogProps> = ({\n  isEditing,\n  anchorId,\n  containerClassName = 'table-container',\n  onClose,\n  children,\n  matchAnchorWidth,\n}) => {\n  const popupRef = useRef<HTMLDivElement>(null)\n\n  const [position, setPosition] = useState<Position | null>(null)\n  const [maxWidth, setMaxWidth] = useState<number | undefined>(undefined)\n  const [maxHeight, setMaxHeight] = useState<number | undefined>(undefined)\n\n  // get the cell element based on the cellId\n  const anchorElement = document.getElementById(anchorId)\n  const tableContainer = anchorElement?.closest(`.${containerClassName}`)\n\n  const updatePosition = () => {\n    if (!isEditing) return\n\n    if (!anchorElement || !tableContainer) {\n      // if the anchor element is not found, position in the center of the screen\n      setPosition({\n        top: window.innerHeight / 2,\n        left: window.innerWidth / 2,\n        showAbove: false,\n      })\n      setMaxWidth(undefined)\n      setMaxHeight(undefined)\n      return\n    }\n\n    const cellRect = anchorElement.getBoundingClientRect()\n\n    const containerRect = tableContainer.getBoundingClientRect()\n    const containerRight = containerRect.right\n    const containerToRightOfScreen = window.innerWidth - containerRect.right\n\n    const screenPadding = 24\n    const minHeightThreshold = 250\n    const minWidthThreshold = 400\n    const maxMaxHeight = 600\n    const screenWidth = window.innerWidth\n    const screenHeight = window.innerHeight\n\n    // Check if we have enough space to the right of the cell\n    const spaceToRight = containerRight - cellRect.left\n    let position: { left?: number; right?: number } = {}\n    let dialogWidth = minWidthThreshold\n\n    if (matchAnchorWidth) {\n      // Match the anchor cell width, but at least minWidthThreshold\n      position.left = cellRect.left\n      dialogWidth = Math.max(minWidthThreshold, cellRect.width)\n    } else if (spaceToRight < minWidthThreshold) {\n      // Not enough space to the right, anchor to the right side of the cell\n      const spaceToLeft = cellRect.right - screenPadding\n      if (spaceToLeft >= minWidthThreshold) {\n        // Anchor to the right side of the cell\n        position.right = Math.max(\n          screenWidth - cellRect.right,\n          screenPadding + containerToRightOfScreen,\n        )\n      } else {\n        // Not enough space on either side, center and use available width\n        position.left = screenPadding\n        dialogWidth = screenWidth - 2 * screenPadding\n      }\n    } else {\n      // Enough space to the right, position normally\n      position.left = cellRect.left\n      dialogWidth = Math.max(minWidthThreshold, spaceToRight)\n    }\n\n    // Clamp horizontal position so the dialog stays within the table container\n    const minLeft = containerRect.left\n    const maxRight = containerRect.right\n\n    if (position.left !== undefined) {\n      // If dialog overflows right edge of container, shift it left\n      if (position.left + dialogWidth > maxRight) {\n        position.left = Math.max(minLeft, maxRight - dialogWidth)\n      }\n      // Ensure it doesn't go past left edge of container\n      position.left = Math.max(minLeft, position.left)\n    }\n    if (position.right !== undefined) {\n      // Clamp so dialog doesn't overflow left edge of container\n      const rightFromScreen = screenWidth - maxRight\n      if (position.right + dialogWidth > screenWidth - minLeft) {\n        position.right = Math.max(rightFromScreen, screenWidth - minLeft - dialogWidth)\n      }\n      position.right = Math.max(rightFromScreen, position.right)\n    }\n\n    setMaxWidth(dialogWidth)\n\n    const spaceBelow = screenHeight - cellRect.bottom - screenPadding\n    const spaceAbove = cellRect.top - screenPadding\n    let top: number\n    let showAbove = false\n    let availableHeight: number\n\n    if (spaceBelow < minHeightThreshold && spaceAbove > spaceBelow) {\n      showAbove = true\n      top = cellRect.top - 4\n      availableHeight = spaceAbove - 4\n    } else {\n      top = cellRect.bottom + 4\n      availableHeight = spaceBelow - 4\n    }\n\n    // Set max height to prevent dialog from going off screen\n    setMaxHeight(Math.min(Math.max(200, availableHeight), maxMaxHeight)) // Minimum 200px height\n\n    setPosition({\n      top,\n      ...position,\n      showAbove,\n    })\n  }\n\n  useLayoutEffect(() => {\n    updatePosition()\n  }, [isEditing, anchorElement, matchAnchorWidth])\n\n  // watch for when the tableContainer width changes\n  useLayoutEffect(() => {\n    if (tableContainer) {\n      const resizeObserver = new ResizeObserver(() => {\n        updatePosition()\n      })\n      resizeObserver.observe(tableContainer)\n      return () => resizeObserver.disconnect()\n    }\n  }, [tableContainer, anchorElement])\n\n  // close the dialog when clicking outside of it\n  useLayoutEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      const target = event.target as HTMLElement\n\n      // When the dialog opens, React may re-render the cell content\n      // synchronously during the same mousedown event, detaching the original\n      // target from the DOM. In that case anchorElement.contains(target) would\n      // wrongly return false and close the dialog immediately. Skip detached\n      // targets to avoid this.\n      if (!target.isConnected) return\n\n      if (\n        popupRef.current &&\n        !popupRef.current.contains(target) &&\n        anchorElement &&\n        !anchorElement.contains(target) &&\n        // check we are not clicking inside the EntityPickerDialog\n        !target.closest('.entity-picker-dialog') &&\n        // check we are not clicking on the dialog backdrop\n        !target.querySelector('.entity-picker-dialog') &&\n        // check we are not clicking inside another dialog\n        !target.closest('dialog') &&\n        // check we are not clicking inside a dropdown\n        !target.closest('.dropdown') &&\n        !target.closest('.p-dialog-mask') &&\n        !target.closest('.p-datepicker') &&\n        !target.closest('.' + BLOCK_DIALOG_CLOSE_CLASS)\n      ) {\n        // Blur active element first so inputs can commit their values before unmount\n        if (document.activeElement instanceof HTMLElement) {\n          document.activeElement.blur()\n        }\n        onClose?.()\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [onClose, anchorElement])\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    // check we are not inside an input or textarea\n    const target = e.target as HTMLElement\n    if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {\n      return\n    }\n\n    // close dialog on escape\n    if (e.key === 'Escape') {\n      e.stopPropagation()\n      onClose?.()\n    }\n  }\n\n  if (!isEditing) return null\n  return createPortal(\n    <StyledPopUp\n      ref={popupRef}\n      style={{\n        top: position?.top,\n        left: position?.left,\n        right: position?.right,\n        ...(position?.showAbove && { transform: 'translateY(-100%)' }),\n        visibility: position ? 'visible' : 'hidden',\n        ...(matchAnchorWidth && maxWidth ? { width: `${maxWidth}px` } : {}),\n        maxWidth: maxWidth ? `${maxWidth}px` : 'none',\n        maxHeight: maxHeight ? `${maxHeight}px` : 'none',\n      }}\n      className=\"links-widget-popup\"\n      onKeyDown={handleKeyDown}\n    >\n      {children}\n    </StyledPopUp>,\n    document.body,\n  )\n}\n"],"names":["BLOCK_DIALOG_CLOSE_CLASS","StyledPopUp","styled","CellEditingDialog","isEditing","anchorId","containerClassName","onClose","children","matchAnchorWidth","popupRef","useRef","position","setPosition","useState","maxWidth","setMaxWidth","maxHeight","setMaxHeight","anchorElement","tableContainer","updatePosition","cellRect","containerRect","containerRight","containerToRightOfScreen","screenPadding","minHeightThreshold","minWidthThreshold","maxMaxHeight","screenWidth","screenHeight","spaceToRight","dialogWidth","minLeft","maxRight","rightFromScreen","spaceBelow","spaceAbove","top","showAbove","availableHeight","useLayoutEffect","resizeObserver","handleClickOutside","event","target","handleKeyDown","e","createPortal","jsx"],"mappings":"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"}
+{"version":3,"file":"CellEditingDialog.cjs.js","sources":["../../../../../src/components/LinksManager/CellEditingDialog.tsx"],"sourcesContent":["import { FC, useRef, useLayoutEffect, useState } from 'react'\nimport styled from 'styled-components'\nimport { createPortal } from 'react-dom'\n\nexport const BLOCK_DIALOG_CLOSE_CLASS = 'block-dialog-close'\n\nconst StyledPopUp = styled.div`\n  position: fixed;\n  z-index: 310;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n`\n\ntype Position = {\n  top: number\n  left?: number\n  right?: number\n  showAbove?: boolean\n}\n\nexport interface LinksManagerDialogProps {\n  isEditing: boolean\n  anchorId: string\n  containerClassName?: string\n  onClose?: () => void\n  children?: React.ReactNode\n  /** When true, dialog width matches the anchor cell width exactly (no 400px minimum). */\n  matchAnchorWidth?: boolean\n}\n\nexport const CellEditingDialog: FC<LinksManagerDialogProps> = ({\n  isEditing,\n  anchorId,\n  containerClassName = 'table-container',\n  onClose,\n  children,\n  matchAnchorWidth,\n}) => {\n  const popupRef = useRef<HTMLDivElement>(null)\n\n  const [position, setPosition] = useState<Position | null>(null)\n  const [maxWidth, setMaxWidth] = useState<number | undefined>(undefined)\n  const [maxHeight, setMaxHeight] = useState<number | undefined>(undefined)\n\n  // get the cell element based on the cellId\n  const anchorElement = document.getElementById(anchorId)\n  const tableContainer = anchorElement?.closest(`.${containerClassName}`)\n\n  const updatePosition = () => {\n    if (!isEditing) return\n\n    if (!anchorElement || !tableContainer) {\n      // if the anchor element is not found, position in the center of the screen\n      setPosition({\n        top: window.innerHeight / 2,\n        left: window.innerWidth / 2,\n        showAbove: false,\n      })\n      setMaxWidth(undefined)\n      setMaxHeight(undefined)\n      return\n    }\n\n    const cellRect = anchorElement.getBoundingClientRect()\n\n    const containerRect = tableContainer.getBoundingClientRect()\n    const containerRight = containerRect.right\n    const containerToRightOfScreen = window.innerWidth - containerRect.right\n\n    const screenPadding = 24\n    const minHeightThreshold = 250\n    const minWidthThreshold = 400\n    const maxMaxHeight = 600\n    const screenWidth = window.innerWidth\n    const screenHeight = window.innerHeight\n\n    // Check if we have enough space to the right of the cell\n    const spaceToRight = containerRight - cellRect.left\n    let position: { left?: number; right?: number } = {}\n    let dialogWidth = minWidthThreshold\n\n    if (matchAnchorWidth) {\n      // Match the anchor cell width, but at least minWidthThreshold\n      position.left = cellRect.left\n      dialogWidth = Math.max(minWidthThreshold, cellRect.width)\n    } else if (spaceToRight < minWidthThreshold) {\n      // Not enough space to the right, anchor to the right side of the cell\n      const spaceToLeft = cellRect.right - screenPadding\n      if (spaceToLeft >= minWidthThreshold) {\n        // Anchor to the right side of the cell\n        position.right = Math.max(\n          screenWidth - cellRect.right,\n          screenPadding + containerToRightOfScreen,\n        )\n      } else {\n        // Not enough space on either side, center and use available width\n        position.left = screenPadding\n        dialogWidth = screenWidth - 2 * screenPadding\n      }\n    } else {\n      // Enough space to the right, position normally\n      position.left = cellRect.left\n      dialogWidth = Math.max(minWidthThreshold, spaceToRight)\n    }\n\n    // Clamp horizontal position so the dialog stays within the table container\n    const minLeft = containerRect.left\n    const maxRight = containerRect.right\n\n    if (position.left !== undefined) {\n      // If dialog overflows right edge of container, shift it left\n      if (position.left + dialogWidth > maxRight) {\n        position.left = Math.max(minLeft, maxRight - dialogWidth)\n      }\n      // Ensure it doesn't go past left edge of container\n      position.left = Math.max(minLeft, position.left)\n    }\n    if (position.right !== undefined) {\n      // Clamp so dialog doesn't overflow left edge of container\n      const rightFromScreen = screenWidth - maxRight\n      if (position.right + dialogWidth > screenWidth - minLeft) {\n        position.right = Math.max(rightFromScreen, screenWidth - minLeft - dialogWidth)\n      }\n      position.right = Math.max(rightFromScreen, position.right)\n    }\n\n    setMaxWidth(dialogWidth)\n\n    const spaceBelow = screenHeight - cellRect.bottom - screenPadding\n    const spaceAbove = cellRect.top - screenPadding\n    let top: number\n    let showAbove = false\n    let availableHeight: number\n\n    if (spaceBelow < minHeightThreshold && spaceAbove > spaceBelow) {\n      showAbove = true\n      top = cellRect.top - 4\n      availableHeight = spaceAbove - 4\n    } else {\n      top = cellRect.bottom + 4\n      availableHeight = spaceBelow - 4\n    }\n\n    // Set max height to prevent dialog from going off screen\n    setMaxHeight(Math.min(Math.max(200, availableHeight), maxMaxHeight)) // Minimum 200px height\n\n    setPosition({\n      top,\n      ...position,\n      showAbove,\n    })\n  }\n\n  useLayoutEffect(() => {\n    updatePosition()\n  }, [isEditing, anchorElement, matchAnchorWidth])\n\n  // watch for when the tableContainer width changes\n  useLayoutEffect(() => {\n    if (tableContainer) {\n      const resizeObserver = new ResizeObserver(() => {\n        updatePosition()\n      })\n      resizeObserver.observe(tableContainer)\n      return () => resizeObserver.disconnect()\n    }\n  }, [tableContainer, anchorElement])\n\n  // close the dialog when clicking outside of it\n  useLayoutEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      const target = event.target as HTMLElement\n\n      // When the dialog opens, React may re-render the cell content\n      // synchronously during the same mousedown event, detaching the original\n      // target from the DOM. In that case anchorElement.contains(target) would\n      // wrongly return false and close the dialog immediately. Skip detached\n      // targets to avoid this.\n      if (!target.isConnected) return\n\n      if (\n        popupRef.current &&\n        !popupRef.current.contains(target) &&\n        anchorElement &&\n        !anchorElement.contains(target) &&\n        // check we are not clicking inside the EntityPickerDialog\n        !target.closest('.entity-picker-dialog') &&\n        // check we are not clicking on the dialog backdrop\n        !target.querySelector('.entity-picker-dialog') &&\n        // check we are not clicking inside another dialog\n        !target.closest('dialog') &&\n        // check we are not clicking inside a dropdown\n        !target.closest('.dropdown') &&\n        !target.closest('.p-dialog-mask') &&\n        !target.closest('.p-datepicker') &&\n        !target.closest('.' + BLOCK_DIALOG_CLOSE_CLASS)\n      ) {\n        // Blur active element first so inputs can commit their values before unmount\n        if (document.activeElement instanceof HTMLElement) {\n          document.activeElement.blur()\n        }\n        onClose?.()\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [onClose, anchorElement])\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    // check we are not inside an input or textarea\n    const target = e.target as HTMLElement\n    if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {\n      return\n    }\n\n    // close dialog on escape\n    if (e.key === 'Escape') {\n      e.stopPropagation()\n      onClose?.()\n    }\n  }\n\n  if (!isEditing) return null\n  return createPortal(\n    <StyledPopUp\n      ref={popupRef}\n      style={{\n        top: position?.top,\n        left: position?.left,\n        right: position?.right,\n        ...(position?.showAbove && { transform: 'translateY(-100%)' }),\n        visibility: position ? 'visible' : 'hidden',\n        ...(matchAnchorWidth && maxWidth ? { width: `${maxWidth}px` } : {}),\n        maxWidth: maxWidth ? `${maxWidth}px` : 'none',\n        maxHeight: maxHeight ? `${maxHeight}px` : 'none',\n      }}\n      className=\"links-widget-popup block-shortcuts\"\n      onKeyDown={handleKeyDown}\n    >\n      {children}\n    </StyledPopUp>,\n    document.body,\n  )\n}\n"],"names":["BLOCK_DIALOG_CLOSE_CLASS","StyledPopUp","styled","CellEditingDialog","isEditing","anchorId","containerClassName","onClose","children","matchAnchorWidth","popupRef","useRef","position","setPosition","useState","maxWidth","setMaxWidth","maxHeight","setMaxHeight","anchorElement","tableContainer","updatePosition","cellRect","containerRect","containerRight","containerToRightOfScreen","screenPadding","minHeightThreshold","minWidthThreshold","maxMaxHeight","screenWidth","screenHeight","spaceToRight","dialogWidth","minLeft","maxRight","rightFromScreen","spaceBelow","spaceAbove","top","showAbove","availableHeight","useLayoutEffect","resizeObserver","handleClickOutside","event","target","handleKeyDown","e","createPortal","jsx"],"mappings":"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"}

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

@@ -16,9 +16,9 @@ const U = "block-dialog-close", q = K.div`
   children: A,
   matchAnchorWidth: p
 }) => {
-  const u = I(null), [a, R] = E(null), [f, L] = E(void 0), [H, T] = E(void 0), n = document.getElementById(P), c = n?.closest(`.${W}`), k = () => {
+  const u = I(null), [c, R] = E(null), [h, L] = E(void 0), [H, T] = E(void 0), n = document.getElementById(P), l = n?.closest(`.${W}`), k = () => {
     if (!m) return;
-    if (!n || !c) {
+    if (!n || !l) {
       R({
         top: window.innerHeight / 2,
         left: window.innerWidth / 2,
@@ -26,16 +26,16 @@ const U = "block-dialog-close", q = K.div`
       }), L(void 0), T(void 0);
       return;
     }
-    const t = n.getBoundingClientRect(), i = c.getBoundingClientRect(), o = i.right, D = window.innerWidth - i.right, r = 24, N = 250, l = 400, $ = 600, d = window.innerWidth, j = window.innerHeight, C = o - t.left;
-    let e = {}, s = l;
-    p ? (e.left = t.left, s = Math.max(l, t.width)) : C < l ? t.right - r >= l ? e.right = Math.max(
+    const t = n.getBoundingClientRect(), i = l.getBoundingClientRect(), o = i.right, D = window.innerWidth - i.right, r = 24, N = 250, a = 400, $ = 600, d = window.innerWidth, j = window.innerHeight, C = o - t.left;
+    let e = {}, s = a;
+    p ? (e.left = t.left, s = Math.max(a, t.width)) : C < a ? t.right - r >= a ? e.right = Math.max(
       d - t.right,
       r + D
-    ) : (e.left = r, s = d - 2 * r) : (e.left = t.left, s = Math.max(l, C));
-    const h = i.left, x = i.right;
-    if (e.left !== void 0 && (e.left + s > x && (e.left = Math.max(h, x - s)), e.left = Math.max(h, e.left)), e.right !== void 0) {
+    ) : (e.left = r, s = d - 2 * r) : (e.left = t.left, s = Math.max(a, C));
+    const f = i.left, x = i.right;
+    if (e.left !== void 0 && (e.left + s > x && (e.left = Math.max(f, x - s)), e.left = Math.max(f, e.left)), e.right !== void 0) {
       const y = d - x;
-      e.right + s > d - h && (e.right = Math.max(y, d - h - s)), e.right = Math.max(y, e.right);
+      e.right + s > d - f && (e.right = Math.max(y, d - f - s)), e.right = Math.max(y, e.right);
     }
     L(s);
     const w = j - t.bottom - r, S = t.top - r;
@@ -49,13 +49,13 @@ const U = "block-dialog-close", q = K.div`
   M(() => {
     k();
   }, [m, n, p]), M(() => {
-    if (c) {
+    if (l) {
       const t = new ResizeObserver(() => {
         k();
       });
-      return t.observe(c), () => t.disconnect();
+      return t.observe(l), () => t.disconnect();
     }
-  }, [c, n]), M(() => {
+  }, [l, n]), M(() => {
     const t = (i) => {
       const o = i.target;
       o.isConnected && u.current && !u.current.contains(o) && n && !n.contains(o) && // check we are not clicking inside the EntityPickerDialog
@@ -78,16 +78,16 @@ const U = "block-dialog-close", q = K.div`
       {
         ref: u,
         style: {
-          top: a?.top,
-          left: a?.left,
-          right: a?.right,
-          ...a?.showAbove && { transform: "translateY(-100%)" },
-          visibility: a ? "visible" : "hidden",
-          ...p && f ? { width: `${f}px` } : {},
-          maxWidth: f ? `${f}px` : "none",
+          top: c?.top,
+          left: c?.left,
+          right: c?.right,
+          ...c?.showAbove && { transform: "translateY(-100%)" },
+          visibility: c ? "visible" : "hidden",
+          ...p && h ? { width: `${h}px` } : {},
+          maxWidth: h ? `${h}px` : "none",
           maxHeight: H ? `${H}px` : "none"
         },
-        className: "links-widget-popup",
+        className: "links-widget-popup block-shortcuts",
         onKeyDown: B,
         children: A
       }

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

@@ -1 +1 @@
-{"version":3,"file":"CellEditingDialog.es.js","sources":["../../../../../src/components/LinksManager/CellEditingDialog.tsx"],"sourcesContent":["import { FC, useRef, useLayoutEffect, useState } from 'react'\nimport styled from 'styled-components'\nimport { createPortal } from 'react-dom'\n\nexport const BLOCK_DIALOG_CLOSE_CLASS = 'block-dialog-close'\n\nconst StyledPopUp = styled.div`\n  position: fixed;\n  z-index: 310;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n`\n\ntype Position = {\n  top: number\n  left?: number\n  right?: number\n  showAbove?: boolean\n}\n\nexport interface LinksManagerDialogProps {\n  isEditing: boolean\n  anchorId: string\n  containerClassName?: string\n  onClose?: () => void\n  children?: React.ReactNode\n  /** When true, dialog width matches the anchor cell width exactly (no 400px minimum). */\n  matchAnchorWidth?: boolean\n}\n\nexport const CellEditingDialog: FC<LinksManagerDialogProps> = ({\n  isEditing,\n  anchorId,\n  containerClassName = 'table-container',\n  onClose,\n  children,\n  matchAnchorWidth,\n}) => {\n  const popupRef = useRef<HTMLDivElement>(null)\n\n  const [position, setPosition] = useState<Position | null>(null)\n  const [maxWidth, setMaxWidth] = useState<number | undefined>(undefined)\n  const [maxHeight, setMaxHeight] = useState<number | undefined>(undefined)\n\n  // get the cell element based on the cellId\n  const anchorElement = document.getElementById(anchorId)\n  const tableContainer = anchorElement?.closest(`.${containerClassName}`)\n\n  const updatePosition = () => {\n    if (!isEditing) return\n\n    if (!anchorElement || !tableContainer) {\n      // if the anchor element is not found, position in the center of the screen\n      setPosition({\n        top: window.innerHeight / 2,\n        left: window.innerWidth / 2,\n        showAbove: false,\n      })\n      setMaxWidth(undefined)\n      setMaxHeight(undefined)\n      return\n    }\n\n    const cellRect = anchorElement.getBoundingClientRect()\n\n    const containerRect = tableContainer.getBoundingClientRect()\n    const containerRight = containerRect.right\n    const containerToRightOfScreen = window.innerWidth - containerRect.right\n\n    const screenPadding = 24\n    const minHeightThreshold = 250\n    const minWidthThreshold = 400\n    const maxMaxHeight = 600\n    const screenWidth = window.innerWidth\n    const screenHeight = window.innerHeight\n\n    // Check if we have enough space to the right of the cell\n    const spaceToRight = containerRight - cellRect.left\n    let position: { left?: number; right?: number } = {}\n    let dialogWidth = minWidthThreshold\n\n    if (matchAnchorWidth) {\n      // Match the anchor cell width, but at least minWidthThreshold\n      position.left = cellRect.left\n      dialogWidth = Math.max(minWidthThreshold, cellRect.width)\n    } else if (spaceToRight < minWidthThreshold) {\n      // Not enough space to the right, anchor to the right side of the cell\n      const spaceToLeft = cellRect.right - screenPadding\n      if (spaceToLeft >= minWidthThreshold) {\n        // Anchor to the right side of the cell\n        position.right = Math.max(\n          screenWidth - cellRect.right,\n          screenPadding + containerToRightOfScreen,\n        )\n      } else {\n        // Not enough space on either side, center and use available width\n        position.left = screenPadding\n        dialogWidth = screenWidth - 2 * screenPadding\n      }\n    } else {\n      // Enough space to the right, position normally\n      position.left = cellRect.left\n      dialogWidth = Math.max(minWidthThreshold, spaceToRight)\n    }\n\n    // Clamp horizontal position so the dialog stays within the table container\n    const minLeft = containerRect.left\n    const maxRight = containerRect.right\n\n    if (position.left !== undefined) {\n      // If dialog overflows right edge of container, shift it left\n      if (position.left + dialogWidth > maxRight) {\n        position.left = Math.max(minLeft, maxRight - dialogWidth)\n      }\n      // Ensure it doesn't go past left edge of container\n      position.left = Math.max(minLeft, position.left)\n    }\n    if (position.right !== undefined) {\n      // Clamp so dialog doesn't overflow left edge of container\n      const rightFromScreen = screenWidth - maxRight\n      if (position.right + dialogWidth > screenWidth - minLeft) {\n        position.right = Math.max(rightFromScreen, screenWidth - minLeft - dialogWidth)\n      }\n      position.right = Math.max(rightFromScreen, position.right)\n    }\n\n    setMaxWidth(dialogWidth)\n\n    const spaceBelow = screenHeight - cellRect.bottom - screenPadding\n    const spaceAbove = cellRect.top - screenPadding\n    let top: number\n    let showAbove = false\n    let availableHeight: number\n\n    if (spaceBelow < minHeightThreshold && spaceAbove > spaceBelow) {\n      showAbove = true\n      top = cellRect.top - 4\n      availableHeight = spaceAbove - 4\n    } else {\n      top = cellRect.bottom + 4\n      availableHeight = spaceBelow - 4\n    }\n\n    // Set max height to prevent dialog from going off screen\n    setMaxHeight(Math.min(Math.max(200, availableHeight), maxMaxHeight)) // Minimum 200px height\n\n    setPosition({\n      top,\n      ...position,\n      showAbove,\n    })\n  }\n\n  useLayoutEffect(() => {\n    updatePosition()\n  }, [isEditing, anchorElement, matchAnchorWidth])\n\n  // watch for when the tableContainer width changes\n  useLayoutEffect(() => {\n    if (tableContainer) {\n      const resizeObserver = new ResizeObserver(() => {\n        updatePosition()\n      })\n      resizeObserver.observe(tableContainer)\n      return () => resizeObserver.disconnect()\n    }\n  }, [tableContainer, anchorElement])\n\n  // close the dialog when clicking outside of it\n  useLayoutEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      const target = event.target as HTMLElement\n\n      // When the dialog opens, React may re-render the cell content\n      // synchronously during the same mousedown event, detaching the original\n      // target from the DOM. In that case anchorElement.contains(target) would\n      // wrongly return false and close the dialog immediately. Skip detached\n      // targets to avoid this.\n      if (!target.isConnected) return\n\n      if (\n        popupRef.current &&\n        !popupRef.current.contains(target) &&\n        anchorElement &&\n        !anchorElement.contains(target) &&\n        // check we are not clicking inside the EntityPickerDialog\n        !target.closest('.entity-picker-dialog') &&\n        // check we are not clicking on the dialog backdrop\n        !target.querySelector('.entity-picker-dialog') &&\n        // check we are not clicking inside another dialog\n        !target.closest('dialog') &&\n        // check we are not clicking inside a dropdown\n        !target.closest('.dropdown') &&\n        !target.closest('.p-dialog-mask') &&\n        !target.closest('.p-datepicker') &&\n        !target.closest('.' + BLOCK_DIALOG_CLOSE_CLASS)\n      ) {\n        // Blur active element first so inputs can commit their values before unmount\n        if (document.activeElement instanceof HTMLElement) {\n          document.activeElement.blur()\n        }\n        onClose?.()\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [onClose, anchorElement])\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    // check we are not inside an input or textarea\n    const target = e.target as HTMLElement\n    if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {\n      return\n    }\n\n    // close dialog on escape\n    if (e.key === 'Escape') {\n      e.stopPropagation()\n      onClose?.()\n    }\n  }\n\n  if (!isEditing) return null\n  return createPortal(\n    <StyledPopUp\n      ref={popupRef}\n      style={{\n        top: position?.top,\n        left: position?.left,\n        right: position?.right,\n        ...(position?.showAbove && { transform: 'translateY(-100%)' }),\n        visibility: position ? 'visible' : 'hidden',\n        ...(matchAnchorWidth && maxWidth ? { width: `${maxWidth}px` } : {}),\n        maxWidth: maxWidth ? `${maxWidth}px` : 'none',\n        maxHeight: maxHeight ? `${maxHeight}px` : 'none',\n      }}\n      className=\"links-widget-popup\"\n      onKeyDown={handleKeyDown}\n    >\n      {children}\n    </StyledPopUp>,\n    document.body,\n  )\n}\n"],"names":["BLOCK_DIALOG_CLOSE_CLASS","StyledPopUp","styled","CellEditingDialog","isEditing","anchorId","containerClassName","onClose","children","matchAnchorWidth","popupRef","useRef","position","setPosition","useState","maxWidth","setMaxWidth","maxHeight","setMaxHeight","anchorElement","tableContainer","updatePosition","cellRect","containerRect","containerRight","containerToRightOfScreen","screenPadding","minHeightThreshold","minWidthThreshold","maxMaxHeight","screenWidth","screenHeight","spaceToRight","dialogWidth","minLeft","maxRight","rightFromScreen","spaceBelow","spaceAbove","top","showAbove","availableHeight","useLayoutEffect","resizeObserver","handleClickOutside","event","target","handleKeyDown","e","createPortal","jsx"],"mappings":"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"}
+{"version":3,"file":"CellEditingDialog.es.js","sources":["../../../../../src/components/LinksManager/CellEditingDialog.tsx"],"sourcesContent":["import { FC, useRef, useLayoutEffect, useState } from 'react'\nimport styled from 'styled-components'\nimport { createPortal } from 'react-dom'\n\nexport const BLOCK_DIALOG_CLOSE_CLASS = 'block-dialog-close'\n\nconst StyledPopUp = styled.div`\n  position: fixed;\n  z-index: 310;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n`\n\ntype Position = {\n  top: number\n  left?: number\n  right?: number\n  showAbove?: boolean\n}\n\nexport interface LinksManagerDialogProps {\n  isEditing: boolean\n  anchorId: string\n  containerClassName?: string\n  onClose?: () => void\n  children?: React.ReactNode\n  /** When true, dialog width matches the anchor cell width exactly (no 400px minimum). */\n  matchAnchorWidth?: boolean\n}\n\nexport const CellEditingDialog: FC<LinksManagerDialogProps> = ({\n  isEditing,\n  anchorId,\n  containerClassName = 'table-container',\n  onClose,\n  children,\n  matchAnchorWidth,\n}) => {\n  const popupRef = useRef<HTMLDivElement>(null)\n\n  const [position, setPosition] = useState<Position | null>(null)\n  const [maxWidth, setMaxWidth] = useState<number | undefined>(undefined)\n  const [maxHeight, setMaxHeight] = useState<number | undefined>(undefined)\n\n  // get the cell element based on the cellId\n  const anchorElement = document.getElementById(anchorId)\n  const tableContainer = anchorElement?.closest(`.${containerClassName}`)\n\n  const updatePosition = () => {\n    if (!isEditing) return\n\n    if (!anchorElement || !tableContainer) {\n      // if the anchor element is not found, position in the center of the screen\n      setPosition({\n        top: window.innerHeight / 2,\n        left: window.innerWidth / 2,\n        showAbove: false,\n      })\n      setMaxWidth(undefined)\n      setMaxHeight(undefined)\n      return\n    }\n\n    const cellRect = anchorElement.getBoundingClientRect()\n\n    const containerRect = tableContainer.getBoundingClientRect()\n    const containerRight = containerRect.right\n    const containerToRightOfScreen = window.innerWidth - containerRect.right\n\n    const screenPadding = 24\n    const minHeightThreshold = 250\n    const minWidthThreshold = 400\n    const maxMaxHeight = 600\n    const screenWidth = window.innerWidth\n    const screenHeight = window.innerHeight\n\n    // Check if we have enough space to the right of the cell\n    const spaceToRight = containerRight - cellRect.left\n    let position: { left?: number; right?: number } = {}\n    let dialogWidth = minWidthThreshold\n\n    if (matchAnchorWidth) {\n      // Match the anchor cell width, but at least minWidthThreshold\n      position.left = cellRect.left\n      dialogWidth = Math.max(minWidthThreshold, cellRect.width)\n    } else if (spaceToRight < minWidthThreshold) {\n      // Not enough space to the right, anchor to the right side of the cell\n      const spaceToLeft = cellRect.right - screenPadding\n      if (spaceToLeft >= minWidthThreshold) {\n        // Anchor to the right side of the cell\n        position.right = Math.max(\n          screenWidth - cellRect.right,\n          screenPadding + containerToRightOfScreen,\n        )\n      } else {\n        // Not enough space on either side, center and use available width\n        position.left = screenPadding\n        dialogWidth = screenWidth - 2 * screenPadding\n      }\n    } else {\n      // Enough space to the right, position normally\n      position.left = cellRect.left\n      dialogWidth = Math.max(minWidthThreshold, spaceToRight)\n    }\n\n    // Clamp horizontal position so the dialog stays within the table container\n    const minLeft = containerRect.left\n    const maxRight = containerRect.right\n\n    if (position.left !== undefined) {\n      // If dialog overflows right edge of container, shift it left\n      if (position.left + dialogWidth > maxRight) {\n        position.left = Math.max(minLeft, maxRight - dialogWidth)\n      }\n      // Ensure it doesn't go past left edge of container\n      position.left = Math.max(minLeft, position.left)\n    }\n    if (position.right !== undefined) {\n      // Clamp so dialog doesn't overflow left edge of container\n      const rightFromScreen = screenWidth - maxRight\n      if (position.right + dialogWidth > screenWidth - minLeft) {\n        position.right = Math.max(rightFromScreen, screenWidth - minLeft - dialogWidth)\n      }\n      position.right = Math.max(rightFromScreen, position.right)\n    }\n\n    setMaxWidth(dialogWidth)\n\n    const spaceBelow = screenHeight - cellRect.bottom - screenPadding\n    const spaceAbove = cellRect.top - screenPadding\n    let top: number\n    let showAbove = false\n    let availableHeight: number\n\n    if (spaceBelow < minHeightThreshold && spaceAbove > spaceBelow) {\n      showAbove = true\n      top = cellRect.top - 4\n      availableHeight = spaceAbove - 4\n    } else {\n      top = cellRect.bottom + 4\n      availableHeight = spaceBelow - 4\n    }\n\n    // Set max height to prevent dialog from going off screen\n    setMaxHeight(Math.min(Math.max(200, availableHeight), maxMaxHeight)) // Minimum 200px height\n\n    setPosition({\n      top,\n      ...position,\n      showAbove,\n    })\n  }\n\n  useLayoutEffect(() => {\n    updatePosition()\n  }, [isEditing, anchorElement, matchAnchorWidth])\n\n  // watch for when the tableContainer width changes\n  useLayoutEffect(() => {\n    if (tableContainer) {\n      const resizeObserver = new ResizeObserver(() => {\n        updatePosition()\n      })\n      resizeObserver.observe(tableContainer)\n      return () => resizeObserver.disconnect()\n    }\n  }, [tableContainer, anchorElement])\n\n  // close the dialog when clicking outside of it\n  useLayoutEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      const target = event.target as HTMLElement\n\n      // When the dialog opens, React may re-render the cell content\n      // synchronously during the same mousedown event, detaching the original\n      // target from the DOM. In that case anchorElement.contains(target) would\n      // wrongly return false and close the dialog immediately. Skip detached\n      // targets to avoid this.\n      if (!target.isConnected) return\n\n      if (\n        popupRef.current &&\n        !popupRef.current.contains(target) &&\n        anchorElement &&\n        !anchorElement.contains(target) &&\n        // check we are not clicking inside the EntityPickerDialog\n        !target.closest('.entity-picker-dialog') &&\n        // check we are not clicking on the dialog backdrop\n        !target.querySelector('.entity-picker-dialog') &&\n        // check we are not clicking inside another dialog\n        !target.closest('dialog') &&\n        // check we are not clicking inside a dropdown\n        !target.closest('.dropdown') &&\n        !target.closest('.p-dialog-mask') &&\n        !target.closest('.p-datepicker') &&\n        !target.closest('.' + BLOCK_DIALOG_CLOSE_CLASS)\n      ) {\n        // Blur active element first so inputs can commit their values before unmount\n        if (document.activeElement instanceof HTMLElement) {\n          document.activeElement.blur()\n        }\n        onClose?.()\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [onClose, anchorElement])\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    // check we are not inside an input or textarea\n    const target = e.target as HTMLElement\n    if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {\n      return\n    }\n\n    // close dialog on escape\n    if (e.key === 'Escape') {\n      e.stopPropagation()\n      onClose?.()\n    }\n  }\n\n  if (!isEditing) return null\n  return createPortal(\n    <StyledPopUp\n      ref={popupRef}\n      style={{\n        top: position?.top,\n        left: position?.left,\n        right: position?.right,\n        ...(position?.showAbove && { transform: 'translateY(-100%)' }),\n        visibility: position ? 'visible' : 'hidden',\n        ...(matchAnchorWidth && maxWidth ? { width: `${maxWidth}px` } : {}),\n        maxWidth: maxWidth ? `${maxWidth}px` : 'none',\n        maxHeight: maxHeight ? `${maxHeight}px` : 'none',\n      }}\n      className=\"links-widget-popup block-shortcuts\"\n      onKeyDown={handleKeyDown}\n    >\n      {children}\n    </StyledPopUp>,\n    document.body,\n  )\n}\n"],"names":["BLOCK_DIALOG_CLOSE_CLASS","StyledPopUp","styled","CellEditingDialog","isEditing","anchorId","containerClassName","onClose","children","matchAnchorWidth","popupRef","useRef","position","setPosition","useState","maxWidth","setMaxWidth","maxHeight","setMaxHeight","anchorElement","tableContainer","updatePosition","cellRect","containerRect","containerRight","containerToRightOfScreen","screenPadding","minHeightThreshold","minWidthThreshold","maxMaxHeight","screenWidth","screenHeight","spaceToRight","dialogWidth","minLeft","maxRight","rightFromScreen","spaceBelow","spaceAbove","top","showAbove","availableHeight","useLayoutEffect","resizeObserver","handleClickOutside","event","target","handleKeyDown","e","createPortal","jsx"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../../_virtual/jsx-runtime.cjs.js"),o=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/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.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/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/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 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:u=!1})=>{const[c,s]=o.useState(!1),[l,n]=o.useState(t),j=r=>{r.stopPropagation(),!e.isRestricted&&(n(t),s(!0))},R=()=>{const r=Math.max(1,l);r!==t&&y?.(r),s(!1)},E=()=>{n(t),s(!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?u?"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&&!u,unknown:e.isRestricted&&u}),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:u?"Unknown":"Access Restricted"}):i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[e.parents?.map((r,q)=>i.jsxRuntimeExports.jsxs(o.Fragment,{children:[i.jsxRuntimeExports.jsx("span",{children:r},q+"-path"),i.jsxRuntimeExports.jsx("span",{children:"/"},q+"-separator")]},q)),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||u)&&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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../../_virtual/jsx-runtime.cjs.js"),o=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/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");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/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/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 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:u=!1})=>{const[c,s]=o.useState(!1),[l,n]=o.useState(t),j=r=>{r.stopPropagation(),!e.isRestricted&&(n(t),s(!0))},R=()=>{const r=Math.max(1,l);r!==t&&y?.(r),s(!1)},E=()=>{n(t),s(!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?u?"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&&!u,unknown:e.isRestricted&&u}),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:u?"Unknown":"Access Restricted"}):i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[e.parents?.map((r,q)=>i.jsxRuntimeExports.jsxs(o.Fragment,{children:[i.jsxRuntimeExports.jsx("span",{children:r},q+"-path"),i.jsxRuntimeExports.jsx("span",{children:"/"},q+"-separator")]},q)),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||u)&&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, 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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"}
+{"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

@@ -51,8 +51,11 @@ import "../../api/queries/addons/updateAddons.es.js";
 import "../../api/queries/attributes/getAttributes.es.js";
 import "../../api/queries/attributes/updateAttributes.es.js";
 import "../../api/queries/authentication/getAuthentication.es.js";
+import "../../api/queries/bundles/getBundles.es.js";
+import "../../api/queries/bundles/updateBundles.es.js";
 import "../../api/queries/cloud/cloud.es.js";
 import "../../api/queries/columnStats/metricTargets.es.js";
+import "../../api/queries/columnStats/groupCounts.es.js";
 import "../../api/queries/config/getConfig.es.js";
 import "../../api/queries/config/updateConfig.es.js";
 import "../../api/queries/entities/getEntity.es.js";
@@ -99,7 +102,7 @@ import "../../api/queries/uris/getUris.es.js";
 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 go = ({
+const No = ({
   link: t,
   count: r,
   isSelected: d = !1,
@@ -178,6 +181,6 @@ const go = ({
   );
 };
 export {
-  go as LinkManagerItem
+  No 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, 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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"}
+{"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 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("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");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("../../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("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;
+"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("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");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("../../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("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/ProjectFoldersContextInstance.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