@ynput/ayon-frontend-shared 0.2.28 → 0.2.30

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 { useGetProjectQuery, useGetSearchedEntitiesLinksInfiniteQuery } from '@shared/api'\nimport useKeyboardNavigation from './hooks/useKeyboardNavigation'\nimport SearchingLoadingItems from './SearchingLoadingItems'\nimport { upperFirst } from 'lodash'\nimport { productTypes } from '@shared/util'\nimport { getEntityIcon } from '@shared/containers'\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\n  // TODO: replace with project context\n  const { data: project } = useGetProjectQuery({ projectName })\n  const anatomyForIcons = {\n    folderTypes: project?.folderTypes || [],\n    taskTypes: project?.taskTypes || [],\n    productTypes: Object.values(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    console.log(`Add ${entity.name}`)\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                  <Icon icon={getEntityIcon(entity.entityType, entity.subType, anatomyForIcons)} />\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","useGetProjectQuery","anatomyForIcons","productTypes","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","getEntityIcon","_a","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 { useGetProjectQuery, useGetSearchedEntitiesLinksInfiniteQuery } from '@shared/api'\nimport useKeyboardNavigation from './hooks/useKeyboardNavigation'\nimport SearchingLoadingItems from './SearchingLoadingItems'\nimport { upperFirst } from 'lodash'\nimport { productTypes } from '@shared/util'\nimport { getEntityIcon } from '@shared/containers'\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\n  // TODO: replace with project context\n  const { data: project } = useGetProjectQuery({ projectName })\n  const anatomyForIcons = {\n    folderTypes: project?.folderTypes || [],\n    taskTypes: project?.taskTypes || [],\n    productTypes: Object.values(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    console.log(`Add ${entity.name}`)\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                  <Icon icon={getEntityIcon(entity.entityType, entity.subType, anatomyForIcons)} />\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","useGetProjectQuery","anatomyForIcons","productTypes","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","getEntityIcon","_a","part","index","Fragment","SearchingLoadingItems","Styled.Error"],"mappings":"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"}

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

@@ -58,6 +58,7 @@ import "../../api/queries/entityLists/getLists.es.js";
 import "../../api/queries/entityLists/updateLists.es.js";
 import "../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../api/queries/entityLists/listFolders.es.js";
 import "../../api/queries/folders/getFolders.es.js";
 import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/links/updateLinks.es.js";
@@ -115,6 +116,7 @@ import "../../context/AddonProjectContext.es.js";
 import "../../context/AddonContext.es.js";
 import "../../context/PowerpackContext.es.js";
 import "../../context/MoveEntityContext.es.js";
+import "../../context/MenuContext.es.js";
 import "../../containers/Feed/components/CommentInput/quillToMarkdown.es.js";
 import "../../containers/Feed/components/ActivityComment/ActivityComment.styled.es.js";
 import "../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
@@ -142,12 +144,12 @@ import "@tanstack/react-table";
 import "../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
 import "../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
 import "../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectDataContext.es.js";
 import "../../../../_virtual/runtime.es.js";
 import "../../../../_virtual/semver.es.js";
 import "react-redux";
 import "custom-protocol-check";
 import "../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
-import "../../containers/ProjectTreeTable/context/ProjectDataContext.es.js";
 import "../../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
@@ -173,13 +175,15 @@ import "../SimpleFormDialog/SimpleFormDialog.es.js";
 import "../EntityPath/EntityPath.styled.es.js";
 import "../EntityPath/SegmentProvider.es.js";
 import "../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
+import "../DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "../DetailsPanelDetails/DetailsSection.es.js";
+import "../DetailsPanelDetails/FieldLabel.es.js";
 import "../Watchers/Watchers.es.js";
 import "../ProjectTableSettings/ProjectTableSettings.es.js";
 import "../Powerpack/PowerpackButton.es.js";
 import "../Powerpack/PricingLink.es.js";
 import "../Powerpack/PowerpackDialog.styled.es.js";
 import "../Powerpack/CTAButton.es.js";
-import "../Powerpack/RequiredPowerpackVersion.es.js";
 import "../SettingsPanel/SettingsPanel.es.js";
 import "../SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../AttributeEditor/components/MinMaxField.es.js";
@@ -192,9 +196,8 @@ import "../Feedback/FeedbackContext.es.js";
 import "../Feedback/SupportBubble.es.js";
 import "../Chips/Chips.es.js";
 import "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
-import "../DetailsMetaData/DetailsMetaData.es.js";
-import "../AccessUser/AccessUser.es.js";
-import "./LinksManagerDialog.es.js";
+import "../StyledLink/StyledLink.es.js";
+import "./CellEditingDialog.es.js";
 import "../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
 import "../../containers/ProjectTreeTable/components/SelectionCell.es.js";
 import "../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
@@ -215,7 +218,7 @@ import "../../containers/Views/context/ViewsContext.es.js";
 import "../../containers/Views/Views.styled.es.js";
 import "../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 import "../../containers/Views/ViewsMenu/ViewsMenu.es.js";
-const Di = ({
+const op = ({
   projectName: u,
   targetEntityType: s,
   onClose: n,
@@ -318,6 +321,6 @@ const Di = ({
   ] });
 };
 export {
-  Di as default
+  op 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 { useGetProjectQuery, useGetSearchedEntitiesLinksInfiniteQuery } from '@shared/api'\nimport useKeyboardNavigation from './hooks/useKeyboardNavigation'\nimport SearchingLoadingItems from './SearchingLoadingItems'\nimport { upperFirst } from 'lodash'\nimport { productTypes } from '@shared/util'\nimport { getEntityIcon } from '@shared/containers'\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\n  // TODO: replace with project context\n  const { data: project } = useGetProjectQuery({ projectName })\n  const anatomyForIcons = {\n    folderTypes: project?.folderTypes || [],\n    taskTypes: project?.taskTypes || [],\n    productTypes: Object.values(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    console.log(`Add ${entity.name}`)\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                  <Icon icon={getEntityIcon(entity.entityType, entity.subType, anatomyForIcons)} />\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","useGetProjectQuery","anatomyForIcons","productTypes","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","getEntityIcon","_a","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 { useGetProjectQuery, useGetSearchedEntitiesLinksInfiniteQuery } from '@shared/api'\nimport useKeyboardNavigation from './hooks/useKeyboardNavigation'\nimport SearchingLoadingItems from './SearchingLoadingItems'\nimport { upperFirst } from 'lodash'\nimport { productTypes } from '@shared/util'\nimport { getEntityIcon } from '@shared/containers'\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\n  // TODO: replace with project context\n  const { data: project } = useGetProjectQuery({ projectName })\n  const anatomyForIcons = {\n    folderTypes: project?.folderTypes || [],\n    taskTypes: project?.taskTypes || [],\n    productTypes: Object.values(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    console.log(`Add ${entity.name}`)\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                  <Icon icon={getEntityIcon(entity.entityType, entity.subType, anatomyForIcons)} />\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","useGetProjectQuery","anatomyForIcons","productTypes","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","getEntityIcon","_a","part","index","Fragment","SearchingLoadingItems","Styled.Error"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../../../../_virtual/jsx-runtime.cjs.js"),r=require("react"),j=require("styled-components"),A=require("react-dom"),B=j.div`
+  position: fixed;
+  z-index: 310;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+`,D=({isEditing:l,anchorId:S,onClose:n,children:E})=>{const u=r.useRef(null),[t,p]=r.useState(null),[x,w]=r.useState(void 0),[b,v]=r.useState(void 0),i=document.getElementById(S),c=i==null?void 0:i.closest(".table-container"),y=()=>{if(!l)return;if(!i||!c){p({top:window.innerHeight/2,left:window.innerWidth/2,showAbove:!1}),w(void 0),v(void 0);return}const e=i.getBoundingClientRect(),o=c.getBoundingClientRect(),L=o.right,T=window.innerWidth-o.right,s=24,O=250,a=400,P=600,R=window.innerWidth,k=window.innerHeight,H=L-e.left;let d={},h=a;H<a?e.right-s>=a?d.right=Math.max(R-e.right,s+T):(d.left=s,h=R-2*s):(d.left=e.left,h=Math.max(a,H)),w(h);const g=k-e.bottom-s,M=e.top-s;let f,W=!1,m;g<O&&M>g?(W=!0,f=e.top-4,m=M-4):(f=e.bottom+4,m=g-4),v(Math.min(Math.max(200,m),P)),p({top:f,...d,showAbove:W})};return r.useLayoutEffect(()=>{y()},[l,i]),r.useLayoutEffect(()=>{if(c){const e=new ResizeObserver(()=>{y()});return e.observe(c),()=>e.disconnect()}},[c,i]),r.useLayoutEffect(()=>{const e=o=>{u.current&&!u.current.contains(o.target)&&i&&!i.contains(o.target)&&!o.target.closest(".entity-picker-dialog")&&!o.target.querySelector(".entity-picker-dialog")&&(n==null||n())};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[n,i]),l?A.createPortal(q.jsxRuntimeExports.jsx(B,{ref:u,style:{top:t==null?void 0:t.top,left:t==null?void 0:t.left,right:t==null?void 0:t.right,...(t==null?void 0:t.showAbove)&&{transform:"translateY(-100%)"},visibility:t?"visible":"hidden",maxWidth:x?`${x}px`:"none",maxHeight:b?`${b}px`:"none"},className:"links-widget-popup",onKeyDown:e=>{e.key==="Escape"&&(n==null||n())},children:E}),document.body):null};exports.CellEditingDialog=D;
+//# sourceMappingURL=CellEditingDialog.cjs.js.map

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

@@ -0,0 +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\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  onClose?: () => void\n  children?: React.ReactNode\n}\n\nexport const CellEditingDialog: FC<LinksManagerDialogProps> = ({\n  isEditing,\n  anchorId,\n  onClose,\n  children,\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('.table-container')\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 (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    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])\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      if (\n        popupRef.current &&\n        !popupRef.current.contains(event.target as Node) &&\n        anchorElement &&\n        !anchorElement.contains(event.target as Node) &&\n        // check we are not clicking inside the EntityPickerDialog\n        !(event.target as HTMLElement).closest('.entity-picker-dialog') &&\n        // check we are not clicking on the dialog backdrop\n        !(event.target as HTMLElement).querySelector('.entity-picker-dialog')\n      ) {\n        onClose?.()\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [onClose, anchorElement])\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        maxWidth: maxWidth ? `${maxWidth}px` : 'none',\n        maxHeight: maxHeight ? `${maxHeight}px` : 'none',\n      }}\n      className=\"links-widget-popup\"\n      onKeyDown={(e) => {\n        if (e.key === 'Escape') {\n          onClose?.()\n        }\n      }}\n    >\n      {children}\n    </StyledPopUp>,\n    document.body,\n  )\n}\n"],"names":["StyledPopUp","styled","CellEditingDialog","isEditing","anchorId","onClose","children","popupRef","useRef","position","setPosition","useState","maxWidth","setMaxWidth","maxHeight","setMaxHeight","anchorElement","tableContainer","updatePosition","cellRect","containerRect","containerRight","containerToRightOfScreen","screenPadding","minHeightThreshold","minWidthThreshold","maxMaxHeight","screenWidth","screenHeight","spaceToRight","dialogWidth","spaceBelow","spaceAbove","top","showAbove","availableHeight","useLayoutEffect","resizeObserver","handleClickOutside","event","createPortal","jsx"],"mappings":"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"}

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

@@ -0,0 +1,86 @@
+import { j as S } from "../../../../_virtual/jsx-runtime.es.js";
+import { useRef as j, useState as u, useLayoutEffect as p } from "react";
+import z from "styled-components";
+import { createPortal as D } from "react-dom";
+const $ = z.div`
+  position: fixed;
+  z-index: 310;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+`, Y = ({
+  isEditing: d,
+  anchorId: k,
+  onClose: n,
+  children: L
+}) => {
+  const l = j(null), [e, x] = u(null), [w, v] = u(void 0), [b, y] = u(void 0), i = document.getElementById(k), s = i == null ? void 0 : i.closest(".table-container"), R = () => {
+    if (!d) return;
+    if (!i || !s) {
+      x({
+        top: window.innerHeight / 2,
+        left: window.innerWidth / 2,
+        showAbove: !1
+      }), v(void 0), y(void 0);
+      return;
+    }
+    const t = i.getBoundingClientRect(), o = s.getBoundingClientRect(), P = o.right, A = window.innerWidth - o.right, r = 24, B = 250, c = 400, E = 600, H = window.innerWidth, O = window.innerHeight, W = P - t.left;
+    let a = {}, h = c;
+    W < c ? t.right - r >= c ? a.right = Math.max(
+      H - t.right,
+      r + A
+    ) : (a.left = r, h = H - 2 * r) : (a.left = t.left, h = Math.max(c, W)), v(h);
+    const f = O - t.bottom - r, M = t.top - r;
+    let g, T = !1, m;
+    f < B && M > f ? (T = !0, g = t.top - 4, m = M - 4) : (g = t.bottom + 4, m = f - 4), y(Math.min(Math.max(200, m), E)), x({
+      top: g,
+      ...a,
+      showAbove: T
+    });
+  };
+  return p(() => {
+    R();
+  }, [d, i]), p(() => {
+    if (s) {
+      const t = new ResizeObserver(() => {
+        R();
+      });
+      return t.observe(s), () => t.disconnect();
+    }
+  }, [s, i]), p(() => {
+    const t = (o) => {
+      l.current && !l.current.contains(o.target) && i && !i.contains(o.target) && // check we are not clicking inside the EntityPickerDialog
+      !o.target.closest(".entity-picker-dialog") && // check we are not clicking on the dialog backdrop
+      !o.target.querySelector(".entity-picker-dialog") && (n == null || n());
+    };
+    return document.addEventListener("mousedown", t), () => {
+      document.removeEventListener("mousedown", t);
+    };
+  }, [n, i]), d ? D(
+    /* @__PURE__ */ S.jsx(
+      $,
+      {
+        ref: l,
+        style: {
+          top: e == null ? void 0 : e.top,
+          left: e == null ? void 0 : e.left,
+          right: e == null ? void 0 : e.right,
+          ...(e == null ? void 0 : e.showAbove) && { transform: "translateY(-100%)" },
+          visibility: e ? "visible" : "hidden",
+          maxWidth: w ? `${w}px` : "none",
+          maxHeight: b ? `${b}px` : "none"
+        },
+        className: "links-widget-popup",
+        onKeyDown: (t) => {
+          t.key === "Escape" && (n == null || n());
+        },
+        children: L
+      }
+    ),
+    document.body
+  ) : null;
+};
+export {
+  Y as CellEditingDialog
+};
+//# sourceMappingURL=CellEditingDialog.es.js.map

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

@@ -0,0 +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\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  onClose?: () => void\n  children?: React.ReactNode\n}\n\nexport const CellEditingDialog: FC<LinksManagerDialogProps> = ({\n  isEditing,\n  anchorId,\n  onClose,\n  children,\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('.table-container')\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 (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    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])\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      if (\n        popupRef.current &&\n        !popupRef.current.contains(event.target as Node) &&\n        anchorElement &&\n        !anchorElement.contains(event.target as Node) &&\n        // check we are not clicking inside the EntityPickerDialog\n        !(event.target as HTMLElement).closest('.entity-picker-dialog') &&\n        // check we are not clicking on the dialog backdrop\n        !(event.target as HTMLElement).querySelector('.entity-picker-dialog')\n      ) {\n        onClose?.()\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [onClose, anchorElement])\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        maxWidth: maxWidth ? `${maxWidth}px` : 'none',\n        maxHeight: maxHeight ? `${maxHeight}px` : 'none',\n      }}\n      className=\"links-widget-popup\"\n      onKeyDown={(e) => {\n        if (e.key === 'Escape') {\n          onClose?.()\n        }\n      }}\n    >\n      {children}\n    </StyledPopUp>,\n    document.body,\n  )\n}\n"],"names":["StyledPopUp","styled","CellEditingDialog","isEditing","anchorId","onClose","children","popupRef","useRef","position","setPosition","useState","maxWidth","setMaxWidth","maxHeight","setMaxHeight","anchorElement","tableContainer","updatePosition","cellRect","containerRect","containerRight","containerToRightOfScreen","screenPadding","minHeightThreshold","minWidthThreshold","maxMaxHeight","screenWidth","screenHeight","spaceToRight","dialogWidth","spaceBelow","spaceAbove","top","showAbove","availableHeight","useLayoutEffect","resizeObserver","handleClickOutside","event","createPortal","jsx","e"],"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 r=require("../../../../_virtual/jsx-runtime.cjs.js"),c=require("react"),t=require("@ynput/ayon-react-components");require("lodash");require("react-toastify");const p=require("../../util/getEntityTypeIcon.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");const x=require("../../api/queries/entities/transformDetailsPanelData.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");const m=require("./LinksManager.styled.cjs.js"),j=require("clsx"),l=({link:e,isSelected:a=!1,onEntityClick:i,onRemove:o})=>{var n;const s=x.detailsPanelEntityTypes.includes(e.entityType);return r.jsxRuntimeExports.jsxs(m.LinkItem,{onClick:()=>s&&(i==null?void 0:i(e.entityId,e.entityType)),"data-tooltip":e.parents.join("/")+"/"+e.label,className:j({clickable:s,selected:a}),children:[e.icon?r.jsxRuntimeExports.jsx(t.Icon,{icon:e.icon}):r.jsxRuntimeExports.jsx(t.Icon,{icon:p.getEntityTypeIcon(e.entityType)}),r.jsxRuntimeExports.jsxs("span",{className:"title",children:[(n=e.parents)==null?void 0:n.map((u,q)=>r.jsxRuntimeExports.jsxs(c.Fragment,{children:[r.jsxRuntimeExports.jsx("span",{children:u},q+"-path"),r.jsxRuntimeExports.jsx("span",{children:"/"},q+"-separator")]},q)),r.jsxRuntimeExports.jsx("span",{className:"label",children:e.label})]}),r.jsxRuntimeExports.jsx(t.Button,{icon:"close",variant:"text",className:"remove",onClick:u=>o(u,e)})]},e.linkId)};exports.LinkManagerItem=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/jsx-runtime.cjs.js"),c=require("react"),t=require("@ynput/ayon-react-components");require("lodash");require("react-toastify");const p=require("../../util/getEntityTypeIcon.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");const x=require("../../api/queries/entities/transformDetailsPanelData.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");const m=require("./LinksManager.styled.cjs.js"),l=require("clsx"),j=({link:e,isSelected:a=!1,onEntityClick:i,onRemove:o})=>{var n;const s=x.detailsPanelEntityTypes.includes(e.entityType);return r.jsxRuntimeExports.jsxs(m.LinkItem,{onClick:()=>s&&(i==null?void 0:i(e.entityId,e.entityType)),"data-tooltip":e.parents.join("/")+"/"+e.label,className:l({clickable:s,selected:a}),children:[e.icon?r.jsxRuntimeExports.jsx(t.Icon,{icon:e.icon}):r.jsxRuntimeExports.jsx(t.Icon,{icon:p.getEntityTypeIcon(e.entityType)}),r.jsxRuntimeExports.jsxs("span",{className:"title",children:[(n=e.parents)==null?void 0:n.map((u,q)=>r.jsxRuntimeExports.jsxs(c.Fragment,{children:[r.jsxRuntimeExports.jsx("span",{children:u},q+"-path"),r.jsxRuntimeExports.jsx("span",{children:"/"},q+"-separator")]},q)),r.jsxRuntimeExports.jsx("span",{className:"label",children:e.label})]}),r.jsxRuntimeExports.jsx(t.Button,{icon:"link_off",variant:"text",className:"remove",onClick:u=>o(u,e),"data-tooltip":"Remove link"})]},e.linkId)};exports.LinkManagerItem=j;
 //# sourceMappingURL=LinkManagerItem.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LinkManagerItem.cjs.js","sources":["../../../../../src/components/LinksManager/LinkManagerItem.tsx"],"sourcesContent":["import { FC, Fragment } from 'react'\nimport { Button, Icon } from '@ynput/ayon-react-components'\nimport { getEntityTypeIcon } from '@shared/util'\nimport { detailsPanelEntityTypes } from '@shared/api'\nimport * as Styled from './LinksManager.styled'\nimport { LinkEntity } from './LinksManager'\nimport clsx from 'clsx'\n\nexport interface LinkManagerItemProps {\n  link: LinkEntity\n  isSelected?: boolean\n  onEntityClick?: (entityId: string, entityType: string) => void\n  onRemove: (e: React.MouseEvent<HTMLButtonElement>, link: LinkEntity) => void\n}\n\nexport const LinkManagerItem: FC<LinkManagerItemProps> = ({\n  link,\n  isSelected = false,\n  onEntityClick,\n  onRemove,\n}) => {\n  const entityTypeSupported = detailsPanelEntityTypes.includes(link.entityType as any)\n\n  return (\n    <Styled.LinkItem\n      key={link.linkId}\n      onClick={() => entityTypeSupported && onEntityClick?.(link.entityId, link.entityType)}\n      data-tooltip={link.parents.join('/') + '/' + link.label}\n      className={clsx({\n        clickable: entityTypeSupported,\n        selected: isSelected,\n      })}\n    >\n      {link.icon ? <Icon icon={link.icon} /> : <Icon icon={getEntityTypeIcon(link.entityType)} />}\n\n      <span className=\"title\">\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      </span>\n      <Button icon={'close'} variant=\"text\" className=\"remove\" onClick={(e) => onRemove(e, link)} />\n    </Styled.LinkItem>\n  )\n}\n"],"names":["LinkManagerItem","link","isSelected","onEntityClick","onRemove","entityTypeSupported","detailsPanelEntityTypes","jsxs","Styled.LinkItem","clsx","jsx","Icon","getEntityTypeIcon","_a","part","index","Fragment","Button","e"],"mappings":"2+IAeaA,EAA4C,CAAC,CACxD,KAAAC,EACA,WAAAC,EAAa,GACb,cAAAC,EACA,SAAAC,CACF,IAAM,OACJ,MAAMC,EAAsBC,EAAA,wBAAwB,SAASL,EAAK,UAAiB,EAGjF,OAAAM,EAAA,kBAAA,KAACC,EAAO,SAAP,CAEC,QAAS,IAAMH,IAAuBF,GAAA,YAAAA,EAAgBF,EAAK,SAAUA,EAAK,aAC1E,eAAcA,EAAK,QAAQ,KAAK,GAAG,EAAI,IAAMA,EAAK,MAClD,UAAWQ,EAAK,CACd,UAAWJ,EACX,SAAUH,CAAA,CACX,EAEA,SAAA,CAAAD,EAAK,KAAOS,EAAA,kBAAA,IAACC,EAAK,KAAA,CAAA,KAAMV,EAAK,IAAA,CAAM,EAAKS,EAAA,kBAAA,IAACC,EAAK,KAAA,CAAA,KAAMC,EAAkB,kBAAAX,EAAK,UAAU,EAAG,EAEzFM,EAAAA,kBAAAA,KAAC,OAAK,CAAA,UAAU,QACb,SAAA,EAAAM,EAAAZ,EAAK,UAAL,YAAAY,EAAc,IAAI,CAACC,EAAMC,6BACvBC,WACC,CAAA,SAAA,CAACN,EAAA,kBAAA,IAAA,OAAA,CAA4B,SAAlBI,CAAA,EAAAC,EAAQ,OAAe,EACjCL,EAAA,kBAAA,IAAA,OAAA,CAAgC,SAAtB,GAAA,EAAAK,EAAQ,YAAe,CAAA,CAAA,EAFrBA,CAGf,GAEDL,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAU,QAAS,WAAK,KAAM,CAAA,CAAA,EACtC,EACCA,EAAA,kBAAA,IAAAO,EAAA,OAAA,CAAO,KAAM,QAAS,QAAQ,OAAO,UAAU,SAAS,QAAUC,GAAMd,EAASc,EAAGjB,CAAI,CAAG,CAAA,CAAA,CAAA,EAnBvFA,EAAK,MAoBZ,CAEJ"}
+{"version":3,"file":"LinkManagerItem.cjs.js","sources":["../../../../../src/components/LinksManager/LinkManagerItem.tsx"],"sourcesContent":["import { FC, Fragment } from 'react'\nimport { Button, Icon } from '@ynput/ayon-react-components'\nimport { getEntityTypeIcon } from '@shared/util'\nimport { detailsPanelEntityTypes } from '@shared/api'\nimport * as Styled from './LinksManager.styled'\nimport { LinkEntity } from './LinksManager'\nimport clsx from 'clsx'\n\nexport interface LinkManagerItemProps {\n  link: LinkEntity\n  isSelected?: boolean\n  onEntityClick?: (entityId: string, entityType: string) => void\n  onRemove: (e: React.MouseEvent<HTMLButtonElement>, link: LinkEntity) => void\n}\n\nexport const LinkManagerItem: FC<LinkManagerItemProps> = ({\n  link,\n  isSelected = false,\n  onEntityClick,\n  onRemove,\n}) => {\n  const entityTypeSupported = detailsPanelEntityTypes.includes(link.entityType as any)\n\n  return (\n    <Styled.LinkItem\n      key={link.linkId}\n      onClick={() => entityTypeSupported && onEntityClick?.(link.entityId, link.entityType)}\n      data-tooltip={link.parents.join('/') + '/' + link.label}\n      className={clsx({\n        clickable: entityTypeSupported,\n        selected: isSelected,\n      })}\n    >\n      {link.icon ? <Icon icon={link.icon} /> : <Icon icon={getEntityTypeIcon(link.entityType)} />}\n\n      <span className=\"title\">\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      </span>\n      <Button\n        icon={'link_off'}\n        variant=\"text\"\n        className=\"remove\"\n        onClick={(e) => onRemove(e, link)}\n        data-tooltip={'Remove link'}\n      />\n    </Styled.LinkItem>\n  )\n}\n"],"names":["LinkManagerItem","link","isSelected","onEntityClick","onRemove","entityTypeSupported","detailsPanelEntityTypes","jsxs","Styled.LinkItem","clsx","jsx","Icon","getEntityTypeIcon","_a","part","index","Fragment","Button","e"],"mappings":"uiJAeaA,EAA4C,CAAC,CACxD,KAAAC,EACA,WAAAC,EAAa,GACb,cAAAC,EACA,SAAAC,CACF,IAAM,OACJ,MAAMC,EAAsBC,EAAA,wBAAwB,SAASL,EAAK,UAAiB,EAGjF,OAAAM,EAAA,kBAAA,KAACC,EAAO,SAAP,CAEC,QAAS,IAAMH,IAAuBF,GAAA,YAAAA,EAAgBF,EAAK,SAAUA,EAAK,aAC1E,eAAcA,EAAK,QAAQ,KAAK,GAAG,EAAI,IAAMA,EAAK,MAClD,UAAWQ,EAAK,CACd,UAAWJ,EACX,SAAUH,CAAA,CACX,EAEA,SAAA,CAAAD,EAAK,KAAOS,EAAA,kBAAA,IAACC,EAAK,KAAA,CAAA,KAAMV,EAAK,IAAA,CAAM,EAAKS,EAAA,kBAAA,IAACC,EAAK,KAAA,CAAA,KAAMC,EAAkB,kBAAAX,EAAK,UAAU,EAAG,EAEzFM,EAAAA,kBAAAA,KAAC,OAAK,CAAA,UAAU,QACb,SAAA,EAAAM,EAAAZ,EAAK,UAAL,YAAAY,EAAc,IAAI,CAACC,EAAMC,6BACvBC,WACC,CAAA,SAAA,CAACN,EAAA,kBAAA,IAAA,OAAA,CAA4B,SAAlBI,CAAA,EAAAC,EAAQ,OAAe,EACjCL,EAAA,kBAAA,IAAA,OAAA,CAAgC,SAAtB,GAAA,EAAAK,EAAQ,YAAe,CAAA,CAAA,EAFrBA,CAGf,GAEDL,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAU,QAAS,WAAK,KAAM,CAAA,CAAA,EACtC,EACAA,EAAA,kBAAA,IAACO,EAAA,OAAA,CACC,KAAM,WACN,QAAQ,OACR,UAAU,SACV,QAAUC,GAAMd,EAASc,EAAGjB,CAAI,EAChC,eAAc,aAAA,CAAA,CAChB,CAAA,EAzBKA,EAAK,MA0BZ,CAEJ"}

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

@@ -1,9 +1,9 @@
-import { j as r } from "../../../../_virtual/jsx-runtime.es.js";
-import { Fragment as n } from "react";
+import { j as o } from "../../../../_virtual/jsx-runtime.es.js";
+import { Fragment as c } from "react";
 import { Icon as s, Button as l } from "@ynput/ayon-react-components";
 import "lodash";
 import "react-toastify";
-import { getEntityTypeIcon as j } from "../../util/getEntityTypeIcon.es.js";
+import { getEntityTypeIcon as d } from "../../util/getEntityTypeIcon.es.js";
 import "uuid";
 import "../../util/pubsub.es.js";
 import "../../api/base/client.es.js";
@@ -57,12 +57,13 @@ import "../../api/queries/authentication/getAuthentication.es.js";
 import "../../api/queries/cloud/cloud.es.js";
 import "../../api/queries/entities/getEntity.es.js";
 import "../../api/queries/entities/getEntityPanel.es.js";
-import { detailsPanelEntityTypes as x } from "../../api/queries/entities/transformDetailsPanelData.es.js";
+import { detailsPanelEntityTypes as j } from "../../api/queries/entities/transformDetailsPanelData.es.js";
 import "../../api/queries/entities/updateEntity.es.js";
 import "../../api/queries/entityLists/getLists.es.js";
 import "../../api/queries/entityLists/updateLists.es.js";
 import "../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../api/queries/entityLists/listFolders.es.js";
 import "../../api/queries/folders/getFolders.es.js";
 import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/links/updateLinks.es.js";
@@ -85,41 +86,50 @@ import "../../api/queries/versions/updateVersions.es.js";
 import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
 import "../../api/queries/watchers/getWatchers.es.js";
-import { LinkItem as d } from "./LinksManager.styled.es.js";
-import y from "clsx";
-const Et = ({
+import { LinkItem as x } from "./LinksManager.styled.es.js";
+import f from "clsx";
+const Ct = ({
   link: t,
   isSelected: a = !1,
-  onEntityClick: o,
-  onRemove: c
+  onEntityClick: r,
+  onRemove: n
 }) => {
   var e;
-  const i = x.includes(t.entityType);
-  return /* @__PURE__ */ r.jsxs(
-    d,
+  const i = j.includes(t.entityType);
+  return /* @__PURE__ */ o.jsxs(
+    x,
     {
-      onClick: () => i && (o == null ? void 0 : o(t.entityId, t.entityType)),
+      onClick: () => i && (r == null ? void 0 : r(t.entityId, t.entityType)),
       "data-tooltip": t.parents.join("/") + "/" + t.label,
-      className: y({
+      className: f({
         clickable: i,
         selected: a
       }),
       children: [
-        t.icon ? /* @__PURE__ */ r.jsx(s, { icon: t.icon }) : /* @__PURE__ */ r.jsx(s, { icon: j(t.entityType) }),
-        /* @__PURE__ */ r.jsxs("span", { className: "title", children: [
-          (e = t.parents) == null ? void 0 : e.map((p, m) => /* @__PURE__ */ r.jsxs(n, { children: [
-            /* @__PURE__ */ r.jsx("span", { children: p }, m + "-path"),
-            /* @__PURE__ */ r.jsx("span", { children: "/" }, m + "-separator")
+        t.icon ? /* @__PURE__ */ o.jsx(s, { icon: t.icon }) : /* @__PURE__ */ o.jsx(s, { icon: d(t.entityType) }),
+        /* @__PURE__ */ o.jsxs("span", { className: "title", children: [
+          (e = t.parents) == null ? void 0 : e.map((p, m) => /* @__PURE__ */ o.jsxs(c, { children: [
+            /* @__PURE__ */ o.jsx("span", { children: p }, m + "-path"),
+            /* @__PURE__ */ o.jsx("span", { children: "/" }, m + "-separator")
           ] }, m)),
-          /* @__PURE__ */ r.jsx("span", { className: "label", children: t.label })
+          /* @__PURE__ */ o.jsx("span", { className: "label", children: t.label })
         ] }),
-        /* @__PURE__ */ r.jsx(l, { icon: "close", variant: "text", className: "remove", onClick: (p) => c(p, t) })
+        /* @__PURE__ */ o.jsx(
+          l,
+          {
+            icon: "link_off",
+            variant: "text",
+            className: "remove",
+            onClick: (p) => n(p, t),
+            "data-tooltip": "Remove link"
+          }
+        )
       ]
     },
     t.linkId
   );
 };
 export {
-  Et as LinkManagerItem
+  Ct as LinkManagerItem
 };
 //# sourceMappingURL=LinkManagerItem.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LinkManagerItem.es.js","sources":["../../../../../src/components/LinksManager/LinkManagerItem.tsx"],"sourcesContent":["import { FC, Fragment } from 'react'\nimport { Button, Icon } from '@ynput/ayon-react-components'\nimport { getEntityTypeIcon } from '@shared/util'\nimport { detailsPanelEntityTypes } from '@shared/api'\nimport * as Styled from './LinksManager.styled'\nimport { LinkEntity } from './LinksManager'\nimport clsx from 'clsx'\n\nexport interface LinkManagerItemProps {\n  link: LinkEntity\n  isSelected?: boolean\n  onEntityClick?: (entityId: string, entityType: string) => void\n  onRemove: (e: React.MouseEvent<HTMLButtonElement>, link: LinkEntity) => void\n}\n\nexport const LinkManagerItem: FC<LinkManagerItemProps> = ({\n  link,\n  isSelected = false,\n  onEntityClick,\n  onRemove,\n}) => {\n  const entityTypeSupported = detailsPanelEntityTypes.includes(link.entityType as any)\n\n  return (\n    <Styled.LinkItem\n      key={link.linkId}\n      onClick={() => entityTypeSupported && onEntityClick?.(link.entityId, link.entityType)}\n      data-tooltip={link.parents.join('/') + '/' + link.label}\n      className={clsx({\n        clickable: entityTypeSupported,\n        selected: isSelected,\n      })}\n    >\n      {link.icon ? <Icon icon={link.icon} /> : <Icon icon={getEntityTypeIcon(link.entityType)} />}\n\n      <span className=\"title\">\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      </span>\n      <Button icon={'close'} variant=\"text\" className=\"remove\" onClick={(e) => onRemove(e, link)} />\n    </Styled.LinkItem>\n  )\n}\n"],"names":["LinkManagerItem","link","isSelected","onEntityClick","onRemove","entityTypeSupported","detailsPanelEntityTypes","jsxs","Styled.LinkItem","clsx","jsx","Icon","getEntityTypeIcon","_a","part","index","Fragment","Button","e"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAMA,KAA4C,CAAC;AAAA,EACxD,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,eAAAC;AAAA,EACA,UAAAC;AACF,MAAM;;AACJ,QAAMC,IAAsBC,EAAwB,SAASL,EAAK,UAAiB;AAGjF,SAAAM,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MAEC,SAAS,MAAMH,MAAuBF,KAAA,gBAAAA,EAAgBF,EAAK,UAAUA,EAAK;AAAA,MAC1E,gBAAcA,EAAK,QAAQ,KAAK,GAAG,IAAI,MAAMA,EAAK;AAAA,MAClD,WAAWQ,EAAK;AAAA,QACd,WAAWJ;AAAA,QACX,UAAUH;AAAA,MAAA,CACX;AAAA,MAEA,UAAA;AAAA,QAAAD,EAAK,OAAOS,gBAAAA,EAAA,IAACC,GAAK,EAAA,MAAMV,EAAK,KAAA,CAAM,IAAKS,gBAAAA,EAAA,IAACC,GAAK,EAAA,MAAMC,EAAkBX,EAAK,UAAU,GAAG;AAAA,QAEzFM,gBAAAA,EAAAA,KAAC,QAAK,EAAA,WAAU,SACb,UAAA;AAAA,WAAAM,IAAAZ,EAAK,YAAL,gBAAAY,EAAc,IAAI,CAACC,GAAMC,6BACvBC,GACC,EAAA,UAAA;AAAA,YAACN,gBAAAA,EAAA,IAAA,QAAA,EAA4B,UAAlBI,EAAA,GAAAC,IAAQ,OAAe;AAAA,YACjCL,gBAAAA,EAAA,IAAA,QAAA,EAAgC,UAAtB,IAAA,GAAAK,IAAQ,YAAe;AAAA,UAAA,EAAA,GAFrBA,CAGf;AAAA,UAEDL,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,SAAS,YAAK,MAAM,CAAA;AAAA,QAAA,GACtC;AAAA,QACCA,gBAAAA,EAAA,IAAAO,GAAA,EAAO,MAAM,SAAS,SAAQ,QAAO,WAAU,UAAS,SAAS,CAACC,MAAMd,EAASc,GAAGjB,CAAI,EAAG,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAnBvFA,EAAK;AAAA,EAoBZ;AAEJ;"}
+{"version":3,"file":"LinkManagerItem.es.js","sources":["../../../../../src/components/LinksManager/LinkManagerItem.tsx"],"sourcesContent":["import { FC, Fragment } from 'react'\nimport { Button, Icon } from '@ynput/ayon-react-components'\nimport { getEntityTypeIcon } from '@shared/util'\nimport { detailsPanelEntityTypes } from '@shared/api'\nimport * as Styled from './LinksManager.styled'\nimport { LinkEntity } from './LinksManager'\nimport clsx from 'clsx'\n\nexport interface LinkManagerItemProps {\n  link: LinkEntity\n  isSelected?: boolean\n  onEntityClick?: (entityId: string, entityType: string) => void\n  onRemove: (e: React.MouseEvent<HTMLButtonElement>, link: LinkEntity) => void\n}\n\nexport const LinkManagerItem: FC<LinkManagerItemProps> = ({\n  link,\n  isSelected = false,\n  onEntityClick,\n  onRemove,\n}) => {\n  const entityTypeSupported = detailsPanelEntityTypes.includes(link.entityType as any)\n\n  return (\n    <Styled.LinkItem\n      key={link.linkId}\n      onClick={() => entityTypeSupported && onEntityClick?.(link.entityId, link.entityType)}\n      data-tooltip={link.parents.join('/') + '/' + link.label}\n      className={clsx({\n        clickable: entityTypeSupported,\n        selected: isSelected,\n      })}\n    >\n      {link.icon ? <Icon icon={link.icon} /> : <Icon icon={getEntityTypeIcon(link.entityType)} />}\n\n      <span className=\"title\">\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      </span>\n      <Button\n        icon={'link_off'}\n        variant=\"text\"\n        className=\"remove\"\n        onClick={(e) => onRemove(e, link)}\n        data-tooltip={'Remove link'}\n      />\n    </Styled.LinkItem>\n  )\n}\n"],"names":["LinkManagerItem","link","isSelected","onEntityClick","onRemove","entityTypeSupported","detailsPanelEntityTypes","jsxs","Styled.LinkItem","clsx","jsx","Icon","getEntityTypeIcon","_a","part","index","Fragment","Button","e"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAMA,KAA4C,CAAC;AAAA,EACxD,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,eAAAC;AAAA,EACA,UAAAC;AACF,MAAM;;AACJ,QAAMC,IAAsBC,EAAwB,SAASL,EAAK,UAAiB;AAGjF,SAAAM,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MAEC,SAAS,MAAMH,MAAuBF,KAAA,gBAAAA,EAAgBF,EAAK,UAAUA,EAAK;AAAA,MAC1E,gBAAcA,EAAK,QAAQ,KAAK,GAAG,IAAI,MAAMA,EAAK;AAAA,MAClD,WAAWQ,EAAK;AAAA,QACd,WAAWJ;AAAA,QACX,UAAUH;AAAA,MAAA,CACX;AAAA,MAEA,UAAA;AAAA,QAAAD,EAAK,OAAOS,gBAAAA,EAAA,IAACC,GAAK,EAAA,MAAMV,EAAK,KAAA,CAAM,IAAKS,gBAAAA,EAAA,IAACC,GAAK,EAAA,MAAMC,EAAkBX,EAAK,UAAU,GAAG;AAAA,QAEzFM,gBAAAA,EAAAA,KAAC,QAAK,EAAA,WAAU,SACb,UAAA;AAAA,WAAAM,IAAAZ,EAAK,YAAL,gBAAAY,EAAc,IAAI,CAACC,GAAMC,6BACvBC,GACC,EAAA,UAAA;AAAA,YAACN,gBAAAA,EAAA,IAAA,QAAA,EAA4B,UAAlBI,EAAA,GAAAC,IAAQ,OAAe;AAAA,YACjCL,gBAAAA,EAAA,IAAA,QAAA,EAAgC,UAAtB,IAAA,GAAAK,IAAQ,YAAe;AAAA,UAAA,EAAA,GAFrBA,CAGf;AAAA,UAEDL,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,SAAS,YAAK,MAAM,CAAA;AAAA,QAAA,GACtC;AAAA,QACAA,gBAAAA,EAAA;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,SAAS,CAACC,MAAMd,EAASc,GAAGjB,CAAI;AAAA,YAChC,gBAAc;AAAA,UAAA;AAAA,QAAA;AAAA,MAChB;AAAA,IAAA;AAAA,IAzBKA,EAAK;AAAA,EA0BZ;AAEJ;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../_virtual/jsx-runtime.cjs.js"),h=require("react"),s=require("./LinksManager.styled.cjs.js"),q=require("lodash");require("react-toastify");const x=require("../../util/getEntityId.cjs.js");require("../../util/pubsub.cjs.js");const S=require("./hooks/useUpdateLinks.cjs.js"),k=require("./AddNewLinks.cjs.js"),L=require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js"),M=require("./LinkManagerItem.cjs.js"),v=({linkTypeLabel:l,direction:u,links:i=[],projectName:r,entityId:p,entityType:y,linkType:m,targetEntityType:o,folderId:a,selectedEntityIds:g=[],onClose:j,onEntityClick:E})=>{const d=S({projectName:r,direction:u,entityId:p,entityType:y,targetEntityType:o,linkType:m}),[I,c]=h.useState(null),R=(e,n)=>{e.stopPropagation(),d.remove([{id:n.linkId,target:{entityId:n.entityId,entityType:n.entityType}}])};return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs(s.Container,{children:[t.jsxRuntimeExports.jsxs(s.Header,{children:[q.upperFirst(l)," links (",u,")"]}),t.jsxRuntimeExports.jsxs(s.LinksList,{children:[i==null?void 0:i.map(e=>t.jsxRuntimeExports.jsx(M.LinkManagerItem,{link:e,isSelected:g.includes(e.entityId),onEntityClick:E,onRemove:R},e.linkId)),i.length===0&&t.jsxRuntimeExports.jsx(s.SubHeader,{children:"No links yet"})]}),t.jsxRuntimeExports.jsx(k,{targetEntityType:o,projectName:r,onClose:j,onAdd:e=>d.add([{targetEntityId:e,linkId:x.getEntityId()}]),onSearchTypeChange:c})]}),I==="picker"&&t.jsxRuntimeExports.jsx(L.EntityPickerDialog,{onClose:()=>c(null),projectName:r,entityType:o,initialSelection:a?{folder:{[a]:!0}}:void 0,onSubmit:e=>d.add(e.map(n=>({targetEntityId:n,linkId:x.getEntityId()}))),isMultiSelect:!0})]})};exports.LinksManager=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),I=require("react"),i=require("./LinksManager.styled.cjs.js"),q=require("lodash");require("react-toastify");const l=require("../../util/getEntityId.cjs.js");require("../../util/pubsub.cjs.js");const k=require("./hooks/useUpdateLinks.cjs.js"),S=require("./AddNewLinks.cjs.js"),L=require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js"),v=require("./LinkManagerItem.cjs.js"),M=require("@ynput/ayon-react-components"),T=({linkTypeLabel:p,direction:u,links:s=[],projectName:r,entityId:m,entityType:y,linkType:j,targetEntityType:o,folderId:d,selectedEntityIds:g=[],onClose:c,onEntityClick:E})=>{const a=k({projectName:r,direction:u,entityId:m,entityType:y,targetEntityType:o,linkType:j}),[R,x]=I.useState(null),h=(t,n)=>{t.stopPropagation(),a.remove([{id:n.linkId,target:{entityId:n.entityId,entityType:n.entityType}}])};return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(i.Container,{children:[e.jsxRuntimeExports.jsxs(i.Header,{children:[q.upperFirst(p)," links (",u,")",e.jsxRuntimeExports.jsx(M.Button,{icon:"close",variant:"text",className:"remove",onClick:c,"data-shortcut":"Escape","data-tooltip-delay":500})]}),e.jsxRuntimeExports.jsxs(i.LinksList,{children:[s==null?void 0:s.map(t=>e.jsxRuntimeExports.jsx(v.LinkManagerItem,{link:t,isSelected:g.includes(t.entityId),onEntityClick:E,onRemove:h},t.linkId)),s.length===0&&e.jsxRuntimeExports.jsx(i.SubHeader,{children:"No links yet"})]}),e.jsxRuntimeExports.jsx(S,{targetEntityType:o,projectName:r,onClose:c,onAdd:t=>a.add([{targetEntityId:t,linkId:l.getEntityId()}]),onSearchTypeChange:x})]}),R==="picker"&&e.jsxRuntimeExports.jsx(L.EntityPickerDialog,{onClose:()=>x(null),projectName:r,entityType:o,initialSelection:d?{folder:{[d]:!0}}:void 0,onSubmit:t=>a.add(t.map(n=>({targetEntityId:n,linkId:l.getEntityId()}))),isMultiSelect:!0})]})};exports.LinksManager=T;
 //# sourceMappingURL=LinksManager.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LinksManager.cjs.js","sources":["../../../../../src/components/LinksManager/LinksManager.tsx"],"sourcesContent":["import { FC, useState } from 'react'\nimport * as Styled from './LinksManager.styled'\nimport { getEntityId } from '@shared/util'\nimport useUpdateLinks from './hooks/useUpdateLinks'\nimport AddNewLinks, { LinkSearchType } from './AddNewLinks'\nimport { EntityPickerDialog, PickerEntityType } from '@shared/containers/EntityPickerDialog'\nimport { upperFirst } from 'lodash'\nimport { LinkManagerItem } from './LinkManagerItem'\n\nexport type LinkEntity = {\n  linkId: string\n  entityId: string\n  label: string\n  parents: string[]\n  entityType: string\n  icon: string\n}\n\nexport interface LinksManagerProps {\n  linkTypeLabel: string\n  direction?: 'in' | 'out'\n  links: LinkEntity[] // used to display basic info about the links entity\n  projectName: string\n  entityId: string // the entity id of the entity that has these links\n  linkType: string // full link type e.g. workflow|task|task\n  entityType: string // the entity type of the entity that has these links\n  targetEntityType: string // the entity type of the out links\n  folderId?: string | null // the folder selected or the parent folder of the selected (used in EntityPickerDialog)\n  selectedEntityIds?: string[] // list of selected entity IDs to highlight\n  onClose?: () => void\n  onEntityClick?: (entityId: string, entityType: string) => void // a click on an linked entity\n}\n\nexport const LinksManager: FC<LinksManagerProps> = ({\n  linkTypeLabel,\n  direction,\n  links = [],\n  projectName,\n  entityId,\n  entityType,\n  linkType,\n  targetEntityType,\n  folderId,\n  selectedEntityIds = [],\n  onClose,\n  onEntityClick,\n}) => {\n  const linksUpdater = useUpdateLinks({\n    projectName,\n    direction,\n    entityId,\n    entityType,\n    targetEntityType,\n    linkType,\n  })\n\n  const [searchType, setSearchType] = useState<LinkSearchType>(null)\n\n  const handleRemove = (e: React.MouseEvent<HTMLButtonElement>, link: LinkEntity) => {\n    // prevent clicks higher up\n    e.stopPropagation()\n\n    linksUpdater.remove([\n      {\n        id: link.linkId,\n        target: { entityId: link.entityId, entityType: link.entityType },\n      },\n    ])\n  }\n\n  return (\n    <>\n      <Styled.Container>\n        <Styled.Header>\n          {upperFirst(linkTypeLabel)} links ({direction})\n        </Styled.Header>\n        <Styled.LinksList>\n          {links?.map((link) => (\n            <LinkManagerItem\n              key={link.linkId}\n              link={link}\n              isSelected={selectedEntityIds.includes(link.entityId)}\n              onEntityClick={onEntityClick}\n              onRemove={handleRemove}\n            />\n          ))}\n          {links.length === 0 && <Styled.SubHeader>No links yet</Styled.SubHeader>}\n        </Styled.LinksList>\n        <AddNewLinks\n          targetEntityType={targetEntityType}\n          projectName={projectName}\n          onClose={onClose}\n          onAdd={(id) => linksUpdater.add([{ targetEntityId: id, linkId: getEntityId() }])}\n          onSearchTypeChange={setSearchType}\n        />\n      </Styled.Container>\n      {searchType === 'picker' && (\n        <EntityPickerDialog\n          onClose={() => setSearchType(null)}\n          projectName={projectName}\n          entityType={targetEntityType as PickerEntityType} // the type of entity to pick\n          initialSelection={folderId ? { folder: { [folderId]: true } } : undefined} // preselect current folder\n          onSubmit={(s) =>\n            linksUpdater.add(s.map((id) => ({ targetEntityId: id, linkId: getEntityId() })))\n          }\n          isMultiSelect\n        />\n      )}\n    </>\n  )\n}\n"],"names":["LinksManager","linkTypeLabel","direction","links","projectName","entityId","entityType","linkType","targetEntityType","folderId","selectedEntityIds","onClose","onEntityClick","linksUpdater","useUpdateLinks","searchType","setSearchType","useState","handleRemove","link","jsxs","Fragment","Styled.Container","Styled.Header","upperFirst","Styled.LinksList","jsx","LinkManagerItem","Styled.SubHeader","AddNewLinks","id","getEntityId","EntityPickerDialog","s"],"mappings":"+gBAiCaA,EAAsC,CAAC,CAClD,cAAAC,EACA,UAAAC,EACA,MAAAC,EAAQ,CAAC,EACT,YAAAC,EACA,SAAAC,EACA,WAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,kBAAAC,EAAoB,CAAC,EACrB,QAAAC,EACA,cAAAC,CACF,IAAM,CACJ,MAAMC,EAAeC,EAAe,CAClC,YAAAV,EACA,UAAAF,EACA,SAAAG,EACA,WAAAC,EACA,iBAAAE,EACA,SAAAD,CAAA,CACD,EAEK,CAACQ,EAAYC,CAAa,EAAIC,EAAAA,SAAyB,IAAI,EAE3DC,EAAe,CAAC,EAAwCC,IAAqB,CAEjF,EAAE,gBAAgB,EAElBN,EAAa,OAAO,CAClB,CACE,GAAIM,EAAK,OACT,OAAQ,CAAE,SAAUA,EAAK,SAAU,WAAYA,EAAK,UAAW,CAAA,CACjE,CACD,CACH,EAEA,OAEIC,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAACD,yBAAAE,EAAAA,UAAA,CACC,SAAA,CAACF,yBAAAG,EAAAA,OAAA,CACE,SAAA,CAAAC,EAAAA,WAAWvB,CAAa,EAAE,WAASC,EAAU,GAAA,EAChD,EACAkB,yBAACK,EAAAA,UAAA,CACE,SAAA,CAAOtB,GAAA,YAAAA,EAAA,IAAKgB,GACXO,EAAA,kBAAA,IAACC,EAAA,gBAAA,CAEC,KAAAR,EACA,WAAYT,EAAkB,SAASS,EAAK,QAAQ,EACpD,cAAAP,EACA,SAAUM,CAAA,EAJLC,EAAK,MAAA,GAObhB,EAAM,SAAW,2BAAMyB,EAAAA,UAAA,CAAiB,SAAY,cAAA,CAAA,CAAA,EACvD,EACAF,EAAA,kBAAA,IAACG,EAAA,CACC,iBAAArB,EACA,YAAAJ,EACA,QAAAO,EACA,MAAQmB,GAAOjB,EAAa,IAAI,CAAC,CAAE,eAAgBiB,EAAI,OAAQC,EAAY,YAAA,CAAG,CAAA,CAAC,EAC/E,mBAAoBf,CAAA,CAAA,CACtB,EACF,EACCD,IAAe,UACdW,EAAA,kBAAA,IAACM,EAAA,mBAAA,CACC,QAAS,IAAMhB,EAAc,IAAI,EACjC,YAAAZ,EACA,WAAYI,EACZ,iBAAkBC,EAAW,CAAE,OAAQ,CAAE,CAACA,CAAQ,EAAG,EAAK,CAAA,EAAM,OAChE,SAAWwB,GACTpB,EAAa,IAAIoB,EAAE,IAAKH,IAAQ,CAAE,eAAgBA,EAAI,OAAQC,EAAAA,YAAY,CAAA,EAAI,CAAC,EAEjF,cAAa,EAAA,CAAA,CACf,EAEJ,CAEJ"}
+{"version":3,"file":"LinksManager.cjs.js","sources":["../../../../../src/components/LinksManager/LinksManager.tsx"],"sourcesContent":["import { FC, useState } from 'react'\nimport * as Styled from './LinksManager.styled'\nimport { getEntityId } from '@shared/util'\nimport useUpdateLinks from './hooks/useUpdateLinks'\nimport AddNewLinks, { LinkSearchType } from './AddNewLinks'\nimport { EntityPickerDialog, PickerEntityType } from '@shared/containers/EntityPickerDialog'\nimport { upperFirst } from 'lodash'\nimport { LinkManagerItem } from './LinkManagerItem'\nimport { Button } from '@ynput/ayon-react-components'\n\nexport type LinkEntity = {\n  linkId: string\n  entityId: string\n  label: string\n  parents: string[]\n  entityType: string\n  icon: string\n}\n\nexport interface LinksManagerProps {\n  linkTypeLabel: string\n  direction?: 'in' | 'out'\n  links: LinkEntity[] // used to display basic info about the links entity\n  projectName: string\n  entityId: string // the entity id of the entity that has these links\n  linkType: string // full link type e.g. workflow|task|task\n  entityType: string // the entity type of the entity that has these links\n  targetEntityType: string // the entity type of the out links\n  folderId?: string | null // the folder selected or the parent folder of the selected (used in EntityPickerDialog)\n  selectedEntityIds?: string[] // list of selected entity IDs to highlight\n  onClose?: () => void\n  onEntityClick?: (entityId: string, entityType: string) => void // a click on an linked entity\n}\n\nexport const LinksManager: FC<LinksManagerProps> = ({\n  linkTypeLabel,\n  direction,\n  links = [],\n  projectName,\n  entityId,\n  entityType,\n  linkType,\n  targetEntityType,\n  folderId,\n  selectedEntityIds = [],\n  onClose,\n  onEntityClick,\n}) => {\n  const linksUpdater = useUpdateLinks({\n    projectName,\n    direction,\n    entityId,\n    entityType,\n    targetEntityType,\n    linkType,\n  })\n\n  const [searchType, setSearchType] = useState<LinkSearchType>(null)\n\n  const handleRemove = (e: React.MouseEvent<HTMLButtonElement>, link: LinkEntity) => {\n    // prevent clicks higher up\n    e.stopPropagation()\n\n    linksUpdater.remove([\n      {\n        id: link.linkId,\n        target: { entityId: link.entityId, entityType: link.entityType },\n      },\n    ])\n  }\n\n  return (\n    <>\n      <Styled.Container>\n        <Styled.Header>\n          {upperFirst(linkTypeLabel)} links ({direction})\n          <Button\n            icon={'close'}\n            variant=\"text\"\n            className=\"remove\"\n            onClick={onClose}\n            data-shortcut={'Escape'}\n            data-tooltip-delay={500}\n          />\n        </Styled.Header>\n        <Styled.LinksList>\n          {links?.map((link) => (\n            <LinkManagerItem\n              key={link.linkId}\n              link={link}\n              isSelected={selectedEntityIds.includes(link.entityId)}\n              onEntityClick={onEntityClick}\n              onRemove={handleRemove}\n            />\n          ))}\n          {links.length === 0 && <Styled.SubHeader>No links yet</Styled.SubHeader>}\n        </Styled.LinksList>\n        <AddNewLinks\n          targetEntityType={targetEntityType}\n          projectName={projectName}\n          onClose={onClose}\n          onAdd={(id) => linksUpdater.add([{ targetEntityId: id, linkId: getEntityId() }])}\n          onSearchTypeChange={setSearchType}\n        />\n      </Styled.Container>\n      {searchType === 'picker' && (\n        <EntityPickerDialog\n          onClose={() => setSearchType(null)}\n          projectName={projectName}\n          entityType={targetEntityType as PickerEntityType} // the type of entity to pick\n          initialSelection={folderId ? { folder: { [folderId]: true } } : undefined} // preselect current folder\n          onSubmit={(s) =>\n            linksUpdater.add(s.map((id) => ({ targetEntityId: id, linkId: getEntityId() })))\n          }\n          isMultiSelect\n        />\n      )}\n    </>\n  )\n}\n"],"names":["LinksManager","linkTypeLabel","direction","links","projectName","entityId","entityType","linkType","targetEntityType","folderId","selectedEntityIds","onClose","onEntityClick","linksUpdater","useUpdateLinks","searchType","setSearchType","useState","handleRemove","e","link","jsxs","Fragment","Styled.Container","Styled.Header","upperFirst","jsx","Button","Styled.LinksList","LinkManagerItem","Styled.SubHeader","AddNewLinks","id","getEntityId","EntityPickerDialog","s"],"mappings":"yjBAkCaA,EAAsC,CAAC,CAClD,cAAAC,EACA,UAAAC,EACA,MAAAC,EAAQ,CAAC,EACT,YAAAC,EACA,SAAAC,EACA,WAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,kBAAAC,EAAoB,CAAC,EACrB,QAAAC,EACA,cAAAC,CACF,IAAM,CACJ,MAAMC,EAAeC,EAAe,CAClC,YAAAV,EACA,UAAAF,EACA,SAAAG,EACA,WAAAC,EACA,iBAAAE,EACA,SAAAD,CAAA,CACD,EAEK,CAACQ,EAAYC,CAAa,EAAIC,EAAAA,SAAyB,IAAI,EAE3DC,EAAe,CAACC,EAAwCC,IAAqB,CAEjFD,EAAE,gBAAgB,EAElBN,EAAa,OAAO,CAClB,CACE,GAAIO,EAAK,OACT,OAAQ,CAAE,SAAUA,EAAK,SAAU,WAAYA,EAAK,UAAW,CAAA,CACjE,CACD,CACH,EAEA,OAEIC,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAACD,yBAAAE,EAAAA,UAAA,CACC,SAAA,CAACF,yBAAAG,EAAAA,OAAA,CACE,SAAA,CAAAC,EAAAA,WAAWxB,CAAa,EAAE,WAASC,EAAU,IAC9CwB,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,KAAM,QACN,QAAQ,OACR,UAAU,SACV,QAAShB,EACT,gBAAe,SACf,qBAAoB,GAAA,CAAA,CACtB,EACF,EACAU,yBAACO,EAAAA,UAAA,CACE,SAAA,CAAOzB,GAAA,YAAAA,EAAA,IAAKiB,GACXM,EAAA,kBAAA,IAACG,EAAA,gBAAA,CAEC,KAAAT,EACA,WAAYV,EAAkB,SAASU,EAAK,QAAQ,EACpD,cAAAR,EACA,SAAUM,CAAA,EAJLE,EAAK,MAAA,GAObjB,EAAM,SAAW,2BAAM2B,EAAAA,UAAA,CAAiB,SAAY,cAAA,CAAA,CAAA,EACvD,EACAJ,EAAA,kBAAA,IAACK,EAAA,CACC,iBAAAvB,EACA,YAAAJ,EACA,QAAAO,EACA,MAAQqB,GAAOnB,EAAa,IAAI,CAAC,CAAE,eAAgBmB,EAAI,OAAQC,EAAY,YAAA,CAAG,CAAA,CAAC,EAC/E,mBAAoBjB,CAAA,CAAA,CACtB,EACF,EACCD,IAAe,UACdW,EAAA,kBAAA,IAACQ,EAAA,mBAAA,CACC,QAAS,IAAMlB,EAAc,IAAI,EACjC,YAAAZ,EACA,WAAYI,EACZ,iBAAkBC,EAAW,CAAE,OAAQ,CAAE,CAACA,CAAQ,EAAG,EAAK,CAAA,EAAM,OAChE,SAAW0B,GACTtB,EAAa,IAAIsB,EAAE,IAAKH,IAAQ,CAAE,eAAgBA,EAAI,OAAQC,EAAAA,YAAY,CAAA,EAAI,CAAC,EAEjF,cAAa,EAAA,CAAA,CACf,EAEJ,CAEJ"}