@ynput/ayon-frontend-shared 0.3.4 → 0.3.5

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 { 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  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    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","useProjectContext","anatomyForIcons","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","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 { 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  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    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","useProjectContext","anatomyForIcons","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","part","index","Fragment","SearchingLoadingItems","Styled.Error"],"mappings":"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"}

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

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

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

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

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\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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"}
+{"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  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      const target = event.target as HTMLElement\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        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        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","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","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 r=require("../../../../_virtual/jsx-runtime.cjs.js"),a=require("react"),s=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/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");const 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/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/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/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 m=require("./LinksManager.styled.cjs.js"),l=require("clsx"),d=({link:e,isSelected:n=!1,onEntityClick:o,onRemove:c,isManager:i=!1})=>{const q=x.detailsPanelEntityTypes.includes(e.entityType)&&!e.isRestricted;return r.jsxRuntimeExports.jsxs(m.LinkItem,{onClick:()=>q&&o?.(e.entityId,e.entityType),"data-tooltip":e.isRestricted?i?"Unknown Link - Entity not found":"Access Restricted - Insufficient Permissions to Entity":e.parents.join("/")+"/"+e.label,className:l({clickable:q,selected:n,restricted:e.isRestricted&&!i,unknown:e.isRestricted&&i}),children:[e.icon?r.jsxRuntimeExports.jsx(s.Icon,{icon:e.icon}):r.jsxRuntimeExports.jsx(s.Icon,{icon:p.getEntityTypeIcon(e.entityType)}),r.jsxRuntimeExports.jsx("span",{className:"title",children:e.isRestricted?r.jsxRuntimeExports.jsx("span",{className:"label",children:i?"Unknown":"Access Restricted"}):r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[e.parents?.map((t,u)=>r.jsxRuntimeExports.jsxs(a.Fragment,{children:[r.jsxRuntimeExports.jsx("span",{children:t},u+"-path"),r.jsxRuntimeExports.jsx("span",{children:"/"},u+"-separator")]},u)),r.jsxRuntimeExports.jsx("span",{className:"label",children:e.label})]})}),(!e.isRestricted||i)&&r.jsxRuntimeExports.jsx(s.Button,{icon:"link_off",variant:"text",className:"remove",onClick:t=>c(t,e),"data-tooltip":"Remove link"})]},e.linkId)};exports.LinkManagerItem=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/jsx-runtime.cjs.js"),a=require("react"),s=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/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");const 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/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/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/updateTasks.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const m=require("./LinksManager.styled.cjs.js"),l=require("clsx"),d=({link:e,isSelected:n=!1,onEntityClick:o,onRemove:c,isManager:i=!1})=>{const q=x.detailsPanelEntityTypes.includes(e.entityType)&&!e.isRestricted;return r.jsxRuntimeExports.jsxs(m.LinkItem,{onClick:()=>q&&o?.(e.entityId,e.entityType),"data-tooltip":e.isRestricted?i?"Unknown Link - Entity not found":"Access Restricted - Insufficient Permissions to Entity":e.parents.join("/")+"/"+e.label,className:l({clickable:q,selected:n,restricted:e.isRestricted&&!i,unknown:e.isRestricted&&i}),children:[e.icon?r.jsxRuntimeExports.jsx(s.Icon,{icon:e.icon}):r.jsxRuntimeExports.jsx(s.Icon,{icon:p.getEntityTypeIcon(e.entityType)}),r.jsxRuntimeExports.jsx("span",{className:"title",children:e.isRestricted?r.jsxRuntimeExports.jsx("span",{className:"label",children:i?"Unknown":"Access Restricted"}):r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[e.parents?.map((u,t)=>r.jsxRuntimeExports.jsxs(a.Fragment,{children:[r.jsxRuntimeExports.jsx("span",{children:u},t+"-path"),r.jsxRuntimeExports.jsx("span",{children:"/"},t+"-separator")]},t)),r.jsxRuntimeExports.jsx("span",{className:"label",children:e.label})]})}),(!e.isRestricted||i)&&r.jsxRuntimeExports.jsx(s.Button,{icon:"link_off",variant:"text",className:"remove",onClick:u=>c(u,e),"data-tooltip":"Remove link"})]},e.linkId)};exports.LinkManagerItem=d;
 //# 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  isManager?: boolean\n}\n\nexport const LinkManagerItem: FC<LinkManagerItemProps> = ({\n  link,\n  isSelected = false,\n  onEntityClick,\n  onRemove,\n  isManager = false,\n}) => {\n  const entityTypeSupported = detailsPanelEntityTypes.includes(link.entityType as any)\n  const isClickable = entityTypeSupported && !link.isRestricted\n\n  return (\n    <Styled.LinkItem\n      key={link.linkId}\n      onClick={() => isClickable && onEntityClick?.(link.entityId, link.entityType)}\n      data-tooltip={\n        link.isRestricted\n          ? isManager\n            ? 'Unknown Link - Entity not found'\n            : 'Access Restricted - Insufficient Permissions to Entity'\n          : link.parents.join('/') + '/' + link.label\n      }\n      className={clsx({\n        clickable: isClickable,\n        selected: isSelected,\n        restricted: link.isRestricted && !isManager,\n        unknown: link.isRestricted && isManager,\n      })}\n    >\n      {link.icon ? <Icon icon={link.icon} /> : <Icon icon={getEntityTypeIcon(link.entityType)} />}\n\n      <span className=\"title\">\n        {link.isRestricted ? (\n          <span className=\"label\">{isManager ? 'Unknown' : 'Access Restricted'}</span>\n        ) : (\n          <>\n            {link.parents?.map((part, index) => (\n              <Fragment key={index}>\n                <span key={index + '-path'}>{part}</span>\n                <span key={index + '-separator'}>/</span>\n              </Fragment>\n            ))}\n            <span className=\"label\">{link.label}</span>\n          </>\n        )}\n      </span>\n      {(!link.isRestricted || isManager) && (\n        <Button\n          icon={'link_off'}\n          variant=\"text\"\n          className=\"remove\"\n          onClick={(e) => onRemove(e, link)}\n          data-tooltip={'Remove link'}\n        />\n      )}\n    </Styled.LinkItem>\n  )\n}\n"],"names":["LinkManagerItem","link","isSelected","onEntityClick","onRemove","isManager","isClickable","detailsPanelEntityTypes","jsxs","Styled.LinkItem","clsx","jsx","Icon","getEntityTypeIcon","Fragment","part","index","Button","e"],"mappings":"o3JAgBaA,EAA4C,CAAC,CACxD,KAAAC,EACA,WAAAC,EAAa,GACb,cAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,EACd,IAAM,CAEJ,MAAMC,EADsBC,EAAAA,wBAAwB,SAASN,EAAK,UAAiB,GACxC,CAACA,EAAK,aAEjD,OACEO,EAAAA,kBAAAA,KAACC,EAAAA,SAAA,CAEC,QAAS,IAAMH,GAAeH,IAAgBF,EAAK,SAAUA,EAAK,UAAU,EAC5E,eACEA,EAAK,aACDI,EACE,kCACA,yDACFJ,EAAK,QAAQ,KAAK,GAAG,EAAI,IAAMA,EAAK,MAE1C,UAAWS,EAAK,CACd,UAAWJ,EACX,SAAUJ,EACV,WAAYD,EAAK,cAAgB,CAACI,EAClC,QAASJ,EAAK,cAAgBI,CAAA,CAC/B,EAEA,SAAA,CAAAJ,EAAK,KAAOU,EAAAA,kBAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMX,EAAK,IAAA,CAAM,EAAKU,EAAAA,kBAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMC,EAAAA,kBAAkBZ,EAAK,UAAU,EAAG,EAEzFU,wBAAC,OAAA,CAAK,UAAU,QACb,WAAK,aACJA,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,QAAS,SAAAN,EAAY,UAAY,mBAAA,CAAoB,EAErEG,EAAAA,kBAAAA,KAAAM,6BAAA,CACG,SAAA,CAAAb,EAAK,SAAS,IAAI,CAACc,EAAMC,IACxBR,EAAAA,kBAAAA,KAACM,WAAA,CACC,SAAA,CAAAH,EAAAA,kBAAAA,IAAC,OAAA,CAA4B,SAAAI,CAAA,EAAlBC,EAAQ,OAAe,EAClCL,EAAAA,kBAAAA,IAAC,OAAA,CAAgC,SAAA,GAAA,EAAtBK,EAAQ,YAAe,CAAA,CAAA,EAFrBA,CAGf,CACD,EACDL,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,QAAS,WAAK,KAAA,CAAM,CAAA,CAAA,CACtC,CAAA,CAEJ,GACE,CAACV,EAAK,cAAgBI,IACtBM,EAAAA,kBAAAA,IAACM,EAAAA,OAAA,CACC,KAAM,WACN,QAAQ,OACR,UAAU,SACV,QAAUC,GAAMd,EAASc,EAAGjB,CAAI,EAChC,eAAc,aAAA,CAAA,CAChB,CAAA,EAxCGA,EAAK,MAAA,CA4ChB"}
+{"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  isManager?: boolean\n}\n\nexport const LinkManagerItem: FC<LinkManagerItemProps> = ({\n  link,\n  isSelected = false,\n  onEntityClick,\n  onRemove,\n  isManager = false,\n}) => {\n  const entityTypeSupported = detailsPanelEntityTypes.includes(link.entityType as any)\n  const isClickable = entityTypeSupported && !link.isRestricted\n\n  return (\n    <Styled.LinkItem\n      key={link.linkId}\n      onClick={() => isClickable && onEntityClick?.(link.entityId, link.entityType)}\n      data-tooltip={\n        link.isRestricted\n          ? isManager\n            ? 'Unknown Link - Entity not found'\n            : 'Access Restricted - Insufficient Permissions to Entity'\n          : link.parents.join('/') + '/' + link.label\n      }\n      className={clsx({\n        clickable: isClickable,\n        selected: isSelected,\n        restricted: link.isRestricted && !isManager,\n        unknown: link.isRestricted && isManager,\n      })}\n    >\n      {link.icon ? <Icon icon={link.icon} /> : <Icon icon={getEntityTypeIcon(link.entityType)} />}\n\n      <span className=\"title\">\n        {link.isRestricted ? (\n          <span className=\"label\">{isManager ? 'Unknown' : 'Access Restricted'}</span>\n        ) : (\n          <>\n            {link.parents?.map((part, index) => (\n              <Fragment key={index}>\n                <span key={index + '-path'}>{part}</span>\n                <span key={index + '-separator'}>/</span>\n              </Fragment>\n            ))}\n            <span className=\"label\">{link.label}</span>\n          </>\n        )}\n      </span>\n      {(!link.isRestricted || isManager) && (\n        <Button\n          icon={'link_off'}\n          variant=\"text\"\n          className=\"remove\"\n          onClick={(e) => onRemove(e, link)}\n          data-tooltip={'Remove link'}\n        />\n      )}\n    </Styled.LinkItem>\n  )\n}\n"],"names":["LinkManagerItem","link","isSelected","onEntityClick","onRemove","isManager","isClickable","detailsPanelEntityTypes","jsxs","Styled.LinkItem","clsx","jsx","Icon","getEntityTypeIcon","Fragment","part","index","Button","e"],"mappings":"06JAgBaA,EAA4C,CAAC,CACxD,KAAAC,EACA,WAAAC,EAAa,GACb,cAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,EACd,IAAM,CAEJ,MAAMC,EADsBC,EAAAA,wBAAwB,SAASN,EAAK,UAAiB,GACxC,CAACA,EAAK,aAEjD,OACEO,EAAAA,kBAAAA,KAACC,EAAAA,SAAA,CAEC,QAAS,IAAMH,GAAeH,IAAgBF,EAAK,SAAUA,EAAK,UAAU,EAC5E,eACEA,EAAK,aACDI,EACE,kCACA,yDACFJ,EAAK,QAAQ,KAAK,GAAG,EAAI,IAAMA,EAAK,MAE1C,UAAWS,EAAK,CACd,UAAWJ,EACX,SAAUJ,EACV,WAAYD,EAAK,cAAgB,CAACI,EAClC,QAASJ,EAAK,cAAgBI,CAAA,CAC/B,EAEA,SAAA,CAAAJ,EAAK,KAAOU,EAAAA,kBAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMX,EAAK,IAAA,CAAM,EAAKU,EAAAA,kBAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMC,EAAAA,kBAAkBZ,EAAK,UAAU,EAAG,EAEzFU,wBAAC,OAAA,CAAK,UAAU,QACb,WAAK,aACJA,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,QAAS,SAAAN,EAAY,UAAY,mBAAA,CAAoB,EAErEG,EAAAA,kBAAAA,KAAAM,6BAAA,CACG,SAAA,CAAAb,EAAK,SAAS,IAAI,CAACc,EAAMC,IACxBR,EAAAA,kBAAAA,KAACM,WAAA,CACC,SAAA,CAAAH,EAAAA,kBAAAA,IAAC,OAAA,CAA4B,SAAAI,CAAA,EAAlBC,EAAQ,OAAe,EAClCL,EAAAA,kBAAAA,IAAC,OAAA,CAAgC,SAAA,GAAA,EAAtBK,EAAQ,YAAe,CAAA,CAAA,EAFrBA,CAGf,CACD,EACDL,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,QAAS,WAAK,KAAA,CAAM,CAAA,CAAA,CACtC,CAAA,CAEJ,GACE,CAACV,EAAK,cAAgBI,IACtBM,EAAAA,kBAAAA,IAACM,EAAAA,OAAA,CACC,KAAM,WACN,QAAQ,OACR,UAAU,SACV,QAAUC,GAAMd,EAASc,EAAGjB,CAAI,EAChC,eAAc,aAAA,CAAA,CAChB,CAAA,EAxCGA,EAAK,MAAA,CA4ChB"}

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

@@ -83,6 +83,7 @@ import "../../api/queries/review/getReview.es.js";
 import "../../api/queries/review/updateReview.es.js";
 import "../../api/queries/share/share.es.js";
 import "../../api/queries/system/getSystem.es.js";
+import "../../api/queries/tasks/updateTasks.es.js";
 import "../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../api/queries/users/getUsers.es.js";
 import "../../api/queries/users/updateUsers.es.js";
@@ -94,7 +95,7 @@ import "../../api/queries/watchers/getWatchers.es.js";
 import "../../api/queries/uris/getUris.es.js";
 import { LinkItem as f } from "./LinksManager.styled.es.js";
 import j from "clsx";
-const mo = ({
+const eo = ({
   link: t,
   isSelected: s = !1,
   onEntityClick: c,
@@ -138,6 +139,6 @@ const mo = ({
   );
 };
 export {
-  mo as LinkManagerItem
+  eo 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  isManager?: boolean\n}\n\nexport const LinkManagerItem: FC<LinkManagerItemProps> = ({\n  link,\n  isSelected = false,\n  onEntityClick,\n  onRemove,\n  isManager = false,\n}) => {\n  const entityTypeSupported = detailsPanelEntityTypes.includes(link.entityType as any)\n  const isClickable = entityTypeSupported && !link.isRestricted\n\n  return (\n    <Styled.LinkItem\n      key={link.linkId}\n      onClick={() => isClickable && onEntityClick?.(link.entityId, link.entityType)}\n      data-tooltip={\n        link.isRestricted\n          ? isManager\n            ? 'Unknown Link - Entity not found'\n            : 'Access Restricted - Insufficient Permissions to Entity'\n          : link.parents.join('/') + '/' + link.label\n      }\n      className={clsx({\n        clickable: isClickable,\n        selected: isSelected,\n        restricted: link.isRestricted && !isManager,\n        unknown: link.isRestricted && isManager,\n      })}\n    >\n      {link.icon ? <Icon icon={link.icon} /> : <Icon icon={getEntityTypeIcon(link.entityType)} />}\n\n      <span className=\"title\">\n        {link.isRestricted ? (\n          <span className=\"label\">{isManager ? 'Unknown' : 'Access Restricted'}</span>\n        ) : (\n          <>\n            {link.parents?.map((part, index) => (\n              <Fragment key={index}>\n                <span key={index + '-path'}>{part}</span>\n                <span key={index + '-separator'}>/</span>\n              </Fragment>\n            ))}\n            <span className=\"label\">{link.label}</span>\n          </>\n        )}\n      </span>\n      {(!link.isRestricted || isManager) && (\n        <Button\n          icon={'link_off'}\n          variant=\"text\"\n          className=\"remove\"\n          onClick={(e) => onRemove(e, link)}\n          data-tooltip={'Remove link'}\n        />\n      )}\n    </Styled.LinkItem>\n  )\n}\n"],"names":["LinkManagerItem","link","isSelected","onEntityClick","onRemove","isManager","isClickable","detailsPanelEntityTypes","jsxs","Styled.LinkItem","clsx","jsx","Icon","getEntityTypeIcon","Fragment","part","index","Button","e"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBO,MAAMA,KAA4C,CAAC;AAAA,EACxD,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AACd,MAAM;AAEJ,QAAMC,IADsBC,EAAwB,SAASN,EAAK,UAAiB,KACxC,CAACA,EAAK;AAEjD,SACEO,gBAAAA,EAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MAEC,SAAS,MAAMH,KAAeH,IAAgBF,EAAK,UAAUA,EAAK,UAAU;AAAA,MAC5E,gBACEA,EAAK,eACDI,IACE,oCACA,2DACFJ,EAAK,QAAQ,KAAK,GAAG,IAAI,MAAMA,EAAK;AAAA,MAE1C,WAAWS,EAAK;AAAA,QACd,WAAWJ;AAAA,QACX,UAAUJ;AAAA,QACV,YAAYD,EAAK,gBAAgB,CAACI;AAAA,QAClC,SAASJ,EAAK,gBAAgBI;AAAA,MAAA,CAC/B;AAAA,MAEA,UAAA;AAAA,QAAAJ,EAAK,OAAOU,gBAAAA,EAAAA,IAACC,GAAA,EAAK,MAAMX,EAAK,KAAA,CAAM,IAAKU,gBAAAA,EAAAA,IAACC,GAAA,EAAK,MAAMC,EAAkBZ,EAAK,UAAU,GAAG;AAAA,QAEzFU,gBAAAA,MAAC,QAAA,EAAK,WAAU,SACb,YAAK,eACJA,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,SAAS,UAAAN,IAAY,YAAY,oBAAA,CAAoB,IAErEG,gBAAAA,EAAAA,KAAAM,YAAA,EACG,UAAA;AAAA,UAAAb,EAAK,SAAS,IAAI,CAACc,GAAMC,MACxBR,gBAAAA,EAAAA,KAACM,GAAA,EACC,UAAA;AAAA,YAAAH,gBAAAA,EAAAA,IAAC,QAAA,EAA4B,UAAAI,EAAA,GAAlBC,IAAQ,OAAe;AAAA,YAClCL,gBAAAA,EAAAA,IAAC,QAAA,EAAgC,UAAA,IAAA,GAAtBK,IAAQ,YAAe;AAAA,UAAA,EAAA,GAFrBA,CAGf,CACD;AAAA,UACDL,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,SAAS,YAAK,MAAA,CAAM;AAAA,QAAA,EAAA,CACtC,EAAA,CAEJ;AAAA,SACE,CAACV,EAAK,gBAAgBI,MACtBM,gBAAAA,EAAAA;AAAAA,UAACM;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,IAxCGA,EAAK;AAAA,EAAA;AA4ChB;"}
+{"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  isManager?: boolean\n}\n\nexport const LinkManagerItem: FC<LinkManagerItemProps> = ({\n  link,\n  isSelected = false,\n  onEntityClick,\n  onRemove,\n  isManager = false,\n}) => {\n  const entityTypeSupported = detailsPanelEntityTypes.includes(link.entityType as any)\n  const isClickable = entityTypeSupported && !link.isRestricted\n\n  return (\n    <Styled.LinkItem\n      key={link.linkId}\n      onClick={() => isClickable && onEntityClick?.(link.entityId, link.entityType)}\n      data-tooltip={\n        link.isRestricted\n          ? isManager\n            ? 'Unknown Link - Entity not found'\n            : 'Access Restricted - Insufficient Permissions to Entity'\n          : link.parents.join('/') + '/' + link.label\n      }\n      className={clsx({\n        clickable: isClickable,\n        selected: isSelected,\n        restricted: link.isRestricted && !isManager,\n        unknown: link.isRestricted && isManager,\n      })}\n    >\n      {link.icon ? <Icon icon={link.icon} /> : <Icon icon={getEntityTypeIcon(link.entityType)} />}\n\n      <span className=\"title\">\n        {link.isRestricted ? (\n          <span className=\"label\">{isManager ? 'Unknown' : 'Access Restricted'}</span>\n        ) : (\n          <>\n            {link.parents?.map((part, index) => (\n              <Fragment key={index}>\n                <span key={index + '-path'}>{part}</span>\n                <span key={index + '-separator'}>/</span>\n              </Fragment>\n            ))}\n            <span className=\"label\">{link.label}</span>\n          </>\n        )}\n      </span>\n      {(!link.isRestricted || isManager) && (\n        <Button\n          icon={'link_off'}\n          variant=\"text\"\n          className=\"remove\"\n          onClick={(e) => onRemove(e, link)}\n          data-tooltip={'Remove link'}\n        />\n      )}\n    </Styled.LinkItem>\n  )\n}\n"],"names":["LinkManagerItem","link","isSelected","onEntityClick","onRemove","isManager","isClickable","detailsPanelEntityTypes","jsxs","Styled.LinkItem","clsx","jsx","Icon","getEntityTypeIcon","Fragment","part","index","Button","e"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBO,MAAMA,KAA4C,CAAC;AAAA,EACxD,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AACd,MAAM;AAEJ,QAAMC,IADsBC,EAAwB,SAASN,EAAK,UAAiB,KACxC,CAACA,EAAK;AAEjD,SACEO,gBAAAA,EAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MAEC,SAAS,MAAMH,KAAeH,IAAgBF,EAAK,UAAUA,EAAK,UAAU;AAAA,MAC5E,gBACEA,EAAK,eACDI,IACE,oCACA,2DACFJ,EAAK,QAAQ,KAAK,GAAG,IAAI,MAAMA,EAAK;AAAA,MAE1C,WAAWS,EAAK;AAAA,QACd,WAAWJ;AAAA,QACX,UAAUJ;AAAA,QACV,YAAYD,EAAK,gBAAgB,CAACI;AAAA,QAClC,SAASJ,EAAK,gBAAgBI;AAAA,MAAA,CAC/B;AAAA,MAEA,UAAA;AAAA,QAAAJ,EAAK,OAAOU,gBAAAA,EAAAA,IAACC,GAAA,EAAK,MAAMX,EAAK,KAAA,CAAM,IAAKU,gBAAAA,EAAAA,IAACC,GAAA,EAAK,MAAMC,EAAkBZ,EAAK,UAAU,GAAG;AAAA,QAEzFU,gBAAAA,MAAC,QAAA,EAAK,WAAU,SACb,YAAK,eACJA,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,SAAS,UAAAN,IAAY,YAAY,oBAAA,CAAoB,IAErEG,gBAAAA,EAAAA,KAAAM,YAAA,EACG,UAAA;AAAA,UAAAb,EAAK,SAAS,IAAI,CAACc,GAAMC,MACxBR,gBAAAA,EAAAA,KAACM,GAAA,EACC,UAAA;AAAA,YAAAH,gBAAAA,EAAAA,IAAC,QAAA,EAA4B,UAAAI,EAAA,GAAlBC,IAAQ,OAAe;AAAA,YAClCL,gBAAAA,EAAAA,IAAC,QAAA,EAAgC,UAAA,IAAA,GAAtBK,IAAQ,YAAe;AAAA,UAAA,EAAA,GAFrBA,CAGf,CACD;AAAA,UACDL,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,SAAS,YAAK,MAAA,CAAM;AAAA,QAAA,EAAA,CACtC,EAAA,CAEJ;AAAA,SACE,CAACV,EAAK,gBAAgBI,MACtBM,gBAAAA,EAAAA;AAAAA,UAACM;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,IAxCGA,EAAK;AAAA,EAAA;AA4ChB;"}

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

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

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

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

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

@@ -12,6 +12,7 @@ import { LinkManagerItem as R } from "./LinkManagerItem.es.js";
 import { Button as F } from "@ynput/ayon-react-components";
 import "../../context/RemoteModulesContext.es.js";
 import "../../context/DetailsPanelContext.es.js";
+import "../../context/SubtasksModulesContext.es.js";
 import "../../context/ThumbnailUploaderContext.es.js";
 import "../../context/SettingsPanelContext.es.js";
 import "../../context/pip/PiPProvider.es.js";
@@ -27,7 +28,7 @@ import { useGlobalContext as H } from "../../context/GlobalContext.es.js";
 import "../../context/ProjectContext.es.js";
 import "../../context/ProjectFoldersContext.es.js";
 import "../../context/UriContext.es.js";
-const at = ({
+const dt = ({
   linkTypeLabel: u,
   direction: m,
   links: s = [],
@@ -114,6 +115,6 @@ const at = ({
   ] });
 };
 export {
-  at as LinksManager
+  dt as LinksManager
 };
 //# sourceMappingURL=LinksManager.es.js.map

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

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