@ynput/ayon-frontend-shared 0.3.17 → 0.3.19

package/dist/shared/src/components/Feedback/FeedbackContext.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackContext.es.js","sources":["../../../../../src/components/Feedback/FeedbackContext.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode, useEffect, useState } from 'react'\nimport { useGetFeedbackVerificationQuery } from '@shared/api'\nimport { useGlobalContext } from '@shared/context'\n\nexport type FeedbackContextType = {\n  loaded: boolean\n  openSupport: (\n    page?: 'Home' | 'Messages' | 'Changelog' | 'Help' | 'NewMessage' | 'ShowArticle',\n    id?: string,\n  ) => void\n  messengerLoaded: boolean // whether the messenger widget is loaded\n  unreadCount: number // number of unread messages\n  messengerVisibility: boolean\n  setMessengerVisibility: (show: boolean) => void // show/hide the messenger icon\n  openFeedback: () => void\n  openPortal: (\n    page?: 'MainView' | 'RoadmapView' | 'CreatePost' | 'PostsView' | 'ChangelogView' | 'HelpView',\n    articleId?: string,\n  ) => void\n}\n\nconst FeedbackContext = createContext<FeedbackContextType | undefined>(undefined)\n\ntype FeedbackProviderProps = {\n  children: ReactNode\n}\n\nexport const FeedbackProvider: React.FC<FeedbackProviderProps> = ({ children }) => {\n  const [scriptLoaded, setScriptLoaded] = useState(false)\n  const { siteInfo, user, cloudInfo } = useGlobalContext()\n  const { data: verification, isLoading: isLoadingVerification } = useGetFeedbackVerificationQuery(\n    {},\n    {\n      skip: !user?.name || !cloudInfo?.connected,\n    },\n  )\n\n  const loadScript = () => {\n    if (!scriptLoaded) {\n      const script = document.createElement('script')\n      script.src = 'https://do.featurebase.app/js/sdk.js'\n      script.id = 'featurebase-sdk'\n      script.async = true\n      document.body.appendChild(script)\n      setScriptLoaded(true)\n    }\n  }\n\n  const initialize = () => {\n    // Initialize Featurebase\n    const win = window as any\n    if (typeof win.Featurebase !== 'function') {\n      win.Featurebase = function () {\n        ;(win.Featurebase.q = win.Featurebase.q || []).push(arguments)\n      }\n    }\n  }\n\n  const serverVersion = siteInfo?.version?.split('+')[0] || 'unknown'\n  const frontendVersion = siteInfo?.version?.split('+')[1] || 'unknown'\n\n  const identifyUser = () => {\n    if (!user?.name || !verification?.available) return\n\n    const identifyData = {\n      ...verification.data,\n      customFields: {\n        origin: window.location.origin,\n        serverVersion: serverVersion,\n        frontendVersion: frontendVersion,\n        instanceId: cloudInfo?.instanceId,\n      },\n    }\n\n    console.log(identifyData)\n\n    const win = window as any\n    win.Featurebase('identify', identifyData, (err: any) => {\n      // Callback function. Called when identify completed.\n      if (err) {\n        console.error(err)\n      } else {\n        console.log('Featurebase identify completed')\n      }\n    })\n  }\n\n  const [messengerLoaded, setMessengerLoaded] = useState(false)\n  const [unreadCount, setUnreadCount] = useState(0)\n\n  // MESSENGER WIDGET\n  const initializeMessenger = (): void => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      console.log('Initializing Featurebase messenger widget')\n      if (!verification?.available)\n        return console.warn('messenger verification not available, skipping messenger init')\n      win.Featurebase(\n        'boot',\n        {\n          theme: 'dark',\n          ...verification?.data,\n        },\n        (err: any) => {\n          // Callback function. Called when identify completed.\n          if (err) {\n            console.error(err)\n          } else {\n            console.log('Featurebase messenger completed')\n            setMessengerLoaded(true)\n\n            // register event listener for unread messages\n            win.Featurebase('onUnreadCountChange', function (unreadCount: number) {\n              setUnreadCount(unreadCount)\n            })\n          }\n        },\n      )\n    }\n  }\n\n  // CHANGELOG WIDGET\n  const initializeChangelog = (): boolean => {\n    // everyone sees highlights\n    const categories: string[] = []\n\n    if (user?.data?.isAdmin) {\n      // admins see everything\n      const adminCategories = ['Server', 'Addon', 'Pipeline']\n      categories.push(...adminCategories)\n    } else if (!siteInfo?.disableChangelog) {\n      // users only see highlights (unless disabled)\n      // admins do not see highlights as it is a subset of the other categories\n      categories.push('Highlights')\n    }\n\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase('init_changelog_widget', {\n        organization: 'ayon',\n        dropdown: {\n          enabled: true,\n        },\n        popup: {\n          enabled: true,\n          usersName: user?.attrib?.fullName,\n          autoOpenForNewUpdates: true,\n        },\n        category: categories,\n        theme: 'dark',\n      })\n    }\n    return false\n  }\n\n  // FEEDBACK WIDGET\n  const initializeFeedbackWidget = (): boolean => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase(\n        'initialize_feedback_widget',\n        {\n          organization: 'ayon',\n          theme: 'dark',\n          metadata: {},\n        },\n        (error: any) => {\n          if (error) {\n            console.error('Error initializing feedback widget:', error)\n          } else {\n          }\n        },\n      )\n    }\n    return false\n  }\n\n  // PORTAL WIDGET (old)\n  const initializePortalWidget = (): boolean => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase(\n        'initialize_portal_widget',\n        {\n          organization: 'ayon',\n          fullScreen: true,\n          initialPage: 'MainView',\n        },\n        (error: any) => {\n          if (error) {\n            console.error('Error initializing portal widget:', error)\n            return false\n          } else {\n            return true\n          }\n        },\n      )\n    }\n    return false\n  }\n\n  // SURVEY WIDGET\n  const initializeSurveyWidget = (): boolean => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase(\n        'initialize_survey_widget',\n        {\n          organization: 'ayon',\n          placement: 'bottom-right',\n          theme: 'dark',\n          email: user?.attrib?.email,\n          featurebaseJwt: verification?.data?.featurebaseJwt,\n          locale: 'en',\n        },\n        (error: any) => {\n          if (error) {\n            console.error('Error initializing survey widget:', error)\n          } else {\n            console.log('Survey widget initialized successfully')\n          }\n        },\n      )\n    }\n    return false\n  }\n\n  // Use an environment variable to skip loading Featurebase in certain environments\n  // @ts-expect-error: Vite provides import.meta.env at runtime\n  const skipFeaturebase = import.meta.env.VITE_SKIP_FEATUREBASE === 'true'\n\n  // Load Featurebase script and initialize widgets\n  useEffect(() => {\n    // if skip flag is set, do not load the script\n    if (skipFeaturebase) return\n    // if not logged in, do not load the script\n    if (!user?.name) return\n    if (!siteInfo) return\n    if (siteInfo.disableFeedback) return\n\n    // if already loaded, do not load again\n    if (scriptLoaded) return\n\n    // Load the Featurebase script\n    loadScript()\n\n    // Initialize Featurebase\n    initialize()\n\n    // Initialize changelog widget\n    initializeChangelog()\n\n    // Initialize feedback widget\n    initializeFeedbackWidget()\n\n    // Initialize portal widget\n    initializePortalWidget()\n  }, [user?.name, scriptLoaded, siteInfo])\n\n  const [identified, setIdentified] = useState(false)\n  // verify user\n  useEffect(() => {\n    // check if we can identify the user\n    if (!user?.name || !cloudInfo || !verification || !scriptLoaded) return\n    // if we are already identified, do not identify again\n    if (identified) return\n    // Identify the user\n    identifyUser()\n\n    // Initialize survey widget\n    initializeSurveyWidget()\n\n    setIdentified(true)\n  }, [\n    user?.name,\n    cloudInfo?.instanceId,\n    verification?.available,\n    scriptLoaded,\n    window.location.pathname,\n    identified,\n  ])\n\n  // load messenger widget once verification is done loading\n  // we don't need verification but we should use it if we have it\n  useEffect(() => {\n    // wait for script to be loaded and verification to finish loading\n    if (isLoadingVerification || !scriptLoaded) return\n\n    // initialize the messenger widget\n    initializeMessenger()\n  }, [verification, isLoadingVerification, scriptLoaded])\n\n  const openFeedback: FeedbackContextType['openFeedback'] = () => {\n    window.postMessage({\n      target: 'FeaturebaseWidget',\n      data: {\n        action: 'openFeedbackWidget',\n      },\n    })\n  }\n\n  const openPortal = (\n    page:\n      | 'MainView'\n      | 'RoadmapView'\n      | 'CreatePost'\n      | 'PostsView'\n      | 'ChangelogView'\n      | 'HelpView' = 'MainView',\n    articleId?: string,\n  ) => {\n    window.postMessage({\n      target: 'FeaturebaseWidget',\n      data: {\n        action: 'changePage',\n        payload: page,\n        openWidget: true,\n        ...(articleId && { articleId }),\n      },\n    })\n  }\n\n  const [messengerVisibility, setMessengerVisibility] = useState(false)\n  const supportElement = document.getElementById('fb-messenger-root')\n\n  const setSupportDisplay = (show: boolean) =>\n    supportElement instanceof HTMLElement &&\n    (supportElement.style.display = show ? 'block' : 'none')\n\n  useEffect(() => {\n    if (!scriptLoaded || !messengerLoaded) return\n    setSupportDisplay(messengerVisibility)\n  }, [scriptLoaded, messengerLoaded, messengerVisibility])\n\n  // when the messenger is hidden, we need to hide the root element again\n  useEffect(() => {\n    if (!scriptLoaded || !messengerLoaded) return\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase('onHide', function () {\n        // hide the messenger root element\n        setMessengerVisibility(false)\n      })\n    }\n  }, [scriptLoaded, messengerLoaded])\n\n  const openSupport: FeedbackContextType['openSupport'] = (page = 'Home', id) => {\n    const win = window as any\n    if (typeof win.Featurebase !== 'function') {\n      window.alert('Featurebase SDK is not loaded yet. Please try again later.')\n      console.warn('Featurebase SDK is not loaded yet.')\n      return\n    }\n\n    if (messengerVisibility) {\n      //  if the messenger is already visible, close it\n      win.Featurebase('hide')\n      setMessengerVisibility(false)\n      return\n    }\n\n    // ensure the messenger is visible\n    setMessengerVisibility(true)\n\n    switch (page) {\n      case 'Home':\n        // Show messenger home\n        win.Featurebase('show')\n        break\n      case 'Messages':\n        // Show messages view\n        win.Featurebase('show', 'messages')\n        break\n      case 'Changelog':\n        // Show changelog view\n        win.Featurebase('show', 'changelog')\n        break\n      case 'Help':\n        // Open help center\n        win.Featurebase('show', 'help')\n        break\n      case 'ShowArticle':\n        // Open a specific help article\n        if (id) win.Featurebase('showArticle', id)\n        else win.Featurebase('show', 'help')\n        break\n      case 'NewMessage':\n        // Open new message dialog\n        win.Featurebase('showNewMessage', id)\n        break\n      default:\n        // Default to showing the main widget\n        win.Featurebase('show')\n        break\n    }\n  }\n\n  return (\n    <FeedbackContext.Provider\n      value={{\n        openSupport,\n        openFeedback,\n        openPortal,\n        messengerLoaded,\n        unreadCount,\n        messengerVisibility,\n        setMessengerVisibility,\n        loaded: scriptLoaded,\n      }}\n    >\n      {children}\n    </FeedbackContext.Provider>\n  )\n}\n\nexport const useFeedback = (): FeedbackContextType => {\n  const context = useContext(FeedbackContext)\n  if (!context) {\n    throw new Error('useFeedback must be used within a FeedbackProvider')\n  }\n  return context\n}\n"],"names":["FeedbackContext","createContext","FeedbackProvider","children","scriptLoaded","setScriptLoaded","useState","siteInfo","user","cloudInfo","useGlobalContext","verification","isLoadingVerification","useGetFeedbackVerificationQuery","loadScript","script","initialize","win","serverVersion","frontendVersion","identifyUser","identifyData","err","messengerLoaded","setMessengerLoaded","unreadCount","setUnreadCount","initializeMessenger","initializeChangelog","categories","adminCategories","initializeFeedbackWidget","error","initializePortalWidget","initializeSurveyWidget","useEffect","identified","setIdentified","openFeedback","openPortal","page","articleId","messengerVisibility","setMessengerVisibility","supportElement","setSupportDisplay","show","openSupport","id","jsx","useFeedback","context","useContext"],"mappings":"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"}
+{"version":3,"file":"FeedbackContext.es.js","sources":["../../../../../src/components/Feedback/FeedbackContext.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode, useEffect, useState } from 'react'\nimport { useGetFeedbackVerificationQuery } from '@shared/api'\nimport { useGlobalContext } from '@shared/context'\n\nexport type FeedbackContextType = {\n  loaded: boolean\n  openSupport: (\n    page?: 'Home' | 'Messages' | 'Changelog' | 'Help' | 'NewMessage' | 'ShowArticle',\n    id?: string,\n  ) => void\n  messengerLoaded: boolean // whether the messenger widget is loaded\n  unreadCount: number // number of unread messages\n  messengerVisibility: boolean\n  setMessengerVisibility: (show: boolean) => void // show/hide the messenger icon\n  openFeedback: () => void\n  openPortal: (\n    page?: 'MainView' | 'RoadmapView' | 'CreatePost' | 'PostsView' | 'ChangelogView' | 'HelpView',\n    articleId?: string,\n  ) => void\n}\n\nconst FeedbackContext = createContext<FeedbackContextType | undefined>(undefined)\n\ntype FeedbackProviderProps = {\n  children: ReactNode\n}\n\nexport const FeedbackProvider: React.FC<FeedbackProviderProps> = ({ children }) => {\n  const [scriptLoaded, setScriptLoaded] = useState(false)\n  const { siteInfo, user, cloudInfo } = useGlobalContext()\n  const { data: verification, isLoading: isLoadingVerification } = useGetFeedbackVerificationQuery(\n    {},\n    {\n      skip: !user?.name || !cloudInfo?.connected,\n    },\n  )\n\n  const loadScript = () => {\n    if (!scriptLoaded) {\n      const script = document.createElement('script')\n      script.src = 'https://do.featurebase.app/js/sdk.js'\n      script.id = 'featurebase-sdk'\n      script.async = true\n      document.body.appendChild(script)\n      setScriptLoaded(true)\n    }\n  }\n\n  const initialize = () => {\n    // Initialize Featurebase\n    const win = window as any\n    if (typeof win.Featurebase !== 'function') {\n      win.Featurebase = function () {\n        ;(win.Featurebase.q = win.Featurebase.q || []).push(arguments)\n      }\n    }\n  }\n\n  const serverVersion = siteInfo?.version?.split('+')[0] || 'unknown'\n  const frontendVersion = siteInfo?.version?.split('+')[1] || 'unknown'\n\n  const identifyUser = () => {\n    if (!user?.name || !verification?.available) return\n\n    const identifyData = {\n      ...verification.data,\n      customFields: {\n        origin: window.location.origin,\n        serverVersion: serverVersion,\n        frontendVersion: frontendVersion,\n        instanceId: cloudInfo?.instanceId,\n      },\n    }\n\n    console.log(identifyData)\n\n    const win = window as any\n    win.Featurebase('identify', identifyData, (err: any) => {\n      // Callback function. Called when identify completed.\n      if (err) {\n        console.error(err)\n      } else {\n        console.log('Featurebase identify completed')\n      }\n    })\n  }\n\n  const [messengerLoaded, setMessengerLoaded] = useState(false)\n  const [unreadCount, setUnreadCount] = useState(0)\n\n  // MESSENGER WIDGET\n  const initializeMessenger = (): void => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      console.log('Initializing Featurebase messenger widget')\n      if (!verification?.available)\n        return console.warn('messenger verification not available, skipping messenger init')\n      win.Featurebase(\n        'boot',\n        {\n          theme: 'dark',\n          ...verification?.data,\n        },\n        (err: any) => {\n          // Callback function. Called when identify completed.\n          if (err) {\n            console.error(err)\n          } else {\n            console.log('Featurebase messenger completed')\n            setMessengerLoaded(true)\n\n            // register event listener for unread messages\n            win.Featurebase('onUnreadCountChange', function (unreadCount: number) {\n              setUnreadCount(unreadCount)\n            })\n          }\n        },\n      )\n    }\n  }\n\n  // CHANGELOG WIDGET\n  const initializeChangelog = (): boolean => {\n    // everyone sees highlights\n    const categories: string[] = []\n\n    if (user?.data?.isAdmin) {\n      // admins see everything\n      const adminCategories = ['Server', 'Addon', 'Pipeline']\n      categories.push(...adminCategories)\n    } else if (!siteInfo?.disableChangelog) {\n      // users only see highlights (unless disabled)\n      // admins do not see highlights as it is a subset of the other categories\n      categories.push('Highlights')\n    }\n\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase('init_changelog_widget', {\n        organization: 'ayon',\n        dropdown: {\n          enabled: true,\n        },\n        popup: {\n          enabled: true,\n          usersName: user?.attrib?.fullName,\n          autoOpenForNewUpdates: true,\n        },\n        category: categories,\n        theme: 'dark',\n      })\n    }\n    return false\n  }\n\n  // FEEDBACK WIDGET\n  const initializeFeedbackWidget = (): boolean => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase(\n        'initialize_feedback_widget',\n        {\n          organization: 'ayon',\n          theme: 'dark',\n          metadata: {},\n        },\n        (error: any) => {\n          if (error) {\n            console.error('Error initializing feedback widget:', error)\n          } else {\n          }\n        },\n      )\n    }\n    return false\n  }\n\n  // PORTAL WIDGET (old)\n  const initializePortalWidget = (): boolean => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase(\n        'initialize_portal_widget',\n        {\n          organization: 'ayon',\n          fullScreen: true,\n          initialPage: 'MainView',\n        },\n        (error: any) => {\n          if (error) {\n            console.error('Error initializing portal widget:', error)\n            return false\n          } else {\n            return true\n          }\n        },\n      )\n    }\n    return false\n  }\n\n  // SURVEY WIDGET\n  const initializeSurveyWidget = (): boolean => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase(\n        'initialize_survey_widget',\n        {\n          organization: 'ayon',\n          placement: 'bottom-right',\n          theme: 'dark',\n          email: user?.attrib?.email,\n          featurebaseJwt: verification?.data?.featurebaseJwt,\n          locale: 'en',\n        },\n        (error: any) => {\n          if (error) {\n            console.error('Error initializing survey widget:', error)\n          } else {\n            console.log('Survey widget initialized successfully')\n          }\n        },\n      )\n    }\n    return false\n  }\n\n  // Use an environment variable to skip loading Featurebase in certain environments\n  // @ts-expect-error: Vite provides import.meta.env at runtime\n  const skipFeaturebase = import.meta.env.VITE_SKIP_FEATUREBASE === 'true'\n\n  // Load Featurebase script and initialize widgets\n  useEffect(() => {\n    // if skip flag is set, do not load the script\n    if (skipFeaturebase) return\n    // if not logged in, do not load the script\n    if (!user?.name) return\n    if (!siteInfo) return\n    if (siteInfo.disableFeedback) return\n\n    // if already loaded, do not load again\n    if (scriptLoaded) return\n\n    // Load the Featurebase script\n    loadScript()\n\n    // Initialize Featurebase\n    initialize()\n\n    // Initialize changelog widget\n    initializeChangelog()\n\n    // Initialize feedback widget\n    initializeFeedbackWidget()\n\n    // Initialize portal widget\n    initializePortalWidget()\n  }, [user?.name, scriptLoaded, siteInfo])\n\n  const [identified, setIdentified] = useState(false)\n  // verify user\n  useEffect(() => {\n    // check if we can identify the user\n    if (!user?.name || !cloudInfo || !verification || !scriptLoaded) return\n    // if we are already identified, do not identify again\n    if (identified) return\n    // Identify the user\n    identifyUser()\n\n    // Initialize survey widget\n    initializeSurveyWidget()\n\n    setIdentified(true)\n  }, [\n    user?.name,\n    cloudInfo?.instanceId,\n    verification?.available,\n    scriptLoaded,\n    window.location.pathname,\n    identified,\n  ])\n\n  // load messenger widget once verification is done loading\n  // we don't need verification but we should use it if we have it\n  useEffect(() => {\n    // wait for script to be loaded and verification to finish loading\n    if (isLoadingVerification || !scriptLoaded) return\n\n    // initialize the messenger widget\n    initializeMessenger()\n  }, [verification, isLoadingVerification, scriptLoaded])\n\n  const openFeedback: FeedbackContextType['openFeedback'] = () => {\n    window.postMessage({\n      target: 'FeaturebaseWidget',\n      data: {\n        action: 'openFeedbackWidget',\n      },\n    })\n  }\n\n  const openPortal = (\n    page:\n      | 'MainView'\n      | 'RoadmapView'\n      | 'CreatePost'\n      | 'PostsView'\n      | 'ChangelogView'\n      | 'HelpView' = 'MainView',\n    articleId?: string,\n  ) => {\n    window.postMessage({\n      target: 'FeaturebaseWidget',\n      data: {\n        action: 'changePage',\n        payload: page,\n        openWidget: true,\n        ...(articleId && { articleId }),\n      },\n    })\n  }\n\n  const [messengerVisibility, setMessengerVisibility] = useState(false)\n  const supportElement = document.getElementById('fb-messenger-root')\n\n  const setSupportDisplay = (show: boolean) =>\n    supportElement instanceof HTMLElement &&\n    (supportElement.style.display = show ? 'block' : 'none')\n\n  useEffect(() => {\n    if (!scriptLoaded || !messengerLoaded) return\n    setSupportDisplay(messengerVisibility)\n  }, [scriptLoaded, messengerLoaded, messengerVisibility])\n\n  // when the messenger is hidden, we need to hide the root element again\n  useEffect(() => {\n    if (!scriptLoaded || !messengerLoaded) return\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase('onHide', function () {\n        // hide the messenger root element\n        setMessengerVisibility(false)\n      })\n    }\n  }, [scriptLoaded, messengerLoaded])\n\n  const openSupport: FeedbackContextType['openSupport'] = (page = 'Home', id) => {\n    const win = window as any\n    if (typeof win.Featurebase !== 'function') {\n      window.alert('Featurebase SDK is not loaded yet. Please try again later.')\n      console.warn('Featurebase SDK is not loaded yet.')\n      return\n    }\n\n    if (messengerVisibility) {\n      //  if the messenger is already visible, close it\n      win.Featurebase('hide')\n      setMessengerVisibility(false)\n      return\n    }\n\n    // ensure the messenger is visible\n    setMessengerVisibility(true)\n\n    switch (page) {\n      case 'Home':\n        // Show messenger home\n        win.Featurebase('show')\n        break\n      case 'Messages':\n        // Show messages view\n        win.Featurebase('show', 'messages')\n        break\n      case 'Changelog':\n        // Show changelog view\n        win.Featurebase('show', 'changelog')\n        break\n      case 'Help':\n        // Open help center\n        win.Featurebase('show', 'help')\n        break\n      case 'ShowArticle':\n        // Open a specific help article\n        if (id) win.Featurebase('showArticle', id)\n        else win.Featurebase('show', 'help')\n        break\n      case 'NewMessage':\n        // Open new message dialog\n        win.Featurebase('showNewMessage', id)\n        break\n      default:\n        // Default to showing the main widget\n        win.Featurebase('show')\n        break\n    }\n  }\n\n  return (\n    <FeedbackContext.Provider\n      value={{\n        openSupport,\n        openFeedback,\n        openPortal,\n        messengerLoaded,\n        unreadCount,\n        messengerVisibility,\n        setMessengerVisibility,\n        loaded: scriptLoaded,\n      }}\n    >\n      {children}\n    </FeedbackContext.Provider>\n  )\n}\n\nexport const useFeedback = (): FeedbackContextType => {\n  const context = useContext(FeedbackContext)\n  if (!context) {\n    throw new Error('useFeedback must be used within a FeedbackProvider')\n  }\n  return context\n}\n"],"names":["FeedbackContext","createContext","FeedbackProvider","children","scriptLoaded","setScriptLoaded","useState","siteInfo","user","cloudInfo","useGlobalContext","verification","isLoadingVerification","useGetFeedbackVerificationQuery","loadScript","script","initialize","win","serverVersion","frontendVersion","identifyUser","identifyData","err","messengerLoaded","setMessengerLoaded","unreadCount","setUnreadCount","initializeMessenger","initializeChangelog","categories","adminCategories","initializeFeedbackWidget","error","initializePortalWidget","initializeSurveyWidget","useEffect","identified","setIdentified","openFeedback","openPortal","page","articleId","messengerVisibility","setMessengerVisibility","supportElement","setSupportDisplay","show","openSupport","id","jsx","useFeedback","context","useContext"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";const e=require("../../../../_virtual/jsx-runtime.cjs.js"),n=require("react"),i=require("./LinksManager.styled.cjs.js"),L=require("@ynput/ayon-react-components");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");const y=require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const v=require("./hooks/useKeyboardNavigation.cjs.js"),A=require("./SearchingLoadingItems.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/SubtasksModulesContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");const w=require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");const B=require("../EntityIcon/EntityIcon.cjs.js"),F=({projectName:E,targetEntityType:o,onClose:g,onSearchTypeChange:f,onAdd:k})=>{const[s,p]=n.useState(""),c=n.useRef(null),a=w.useProjectContext();a?.folderTypes,a?.taskTypes,a?.productTypes;const{data:t,error:l,isLoading:j,hasNextPage:h,isFetchingNextPage:m,fetchNextPage:S}=y.useGetSearchedEntitiesLinksInfiniteQuery({projectName:E,entityType:o,search:s},{skip:!s}),d=n.useMemo(()=>t?.pages.flatMap(r=>r.entities)||[],[t]),R=r=>{k?.(r.id),p("")},I=()=>{g?.()},{containerRef:C,getItemProps:b}=v({entities:d,onSelect:R,onClose:I,isActive:!!(s&&d.length>0),hasNextPage:h,isFetchingNextPage:m,fetchNextPage:S});return n.useEffect(()=>{const r=setTimeout(()=>{c.current&&c.current.focus()},0);return()=>clearTimeout(r)},[t,s]),e.jsxRuntimeExports.jsxs(i.AddLinksContainer,{children:[e.jsxRuntimeExports.jsx(i.SubHeader,{children:"Add new link"}),e.jsxRuntimeExports.jsxs(i.SearchButtons,{children:[e.jsxRuntimeExports.jsxs(i.Search,{children:[e.jsxRuntimeExports.jsx(L.Icon,{icon:"search",className:"input-search"}),e.jsxRuntimeExports.jsx(i.SearchInput,{ref:c,value:s,onChange:r=>p(r.target.value),placeholder:`Search ${o}s...`,id:`search-${o}`,autoFocus:!0,autoComplete:"off"})]}),!s&&e.jsxRuntimeExports.jsx(i.PickerButton,{label:`Pick ${o}s`,icon:"table_rows",onClick:()=>f("picker")})]}),s&&t&&e.jsxRuntimeExports.jsxs(i.SearchItems,{ref:C,children:[t?.pages.map((r,N)=>r.entities.map((u,P)=>{const T=t.pages.slice(0,N).reduce((x,q)=>x+q.entities.length,0)+P;return e.jsxRuntimeExports.jsxs(i.SearchItem,{onClick:()=>R(u),tabIndex:0,...b(T),children:[e.jsxRuntimeExports.jsx(B.EntityIcon,{entity:u}),e.jsxRuntimeExports.jsxs("span",{className:"label",children:[u.parents?.map((x,q)=>e.jsxRuntimeExports.jsxs(n.Fragment,{children:[e.jsxRuntimeExports.jsx("span",{children:x},q+"-path"),e.jsxRuntimeExports.jsx("span",{children:"/"},q+"-separator")]},q)),e.jsxRuntimeExports.jsx("strong",{children:u.label||u.name})]}),e.jsxRuntimeExports.jsx("span",{className:"type",children:u.subType||u.entityType})]},u.id)})),(j||m||h)&&e.jsxRuntimeExports.jsx(A,{})]}),!j&&l&&e.jsxRuntimeExports.jsx(i.Error,{children:l.message})]})};module.exports=F;
+"use strict";const e=require("../../../../_virtual/jsx-runtime.cjs.js"),n=require("react"),i=require("./LinksManager.styled.cjs.js"),L=require("@ynput/ayon-react-components");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");const y=require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const v=require("./hooks/useKeyboardNavigation.cjs.js"),A=require("./SearchingLoadingItems.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/SubtasksModulesContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");const w=require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");const B=require("../EntityIcon/EntityIcon.cjs.js"),F=({projectName:E,targetEntityType:o,onClose:g,onSearchTypeChange:f,onAdd:k})=>{const[s,p]=n.useState(""),c=n.useRef(null),a=w.useProjectContext();a?.folderTypes,a?.taskTypes,a?.productTypes;const{data:t,error:l,isLoading:j,hasNextPage:h,isFetchingNextPage:m,fetchNextPage:S}=y.useGetSearchedEntitiesLinksInfiniteQuery({projectName:E,entityType:o,search:s},{skip:!s}),d=n.useMemo(()=>t?.pages.flatMap(r=>r.entities)||[],[t]),R=r=>{k?.(r.id),p("")},I=()=>{g?.()},{containerRef:C,getItemProps:b}=v({entities:d,onSelect:R,onClose:I,isActive:!!(s&&d.length>0),hasNextPage:h,isFetchingNextPage:m,fetchNextPage:S});return n.useEffect(()=>{const r=setTimeout(()=>{c.current&&c.current.focus()},0);return()=>clearTimeout(r)},[t,s]),e.jsxRuntimeExports.jsxs(i.AddLinksContainer,{children:[e.jsxRuntimeExports.jsx(i.SubHeader,{children:"Add new link"}),e.jsxRuntimeExports.jsxs(i.SearchButtons,{children:[e.jsxRuntimeExports.jsxs(i.Search,{children:[e.jsxRuntimeExports.jsx(L.Icon,{icon:"search",className:"input-search"}),e.jsxRuntimeExports.jsx(i.SearchInput,{ref:c,value:s,onChange:r=>p(r.target.value),placeholder:`Search ${o}s...`,id:`search-${o}`,autoFocus:!0,autoComplete:"off"})]}),!s&&e.jsxRuntimeExports.jsx(i.PickerButton,{label:`Pick ${o}s`,icon:"table_rows",onClick:()=>f("picker")})]}),s&&t&&e.jsxRuntimeExports.jsxs(i.SearchItems,{ref:C,children:[t?.pages.map((r,N)=>r.entities.map((u,P)=>{const T=t.pages.slice(0,N).reduce((x,q)=>x+q.entities.length,0)+P;return e.jsxRuntimeExports.jsxs(i.SearchItem,{onClick:()=>R(u),tabIndex:0,...b(T),children:[e.jsxRuntimeExports.jsx(B.EntityIcon,{entity:u}),e.jsxRuntimeExports.jsxs("span",{className:"label",children:[u.parents?.map((x,q)=>e.jsxRuntimeExports.jsxs(n.Fragment,{children:[e.jsxRuntimeExports.jsx("span",{children:x},q+"-path"),e.jsxRuntimeExports.jsx("span",{children:"/"},q+"-separator")]},q)),e.jsxRuntimeExports.jsx("strong",{children:u.label||u.name})]}),e.jsxRuntimeExports.jsx("span",{className:"type",children:u.subType||u.entityType})]},u.id)})),(j||m||h)&&e.jsxRuntimeExports.jsx(A,{})]}),!j&&l&&e.jsxRuntimeExports.jsx(i.Error,{children:l.message})]})};module.exports=F;
 //# sourceMappingURL=AddNewLinks.cjs.js.map

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

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

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

@@ -73,6 +73,7 @@ import "../../api/queries/overview/updateOverview.es.js";
 import "../../api/queries/versions/getVersionsProducts.es.js";
 import "../../api/queries/permissions/getPermissions.es.js";
 import "../../api/queries/products/createProduct.es.js";
+import "../../api/queries/products/getFolderProducts.es.js";
 import "../../api/queries/project/getProject.es.js";
 import "../../api/queries/project/updateProject.es.js";
 import "../../api/queries/projectFolders/projectFolders.es.js";
@@ -112,7 +113,7 @@ import { useProjectContext as J } from "../../context/ProjectContext.es.js";
 import "../../context/ProjectFoldersContext.es.js";
 import "../../context/UriContext.es.js";
 import { EntityIcon as O } from "../EntityIcon/EntityIcon.es.js";
-const ro = ({
+const to = ({
   projectName: j,
   targetEntityType: e,
   onClose: g,
@@ -217,6 +218,6 @@ const ro = ({
   ] });
 };
 export {
-  ro as default
+  to as default
 };
 //# sourceMappingURL=AddNewLinks.es.js.map

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

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

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

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

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

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

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

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